Raataar/Wolle-Rosen-Kaufen
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Neues Layout

Browse Source
This commit is contained in:
Akki 2016-01-14 23:52:18 +01:00
parent 5b6397ea1a
commit 30587e92e7
6 changed files with 45 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platforms/android/assets/www/templates/tab-dash.html
View File

@ -18,7 +18,7 @@
</label> </label>
</div> </div>
<div style="padding-bottom:15px;"> <div style="padding-bottom:15px;">
<div class="item item-divider oswald">Wählen Sie Ihre Rosen aus</div> <div class="item item-divider oleo">Wählen Sie Ihre Rosen aus</div>
<ion-list> <ion-list>
<ion-radio ng-model="$parent.preis" ng-value="'1xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose1.png"><h2 class="lobster">1 Rose </h2><p>Preis: 0,50 € (inkl. Mwst 0,59 €)</p></ion-radio> <ion-radio ng-model="$parent.preis" ng-value="'1xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose1.png"><h2 class="lobster">1 Rose </h2><p>Preis: 0,50 € (inkl. Mwst 0,59 €)</p></ion-radio>
<ion-radio ng-model="$parent.preis" ng-value="'3xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose3.png"><h2 class="lobster">3 Rosen</h2><p>Preis: 1,00 € (inkl. Mwst 1,19 €)</p></ion-radio> <ion-radio ng-model="$parent.preis" ng-value="'3xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose3.png"><h2 class="lobster">3 Rosen</h2><p>Preis: 1,00 € (inkl. Mwst 1,19 €)</p></ion-radio>

31
www/css/style.css
View File

