Neues Initialrelease mit IonicMaterial

README.md

@@ -4,22 +4,19 @@ Pokemon Pokedex App
 
 Installation Plugins
 --------------------
-
-bower install ionic-material
-https://recordnotfound.com/Ionic-Material-zachfitz-109229
-bower install robotodraft 
-
-
-ionic platform add android
+ionic plugin add cordova-plugin-statusbar
 ionic plugin add cordova-plugin-device
 ionic plugin add cordova-plugin-console
-ionic plugin add cordova-plugin-whitelist
-ionic plugin add cordova-plugin-splashscreen
-ionic plugin add cordova-plugin-statusbar
-ionic plugin add ionic-plugin-keyboard
-//https://github.com/poiuytrez/AndroidInAppBilling
+ionic plugin add cordova-plugin-transport-security
 ionic plugin add cordova-plugin-inappbrowser
+ionic plugin add cordova-plugin-splashscreen
+ionic plugin add cordova-plugin-admobpro
+ionic plugin add ionic-plugin-keyboard
+ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git
+ionic plugin add https://github.com/wymsee/cordova-imagePicker.git
+ionic plugin add https://github.com/litehelpers/Cordova-sqlite-storage.git#0.7.14
 ionic plugin add cordova-plugin-file
 ionic plugin add cordova-plugin-file-transfer
 ionic plugin add https://github.com/an-rahulpandey/cordova-plugin-dbcopy.git
-ionic plugin add cordova-sqlite-storage
+ionic browser add crosswalk
+

config.xml

@@ -1,14 +1,18 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget id="com.ionicframework.pokedex126938" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
-    <name>pokedex</name>
+<widget id="com.ionicframework.ionicmaterialdesign392344" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+    <name>IonicMaterialDesign</name>
     <description>
-        An Ionic Framework and Cordova project.
-    </description>
-    <author email="you@example.com" href="http://example.com.com/">
-      Your Name Here
-    </author>
+    An Ionic Framework and Cordova project.
+  </description>
+    <author email="ionicmaterialdesign@gmail.com" href="http://ionicframework.com/">
+    Ionic Up Team
+  </author>
     <content src="index.html" />
+    <allow-navigation href="tel:*" />
     <access origin="*" />
+    <access launch-external="yes" origin="tel:*" />
+    <access launch-external="yes" origin="maps:*" />
+    <access launch-external="yes" origin="geo:*" />
     <preference name="webviewbounce" value="false" />
     <preference name="UIWebViewBounce" value="false" />
     <preference name="DisallowOverscroll" value="true" />
@@ -20,6 +24,38 @@
     <feature name="StatusBar">
         <param name="ios-package" onload="true" value="CDVStatusBar" />
     </feature>
+    <plugin name="cordova-plugin-contacts" spec="~2.1.0" />
+    <engine name="ios" spec="~4.1.1" />
+    <platform name="ios">
+        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
+        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
+        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
+        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
+        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
+        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
+        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
+        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
+        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
+        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
+        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
+        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
+        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
+        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
+        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
+        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
+        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
+        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
+        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
+        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
+        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
+        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
+        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
+        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
+        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
+        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
+        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
+        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
+    </platform>
     <platform name="android">
         <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
         <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
@@ -40,5 +76,9 @@
         <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
         <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
     </platform>
-    <plugin name="cordova-sqlite-storage" spec="~1.4.6" />
+    <icon src="resources/android/icon/drawable-xhdpi-icon.png" />
+    <preference name="xwalkVersion" value="19+" />
+    <preference name="xwalkCommandLine" value="--disable-pull-to-refresh-effect" />
+    <preference name="xwalkMode" value="embedded" />
+    <preference name="xwalkMultipleApk" value="true" />
 </widget>

gulpfile.js

