Thumbnails-Background eingebaut, Styles angepasst
This commit is contained in:
@@ -201,6 +201,13 @@ module.exports = [
|
||||
"id": "cordova-plugin-whitelist.whitelist",
|
||||
"runs": true
|
||||
},
|
||||
{
|
||||
"file": "plugins/cordova-plugin-x-socialsharing/www/SocialSharing.js",
|
||||
"id": "cordova-plugin-x-socialsharing.SocialSharing",
|
||||
"clobbers": [
|
||||
"window.plugins.socialsharing"
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "plugins/cordova-sqlite-storage/www/SQLitePlugin.js",
|
||||
"id": "cordova-sqlite-storage.SQLitePlugin",
|
||||
@@ -222,13 +229,6 @@ module.exports = [
|
||||
"clobbers": [
|
||||
"window.plugins.sqlDB"
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "plugins/cordova-plugin-x-socialsharing/www/SocialSharing.js",
|
||||
"id": "cordova-plugin-x-socialsharing.SocialSharing",
|
||||
"clobbers": [
|
||||
"window.plugins.socialsharing"
|
||||
]
|
||||
}
|
||||
];
|
||||
module.exports.metadata =
|
||||
|
||||
@@ -11,16 +11,16 @@ angular.module('starter.controllers', [])
|
||||
|
||||
$scope.backgroundpic = "1";
|
||||
$scope.backgrounds = [
|
||||
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren"},
|
||||
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz"},
|
||||
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster"},
|
||||
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen"},
|
||||
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel"},
|
||||
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar"},
|
||||
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung"},
|
||||
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand"},
|
||||
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster"},
|
||||
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen"},
|
||||
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren", image="http://api.raataar.de/rosen/bg_1.png"},
|
||||
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz", image="http://api.raataar.de/rosen/bg_2.png"},
|
||||
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster", image="http://api.raataar.de/rosen/bg_3.png"},
|
||||
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen", image="http://api.raataar.de/rosen/bg_4.png"},
|
||||
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel", image="http://api.raataar.de/rosen/bg_5.png"},
|
||||
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar", image="http://api.raataar.de/rosen/bg_6.png"},
|
||||
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung", image="http://api.raataar.de/rosen/bg_7.png"},
|
||||
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand", image="http://api.raataar.de/rosen/bg_8.png"},
|
||||
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster", image="http://api.raataar.de/rosen/bg_9.png"},
|
||||
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen", image="http://api.raataar.de/rosen/bg_10.png"},
|
||||
];
|
||||
|
||||
|
||||
|
||||
@@ -49,7 +49,8 @@
|
||||
<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">
|
||||
<div class="option" class="item-thumbnail-left">
|
||||
<img ng-src="{{option.image}}">
|
||||
<h2>{{option.name}}</h2>
|
||||
<p>{{option.beschreibung}}</p>
|
||||
</div>
|
||||
|
||||
@@ -201,6 +201,13 @@ module.exports = [
|
||||
"id": "cordova-plugin-whitelist.whitelist",
|
||||
"runs": true
|
||||
},
|
||||
{
|
||||
"file": "plugins/cordova-plugin-x-socialsharing/www/SocialSharing.js",
|
||||
"id": "cordova-plugin-x-socialsharing.SocialSharing",
|
||||
"clobbers": [
|
||||
"window.plugins.socialsharing"
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "plugins/cordova-sqlite-storage/www/SQLitePlugin.js",
|
||||
"id": "cordova-sqlite-storage.SQLitePlugin",
|
||||
@@ -222,13 +229,6 @@ module.exports = [
|
||||
"clobbers": [
|
||||
"window.plugins.sqlDB"
|
||||
]
|
||||
},
|
||||
{
|
||||
"file": "plugins/cordova-plugin-x-socialsharing/www/SocialSharing.js",
|
||||
"id": "cordova-plugin-x-socialsharing.SocialSharing",
|
||||
"clobbers": [
|
||||
"window.plugins.socialsharing"
|
||||
]
|
||||
}
|
||||
];
|
||||
module.exports.metadata =
|
||||
|
||||
@@ -11,16 +11,16 @@ angular.module('starter.controllers', [])
|
||||
|
||||
$scope.backgroundpic = "1";
|
||||
$scope.backgrounds = [
|
||||
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren"},
|
||||
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz"},
|
||||
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster"},
|
||||
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen"},
|
||||
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel"},
|
||||
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar"},
|
||||
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung"},
|
||||
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand"},
|
||||
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster"},
|
||||
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen"},
|
||||
{ id: "1", name : "Hintergrund 1", backvalue : "1", beschreibung: "Herzen nit Tieren", image="http://api.raataar.de/rosen/bg_1.png"},
|
||||
{ id: "2", name : "Hintergrund 2", backvalue : "2", beschreibung: "EngelHerz", image="http://api.raataar.de/rosen/bg_2.png"},
|
||||
{ id: "3", name : "Hintergrund 3", backvalue : "3", beschreibung: "Herzenmuster", image="http://api.raataar.de/rosen/bg_3.png"},
|
||||
{ id: "4", name : "Hintergrund 4", backvalue : "4", beschreibung: "Herzpflanzen", image="http://api.raataar.de/rosen/bg_4.png"},
|
||||
{ id: "5", name : "Hintergrund 5", backvalue : "5", beschreibung: "Neutral dunkel", image="http://api.raataar.de/rosen/bg_5.png"},
|
||||
{ id: "6", name : "Hintergrund 6", backvalue : "6", beschreibung: "Springendes Paar", image="http://api.raataar.de/rosen/bg_6.png"},
|
||||
{ id: "7", name : "Hintergrund 7", backvalue : "7", beschreibung: "Herzen mit Verzierung", image="http://api.raataar.de/rosen/bg_7.png"},
|
||||
{ id: "8", name : "Hintergrund 8", backvalue : "8", beschreibung: "Hand in Hand", image="http://api.raataar.de/rosen/bg_8.png"},
|
||||
{ id: "9", name : "Hintergrund 9", backvalue : "9", beschreibung: "Stoffmuster", image="http://api.raataar.de/rosen/bg_9.png"},
|
||||
{ id: "10", name : "Hintergrund 10", backvalue : "10", beschreibung: "Ballons mit Herzen", image="http://api.raataar.de/rosen/bg_10.png"},
|
||||
];
|
||||
|
||||
|
||||
|
||||
@@ -49,7 +49,8 @@
|
||||
<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">
|
||||
<div class="option" class="item-thumbnail-left">
|
||||
<img ng-src="{{option.image}}">
|
||||
<h2>{{option.name}}</h2>
|
||||
<p>{{option.beschreibung}}</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user