Add About/Bookmarks cards to MoreCard.

senchalearn · Feb 21, 2012 · 43084a5 · 43084a5
1 parent a79ec8b
commit 43084a5
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 5 deletions.
diff --git a/app.js b/app.js
@@ -2,11 +2,12 @@ Ext.application({
     name: 'Sencha',
 
     controllers: ['Main'],
-    views: ['Main'],
+    views:  ['Main'],
+    stores: ['MoreCards'],
 
     launch: function() {
         Ext.Viewport.add({
             xclass: 'Sencha.view.Main'
         });
     }
-});
+});
diff --git a/app/controller/Main.js b/app/controller/Main.js
@@ -5,5 +5,4 @@ Ext.define('Sencha.controller.Main', {
         refs: {},
         control: {}
     }
-
-});
+});
diff --git a/app/store/MoreCards.js b/app/store/MoreCards.js
@@ -0,0 +1,11 @@
+Ext.define('Sencha.store.MoreCards', {
+    extend: 'Ext.data.Store',
+
+    config: {
+        fields: ['title', 'xtype'],
+        data: [
+            { title: 'About',      xtype: 'aboutcard' },
+            { title: 'Bookmarks',  xtype: 'bookmarkscard' }
+        ]
+    }
+});
diff --git a/app/view/About.js b/app/view/About.js
@@ -0,0 +1,10 @@
+Ext.define('Sencha.view.About', {
+    extend: 'Ext.Panel',
+    xtype: 'aboutcard',
+
+    config: {
+        title: 'About',
+        html: 'Made from coffee',
+        styleHtmlContent: true
+    }
+});
diff --git a/app/view/Bookmarks.js b/app/view/Bookmarks.js
@@ -0,0 +1,10 @@
+Ext.define('Sencha.view.Bookmarks', {
+    extend: 'Ext.Panel',
+    xtype: 'bookmarkscard',
+
+    config: {
+        title: 'Bookmarks',
+        html: 'Your bookmarks go here',
+        styleHtmlContent: true
+    }
+});
diff --git a/app/view/More.js b/app/view/More.js
@@ -1,9 +1,27 @@
 Ext.define('Sencha.view.More', {
-    extend: 'Ext.Panel',
+    extend: 'Ext.navigation.View',
     xtype: 'morecard',
+    requires: [
+        'Ext.dataview.List',
+        'Sencha.view.About',
+        'Sencha.view.Bookmarks'
+    ],
 
     config: {
         iconCls: 'more',
         title: 'More',
+        items: [{
+            title: 'More',
+            xtype: 'list',
+            itemTpl: '{title}',
+            store: 'MoreCards',
+            listeners: {
+                itemtap: function(list, index, item, record) {
+                    this.up('morecard').push({
+                        xtype: record.data.xtype
+                    });
+                }
+            }
+        }]
     }
 });