@@ -14,7 +14,7 @@ var paths = {
 gulp.task('default', ['sass']);
 
 gulp.task('sass', function(done) {
-  gulp.src('./scss/ionic.app.scss')
+  gulp.src('./scss/*.scss')
     .pipe(sass())
     .on('error', sass.logError)
     .pipe(gulp.dest('./www/css/'))

ionic.project

@@ -1,4 +1,19 @@
 {
-  "name": "pokedex",
-  "app_id": ""
+  "name": "IonicMaterialDesign",
+  "app_id": "",
+  "gulpStartupTasks": [
+    "sass",
+    "watch"
+  ],
+  "watchPatterns": [
+    "www/**/*",
+    "!www/lib/**/*"
+  ],
+  "browsers": [
+    {
+      "platform": "android",
+      "browser": "crosswalk",
+      "version": "12.41.296.5"
+    }
+  ]
 }

npm-debug.log

@@ -1,96 +0,0 @@
-0 info it worked if it ends with ok
-1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
-1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
-1 verbose cli   'install',
-1 verbose cli   'ionic-filter-bar' ]
-2 info using npm@2.15.8
-3 info using node@v4.4.7
-4 verbose install initial load of C:\_IONIC_\pokedex\package.json
-5 warn package.json pokedex@1.1.1 No repository field.
-6 warn package.json pokedex@1.1.1 No license field.
-7 verbose readDependencies loading dependencies from C:\_IONIC_\pokedex\package.json
-8 silly cache add args [ 'ionic-filter-bar', null ]
-9 verbose cache add spec ionic-filter-bar
-10 silly cache add parsed spec Result {
-10 silly cache add   raw: 'ionic-filter-bar',
-10 silly cache add   scope: null,
-10 silly cache add   name: 'ionic-filter-bar',
-10 silly cache add   rawSpec: '',
-10 silly cache add   spec: 'latest',
-10 silly cache add   type: 'tag' }
-11 silly addNamed ionic-filter-bar@latest
-12 verbose addNamed "latest" is being treated as a dist-tag for ionic-filter-bar
-13 info addNameTag [ 'ionic-filter-bar', 'latest' ]
-14 silly mapToRegistry name ionic-filter-bar
-15 silly mapToRegistry using default registry
-16 silly mapToRegistry registry https://registry.npmjs.org/
-17 silly mapToRegistry data Result {
-17 silly mapToRegistry   raw: 'ionic-filter-bar',
-17 silly mapToRegistry   scope: null,
-17 silly mapToRegistry   name: 'ionic-filter-bar',
-17 silly mapToRegistry   rawSpec: '',
-17 silly mapToRegistry   spec: 'latest',
-17 silly mapToRegistry   type: 'tag' }
-18 silly mapToRegistry uri https://registry.npmjs.org/ionic-filter-bar
-19 verbose addNameTag registry:https://registry.npmjs.org/ionic-filter-bar not in flight; fetching
-20 verbose request uri https://registry.npmjs.org/ionic-filter-bar
-21 verbose request no auth needed
-22 info attempt registry request try #1 at 13:39:33
-23 verbose request id 858570eea89506d8
-24 http request GET https://registry.npmjs.org/ionic-filter-bar
-25 http 404 https://registry.npmjs.org/ionic-filter-bar
-26 verbose headers { 'content-type': 'application/json',
-26 verbose headers   'cache-control': 'max-age=0',
-26 verbose headers   'content-length': '2',
-26 verbose headers   'accept-ranges': 'bytes',
-26 verbose headers   date: 'Tue, 09 Aug 2016 11:39:34 GMT',
-26 verbose headers   via: '1.1 varnish',
-26 verbose headers   age: '0',
-26 verbose headers   connection: 'keep-alive',
-26 verbose headers   'x-served-by': 'cache-fra1223-FRA',
-26 verbose headers   'x-cache': 'MISS',
-26 verbose headers   'x-cache-hits': '0',
-26 verbose headers   'x-timer': 'S1470742773.957018,VS0,VE116',
-26 verbose headers   vary: 'Accept-Encoding' }
-27 silly get cb [ 404,
-27 silly get   { 'content-type': 'application/json',
-27 silly get     'cache-control': 'max-age=0',
-27 silly get     'content-length': '2',
-27 silly get     'accept-ranges': 'bytes',
-27 silly get     date: 'Tue, 09 Aug 2016 11:39:34 GMT',
-27 silly get     via: '1.1 varnish',
-27 silly get     age: '0',
-27 silly get     connection: 'keep-alive',
-27 silly get     'x-served-by': 'cache-fra1223-FRA',
-27 silly get     'x-cache': 'MISS',
-27 silly get     'x-cache-hits': '0',
-27 silly get     'x-timer': 'S1470742773.957018,VS0,VE116',
-27 silly get     vary: 'Accept-Encoding' } ]
-28 verbose stack Error: Registry returned 404 for GET on https://registry.npmjs.org/ionic-filter-bar
-28 verbose stack     at makeError (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-registry-client\lib\request.js:264:12)
-28 verbose stack     at CachingRegistryClient.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-registry-client\lib\request.js:242:14)
-28 verbose stack     at Request._callback (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-registry-client\lib\request.js:172:14)
-28 verbose stack     at Request.self.callback (C:\Program Files\nodejs\node_modules\npm\node_modules\request\request.js:200:22)
-28 verbose stack     at emitTwo (events.js:87:13)
-28 verbose stack     at Request.emit (events.js:172:7)
-28 verbose stack     at Request.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\request\request.js:1067:10)
-28 verbose stack     at emitOne (events.js:82:20)
-28 verbose stack     at Request.emit (events.js:169:7)
-28 verbose stack     at IncomingMessage.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\request\request.js:988:12)
-29 verbose statusCode 404
-30 verbose pkgid ionic-filter-bar
-31 verbose cwd C:\_IONIC_\pokedex
-32 error Windows_NT 10.0.10586
-33 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "ionic-filter-bar"
-34 error node v4.4.7
-35 error npm  v2.15.8
-36 error code E404
-37 error 404 Registry returned 404 for GET on https://registry.npmjs.org/ionic-filter-bar
-37 error 404
-37 error 404 'ionic-filter-bar' is not in the npm registry.
-37 error 404 You should bug the author to publish it (or use the name yourself!)
-37 error 404 It was specified as a dependency of 'pokedex'
-37 error 404
-37 error 404 Note that you can also install from a
-37 error 404 tarball, folder, http url, or git url.
-38 verbose exit [ 1, true ]

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "pokedex",
+  "name": "ionicmaterialdesign",
   "version": "1.1.1",
