Neues Initialrelease mit IonicMaterial

This commit is contained in:
Carsten Hilmer
2016-08-22 12:55:52 +02:00
parent 30a5df79aa
commit 45e482b14d
1249 changed files with 305225 additions and 68794 deletions

View File

@@ -0,0 +1,117 @@
<!--View Information-->
<!--View name : Catalog-->
<!--Controller name : catalogCtrl-->
<!--Controller path : www/templates/themes/catalog/js/controllers.js-->
<!--State name : app.catalog-->
<!--URL : #app/catalog-->
<ion-view title="Material Shop">
<!--slide catalog section-->
<ion-slide-box id="slide-catalog-content" active-slide="0">
<!--slide section-->
<ion-slide>
<!--pin section-->
<div class="pin" ng-click="showConfirmDialog($event)">
<img ng-src="{{'img/shirt_01.png'}}"/>
<h1>Plain Shirt</h1>
<p>
A shirt with plain design.
</p>
<div class="pin-footer">
$<span class="pin-footer text-left font-sale">590</span>
<span class="pin-footer text-left font-hot-sale">$59</span>
</div>
</div><!--end pin section-->
</ion-slide>
<ion-slide>
<!--pin section-->
<div class="pin" ng-click="showConfirmDialog($event)">
<img ng-src="{{'img/shirt_02.png'}}"/>
<h1>Spring Shirt</h1>
<p>
A shirt with spring design.
</p>
<div class="pin-footer">
$<span class="pin-footer text-left font-sale">390</span>
<span class="pin-footer text-left font-hot-sale">$39</span>
</div>
</div> <!--end pin section-->
</ion-slide>
<ion-slide>
<!--pin section-->
<div class="pin" ng-click="showConfirmDialog($event)">
<img ng-src="{{'img/shirt_04.png'}}"/>
<h1>Plain Shirt</h1>
<p>
A shirt with plain design.
</p>
<div class="pin-footer">
$<span class="pin-footer text-left font-sale">390</span>
<span class="pin-footer text-left font-hot-sale">$39</span>
</div>
</div> <!--end pin section-->
</ion-slide>
<ion-slide>
<!--pin section-->
<div class="pin" ng-click="showConfirmDialog($event)">
<img ng-src="{{'img/shirt_06.png'}}"/>
<h1>Spring Shirt</h1>
<p>
A shirt with spring design.
</p>
<div class="pin-footer">
$<span class="pin-footer text-left font-sale">390</span>
<span class="pin-footer text-left font-hot-sale">$39</span>
</div>
</div> <!--end pin section-->
</ion-slide>
<ion-slide>
<!--pin section-->
<div class="pin" ng-click="showConfirmDialog($event)">
<img ng-src="{{'img/shirt_02.png'}}"/>
<h1>Plain Shirt</h1>
<p>
A shirt with plain design.
</p>
<div class="pin-footer">
$<span class="pin-footer text-left font-sale">390</span>
<span class="pin-footer text-left font-hot-sale">$39</span>
</div>
</div> <!--end pin section-->
</ion-slide>
<ion-slide>
<!--pin section-->
<div class="pin" ng-click="showConfirmDialog($event)">
<img ng-src="{{'img/shirt_01.png'}}"/>
<h1>Spring Shirt</h1>
<p>
A shirt with spring design.
</p>
<div class="pin-footer">
$<span class="pin-footer text-left font-sale">390</span>
<span class="pin-footer text-left font-hot-sale">$39</span>
</div>
</div> <!--end pin section-->
</ion-slide>
<!--end slide section-->
</ion-slide-box><!--end slide catalog section-->
</ion-view>

View File

@@ -0,0 +1,38 @@
// Controller of catalog Page.
appControllers.controller('catalogCtrl', function ($scope, $mdToast, $mdDialog) {
// showConfirmDialog for show alert box.
$scope.showConfirmDialog = function ($event) {
//mdDialog.show use for show alert box for Confirm Order.
$mdDialog.show({
controller: 'DialogController',
templateUrl: 'confirm-dialog.html',
targetEvent: $event,
locals: {
displayOption: {
title: "Confirm Order",
content: "Confirm to add Order.",
ok: "Confirm",
cancel: "Close"
}
}
}).then(function () {
// For confirm button to Order.
// Showing Item added.! toast.
$mdToast.show({
controller: 'toastController',
templateUrl: 'toast.html',
hideDelay: 1200,
position: 'top',
locals: {
displayOption: {
title: "Item added."
}
}
}); // Ends showing toast.
}, function () {
// For cancel button to Order.
});
}// End showConfirmDialog.
});// End of catalog controller.