63 lines
3.3 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?</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 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-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-social-euro button-custom" ng-disabled="!$parent.preis || !$parent.freitext || !$parent.name" ng-click="buyRose()">Jetzt Kaufen</button></div>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>