-  "description": "pokedex: An Ionic project",
+  "description": "IonicMaterialDesign: An Ionic project",
   "dependencies": {
     "gulp": "^3.5.6",
     "gulp-sass": "^2.0.4",
@@ -15,29 +15,39 @@
     "shelljs": "^0.3.0"
   },
   "cordovaPlugins": [
+    "cordova-plugin-statusbar",
     "cordova-plugin-device",
     "cordova-plugin-console",
-    "cordova-plugin-whitelist",
+    "cordova-plugin-transport-security",
+    "cordova-plugin-inappbrowser",
     "cordova-plugin-splashscreen",
-    "cordova-plugin-statusbar",
+    "cordova-plugin-admobpro",
     "ionic-plugin-keyboard",
     {
-      "variables": {
-        "BILLING_KEY": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm/DQuSuSDJgbmTThI8xMlwTf0IKvPWzsKUPRDw2pkoaWz2U+RL3AHUTwmUhXxpLGMvj7PC0Jt4xp9ilO5h5tWQ7TrqUxdTPBeL8U+WZHoQIDFmgi+ovWdClgA6aAHs1VARKPxCM2F4ngzCFIdIsiign1IeFo+uVMcel8IgUJIQX1zy7MabnQY+jIU97xjHb2bIQQsoUG40fm7jYoXWxM8OkyAdeBfXx6eGgpbvnUvjFqVlJEEGBy4ysM4K/XajBFlge4VINku8NCiGfpWUixtvEssrLX95f1r1Vo4Zw+OPp0uyVt5OyC0IeLPZyzpw0aDDxY1x3EiGhviRkKaOIgIwIDAQAB"
-      },
-      "locator": "D:\\Projekte\\Android\\Plugins\\AndroidInAppBilling",
-      "id": "com.smartmobilesoftware.androidinappbilling"
+      "locator": "https://github.com/apache/cordova-plugin-whitelist.git",
+      "id": "cordova-plugin-whitelist"
+    },
+    {
+      "locator": "https://github.com/wymsee/cordova-imagePicker.git",
+      "id": "cordova-plugin-image-picker"
+    },
+    {
+      "locator": "https://github.com/litehelpers/Cordova-sqlite-storage.git#0.7.14",
+      "id": "cordova-sqlite-storage"
+    },
+    {
+      "locator": "https://github.com/katzer/cordova-plugin-local-notifications",
+      "id": "de.appplant.cordova.plugin.local-notification"
     },
-    "cordova-plugin-inappbrowser",
-    "cordova-plugin-file",
-    "cordova-plugin-file-transfer",
-    "cordova-sqlite-storage",
     {
       "locator": "https://github.com/an-rahulpandey/cordova-plugin-dbcopy.git",
       "id": "cordova-plugin-dbcopy"
-    }
+    },
+    "cordova-plugin-file",
+    "cordova-plugin-file-transfer"
   ],
   "cordovaPlatforms": [
+    "ios",
     "android"
   ]
 }

