author | Giulio Cesare Solaroli <giulio.cesare@clipperz.com> | 2013-05-13 13:52:10 (UTC) |
---|---|---|
committer | Giulio Cesare Solaroli <giulio.cesare@clipperz.com> | 2013-05-13 13:52:10 (UTC) |
commit | ff35024f8506d7f6a2caddc3e20f062a638216c6 (patch) (unidiff) | |
tree | 5025a4d6aca2d826c7b7876e3e233b192e5edb01 /frontend/beta/js/Clipperz/PM/Components | |
parent | 77c90371a3055d0ad61d48f22207585948c591bf (diff) | |
download | clipperz-ff35024f8506d7f6a2caddc3e20f062a638216c6.zip clipperz-ff35024f8506d7f6a2caddc3e20f062a638216c6.tar.gz clipperz-ff35024f8506d7f6a2caddc3e20f062a638216c6.tar.bz2 |
Upated links to web site;
added stub for Account Info data.
Updated the links to the main website to match the new content/structure.
The new Account Info is now completely static; will become dynamic as soon as the backend infrastructure will be in place.
Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components') (more/less context) (ignore whitespace changes)
-rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/Compact/CompactHeader.js | 2 | ||||
-rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/Panels/MainPanel.js | 32 |
2 files changed, 32 insertions, 2 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/Compact/CompactHeader.js b/frontend/beta/js/Clipperz/PM/Components/Compact/CompactHeader.js index 14e42a5..9fda202 100644 --- a/frontend/beta/js/Clipperz/PM/Components/Compact/CompactHeader.js +++ b/frontend/beta/js/Clipperz/PM/Components/Compact/CompactHeader.js | |||
@@ -49,33 +49,33 @@ YAHOO.extendX(Clipperz.PM.Components.Compact.CompactHeader, Clipperz.PM.Componen | |||
49 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', children:[ | 49 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', children:[ |
50 | {tag:'img', src:'./images/logo.gif'}, | 50 | {tag:'img', src:'./images/logo.gif'}, |
51 | {tag:'div', id:'lockBlock', children:[ | 51 | {tag:'div', id:'lockBlock', children:[ |
52 | {tag:'input', type:'checkbox', id:'autolock'}, | 52 | {tag:'input', type:'checkbox', id:'autolock'}, |
53 | {tag:'span', html:'auto'}, | 53 | {tag:'span', html:'auto'}, |
54 | {tag:'a', href:'#', htmlString:Clipperz.PM.Strings['lockMenuLabel'], id:'lock'} | 54 | {tag:'a', href:'#', htmlString:Clipperz.PM.Strings['lockMenuLabel'], id:'lock'} |
55 | ]} | 55 | ]} |
56 | ]}); | 56 | ]}); |
57 | 57 | ||
58 | Clipperz.YUI.DomHelper.append(this.element().dom, | 58 | Clipperz.YUI.DomHelper.append(this.element().dom, |
59 | {tag:'div', id:'compactMiscLinks', children:[ | 59 | {tag:'div', id:'compactMiscLinks', children:[ |
60 | {tag:'a', id:'donateHeaderIconLink', target:'_blank', href:Clipperz.PM.Strings['donateHeaderLinkUrl'], children:[ | 60 | {tag:'a', id:'donateHeaderIconLink', target:'_blank', href:Clipperz.PM.Strings['donateHeaderLinkUrl'], children:[ |
61 | {tag:'img', id:'donateHeaderLinkIcon', src:'./images/smiles_small.gif'} | 61 | {tag:'img', id:'donateHeaderLinkIcon', src:'./images/smiles_small.gif'} |
62 | ]}, | 62 | ]}, |
63 | {tag:'ul', children:[ | 63 | {tag:'ul', children:[ |
64 | {tag:'li', children:[{tag:'a', id:'donateHeaderLink', html:'donate', target:'_blank'}]}, | 64 | {tag:'li', children:[{tag:'a', id:'donateHeaderLink', html:'donate', target:'_blank'}]}, |
65 | {tag:'li', children:[{tag:'a', id:'creditsHeaderLink', html:'credits', target:'_blank'}]}, | 65 | // {tag:'li', children:[{tag:'a', id:'creditsHeaderLink', html:'credits', target:'_blank'}]}, |
66 | {tag:'li', children:[{tag:'a', id:'feedbackHeaderLink', html:'feedback', target:'_blank'}]}, | 66 | {tag:'li', children:[{tag:'a', id:'feedbackHeaderLink', html:'feedback', target:'_blank'}]}, |
67 | {tag:'li', children:[{tag:'a', id:'helpHeaderLink', html:'help', target:'_blank'}]}, | 67 | {tag:'li', children:[{tag:'a', id:'helpHeaderLink', html:'help', target:'_blank'}]}, |
68 | {tag:'li', children:[{tag:'a', id:'forumHeaderLink', html:'forum', target:'_blank'}]} | 68 | {tag:'li', children:[{tag:'a', id:'forumHeaderLink', html:'forum', target:'_blank'}]} |
69 | ]} | 69 | ]} |
70 | ]} | 70 | ]} |
71 | ); | 71 | ); |
72 | 72 | ||
73 | YAHOO.ext.Element.get('lockBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide(); | 73 | YAHOO.ext.Element.get('lockBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide(); |
74 | Clipperz.NotificationCenter.notify(this, 'switchLanguage'); | 74 | Clipperz.NotificationCenter.notify(this, 'switchLanguage'); |
75 | }, | 75 | }, |
76 | 76 | ||
77 | //----------------------------------------------------- | 77 | //----------------------------------------------------- |
78 | __syntaxFix__: '__syntaxFix__' | 78 | __syntaxFix__: '__syntaxFix__' |
79 | }); | 79 | }); |
80 | 80 | ||
81 | 81 | ||
diff --git a/frontend/beta/js/Clipperz/PM/Components/Panels/MainPanel.js b/frontend/beta/js/Clipperz/PM/Components/Panels/MainPanel.js index c19a8a3..bab5fba 100644 --- a/frontend/beta/js/Clipperz/PM/Components/Panels/MainPanel.js +++ b/frontend/beta/js/Clipperz/PM/Components/Panels/MainPanel.js | |||
@@ -70,32 +70,54 @@ YAHOO.extendX(Clipperz.PM.Components.Panels.MainPanel, Clipperz.PM.Components.Pa | |||
70 | 70 | ||
71 | 'toString': function() { | 71 | 'toString': function() { |
72 | return "Clipperz.PM.Components.Panels.MainPanel component"; | 72 | return "Clipperz.PM.Components.Panels.MainPanel component"; |
73 | }, | 73 | }, |
74 | 74 | ||
75 | //------------------------------------------------------------------------- | 75 | //------------------------------------------------------------------------- |
76 | 76 | ||
77 | 'render': function() { | 77 | 'render': function() { |
78 | this.element().update(""); | 78 | this.element().update(""); |
79 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'table', id:'mainPanelTABLE', border:'0', cellspacing:'0', cellpadding:'0', children:[ | 79 | Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'table', id:'mainPanelTABLE', border:'0', cellspacing:'0', cellpadding:'0', children:[ |
80 | {tag:'tbody', children:[ | 80 | {tag:'tbody', children:[ |
81 | {tag:'tr', children:[ | 81 | {tag:'tr', children:[ |
82 | {tag:'td', width:'15', children:[ | 82 | {tag:'td', width:'15', children:[ |
83 | {tag:'div', cls:'mainPanelMinHeightDiv'} | 83 | {tag:'div', cls:'mainPanelMinHeightDiv'} |
84 | ]}, | 84 | ]}, |
85 | {tag:'td', valign:'top', id:'directLoginsTD', width:'200', children:[ | 85 | {tag:'td', valign:'top', id:'directLoginsTD', width:'200', children:[ |
86 | {tag:'div', id:'accountStatus', children:[ | ||
87 | {tag:'div', cls:'header', children:[{tag:'h5', cls:'title', htmlString:"Account info"}]}, | ||
88 | // {tag:'div', cls:'accountStatus', html:"early adopter"}, | ||
89 | {tag:'div', cls:'accountLevel', children:[ | ||
90 | {tag:'span', cls:'label', html:"status"}, | ||
91 | {tag:'span', cls:'status', html:"early adopter"} | ||
92 | ]}, | ||
93 | {tag:'div', cls:'accountLevel', children:[ | ||
94 | {tag:'span', cls:'label', html:"level"}, | ||
95 | // {tag:'span', cls:'level', html:"★☆☆☆"} | ||
96 | {tag:'span', cls:'level', html:"☆☆☆☆"} | ||
97 | ]}, | ||
98 | {tag:'div', cls:'accountExpiration', children:[ | ||
99 | {tag:'span', cls:'label', html:"expires"}, | ||
100 | // {tag:'span', cls:'expriation', html:"on 26 April 2014"} | ||
101 | {tag:'span', cls:'expriation', html:"never"} | ||
102 | ]}, | ||
103 | // {tag:'div', cls:'payButton', children:[ | ||
104 | // {tag:'a', href:'#', cls:'info', html:"info"} | ||
105 | // ]} | ||
106 | {tag:'div', id:'payButton', cls:'payButton'} | ||
107 | ]}, | ||
86 | {tag:'div', id:'directLoginsBlock', children:[ | 108 | {tag:'div', id:'directLoginsBlock', children:[ |
87 | {tag:'div', cls:'directLoginsBlockHeaderBox', children:[{tag:'h3', id:'directLoginTitle', htmlString:Clipperz.PM.Strings['mainPanelDirectLoginBlockLabel']}]}, | 109 | {tag:'div', cls:'directLoginsBlockHeaderBox', children:[{tag:'h3', id:'directLoginTitle', htmlString:Clipperz.PM.Strings['mainPanelDirectLoginBlockLabel']}]}, |
88 | {tag:'div', id:'directLoginsDescription', htmlString:Clipperz.PM.Strings['mainPanelDirectLoginBlockDescription']}, | 110 | {tag:'div', id:'directLoginsDescription', htmlString:Clipperz.PM.Strings['mainPanelDirectLoginBlockDescription']}, |
89 | {tag:'ul', id:'directLogins'} | 111 | {tag:'ul', id:'directLogins'} |
90 | ]} | 112 | ]} |
91 | ]}, | 113 | ]}, |
92 | {tag:'td', width:'15', children:[ | 114 | {tag:'td', width:'15', children:[ |
93 | {tag:'div', cls:'mainPanelMinHeightDiv'} | 115 | {tag:'div', cls:'mainPanelMinHeightDiv'} |
94 | ]}, | 116 | ]}, |
95 | {tag:'td', valign:'top', children:[ | 117 | {tag:'td', valign:'top', children:[ |
96 | {tag:'div', id:'mainContent', children:[ | 118 | {tag:'div', id:'mainContent', children:[ |
97 | {tag:'div', id:'recordListBlockHeader'}, | 119 | {tag:'div', id:'recordListBlockHeader'}, |
98 | {tag:'div', id:'recordListAndDetailBlock', children:[ | 120 | {tag:'div', id:'recordListAndDetailBlock', children:[ |
99 | {tag:'table', id:'recordListAndDetailBlockTABLE', border:'0', cellspacing:'0', cellpadding:'0', children:[ | 121 | {tag:'table', id:'recordListAndDetailBlockTABLE', border:'0', cellspacing:'0', cellpadding:'0', children:[ |
100 | {tag:'tbody', children:[ | 122 | {tag:'tbody', children:[ |
101 | {tag:'tr', children:[ | 123 | {tag:'tr', children:[ |
@@ -123,38 +145,46 @@ YAHOO.extendX(Clipperz.PM.Components.Panels.MainPanel, Clipperz.PM.Components.Pa | |||
123 | {tag:'td', id:'cardBoxLowerRightTD', html:' '} | 145 | {tag:'td', id:'cardBoxLowerRightTD', html:' '} |
124 | ]} | 146 | ]} |
125 | ]} | 147 | ]} |
126 | ]} | 148 | ]} |
127 | ]} | 149 | ]} |
128 | ]} | 150 | ]} |
129 | ]}, | 151 | ]}, |
130 | {tag:'td', width:'15', html:" "} | 152 | {tag:'td', width:'15', html:" "} |
131 | ]} | 153 | ]} |
132 | ]} | 154 | ]} |
133 | ]}); | 155 | ]}); |
134 | 156 | ||
135 | this.renderRecordListBlockHeader(); | 157 | this.renderRecordListBlockHeader(); |
136 | // this.renderRecordListFilterHeader(); | 158 | // this.renderRecordListFilterHeader(); |
137 | 159 | ||
138 | YAHOO.ext.Element.get('directLogins').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide(); | 160 | YAHOO.ext.Element.get('directLogins').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide(); |
139 | 161 | //TODO | |
162 | new YAHOO.ext.Button('payButton', {text:"Info", handler:this.payButtonHandler, scope:this}); | ||
163 | |||
140 | this.recordDetailComponent(); | 164 | this.recordDetailComponent(); |
141 | 165 | ||
142 | YAHOO.ext.Element.get('recordDetailMainBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).show(); | 166 | YAHOO.ext.Element.get('recordDetailMainBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).show(); |
143 | YAHOO.ext.Element.get('recordCreationWizardMainBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide(); | 167 | YAHOO.ext.Element.get('recordCreationWizardMainBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide(); |
144 | }, | 168 | }, |
169 | |||
170 | //------------------------------------------------------------------------- | ||
171 | |||
172 | 'payButtonHandler': function(anEvent) { | ||
173 | window.open('https://www.clipperz.com/pricing/', '_blank'); | ||
174 | }, | ||
145 | 175 | ||
146 | //------------------------------------------------------------------------- | 176 | //------------------------------------------------------------------------- |
147 | 177 | ||
148 | 'addNewRecordButton': function() { | 178 | 'addNewRecordButton': function() { |
149 | return this._addNewRecordButton; | 179 | return this._addNewRecordButton; |
150 | }, | 180 | }, |
151 | 181 | ||
152 | 'setAddNewRecordButton': function(aValue) { | 182 | 'setAddNewRecordButton': function(aValue) { |
153 | this._addNewRecordButton = aValue; | 183 | this._addNewRecordButton = aValue; |
154 | }, | 184 | }, |
155 | 185 | ||
156 | 'deleteRecordButton': function() { | 186 | 'deleteRecordButton': function() { |
157 | return this._deleteRecordButton; | 187 | return this._deleteRecordButton; |
158 | }, | 188 | }, |
159 | 189 | ||
160 | 'setDeleteRecordButton': function(aValue) { | 190 | 'setDeleteRecordButton': function(aValue) { |