@ -3,6 +3,7 @@
font-family: 'Lobster', cursive; font-family: 'Lobster', cursive;
} }
.lobsterMiddle{ .lobsterMiddle{
font-family: 'Lobster', cursive; font-family: 'Lobster', cursive;
font-size: 1.2em; font-size: 1.2em;
@ -22,35 +23,45 @@
.item-divider{ .item-divider{
background-image: linear-gradient( background-image: linear-gradient(
hsla(340, 100%, 35%, 1) 20%, hsla(0, 94%, 33%, 1) 20%,
hsl(340,100%,54%) 90% hsl(0,94%,54%) 90%
); );
color:white; color:white;
} }
.tabs-addddssertive > .tabs{ .tabs-addddssertive > .tabs{
background-image: linear-gradient( background-image: linear-gradient(
hsla(340, 100%, 35%, 1) 20%, hsla(0, 94%, 33%, 1) 20%,
hsl(340,100%,54%) 90% hsl(0,94%,54%) 90%
) !important; ) !important;
} }
.tabs-assertive > .tabs{ .tabs-assertive > .tabs{
background-color: #BD0340 !important; background-color: #A50505 !important;
} }
.bar-custom{ .bar-custom{
background-image: linear-gradient( background-image: linear-gradient(
hsla(340, 100%, 35%, 1) 20%, hsla(0, 94%, 33%, 1) 20%,
hsl(340,100%,54%) 90% hsl(0,94%,54%) 90%
) !important; ) !important;
font-family: 'Bubblegum Sans', cursive;
} }
.button-custom{ .button-custom{
background-color: #C60545; font-family: 'Bubblegum Sans', cursive;
background-color: #A50505;
text-decoration: none; text-decoration: none;
border: 1px solid #C60545; border: 1px solid #A50505;
border-color: #F9135F #F9135F #F9135F #F9135F;
color: #fff color: #fff
} }
.oleo{
font-family: 'Bubblegum Sans', cursive;
font-size: 1.3em !important;
}

1
www/index.html
View File

@ -8,6 +8,7 @@
<link href="lib/ionic/css/ionic.css" rel="stylesheet"> <link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bubblegum+Sans' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above

2
www/lib/ionic/css/ionic.css
View File

@ -1,4 +1,4 @@
@charset "UTF-8"; @charset "UTF-8";
/*! /*!
* Copyright 2014 Drifty Co. * Copyright 2014 Drifty Co.
* http://drifty.com/ * http://drifty.com/

10
www/templates/tab-buys.html
View File

@ -1,10 +1,10 @@
<ion-view view-title="Gekaufte Rosen"> <ion-view view-title="Gekaufte Rosen">
<ion-content> <ion-content class="padding">
<div style="padding-bottom:15px;"> <div style="padding-bottom:15px;">
<div class="item item-divider oswald">Hier können Sie Ihre gekauften Rosen ansehen oder nochmals versenden!</div>
<ul class="list"> <ul class="list card">
<div class="item item-divider oleo">Hier können Sie Ihre gekauften Rosen ansehen oder nochmals versenden!</div>
<a class="item item-thumbnail-left item-button-right" href="#" ng-repeat="i in items" ng-model="items"> <a class="item item-thumbnail-left item-button-right" href="#" ng-repeat="i in items" ng-model="items">
<img src="img/rose1.png"> <img src="img/rose1.png">
@ -21,10 +21,6 @@
</a> </a>
</ul> </ul>
</div> </div>

35
www/templates/tab-dash.html
View File

@ -1,42 +1,27 @@
<ion-view view-title='Rosen kaufen'> <ion-view view-title='Rosen kaufen'>
<ion-content class="padding"> <ion-content class="padding">
<div class="list card"> <div class="list card">
<div class="item item-divider oswald">Wolle Rose kaufen?</div> <div class="item item-divider oleo">Schenken Sie einem besonderen Menschen eine außergewöhnliche Aufmerksamkeit!</div>
<div class="item item-body lobster">
<div style="padding-bottom:25px;">
Schenken Sie einem besonderen Menschen eine aussergewöhnliche Aufmerksamkeit.
</div>
<div class="item item-divider oswald">An wen wollen Sie die Rose verschenken</div>
<div class="list list-inset" style="padding-bottom:15px;">
<label class="item item-input item-stacked-label"> <label class="item item-input item-stacked-label">
<span class="input-label">Name Ihres Liebsten:</span> <span class="input-label">Name Ihres Liebsten:</span>
<input type="text" placeholder="" class="lobster" ng-model="$parent.name"> <input type="text" placeholder="" class="oleo" ng-model="$parent.name">
</label> </label>
<label class="item item-input item-stacked-label"> <label class="item item-input item-stacked-label">
<span class="input-label">Ihre persönliche Nachricht:</span> <span class="input-label">Ihre persönliche Nachricht:</span>
<textarea placeholder="" rows="4" cols="10" class="lobster" ng-model="$parent.freitext"></textarea> <textarea placeholder="" rows="4" cols="10" class="oleo" ng-model="$parent.freitext"></textarea>
</label> </label>
</div> </div>
<div style="padding-bottom:15px;"> <div style="padding-bottom:15px;">
<div class="item item-divider oswald">Wählen Sie Ihre Rosen aus</div> <div class="item item-divider oleo">Wählen Sie Ihre Rosen aus:</div>
<ion-list> <ion-list>
<ion-radio ng-model="$parent.preis" ng-value="'1xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose1.png"><h2 class="lobster">1 Rose </h2><p>Preis: 0,50 € (inkl. Mwst 0,59 €)</p></ion-radio> <ion-radio ng-model="$parent.preis" ng-value="'1xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose1.png"><h2 class="oleo">1 Rose </h2><p>Preis: 0,50 € (zzgl. gesetzl. MwSt.)</p></ion-radio>
<ion-radio ng-model="$parent.preis" ng-value="'3xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose3.png"><h2 class="lobster">3 Rosen</h2><p>Preis: 1,00 € (inkl. Mwst 1,19 €)</p></ion-radio> <ion-radio ng-model="$parent.preis" ng-value="'3xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose3.png"><h2 class="oleo">3 Rosen</h2><p>Preis: 1,00 € (zzgl. gesetzl. MwSt.)</p></ion-radio>
<ion-radio ng-model="$parent.preis" ng-value="'9xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose10.png"><h2 class="lobster">9 Rosen</h2><p>Preis: 2,00 € (inkl. Mwst 2,38 €)</p></ion-radio> <ion-radio ng-model="$parent.preis" ng-value="'9xrose'" class="item item-thumbnail-left item-text-wrap"><img src="img/rose10.png"><h2 class="oleo">9 Rosen</h2><p>Preis: 2,00 € (zzgl. gesetzl. MwSt.)</p></ion-radio>
</ion-list> </ion-list>
<label class="item item-input item-select">
<div class="input-label">
Farbe
</div> </div>
<select>
<option selected>Rot</option>
<option>Gelb</option>
<option>Weiß</option>
</select>
</label>
</div>
<div class="item item-divider oswald">Rosen kaufen?</div>
<div class="list card">
<div class="item item-divider oleo">Rosen jetzt kaufen?</div>
<div class="row"> <div class="row">
<div class="col col-50"><button class="button button-full button-small icon-left ion-image button-custom" ng-disabled="!$parent.preis || !$parent.name || !$parent.freitext" ng-click="validate()">Vorschau</button></div> <div class="col col-50"><button class="button button-full button-small icon-left ion-image button-custom" ng-disabled="!$parent.preis || !$parent.name || !$parent.freitext" ng-click="validate()">Vorschau</button></div>
@ -47,7 +32,7 @@
<div class="col col-50"><button class="button button-full button-small icon-left ion-image button-custom" ng-disabled="!$parent.preis || !$parent.name || !$parent.freitext" ng-click="loaddata()">Laden</button></div> <div class="col col-50"><button class="button button-full button-small icon-left ion-image button-custom" ng-disabled="!$parent.preis || !$parent.name || !$parent.freitext" ng-click="loaddata()">Laden</button></div>
<div class="col col-50"><button class="button button-full button-small icon-left ion-social-euro button-custom" ng-disabled="!$parent.preis || !$parent.freitext || !$parent.name" ng-click="savedata()">Speichern</button></div> <div class="col col-50"><button class="button button-full button-small icon-left ion-social-euro button-custom" ng-disabled="!$parent.preis || !$parent.freitext || !$parent.name" ng-click="savedata()">Speichern</button></div>
</div> </div>
</div>
</div> </div>
</div> </div>