version.txt

@@ -0,0 +1,154 @@
+Ionic Material Design
+==========================================
+
+Version 4.2 - Released 24 June 2016
+
+==========================================
+Plugin :
+- Add plugin cordova-plugin-whitelist to avoid http 404 errors when your app tries to make network requests on android.
+——————————————————————————————————————————
+CSS :
+- Add hidden overflow-x to class product-slide-list to fix horizontal scroll bar appear on page load.
+
+==========================================
+
+Version 4.1 - Released 30 May 2016
+
+==========================================
+Update Framework :
+- Update cordova to lasted version.
+- Remove fix plugin version.
+——————————————————————————————————————————
+Update Feature :
+- Change plugin AdMob to AdMob Pro version for use more stable version.
+——————————————————————————————————————————
+Plugin :
+- Because of plugin update make npm throw error while installing plugin. We are changed below plugin to stable version :
+- Change plugin https://github.com/floatinghotpot/cordova-plugin-admob.git (AdMob) to cordova-plugin-admobpro (AdMob Pro)
+- Change plugin de.appplant.cordova.plugin.email-composer@0.8.2 to cordova-plugin-email-composer
+- Change plugin org.apache.cordova.splashscreen@1.0.0 to cordova-plugin-splashscreen
+- Removed unused plugin cordova-plugin-googleplayservices@19.0.3 because of changed plugin AdMob to AdMob Pro version.
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-4) Add Ionic Plugin
+    Change plugin https://github.com/floatinghotpot/cordova-plugin-admob.git (AdMob) to cordova-plugin-admobpro (AdMob Pro)
+    Change plugin de.appplant.cordova.plugin.email-composer@0.8.2 to cordova-plugin-email-composer
+    Change plugin org.apache.cordova.splashscreen@1.0.0 to cordova-plugin-splashscreen
+    Removed unused plugin cordova-plugin-googleplayservices@19.0.3 because of changed plugin AdMob to AdMob Pro version.
+- Update content of section D-7 Android Build
+    Add new instruction for build AdMob Pro in android to avoid build error.
+- Update content of section D-13) Update project to latest version
+    Add new content of file and resource that update in this version.
+-   Update content of section M) Support
+    Add new content about devise size
+- Update content of section J-2-2) Facebook
+    Update new content of Facebook API Registration according from Facebook update.
+
+==========================================
+
+Version 4 - Released 24 February 2016
+
+==========================================
+New Feature :
+- Show popup dialog before application close when tap Back Button on android.
+- Make the side menu close when swipe left on side menu.
+- Make the side menu close when tap Back Button on android.
+- Make the bottom sheet close when tap Back Button on android.
+- Make the popup dialog close when tap Back Button on android.
+- Make the md-menu close when tap Back Button on android.
+- Make the md-select close when tap Back Button on android.
+——————————————————————————————————————————
+Update Feature :
+- SQLite contract list page will show grid with md-menu by default.
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-4) Add Ionic Plugin
+    1.Update plugin cordova-plugin-inappbrowser to version 1.1.3
+    2.Change cordova-plugin-splashscreen plugin to org.apache.cordova.splashscreen to support new version of Android and IOS
+    3.Remove section of About local notifications plugin Because the probelm has been fixed.
+- Remove content of section Plugin that will not working on El Capitan, Xcode 7 (Only IOS) Because the probelm has been fixed.
+- Add new section Update project to latest version for project update instruction.
+- Add new content of section Support
+
+==========================================
+
+Version 3.3 - Released 08 February 2016
+
+==========================================
+Documentation :
+- Update content of section D-4) Add Ionic Plugin
+   1.Fix version of cordova plugin to avoid plugin update not compatible with framework make project build failed.
+   2.Change plugin cordova-plugin-inappbrowser to version 1.1.1 because of version 1.1.2 have error about callback url.
+   3.Add new section About local notifications plugin
+     - For IOS Build from Mac OS Version that is not : El Capitan
+     - For Android Build (Mac and Windows)
+- Update new content of section K) Known Issues : Plugin that will not working on El Capitan, Xcode 7 (Only IOS).
+   1.Flash Light
+   2.Image Picker
+   3.Send Text Messages
+
+==========================================
+
+Version 3.2 - Released 10 January 2016
+
+==========================================
+Plugin :
+- Change ionic plugin keyboard to stable version from com.ionic.keyboard to ionic-plugin-keyboard
+- Add new googleplayservices plugin to supprot dependencies update of AdMob plugin.
+——————————————————————————————————————————
+Update package.json File :
+- Update dependencies and devDependencies of gulp-sass from version ^1.3.3 to ^2.0.0 for support NodeJs version > 4.0.0
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-1) Installing Ionic Framework to using NodeJs LTS version to avoid cordova plugin issue.
+- Add new content of section D-1) Installing Ionic Framework about instruction for Mac OS El Capitan to fix issue of
+  cordova when add platform then it will get failed return (cordova keeps a cached version in your ${HOME}/.cordova folder.)
+
+==========================================
+
+Version 3.1 - Released 9 December 2015
+
+==========================================
+JavaScript libraries :
+- Update ngcordova to Version 0.1.23
+——————————————————————————————————————————
+Plugin :
+- Change inappbrowser plugin to stable version
+  from org.apache.cordova.inappbrowser to cordova-plugin-inappbrowser
+——————————————————————————————————————————
+Update :
+- Update controller of AdMob to compatible with last updated of AdMob Plugin.
+——————————————————————————————————————————
+Documentation :
+- Update content of section D-1 because of the latest version of cordova is not stable.
+  We recommend you to use cordova version 5.3.3 for avoiding plugin installation issue.
+- Update content of section D-4 change link of inappbrowser plugin to stable version
+  from org.apache.cordova.inappbrowser to cordova-plugin-inappbrowser
+
+==========================================
+
+Version 3.0 - Released 4 November 2015
+
+==========================================
+New Feature :
+- Android Map Connect.
+- IOS Map Connect.
+- Setting for Enable/Disable view animation.
+——————————————————————————————————————————
+Performance :
+- Improve application performance by add Crosswalk Browser for Android.
+- Improve view content and add new setting section for Enable/Disable view animation.
+——————————————————————————————————————————
+Update :
+- Update toggle left Menu to enable animation on IOS and disable on Android.
+——————————————————————————————————————————
+Plugin :
+- Change SQLite Plugin to https://github.com/litehelpers/Cordova-sqlite-storage.git
+- Add new plugin cordova-plugin-transport-security to allow 'Arbitrary Loads' by adding
+  a declaration to the Info.plist file to bypass the Xcode 7 and iOS 9 App Transport
+  Security.
+——————————————————————————————————————————
+Documentation :
+- Add new section for detail of IOS Map Connect J-6-1
+- Add new section for detail of Android Map Connect J-6-2
+——————————————————————————————————————————

