142 lines
7.4 KiB
HTML
142 lines
7.4 KiB
HTML
<!--View Information-->
|
|
<!--View name : Contract List-->
|
|
<!--Controller name : contractListCtrl-->
|
|
<!--Controller path : www/templates/application-storage/sqLite/js/controllers.js-->
|
|
<!--State name : app.contractlist-->
|
|
<!--URL : #app/contractlist-->
|
|
|
|
<ion-view view-title="Pokedex Helper">
|
|
<!--right button on navigation bar-->
|
|
<ion-nav-buttons side="right">
|
|
<md-button ng-disabled="isLoading" class="md-icon-button ion-nav-button-right" ng-click="navigateTo('app.contractsetting')"
|
|
aria-label="Setting">
|
|
<i class="ion-android-more-vertical"></i>
|
|
</md-button>
|
|
</ion-nav-buttons> <!--end right button on navigation bar-->
|
|
|
|
<!--toolbar section-->
|
|
<md-toolbar class="bar-subheader">
|
|
<div>
|
|
<md-list-item>
|
|
<md-input-container md-no-float="" class="md-list-item-full-width">
|
|
<input ng-model="filterText" placeholder="Finde Pokemon..." ng-minlength="3">
|
|
</md-input-container>
|
|
</md-list-item>
|
|
</div>
|
|
</md-toolbar><!--end toolbar section-->
|
|
|
|
<!--contract list section-->
|
|
<ion-content id="contract-list-content" class="fade-in">
|
|
<!--list section-->
|
|
<md-list>
|
|
|
|
<!--Below code it will disable animation to better performance-->
|
|
<div ng-if="!isAnimated" class="row contract-list-item"
|
|
ng-repeat="pokemon in pokemons | filter: filterText | orderBy: 'pokemonname' | limitTo: numberOfItemsToDisplay">
|
|
<div class="col-25 icon-user">
|
|
<img ng-src="{{ pokemon.pokemonimage }}" class="image-list-thumb"/>
|
|
|
|
<md-menu md-position-mode="target-right target" class="md-list-item-md-menu-right">
|
|
<p ng-click="$mdOpenMenu()">
|
|
<md-icon md-menu-origin md-svg-icon="img/icons/action.svg"></md-icon>
|
|
</p>
|
|
<md-menu-content width="1">
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">Details anzeigen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="callTo(contract.pokemonname)">
|
|
<span class="menu-item-button" >{{pokemon.pokemonname}} zu deinen Lesezeichen hinzufügen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">{{pokemon.pokemonname}} zu deinen Favoriten hinzufügen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">{{pokemon.pokemonname}} mit anderem Pokemon vergleichen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">Pokemon vom gleichen Typ anzeigen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">Pokemon vom gleichen Typ {{ pokemon.pokemontypaString }} anzeigen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
|
|
<md-menu-item ng-if="pokemon.pokemontypb > 0">
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">Pokemon vom gleichen Typ {{ pokemon.pokemontypbString }} anzeigen</span>
|
|
</a>
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">Welche Pokemon sind stärker als {{pokemon.pokemonname}}</span>
|
|
</a>
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
<a class="md-button md-default-theme" ng-click="navigateTo('app.contractdetail',contract)">
|
|
<span class="menu-item-button">Welche Pokemon sind schwächer als {{pokemon.pokemonname}}</span>
|
|
</a>
|
|
</md-menu-item>
|
|
|
|
</md-menu-content>
|
|
</md-menu>
|
|
|
|
|
|
</div>
|
|
<div class="col-75">
|
|
<h4>{{ pokemon.pokemonname }}</h4>
|
|
<h5>Pokedex-Id: {{ pokemon.pokedexidString }}</h5>
|
|
<div ng-if="pokemon.pokemontypa > 0" class="pokemontyp{{ pokemon.pokemontypa }}">
|
|
<img src="img/typbilder/{{ pokemon.pokemontypa }}.png" alt="PokemonTyp" width="32" height="32">
|
|
{{ pokemon.pokemontypaString }}
|
|
</div>
|
|
<div ng-if="pokemon.pokemontypb > 0" class="pokemontyp{{ pokemon.pokemontypb }}">
|
|
<img src="img/typbilder/{{ pokemon.pokemontypb }}.png" alt="PokemonTyp" width="32" height="32">
|
|
{{ pokemon.pokemontypbString }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Below code it will show animation when selecting row.-->
|
|
<md-list-item ng-if="isAnimated" class="md-list-item-default"
|
|
ng-click="navigateTo('app.contractdetail',pokemon)"
|
|
ng-repeat="pokemon in pokemons | filter: filterText | orderBy: 'pokemonname'">
|
|
|
|
<img ng-src="{{ pokemon.pokemonimage }}" class="image-list-thumb"/>
|
|
|
|
<p>{{ pokemon.pokemonname }} {{ pokemon.pokemonimage }}</p>
|
|
<md-switch class="md-secondary"
|
|
ng-model="pokemon.isEnable"
|
|
ng-change="updateContract(pokemon)">
|
|
</md-switch>
|
|
</md-list-item>
|
|
|
|
</md-list>
|
|
<!--end list section-->
|
|
|
|
|
|
<ion-infinite-scroll on-infinite="addMoreItem()" ng-if="pokemons.length > numberOfItemsToDisplay"></ion-infinite-scroll>
|
|
|
|
</ion-content><!--end contract list section-->
|
|
|
|
<!--loading progress-->
|
|
<div id="contract-list-loading-progress" class="loading-progress fade-in">
|
|
<ion-spinner ng-if="!isAndroid" class="progress-circular"></ion-spinner>
|
|
<md-progress-circular ng-if="isAndroid" md-mode="indeterminate"></md-progress-circular>
|
|
</div><!--end loading progress-->
|
|
|
|
</ion-view> |