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.

2 files changed, 31 insertions, 1 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
@@ -17,65 +17,65 @@ refer to http://www.clipperz.com.
   See the GNU Affero General Public License for more details.
 
 * You should have received a copy of the GNU Affero General Public
   License along with Clipperz. If not, see http://www.gnu.org/licenses/.
 
 */
 
 if (typeof(Clipperz) == 'undefined') { Clipperz = {}; }
 if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; }
 if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; }
 if (typeof(Clipperz.PM.Components.Compact) == 'undefined') { Clipperz.PM.Components.Compact = {}; }
 
 Clipperz.PM.Components.Compact.CompactHeader = function(anElement, args) {
 
     Clipperz.PM.Components.Compact.CompactHeader.superclass.constructor.call(this, anElement, args);
 
         this.render();
         
         return this;
 };
 
 YAHOO.extendX(Clipperz.PM.Components.Compact.CompactHeader, Clipperz.PM.Components.BaseComponent, {
         
         'toString': function() {
                 return "Clipperz.PM.Components.Compact.CompactHeader";
         },
 
         //-----------------------------------------------------
         
         'render': function() {
                 this.element().update("");
 
                 Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'div', children:[
                         {tag:'img', src:'./images/logo.gif'},
                         {tag:'div', id:'lockBlock', children:[
                                 {tag:'input', type:'checkbox', id:'autolock'},
                                 {tag:'span', html:'auto'},
                                 {tag:'a', href:'#', htmlString:Clipperz.PM.Strings['lockMenuLabel'], id:'lock'}
                         ]}
                 ]});
                 
                 Clipperz.YUI.DomHelper.append(this.element().dom, 
                         {tag:'div', id:'compactMiscLinks', children:[
                                 {tag:'a', id:'donateHeaderIconLink', target:'_blank', href:Clipperz.PM.Strings['donateHeaderLinkUrl'], children:[
                                         {tag:'img', id:'donateHeaderLinkIcon', src:'./images/smiles_small.gif'}
                                 ]},
                                 {tag:'ul', children:[
                                         {tag:'li', children:[{tag:'a', id:'donateHeaderLink', html:'donate', target:'_blank'}]},
-                                        {tag:'li', children:[{tag:'a', id:'creditsHeaderLink', html:'credits', target:'_blank'}]},
+        //                              {tag:'li', children:[{tag:'a', id:'creditsHeaderLink', html:'credits', target:'_blank'}]},
                                         {tag:'li', children:[{tag:'a', id:'feedbackHeaderLink', html:'feedback', target:'_blank'}]},
                                         {tag:'li', children:[{tag:'a', id:'helpHeaderLink', html:'help', target:'_blank'}]},
                                         {tag:'li', children:[{tag:'a', id:'forumHeaderLink', html:'forum', target:'_blank'}]}
                                 ]}
                         ]}
                 );
 
                 YAHOO.ext.Element.get('lockBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide();
                 Clipperz.NotificationCenter.notify(this, 'switchLanguage');
         },
 
         //-----------------------------------------------------
         __syntaxFix__: '__syntaxFix__'
 });
 
 
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
@@ -38,158 +38,188 @@ Clipperz.PM.Components.Panels.MainPanel = function(anElement, args) {
         this._recordDetailComponent = null;
         this._recordListGrid = null;
 
         this._directLinkItemTemplate = null;
         this._recordItemTemplate = null;
         
         this._addNewRecordButton = null;
         this._deleteRecordButton = null;
 
         this._creationWizard = null;
 
         Clipperz.NotificationCenter.register(null, 'selectAndEnterEditMode', this, 'selectRecordAndEnterEditModeHandler');
 
         Clipperz.NotificationCenter.register(null, 'recordAdded', this, 'recordAddedHandler');
         Clipperz.NotificationCenter.register(null, 'recordUpdated', this, 'recordUpdatedHandler');
         Clipperz.NotificationCenter.register(null, 'recordRemoved', this, 'recordRemovedHandler');
 
         Clipperz.NotificationCenter.register(null, 'directLoginAdded', this, 'directLoginAddedHandler');
         Clipperz.NotificationCenter.register(null, 'directLoginUpdated', this, 'directLoginUpdatedHandler');
         Clipperz.NotificationCenter.register(null, 'directLoginRemoved', this, 'directLoginRemovedHandler');
 
         Clipperz.NotificationCenter.register(null, 'accountLocked', this, 'accountLockedHandler');
 
         MochiKit.Signal.connect(MochiKit.DOM.currentWindow(), 'onresize', this, 'resizeModalMask');
         this.render();
         
         return this;
 }
 
 //=============================================================================
 
 YAHOO.extendX(Clipperz.PM.Components.Panels.MainPanel, Clipperz.PM.Components.Panels.BasePanel, {
 
         'toString': function() {
                 return "Clipperz.PM.Components.Panels.MainPanel component";
         },
         
         //-------------------------------------------------------------------------
 
         'render': function() {
                 this.element().update("");
                 Clipperz.YUI.DomHelper.append(this.element().dom, {tag:'table', id:'mainPanelTABLE', border:'0', cellspacing:'0', cellpadding:'0', children:[
                         {tag:'tbody', children:[
                                 {tag:'tr', children:[
                                         {tag:'td', width:'15', children:[
                                                 {tag:'div', cls:'mainPanelMinHeightDiv'}
                                         ]},
                                         {tag:'td', valign:'top', id:'directLoginsTD', width:'200', children:[
+                                                {tag:'div', id:'accountStatus', children:[
+                                                        {tag:'div', cls:'header', children:[{tag:'h5', cls:'title', htmlString:"Account info"}]},
+        //                                              {tag:'div', cls:'accountStatus', html:"early adopter"},
+                                                        {tag:'div', cls:'accountLevel', children:[
+                                                                {tag:'span', cls:'label', html:"status"},
+                                                                {tag:'span', cls:'status', html:"early adopter"}
+                                                        ]},
+                                                        {tag:'div', cls:'accountLevel', children:[
+                                                                {tag:'span', cls:'label', html:"level"},
+        //                                                      {tag:'span', cls:'level', html:"★☆☆☆"}
+                                                                {tag:'span', cls:'level', html:"☆☆☆☆"}
+                                                        ]},
+                                                        {tag:'div', cls:'accountExpiration', children:[
+                                                                {tag:'span', cls:'label', html:"expires"},
+        //                                                      {tag:'span', cls:'expriation', html:"on 26 April 2014"}
+                                                                {tag:'span', cls:'expriation', html:"never"}
+                                                        ]},
+        //                                              {tag:'div', cls:'payButton', children:[
+        //                                                      {tag:'a', href:'#', cls:'info', html:"info"}
+        //                                              ]}
+                                                        {tag:'div', id:'payButton', cls:'payButton'}
+                                                ]},
                                                 {tag:'div', id:'directLoginsBlock', children:[
                                                         {tag:'div', cls:'directLoginsBlockHeaderBox', children:[{tag:'h3', id:'directLoginTitle', htmlString:Clipperz.PM.Strings['mainPanelDirectLoginBlockLabel']}]},
                                                         {tag:'div', id:'directLoginsDescription', htmlString:Clipperz.PM.Strings['mainPanelDirectLoginBlockDescription']},
                                                         {tag:'ul', id:'directLogins'}
                                                 ]}
                                         ]},
                                         {tag:'td', width:'15', children:[
                                                 {tag:'div', cls:'mainPanelMinHeightDiv'}
                                         ]},
                                         {tag:'td', valign:'top', children:[
                                                 {tag:'div', id:'mainContent', children:[
                                                         {tag:'div', id:'recordListBlockHeader'},
                                                         {tag:'div', id:'recordListAndDetailBlock', children:[
                                                                 {tag:'table', id:'recordListAndDetailBlockTABLE', border:'0', cellspacing:'0', cellpadding:'0', children:[
                                                                         {tag:'tbody', children:[
                                                                                 {tag:'tr', children:[
                                                                                         {tag:'td', valign:'top', width:'250', children:[
                                                                                                 {tag:'div', id:'recordListBlock', children:[
                                                                                                         {tag:'div', id:'recordListFilterHeader'},
                                                                                                         {tag:'ul', id:'records'}
                                                                                                 ]}
                                                                                         ]},
                                                                                         {tag:'td', id:'recordDetailSeparatorTD', rowspan:'2', valign:'top', bgcolor:'#ddddff', html:' '},
                                                                                         {tag:'td', valign:'top', children:[
                                                                                                 {tag:'div', id:'recordDetailMainBlock', children:[
                                                                                                         {tag:'div', id:'recordTitleTopBlock'},
                                                                                                         {tag:'div', id:'recordDetailBlock', children:[
                                                                                                                 {tag:'div', id:'recordDetail'}
                                                                                                         ]}
                                                                                                 ]},
                                                                                                 {tag:'div', id:'recordCreationWizardMainBlock', children:[
                                                                                                         {tag:'div', id:'recordCreationWizard', html:"WIZARD"}
                                                                                                 ]}
                                                                                         ]}
                                                                                 ]},
                                                                                 {tag:'tr', children:[
                                                                                         {tag:'td', id:'cardBoxLowerLeftTD', html:' '},
                                                                                         {tag:'td', id:'cardBoxLowerRightTD', html:' '}
                                                                                 ]}
                                                                         ]}
                                                                 ]}
                                                         ]}
                                                 ]}
                                         ]},
                                         {tag:'td', width:'15', html:" "}
                                 ]}
                         ]}
                 ]});
 
                 this.renderRecordListBlockHeader();
         //      this.renderRecordListFilterHeader();
 
                 YAHOO.ext.Element.get('directLogins').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide();
+                        //TODO
+                new YAHOO.ext.Button('payButton', {text:"Info", handler:this.payButtonHandler, scope:this});
 
                 this.recordDetailComponent();
 
                 YAHOO.ext.Element.get('recordDetailMainBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).show();
                 YAHOO.ext.Element.get('recordCreationWizardMainBlock').setVisibilityMode(YAHOO.ext.Element.DISPLAY).hide();
         },
         
         //-------------------------------------------------------------------------
 
+        'payButtonHandler': function(anEvent) {
+                window.open('https://www.clipperz.com/pricing/', '_blank');
+        },
+        
+        //-------------------------------------------------------------------------
+
         'addNewRecordButton': function() {
                 return this._addNewRecordButton;
         },
         
         'setAddNewRecordButton': function(aValue) {
                 this._addNewRecordButton = aValue;
         },
         
         'deleteRecordButton': function() {
                 return this._deleteRecordButton;
         },
         
         'setDeleteRecordButton': function(aValue) {
                 this._deleteRecordButton = aValue;
         },
 
         //-------------------------------------------------------------------------
         
         'addNewRecord': function(anEvent) {
                 var deferredResult;
         //      var currentNumberOfRecords;
                 
                 deferredResult = new MochiKit.Async.Deferred();
                 
         //      currentNumberOfRecords = MochiKit.Base.keys(this.user().records()).length;
 /*
         //      if ((this.user().preferences().shouldShowDonationPanel()) && (currentNumberOfRecords > 0) && ((currentNumberOfRecords%10) == 0)) {
         //      if (true) {
                 if ((this.user().preferences().shouldShowDonationPanel()) && (currentNumberOfRecords >= 5)) {
                         deferredResult.addCallback(Clipperz.PM.showDonationSplashScreen, this.user(), 'recordListAddRecordButton');
                 }
 */
                 deferredResult.addCallback(MochiKit.Base.bind(function() {
                         var currentlySelectedRecord;
                         
                         currentlySelecedRecord = this.selectedRecord();
                         this.setSelectedRecord(null);
                 
                         YAHOO.ext.Element.get('recordDetailMainBlock').hide();
                         YAHOO.ext.Element.get('recordCreationWizardMainBlock').show();
                         this.setCreationWizard(new Clipperz.PM.Components.RecordDetail.CreationWizard(YAHOO.ext.Element.get('recordCreationWizardMainBlock'), {previouslySelectedRecord:currentlySelecedRecord, mainComponent:this}));
                 
                         this.enterModalView();
                 }, this));
 
                 deferredResult.callback();
         },