www/SQL-Strings

@@ -1,3 +0,0 @@
-select * from tblpokemon where pokemonweaka is null;
-
-update tblpokemon set pokemonweaka=12, pokemonweakb=7, pokemonweakc=2, pokemonweakd=17, pokemonweake=0, pokemonweakf=0, pokemonweakg=0 where pokemontypa=14 and pokemontypb =18;

www/app-data/product-list.json

@@ -0,0 +1,66 @@
+[
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt. Created by material team.",
+    "img": "img/shirt_01.png",
+    "price": "590",
+    "promotionPrice": "59"
+  },
+  {
+    "title": "Spring Shirt",
+    "detail": "Made by high quality silk",
+    "fullDetail": "Plain design shirt. Created by material team. Made by high quality material.",
+    "img": "img/shirt_05.png",
+    "price": "800",
+    "promotionPrice": "80"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by material.",
+    "img": "img/shirt_03.png",
+    "price": "450",
+    "promotionPrice": "45"
+  },
+  {
+    "title": "Spring Shirt",
+    "detail": "Made by quality silk",
+    "fullDetail": "Plain design shirt. Created by material team.",
+    "img": "img/shirt_04.png",
+    "price": "800",
+    "promotionPrice": "80"
+  },
+  {
+    "title": "Spring Shirt",
+    "detail": "Made by quality silk",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_05.png",
+    "price": "990",
+    "promotionPrice": "99"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_02.png",
+    "price": "100",
+    "promotionPrice": "10"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_06.png",
+    "price": "870",
+    "promotionPrice": "87"
+  },
+  {
+    "title": "Plain Shirt",
+    "detail": "A shirt with plain design.",
+    "fullDetail": "Plain design shirt made by high quality material.",
+    "img": "img/shirt_01.png",
+    "price": "300",
+    "promotionPrice": "30"
+  }
+]

