Diffstat (limited to 'frontend/gamma/js/Clipperz/PM/UI/Mobile/Components/CardList.js') (more/less context) (show whitespace changes)
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Mobile/Components/CardList.js | 25 |
1 files changed, 23 insertions, 2 deletions
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Mobile/Components/CardList.js b/frontend/gamma/js/Clipperz/PM/UI/Mobile/Components/CardList.js index a0e4879..dbab41b 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Mobile/Components/CardList.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Mobile/Components/CardList.js | |||
@@ -29,13 +29,14 @@ Clipperz.PM.UI.Mobile.Components.CardList = function(args) { | |||
29 | Clipperz.PM.UI.Mobile.Components.CardList.superclass.constructor.apply(this, arguments); | 29 | Clipperz.PM.UI.Mobile.Components.CardList.superclass.constructor.apply(this, arguments); |
30 | 30 | ||
31 | this._cardDetail = null; | 31 | this._cardDetail = null; |
32 | this.render(); | ||
32 | 33 | ||
33 | return this; | 34 | return this; |
34 | } | 35 | } |
35 | 36 | ||
36 | //============================================================================= | 37 | //============================================================================= |
37 | 38 | ||
38 | Clipperz.Base.extend(Clipperz.PM.UI.Mobile.Components.CardList, Clipperz.PM.UI.Common.Components.BaseComponent, { | 39 | Clipperz.Base.extend(Clipperz.PM.UI.Mobile.Components.CardList, Clipperz.PM.UI.Mobile.Components.BaseComponent, { |
39 | 40 | ||
40 | //------------------------------------------------------------------------- | 41 | //------------------------------------------------------------------------- |
41 | 42 | ||
@@ -46,6 +47,25 @@ Clipperz.Base.extend(Clipperz.PM.UI.Mobile.Components.CardList, Clipperz.PM.UI.C | |||
46 | //------------------------------------------------------------------------- | 47 | //------------------------------------------------------------------------- |
47 | 48 | ||
48 | 'renderSelf': function () { | 49 | 'renderSelf': function () { |
50 | varheaderElement; | ||
51 | |||
52 | headerElement = MochiKit.Selector.findChildElements(this.element().parentNode, ['div[data-role=header]'])[0]; | ||
53 | this.append(this.element(), | ||
54 | {tag:'div', /*cls:'scroll',*/ id:this.getId('listBox'), children:[ | ||
55 | {tag:'ul', /*cls:'rounded',*/ id:this.getId('list'), children:[ | ||
56 | {tag:'li', html:'loading'} | ||
57 | ]} | ||
58 | ]} | ||
59 | ); | ||
60 | |||
61 | this.append(headerElement, | ||
62 | // {tag:'a', href:"#", 'data-icon':'gear', cls:'ui-btn-right', html:"Options" } | ||
63 | {tag:'a', href:"#", id:this.getId('preferences'), cls:'ui-btn-right', html:"options" } | ||
64 | ); | ||
65 | |||
66 | MochiKit.Signal.connect(this.getElement('preferences'), 'onclick', MochiKit.Base.partial(MochiKit.Signal.signal, Clipperz.Signal.NotificationCenter, 'showPreferences')); | ||
67 | |||
68 | /* | ||
49 | this.append(this.element(), {tag:'div', cls:'cardList', children:[ | 69 | this.append(this.element(), {tag:'div', cls:'cardList', children:[ |
50 | {tag:'div', cls:'toolbar', children:[ | 70 | {tag:'div', cls:'toolbar', children:[ |
51 | {tag:'h1', html:"clipperz"}, | 71 | {tag:'h1', html:"clipperz"}, |
@@ -70,6 +90,7 @@ Clipperz.Base.extend(Clipperz.PM.UI.Mobile.Components.CardList, Clipperz.PM.UI.C | |||
70 | 90 | ||
71 | // MochiKit.Style.hideElement('backButton'); | 91 | // MochiKit.Style.hideElement('backButton'); |
72 | // MochiKit.Style.hideElement(this.getElement('cardDetail')); | 92 | // MochiKit.Style.hideElement(this.getElement('cardDetail')); |
93 | */ | ||
73 | }, | 94 | }, |
74 | 95 | ||
75 | 'showCards': function (someCards) { | 96 | 'showCards': function (someCards) { |
@@ -101,7 +122,7 @@ Clipperz.Base.extend(Clipperz.PM.UI.Mobile.Components.CardList, Clipperz.PM.UI.C | |||
101 | 'appendCardToList': function (aCardListElement, aCardInfo) { | 122 | 'appendCardToList': function (aCardListElement, aCardInfo) { |
102 | this.append(aCardListElement, {tag:'li', cls:'cardListItem arrow', cardreference:aCardInfo['_reference'], children:[ | 123 | this.append(aCardListElement, {tag:'li', cls:'cardListItem arrow', cardreference:aCardInfo['_reference'], children:[ |
103 | {tag:'a', href:'#', html:aCardInfo['label'], children:[ | 124 | {tag:'a', href:'#', html:aCardInfo['label'], children:[ |
104 | {tag:'small', cls:'favicon', children:[{tag:'img', cls:'favicon', src:aCardInfo['favicon']}]} | 125 | // {tag:'small', cls:'favicon', children:[{tag:'img', cls:'favicon', src:aCardInfo['favicon']}]} |
105 | ]} | 126 | ]} |
106 | ]}); | 127 | ]}); |
107 | }, | 128 | }, |