78 lines
4.0 KiB
HTML
78 lines
4.0 KiB
HTML
<ion-view view-title='Rosen kaufen ..'>
|
|
<ion-content class="padding">
|
|
<div class="list card">
|
|
<div class="item item-divider oleo">.. für einen besonderen Menschen!</div>
|
|
<label class="item item-input item-stacked-label">
|
|
<span class="oleo-small" class="input-label">Name:</span>
|
|
<textarea placeholder="" rows="1" cols="1" class="oleo-small" ng-model="$parent.name"></textarea>
|
|
</label>
|
|
<label class="item item-input item-stacked-label">
|
|
<span class="oleo-small" class="input-label">Persönliche Nachricht:</span>
|
|
<textarea placeholder="" rows="4" cols="10" class="oleo-small" ng-model="$parent.freitext"></textarea>
|
|
</label>
|
|
|
|
<div
|
|
<div class="col col-100"><button class="button button-full button-small icon-left ion-android-hangout button-custom" ng-click="loadzitat()">kleine Hilfe? (Zufallstext)</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div style="padding-bottom:15px;">
|
|
<div class="item item-divider oleo">Wählen Sie Ihre Rosen aus:</div>
|
|
<ion-list ng-show="showrosen">
|
|
<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">{{ rosen1titel }}</h2>
|
|
<span class="oleo-vsmall">{{ rosen1beschreibung }}</span><br>
|
|
<span class="oleo-vsmall">{{ rosen1preistag }}</span>
|
|
</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">{{ rosen3titel }}</h2>
|
|
<span class="oleo-vsmall">{{ rosen3beschreibung }}</span><br>
|
|
<span class="oleo-vsmall">{{ rosen3preistag }}</span>
|
|
</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">{{ rosen9titel }}</h2>
|
|
<span class="oleo-vsmall">{{ rosen9beschreibung }}</span><br>
|
|
<span class="oleo-vsmall">{{ rosen9preistag }}</span>
|
|
</ion-radio>
|
|
<ion-radio ng-model="$parent.preis" ng-value="'rosenflatrate'" class="item item-thumbnail-left item-text-wrap" ng-show="showflatrate">
|
|
<img src="img/rose10.png">
|
|
<h2 class="oleo">{{ flateraterosentitel }}</h2>
|
|
<span class="oleo-vsmall">{{ flateraterosenbeschreibung }}</span><br>
|
|
<span class="oleo-vsmall">{{ flateraterosenpreistag }}</span>
|
|
</ion-radio>
|
|
</ion-list>
|
|
</div>
|
|
|
|
<div style="padding-bottom:15px;">
|
|
<button class="button button-full button-custom" modal-select="" ng-model="backgroundpic" options="backgrounds" on-select="getBackgroundOpt(newValue, oldValue)" modal-title="Hintergrund wählen">
|
|
{{ 'Hintergrund: ' + $parent.backgroundpic || 'Hintergrund'}}
|
|
<div class="option" class="item-thumbnail-left">
|
|
<img ng-src="{{option.image}}">
|
|
<h2>{{option.name}}</h2>
|
|
<p>{{option.beschreibung}}</p>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="list card">
|
|
<div class="item item-divider oleo">Rosen jetzt kaufen?</div>
|
|
|
|
<div class="row">
|
|
<div class="col col-50"><button class="button button-full button-small icon-left ion-image button-custom" ng-click="validate()">Vorschau</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="buyRose()">Jetzt Kaufen</button></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col col-100"><button class="button button-full button-small icon-left ion-image button-custom" ng-click="resetflat()">Reset Flatrate</button></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</ion-content>
|
|
</ion-view>
|