www/css/custom_style.css

@@ -0,0 +1,22 @@
+.image-list-thumb {
+    padding: 2px 2px 2px 2px;
+    height: 100px;
+}
+
+.chip {
+    display: inline-block;
+    padding: 0 25px;
+    height: 50px;
+    font-size: 16px;
+    line-height: 50px;
+    border-radius: 25px;
+    background-color: #f1f1f1;
+}
+
+.chip img {
+    float: left;
+    margin: 0 10px 0 -25px;
+    height: 50px;
+    width: 50px;
+    border-radius: 50%;
+}

www/img/Poke_Ball.svg

@@ -1,121 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://web.resource.org/cc/"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="674.71478"
-   height="672.0556"
-   id="svg2"
-   sodipodi:version="0.32"
-   inkscape:version="0.44.1"
-   version="1.0"
-   sodipodi:docbase="G:\upload\wikipedia"
-   sodipodi:docname="Poké Ball.svg">
-  <defs
-     id="defs4" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     gridtolerance="10000"
-     guidetolerance="10"
-     objecttolerance="10"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.98994949"
-     inkscape:cx="148.5065"
-     inkscape:cy="528.83678"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     width="800px"
-     height="800px"
-     inkscape:window-width="1024"
-     inkscape:window-height="712"
-     inkscape:window-x="-4"
-     inkscape:window-y="-4"
-     showguides="true"
-     inkscape:guide-bbox="true" />
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-10.15551,-175.0227)">
-    <path
-       sodipodi:type="arc"
-       style="fill:maroon;fill-opacity:1;stroke:black;stroke-width:7.0999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="path2774"
-       sodipodi:cx="373.75644"
-       sodipodi:cy="387.68182"
-       sodipodi:rx="127.27922"
-       sodipodi:ry="127.27922"
-       d="M 501.03566,387.68182 A 127.27922,127.27922 0 1 1 246.47722,387.68182"
-       sodipodi:start="0"
-       sodipodi:end="3.1415927"
-       transform="matrix(2.578609,0,0,-2.578609,-616.2588,1512.06)"
-       sodipodi:open="true" />
-    <path
-       sodipodi:type="arc"
-       style="fill:#f2f2f2;fill-opacity:1;stroke:black;stroke-width:7.0999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="path2784"
-       sodipodi:cx="373.75644"
-       sodipodi:cy="387.68182"
-       sodipodi:rx="127.27922"
-       sodipodi:ry="127.27922"
-       d="M 501.03566,387.68182 A 127.27922,127.27922 0 1 1 246.47722,387.68182"
-       sodipodi:start="0"
-       sodipodi:end="3.1415927"
-       transform="matrix(2.577502,0,0,2.577502,-615.9308,-489.3849)"
-       sodipodi:open="true" />
-    <rect
-       style="fill:black;fill-opacity:1;stroke:black;stroke-width:18.30812073;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect2796"
-       width="640.96844"
-       height="54.334965"
-       x="27.916542"
-       y="-543.58405"
-       transform="scale(1,-1)" />
-    <path
-       transform="matrix(0,-4.180021,-4.179929,0,2511.532,1956.897)"
-       sodipodi:end="7.7984207"
-       sodipodi:start="1.5158726"
-       d="M 346.66304,536.97405 A 20.535715,20.535715 0 1 1 346.6761,536.97333"
-       sodipodi:ry="20.535715"
-       sodipodi:rx="20.535715"
-       sodipodi:cy="516.4693"
-       sodipodi:cx="345.53571"
-       id="path2798"
-       style="fill:#f2f2f2;fill-opacity:1;stroke:black;stroke-width:4.33016944;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       sodipodi:type="arc"
-       sodipodi:open="true" />
-    <path
-       transform="matrix(0,-2.251635,-2.251585,0,1515.508,1288.684)"
-       sodipodi:open="true"
-       sodipodi:end="7.7853262"
-       sodipodi:start="1.5158726"
-       d="M 346.66304,536.97405 A 20.535715,20.535715 0 1 1 346.94449,536.95664"
-       sodipodi:ry="20.535715"
-       sodipodi:rx="20.535715"
-       sodipodi:cy="516.4693"
-       sodipodi:cx="345.53571"
-       id="path2802"
-       style="fill:#999;fill-opacity:1;stroke:none;stroke-width:7.0999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       sodipodi:type="arc" />
-  </g>
-</svg>

