Raataar/pokedex
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Menues angepasst, Stylesheets mit Typen-Grafiken

Browse Source
This commit is contained in:
Hilmer, Carsten
2016-08-23 14:55:17 +02:00
parent 4a46dd2560
commit a3b9c29577
40 changed files with 9306 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
www/templates/application-storage/sqLite/html/contract-list.html
View File

@@ -18,8 +18,12 @@
<md-toolbar class="bar-subheader md-tall md-primary toolbar-medium">
<div>
<h1>Pokedex Helper</h1>
<h2>Dein Trainertool deluxe</h2>
<md-list-item>
<md-input-container md-no-float="" class="md-list-item-full-width">
<input ng-model="filterText" placeholder="Finde Pokemon...">
</md-input-container>
</md-list-item>
</div>
<a class="md-button md-accent md-fab fab-toolbar-medium"
ng-click="navigateTo('app.contractdetail',contract)"
@@ -33,12 +37,6 @@
<!--list section-->
<md-list>
<md-list-item>
<md-input-container md-no-float="" class="md-list-item-full-width">
<input ng-model="filterText" placeholder="Finde Pokemon...">
</md-input-container>
</md-list-item>
<!--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'">
@@ -46,13 +44,14 @@
<img ng-src="{{ pokemon.pokemonimage }}" class="image-list-thumb"/>
</div>
<div class="col-50">
<h3>{{ pokemon.pokemonname }}</h3>
<div ng-if="pokemon.pokemontypa > 0" class="chip">
<img src="{{ pokemon.pokemonimage }}" alt="PokemonTyp" width="96" height="96">
<h2>{{ pokemon.pokemonname }}</h2>
<h3>Nr.: {{ pokemon.pokedexidString }}</h3>
<div ng-if="pokemon.pokemontypa > 0" class="pokemontyp{{ pokemon.pokemontypa }}">
<img src="img/typbilder/{{ pokemon.pokemontypa }}.png" alt="PokemonTyp" width="96" height="96">
{{ pokemon.pokemontypaString }}
</div>
<div ng-if="pokemon.pokemontypb > 0" class="chip">
<img src="{{ pokemon.pokemonimage }}" alt="PokemonTyp" width="96" height="96">
<div ng-if="pokemon.pokemontypb > 0" class="pokemontyp{{ pokemon.pokemontypb }}">
<img src="img/typbilder/{{ pokemon.pokemontypb }}.png" alt="PokemonTyp" width="96" height="96">
{{ pokemon.pokemontypbString }}
</div>
</div>
@@ -64,14 +63,55 @@
<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">Edit</span>
<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.telephone)">
<span class="menu-item-button" >Call {{pokemon.telephone}}</span>
<a class="md-button md-default-theme" ng-click="callTo(contract.pokemonname)">
<span class="menu-item-button" >{{pokemon.pokemonname}} zu 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 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}} zum Vergleich öffnen</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">Zeige alle vom gleichen Typ</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">Zeige alle vom gleichen Typ {{ pokemon.pokemontypaString }}</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">Zeige alle vom gleichen Typ {{ pokemon.pokemontypbString }}</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">Zeige alle stärke Pokemon</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">Zeige alle schwächeren Pokemon</span>
</a>
</md-menu-item>
</md-menu-content>
</md-menu>
</div>

13
www/templates/application-storage/sqLite/js/services.js
View File

@@ -68,9 +68,22 @@ appServices.factory('pokedexDB', function ($cordovaSQLite)
{
for (var i = 0; i < res.rows.length; i++)
{
var dummypokedexid='';
dummypokedexid=res.rows.item(i).POKEDEXID;
if (dummypokedexid.length==1){
dummypokedexid='00' + dummypokedexid;
}
if (dummypokedexid.length==2){
dummypokedexid='0' + dummypokedexid;
}
var dataItem = {
id : res.rows.item(i).ID ,
pokedexid : res.rows.item(i).POKEDEXID ,
pokedexidString : dummypokedexid ,
pokemonname : res.rows.item(i).POKEMONNAME ,
pokemontypa : res.rows.item(i).POKEMONTYPA ,
pokemontypb : res.rows.item(i).POKEMONTYPB ,