www/img/Pokeball-opt.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><ellipse cx="8" cy="1044.4" fill="#fff" stroke="#000" stroke-width=".8" rx="7.6" ry="7.6" transform="translate(0 -1036.362)"/><path fill="#a00" fill-rule="evenodd" stroke="#000" stroke-width=".8" d="M8 .4c4.2 0 7.6 3.4 7.5 7.6H.5C.5 3.8 3.8.4 8 .4z"/><g fill="#fff" stroke="#000"><circle cx="8" cy="8" r="2.2" stroke-width=".8"/><circle cx="8" cy="8" r="1.1" stroke-width=".4"/></g></svg>

www/img/icons/facebook.svg

@@ -0,0 +1 @@
+<svg version="1.1" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><g><g><path fill="#7d7d7d" d="M40,4H8C5.8,4,4,5.8,4,8l0,32c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V8C44,5.8,42.2,4,40,4z M38,8v6h-4c-1.1,0-2,0.9-2,2v4h6v6h-6v14h-6V26h-4v-6h4v-5c0-3.9,3.1-7,7-7H38z"/></g><g><rect fill="none" width="48" height="48"/></g></g></g></svg>

www/img/icons/favorite.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path d="M0 0h24v24h-24z" fill="none"/>
+    <path d="M12 21.35l-1.45-1.32c-5.15-4.67-8.55-7.75-8.55-11.53 0-3.08 2.42-5.5 5.5-5.5 1.74 0 3.41.81 4.5 2.09 1.09-1.28 2.76-2.09 4.5-2.09 3.08 0 5.5 2.42 5.5 5.5 0 3.78-3.4 6.86-8.55 11.54l-1.45 1.31z"/>
+</svg>

www/img/icons/mail.svg

@@ -0,0 +1 @@
+<svg version="1.1" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><g><g><path fill="#7d7d7d" d="M40,8H8c-2.2,0-4,1.8-4,4l0,24c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V12C44,9.8,42.2,8,40,8z M40,16L24,26L8,16v-4l16,10l16-10V16z"/><rect fill="none" width="48" height="48"/></g></g></svg>

www/img/icons/menu.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+    <path d="M0 0h18v18h-18z" fill="none"/>
+    <path d="M2 13.5h14v-1.5h-14v1.5zm0-4h14v-1.5h-14v1.5zm0-5.5v1.5h14v-1.5h-14z"/>
+</svg>