To view 2Way Fitness Analytics charts you will need to install the free Adobe flash plugin.
Please click here to get the Flash player.
" + string + " 1.01) { // new_width = determine_width(new_height, p.aspect_ratio); // if(new_width < p.min_width) { // new_width = p.min_width; // new_height = determine_height(new_width, p.aspect_ratio); // } // // console.log(' changing width = ' + new_width); // } // if(ratio < 0.99) { // new_height = determine_height(new_width, p.aspect_ratio); // if(new_height < p.min_height) { // new_height = p.min_height; // new_width = determine_width(new_height, p.aspect_ratio); // } // // console.log(' changing_height = ' + new_height); // } // } // } // only call setSize if we are actually changing the size if(new_width != orig_width || new_height != orig_height) { p.inside_resize = true; this.log(' setting size to = ' + new_width + ' by ' + new_height); p.setSize(new_width, new_height); // is this needed? // p.ownerCt.syncSize(); // p.ownerCt.doLayout(); // var parent = component.findParentBy(function() { return true; }); // console.log(' parent = ' + parent); // parent.doLayout(); p.inside_resize = false; } } }); component.on('bodyresize', function(p, width, height) { this.log('bodyresize width = ' + width + ' height = ' + height); if(p.inside_resize) { this.log('bodyresize detected RECURSIVE call. exiting early.'); return; } component.adjust_size(); } ); } }; twowayfitness.makePanel = function(config) { Ext.apply(config, { plugins: twowayfitness.micksPlugin }); var ret = new Ext.Panel(config); return ret; }; // twowayfitness.FieldCreator = Ext.extend(Object, { //twowayfitness.Panel = Ext.extend(Ext.Panel, { // initComponent: function() { // var self = this; // // self.on('bodyresize', // function(p, width, height) { // if(p.inside_resize) { // console.log('bodyresize detected recursive call. exiting early.'); // return; // } // // var size = p.getSize(); // var orig_width = size.width; // var orig_height = size.height; // console.log('bodyresize getSize() width = ' + orig_width + ' height = ' + orig_height); // // console.log(' min_width = ' + p.min_width); // // var new_height = orig_height; // var new_width = orig_width; // // if(p.min_width != undefined) { // if(orig_width < p.min_width) { // new_width = p.min_width; // // console.log(' width too small, setting to ' + new_width); // } // } // if(p.min_height != undefined) { // if(orig_height < p.min_height) { // new_height = p.min_height; // // console.log(' height too small, setting to ' + new_height); // } // } // // if(p.min_aspect_ratio != undefined) { // // console.log(' checking aspect_ratio h = ' + new_height + ' w = ' + new_width); // var current_ratio = (new_width * 1.0)/new_height; // // if(current_ratio < p.min_aspect_ratio) { // new_height = new_width / p.min_aspect_ratio; // if(new_height < p.min_height) { // new_height = p.min_height; // new_width = new_height * p.min_aspect_ratio; // } // } else if(current_ratio > p.max_aspect_ratio) { // new_width = new_height * p.max_aspect_ratio; // if(new_width < p.min_width) { // new_width = p.min_width; // new_height = new_width / p.max_aspect_ratio; // } // } // } // else if(p.aspect_ratio != undefined) { // // console.log(' checking aspect_ratio h = ' + new_height + ' w = ' + new_width); // var current_ratio = (new_width * 1.0)/new_height; // // var ratio = current_ratio / p.aspect_ratio; // // only adjust aspect ratio if it is significantly out of whack // if(ratio > 1.01) { // new_width = new_height * p.aspect_ratio; // if(new_width < p.min_width) { // new_width = p.min_width; // new_height = new_width / p.aspect_ratio; // } // // console.log(' changing width = ' + new_width); // } // if(ratio < 0.99) { // new_height = new_width / p.aspect_ratio; // if(new_height < p.min_height) { // new_height = p.min_height; // new_width = new_height * p.aspect_ratio; // } // // console.log(' changing_height = ' + new_height); // } // } // // if(new_width != orig_width || new_height != orig_height) { // p.inside_resize = true; // p.setSize(new_width, new_height); // console.log(' setting size to = ' + new_width + ' by ' + new_height); // // p.inside_resize = false; // } // } // ); // // twowayfitness.Panel.superclass.initComponent.call(this); // } //}); // A PopupWindow with some standard buttons and a form for a body. twowayfitness.Dialog = Ext.extend(twowayfitness.PopupWindow, { initComponent: function() { var self = this; var formConfig = { // autoScroll: true, style:'padding: 5px 5px 0', bodyStyle:'padding: 5px 5px 0', labelWidth: 125, labelAlign: 'right' }; Ext.applyIf(this.form_panel, formConfig); Ext.applyIf(this, { save_button_text: 'Ok' }); var buttons = [ { text: this.save_button_text, handler: function() { self.got_ok(); } }, { text: 'Cancel', handler: function() { self.hide(); } }, { text: 'Help', handler: function() { twowayfitness.displayHelp(self.help_key); } } ]; Ext.applyIf(this, { // width: 500, keys: [ { key: Ext.EventObject.ENTER, handler: function() { if(self.submitOnEnter) { self.got_ok(); } }, scope: self } ], submitOnEnter: true, autoScroll: true, monitorResize: true, stateful: false, // layout: 'fit', showCloseButtons: false, autoHeight: true, closeAction:'hide', // modal: false, closable: true, items: this.formPanel, buttons: buttons }); twowayfitness.Dialog.superclass.initComponent.call(this); } }); twowayfitness.null_progress_dialog = { hideProgress: function() { // do nothing }, startProgress: function() { // do nothing } }; twowayfitness.RestDialog = Ext.extend(twowayfitness.Dialog, { got_ok: function() { this.formPanel.dosubmit(); }, submission_uri: function() { var self = this; if(self.REST_uri) { return self.REST_uri; } else { if(self.data) { // it's an update return self.container_uri() + '/' + self.data[self.object_name + '[id]'] + '?format=ext_json'; } else { // it's a create request return self.container_uri() + '/'; // do I need this trailing slash? } } }, container_uri: function() { if(this.REST_container_uri) { return this.REST_container_uri; } else { return '/' + this.REST_key; } }, hideProgress: function() { this.progressCount -= 1; if(this.progressCount == 0) { this.hide(); this.progressBox.hide(); } }, startProgress: function() { this.progressCount += 1; }, initComponent: function() { this.addEvents('submitted', 'cancelled'); var self = this; var baseParams = { 'authenticity_token': this.form_authenticity_token }; var formConfig = { bodyStyle:'padding: 5px 5px 0', labelWidth: 125, labelAlign: 'right', baseParams: baseParams, defaults: { width: 300 }, items: self.form_items, dosubmit: function() { if(self.beforeSubmit) { self.beforeSubmit(); } var url = self.submission_uri(); if(self.data) { // it's an update request baseParams['_method'] = 'put'; } else { // it's a create request } if(self.standardSubmit) { // copied the following from the Ext doco. Don't know why they don't just do this for you. var O = self.formPanel; if (O.getForm().isValid()) { O.getForm().standardSubmit = true; O.getForm().getEl().dom.action = url; if (O.baseParams) { for (var i in O.baseParams) { O.add({ xtype: 'hidden', name: i, value: O.baseParams[i] }); } O.doLayout(); } O.getForm().submit(); } } else { self.progressBox = Ext.Msg.wait(self.submit_progress_message); self.formPanel.getForm().submit( { url: url, success: function(form, action) { var result = action.result; self.progressCount = 1; self.fireEvent('submitted', this, result); // following is old fashioned way to fire the event. TODO: deprecate it if(self.dataSaved) { self.dataSaved(result); } if(!self.manualProgressDismiss) { self.hide(); self.progressBox.hide(); } }, failure: function(form, action) { self.progressBox.hide(); twowayfitness.handle_form_submission_failure(form, action); } } ); } } }; Ext.apply(formConfig, this.form_panel_config); Ext.applyIf(this, { save_button_text: 'Save Changes' }); // alert('self.form_items = ' + self.form_items.size()); // alert('formPanel.items = ' + formPanel.items.size()); var buttons = [ { text: this.save_button_text, // el: handler: function() { self.formPanel.dosubmit(); } }, { text: 'Cancel', handler: function() { self.hide(); self.fireEvent('cancelled', this); } } ]; if(self.help_key) { buttons.push( { text: 'Help', handler: function() { twowayfitness.displayHelp(self.help_key); } } ); } Ext.applyIf(this, { autoScroll: true, monitorResize: true, save_button_text: 'Save Changes', submit_progress_message: 'Saving Changes', stateful: false, showCloseButtons: false, formPanel: new Ext.FormPanel(formConfig), autoHeight: true, closeAction:'hide', closable: true, buttons: buttons }); twowayfitness.RestDialog.superclass.initComponent.call(this); } }); twowayfitness.AnyChartPanelSuper = Ext.extend(Ext.Panel, { createChart: function() { if(this.rendered) { if(!this.chart) { this.chart = new AnyChart('/anychart_5_1_2/swf/' + this.swf); this.chart.wMode = 'transparent'; this.chart.width = "100%"; this.chart.height = "100%"; // this.chart.waitingForDataText = "Please select desired chart"; if(this.waitingForDataText) { this.chart.waitingForDataText = this.waitingForDataText; } this.chart.xmlLoadingText = "Loading chart data"; if(this.data_xml) { this.chart.setData(this.data_xml); } if(this.url) { this.chart.setXMLFile(this.url); } // jstracer.write('calling this.chart.write this.body.id = ' + this.body.id); this.chart.write(this.body.id); } // else { // jstracer.write('re-calling this.chart.write this.body.id = ' + this.body.id); // this.chart.write(this.body.id); // } return true; } return false; }, redisplay: function() { this.createChart(); }, setData: function(data_xml) { // Ext.log('AnyChartPanelSuper::setData()'); this.data_xml = data_xml; if(this.createChart()) { this.chart.setData(data_xml); if(this.avoid_IE_memory_leaks) { // jstracer.write('avoiding leaks'); this.chart.interactive = false; var chart_html = this.chart.getMixedHTML(); this.chart_panel.body.update(chart_html); this.chart_panel.body.on('click', function() { alert('got click'); }); } } }, setUrl: function(url) { this.url = url; if(this.createChart()) { // jstracer.write('calling setXMLFile(' + url + ')'); this.chart.setXMLFile(url); } }, // override initComponent initComponent: function() { var self = this; Ext.applyIf(this, { avoid_IE_memory_leaks: false, monitorResize: true, html: "
To view 2Way Fitness Analytics charts you will need to install the free Adobe flash plugin.
Please click here to get the Flash player.
All fields are optional. You can enter as much or as little information about yourself as you like.
' }, file_upload_field, fc.text_field('first_name', 'First Name'), fc.text_field('last_name', 'Last Name'), timezone_field, { autoWidth: true, border: false, html: '
Below you can specify a nickname for yourself that will be used to represent you if you choose to take part in online forum discussions. You can leave the Nickname field blank if you are happy for your first and last name to appear in online discussions.
'
},
fc.text_field('nickname', 'Nickname'),
fc.simple_date_field('dob', 'Date of Birth'),
// fc.text_field('height', 'Height (cm)'),
fc.text_area('aims', 'Aims'),
fc.text_area('likes', 'Likes'),
fc.text_area('dislikes', 'Dislikes'),
fc.text_area('highlight', 'Highlight since joining 2 Way Fitness')
],
dosubmit: function() {
formPanel.getForm().submit(
{
url: self.url,
waitMsg:'Saving Data...',
success: function(form, action) {
// var html = action.result.html;
// var usr_info = Ext.get('user-info');
// if(usr_info) {
// usr_info.update(html);
// }
if(twowayfitness.current_panel.panel_name == 'Home') {
twowayfitness.main_panel.display_home_panel();
}
self.hide();
},
failure: function(form, action) {
twowayfitness.handle_form_submission_failure(form, action);
// alert('Failed to submit data. Please try again later.');
}
}
);
}
}
);
var buttons = [
{
text: "Save Changes",
handler: function() {
formPanel.dosubmit();
}
},
{
text: 'Cancel',
handler: function(cmp) {
self.hide();
}
},
{
text: 'Help',
handler: function() {
twowayfitness.displayHelp('create_or_edit_profile');
}
}
];
Ext.applyIf(this, {
showCloseButtons: false,
title: 'Profile',
width: 580,
// autoHeight: true,
closeAction:'hide',
modal: true,
closable: true,
items: formPanel,
buttons: buttons
});
this.on('show', function(comp) {
// Fix for IE: for some reason (an ext bug I think), the date of birth field does not show unless I do the following.
comp.doLayout();
});
twowayfitness.ProfileDialog.superclass.initComponent.call(this);
}
});
twowayfitness.editProfile = function(profile_id, form_authenticity_token) {
var progressBox = Ext.Msg.wait("Fetching data");
Ext.Ajax.request({
url: '/profiles/' + profile_id,
method: 'GET',
params: { 'format':'ext_json' },
success : function (response, options) {
progressBox.hide();
var data = Ext.util.JSON.decode(response.responseText);
var winxxx = new twowayfitness.ProfileDialog({
data: data.data,
form_authenticity_token: form_authenticity_token
});
winxxx.show();
},
failure : function (response, options) {
progressBox.hide();
twowayfitness.showPlainMessage('We failed to fetch information about your profile from the server. Please try again later.');
}
});
};
twowayfitness.MeasurementDialog = Ext.extend(twowayfitness.RestDialog, {
initComponent: function() {
var fc = new twowayfitness.FieldCreator({
data: this.data,
submission_object_name: 'measurement'
});
this.dateField = fc.date_field('date', 'Date', {
format: 'jS F, Y',
allowBlank: false
});
var value_field;
if(this.isDuration) {
value_field = makeDuration2Field(
'measurement[duration2[',
{
fieldLabel: 'Value',
name: 'measurement[duration]'
}
);
// alert('this.data.duration_min = ' + this.data.duration_min);
if(this.data) {
value_field.setValues(this.data);
}
} else {
value_field = fc.text_field('value', 'Value', {
});
}
Ext.applyIf(this, {
width: 440,
title: 'Add Goal',
// help_key: 'measurement',
object_name: 'measurement',
modal: true,
form_panel_config: {
labelWidth: 60
},
form_items: [
this.dateField,
value_field
]
});
twowayfitness.MeasurementDialog.superclass.initComponent.call(this);
}
});
/**
* twowayfitness.MessageStore
* @extends Ext.data.Store
* @cfg {String} url This will be a url of a location to load the MessageStore
* This is a specialized Store which maintains messages.
*/
twowayfitness.MessageStore = function(config) {
var config = config || {};
Ext.applyIf(config, {
remoteSort: true,
reader: new Ext.data.JsonReader
(
{
root: 'messages',
id: 'id',
totalProperty: 'results'
},
[
{name: 'id', mapping: 'id'},
{name: 'sender_id', mapping: 'sender_id'},
{name: 'subject', mapping: 'subject'},
{name: 'when_sent', mapping: 'when_sent_as_string'},
{name: 'sender_name', mapping: 'sender_name'},
{name: 'recipient_names', mapping: 'recipient_names'},
{name: 'recipient_id', mapping: 'recipient_id'},
{name: 'has_been_read', mapping: 'has_been_read'},
{name: 'content', mapping: 'content'}
]
)
});
// call the superclass's constructor
twowayfitness.MessageStore.superclass.constructor.call(this, config);
};
Ext.extend(twowayfitness.MessageStore, Ext.data.Store);
// Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
// Ext.QuickTips.init();
//
// alert("Here I am");
// var ds = message_datastore;
//
// var cm = message_column_model;
// cm.defaultSortable = true;
//
// var edit_button = new Ext.Toolbar.Button({
// text: 'Edit...',
// tooltip: 'Edit selected Message',
// handler: function() {
// var selected = grid.getSelectionModel().getSelected();
// if (selected) {
// window.location.href = '/messages/' + selected.data.id + '/edit';
// } else {
// alert('Please select a row first.');
// }
// },
// iconCls: 'edit'
// });
//
// var delete_button = new Ext.Toolbar.Button({
// text: 'Delete...',
// tooltip: 'Delete selected Message',
// handler: function() {
// var selected = grid.getSelectionModel().getSelected();
// if (selected) {
// if (confirm('Really delete?')) {
// var conn = new Ext.data.Connection();
// conn.request({
// url: '/messages/' + selected.data.id,
// method: 'POST',
// params: {
// _method: 'DELETE',
// authenticity_token: '69b9501efe945eacde62d42a818a4c6b4fbea9d3'
// },
// success: function(response, options) {
// ds.load();
// },
// failure: function(response, options) {
// alert('Delete operation failed.');
// }
// });
// }
// } else {
// alert('Please select a row first.');
// }
// },
// iconCls: 'remove'
// });
//
//
// // create the grid
// var grid = new Ext.grid.GridPanel({
// ds: ds,
// cm: cm,
// sm: new Ext.grid.RowSelectionModel({
// singleSelect: true
// }),
// renderTo: 'messages-received-grid',
// title: 'Listing Messages',
// width: 540,
// height: 450,
// stripeRows: true,
// viewConfig: {
// forceFit: true
// },
//
// // inline toolbars
// tbar: [{
// text: 'New...',
// tooltip: 'Create new Message',
// handler: function() {
// window.location.href = '/messages/new';
// },
// iconCls: 'add'
// },
// '-', edit_button
// , '-', delete_button
// , '->'],
//
// bbar: new Ext.PagingToolbar({
// pageSize: 15,
// store: ds,
// displayInfo: true,
// displayMsg: 'Record {0} - {1} of {2}',
// emptyMsg: "No records found"
// })
// ,
// plugins: [
// new Ext.ux.grid.Search(
// {
// position: 'top'
// }
// )
//
// ]
//
// });
//
// grid.edit_button = edit_button;
// grid.delete_button = delete_button;
//
// // show record on double-click
// grid.on("rowdblclick",
// function(grid, row, e) {
// window.location.href = '/messages/' + grid.getStore().getAt(row).id;
// });
//
//
//
// ds.load({
// params: {
// start: 0,
// limit: 15
// }
// });
// });
twowayfitness.MessageGridView = Ext.extend(Ext.grid.GridView, {
getRowClass: function(record, index, rowParams, store ) {
var ret = record.data.has_been_read ? "" : "unread";
// alert("getRowClass returning" + ret);
return ret;
},
// override
initComponent : function() {
Ext.apply(this,
{
// forceFit: true,
// autoFill : true
}
);
}
});
/**
* twowayfitness.MessageGrid
* @extends Ext.grid.GridPanel
* This is a custom grid which will display message information. It is tied to
* a specific record definition by the dataIndex properties.
*
* It follows a very custom pattern used only when extending Ext.Components
* in which you can omit the constructor.
*
* It also registers the class with the Component Manager with an xtype of
* messagegrid. This allows the application to take care of the lazy-instatiation
* facilities provided in Ext 2.0's Component Model.
*/
twowayfitness.MessageGrid = Ext.extend(Ext.grid.GridPanel, {
constructor: function(correspondent_config, config) {
// alert("MessageGrid() correspondent_id = " + correspondent_id);
this.correspondent_config = correspondent_config;
// Your preprocessing here
twowayfitness.MessageGrid.superclass.constructor.apply(this, [ config ]);
// Your postprocessing here
},
url: function(mailbox_name) {
var ret = '/messages.ext_json?mailbox=' + mailbox_name;
if(this.correspondent_config.correspondent_id)
{
ret = ret + '&correspondent=' + this.correspondent_config.correspondent_id;
};
return ret;
},
switchMailboxes: function(mailbox_name) {
var store = new twowayfitness.MessageStore({
storeId: 'gridMessageStore',
proxy: new Ext.data.HttpProxy(
new Ext.data.Connection(
{
url: this.url(mailbox_name),
method: 'GET'
}
)
)
});
store.load();
this.replyButton.disable();
this.mailbox_name = mailbox_name;
// this.getTopToolbar().disable();
this.reconfigure(
store,
this.getColumnModel()
);
},
// override
initComponent : function() {
this.mailbox_name = 'inbox';
var grid = this;
var buttons = [];
if(this.correspondent_config.correspondent_id) {
this.writeMessageButton = new Ext.Toolbar.Button(
{
text: 'Write Message to ' + this.correspondent_config.generic_description,
icon: '/images/icon_mail2.jpg',
cls: 'x-btn-text-icon',
handler: function(button,event) {
var dialog = new twowayfitness.CreateMessageDialog("", "", this.correspondent_config.name, this.correspondent_config.correspondent_id, grid.form_authenticity_token);
dialog.show();
},
scope: this
}
);
// replyButton.messageGrid = this;
buttons.push(this.writeMessageButton);
}
this.replyButton = new Ext.Toolbar.Button(
{
text: 'Reply',
icon: '/images/email_reply_icon5.jpg',
cls: 'x-btn-text-icon',
handler: function(button,event) {
var message_data = this.messageGrid.getSelectionModel().getSelected().data;
var store = new twowayfitness.MessageStore({
// storeId: 'gridMessageStore',
proxy: new Ext.data.HttpProxy(
new Ext.data.Connection(
{
url: '/messages/message_as_reply/' + message_data.id,
// url: this.url(mailbox_name),
method: 'GET'
}
)
)
});
// var store = new twowayfitness.MessageStore({
// proxy: new Ext.data.HttpProxy(
// {
// url: '/messages/message_as_reply/' + message_data.id,
// method: 'get'
// }
// )
// });
store.load(
{
callback: function(records, options, success) {
// var message = eval(response.responseText);
// alert("success = " + success);
var message = records[0].data;
var dialog = new twowayfitness.CreateMessageDialog(message.subject, message.content, message.recipient_names, message.recipient_id, grid.form_authenticity_token);
dialog.show();
}
}
);
}
}
);
this.replyButton.messageGrid = this;
buttons.push(this.replyButton);
Ext.apply(this, {
view: new twowayfitness.MessageGridView({
forceFit: true
}),
forceFit: true,
enableColumnHide: false,
enableHdMenu: false,
// autoExpandColumn: 'subject-column',
// stripeRows: true,
// autoWidth: true,
// tools:[{
// id:'searchss',
// qtip: 'Refresh form Data',
// // hidden:true,
// handler: function(event, toolEl, panel){
// // refresh logic
// }
// }],
columns: [
//{id: 'id', header: "#", width: 20, dataIndex: 'id'},
{header: 'From', width: 120, fixed: true, dataIndex: 'sender_name', sortable: true },
{header: 'To', width: 120, fixed: true, dataIndex: 'recipient_names', sortable: true },
{header: 'Sent', width: 160, fixed: true, dataIndex: 'when_sent', sortable: true },
{header: 'Subject', dataIndex: 'subject', id: 'subject-column', sortable: true }
],
tbar: new Ext.Toolbar(
buttons
),
sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
// Note the use of a storeId, this will register thisStore
// with the StoreMgr and allow us to retrieve it very easily.
store: new twowayfitness.MessageStore({
storeId: 'gridMessageStore',
proxy: new Ext.data.HttpProxy(
new Ext.data.Connection(
{
url: this.url('inbox'),
method: 'GET'
}
)
)
}),
// store: new twowayfitness.MessageStore({
// storeId: 'gridMessageStore',
// url: this.url('inbox')
// // ,
// // baseParams: storeBaseParams
// }),
enableColumnResize: true
});
// finally call the superclasses implementation
twowayfitness.MessageGrid.superclass.initComponent.call(this);
this.store.load();
// Ext.StoreMgr.get('gridMessageStore').load(
// {
// method: 'GET'
// }
// );
}
});
// This will associate an string representation of a class
// (called an xtype) with the Component Manager
// It allows you to support lazy instantiation of your components
Ext.reg('messagegrid', twowayfitness.MessageGrid);
twowayfitness.MessageBoxNode = function(title, mailbox_name, message_boxes_panel) {
var node = new Ext.tree.TreeNode(
{
text: title,
leaf: true,
listeners: {
'click' : function() {
// alert("got click");
message_boxes_panel.got_click(this.mailbox_name);
},
scope: node
}
}
);
node.message_boxes_panel = message_boxes_panel;
node.mailbox_name = mailbox_name;
return node;
};
twowayfitness.MessageBoxesPanel = Ext.extend(Ext.tree.TreePanel, {
got_click: function(mailbox_name) {
// alert("got_click(" + mailbox_name + ") this.topPanel = " + this.topPanel);
this.mainPanel.got_message_box_selection(mailbox_name);
},
initComponent: function() {
var root = new Ext.tree.TreeNode(
{
text: "Mail Boxes",
expanded: true
}
);
Ext.apply(this,
{
useArrows:true,
autoScroll:true,
animate:true,
enableDD:true,
containerScroll: true,
title: "Menu",
root: root
// ,
// listeners: {
// 'show': {
// fn: function() { alert("on show"); },
// scope: this
// },
// 'beforeclick': {
// fn: function() {
// alert("beforeclick");
// return true;
// },
// scope: this
// }
//
// }
}
);
// call the superclass's initComponent implementation
twowayfitness.MessageBoxesPanel.superclass.initComponent.call(this);
// var node = new Ext.tree.TreeNode(
// {
// // text: "inbox",
// listeners: {
// 'click' : function() { alert("got a click"); },
// scope: this
// }
// }
// );
this.inboxNode = twowayfitness.MessageBoxNode("Inbox", 'inbox', this);
root.appendChild(this.inboxNode);
root.appendChild(twowayfitness.MessageBoxNode("Sent", 'sent', this));
this.addListener(
{
'render': {
fn: function() {
// alert("on show this.inboxNode = " + this.inboxNode);
// this.getSelectionModel().select(this.inboxNode);
// this.inboxNode.ui.highlight();
// this.inboxNode.select();
return true;
},
scope: this
}
}
);
}
});
// This will associate an string representation of a class
// (called an xtype) with the Component Manager
// It allows you to support lazy instantiation of your components
Ext.reg('messageboxespanel', twowayfitness.MessageBoxesPanel);
/**
* twowayfitness.MessageDetail
* @extends Ext.Panel
* This is a specialized Panel which is used to show information about
* a message.
*
* This demonstrates adding 2 custom properties (tplMarkup and
* startingMarkup) to the class. It also overrides the initComponent
* method and adds a new method called updateDetail.
*
* The class will be registered with an xtype of 'messagedetail'
*/
twowayfitness.MessageDetail = Ext.extend(Ext.Panel, {
// startingMarkup as a new property
startingMarkup: 'Please select a message to see the message body', // TODO: make this string DRY
// override initComponent to create and compile the template
// apply styles to the body of the panel and initialize
// html to startingMarkup
initComponent: function() {
// this.tpl = new Ext.Template(this.tplMarkup);
Ext.apply(this, {
bodyStyle: {
background: '#ffffff',
padding: '7px'
},
autoScroll: true,
html: this.startingMarkup
});
// call the superclass's initComponent implementation
twowayfitness.MessageDetail.superclass.initComponent.call(this);
},
// add a method which updates the details
updateDetail: function(data) {
this.load({
url: "/messages/" + data.id,
params: {fragment: "true"},
method: 'GET',
// callback: yourFunction,
// scope: yourObject, // optional scope for the callback
// discardUrl: false,
// nocache: false,
// text: "",
timeout: 30,
scripts: true
});
// this.tpl.overwrite(this.body, data);
}
});
// register the twowayfitness.MessageDetail class with an xtype of messagedetail
Ext.reg('messagedetail', twowayfitness.MessageDetail);
/**
* twowayfitness.MessageMasterDetail
* @extends Ext.Panel
*
* This is a specialized panel which is composed of both a messagegrid
* and a messagedetail panel. It provides the glue between the two
* components to allow them to communicate. You could consider this
* the actual application.
*
*/
twowayfitness.MessageMasterDetail = Ext.extend(Ext.Panel, {
constructor: function(form_authenticity_token, correspondent_config, config) {
this.form_authenticity_token = form_authenticity_token;
this.correspondent_config = correspondent_config;
// Your preprocessing here
twowayfitness.MessageDetail.superclass.constructor.apply(this, [ config ]);
// Your postprocessing here
},
// override initComponent
initComponent: function() {
// used applyIf rather than apply so user could
// override the defaults
Ext.applyIf(this, {
border: false,
frame: false,
title: 'Messages',
// width: 540,
monitorResize : true,
// height: 700,
// autoHeight: true,
layout: 'border',
tools: [
{
id: 'help',
handler: function(event, toolEl, panel) {
twowayfitness.displayHelp('messages');
}
}
],
items: [
{
xtype: 'panel',
// title: 'TOP PANEL',
itemId: 'topPanel',
region: 'north',
layout: 'border',
height: 200,
split: true,
items: [
{
xtype: 'messageboxespanel',
itemId: 'messageBoxesPanel',
border: false,
collapsible: true,
region: 'west',
// height: 150,
width: 150,
minSize: 100,
// maxSize: 300,
split: true
},
new twowayfitness.MessageGrid(
this.correspondent_config,
{
// xtype: 'messagegrid',
// title: "Items",
border: false,
region: 'center',
itemId: 'gridPanel',
minSize: 100,
maxSize: 300
}
)
]
}
,
{
xtype: 'messagedetail',
itemId: 'detailPanel',
// split: true,
region: 'center'
}
]
});
// call the superclass's initComponent implementation
twowayfitness.MessageMasterDetail.superclass.initComponent.call(this);
var topPanel = this.getComponent('topPanel');
topPanel.getComponent('messageBoxesPanel').mainPanel = this;
var gridPanel = topPanel.getComponent('gridPanel');
gridPanel.form_authenticity_token = this.form_authenticity_token;
gridPanel.replyButton.disable();
},
// override initEvents
initEvents: function() {
// call the superclass's initEvents implementation
twowayfitness.MessageMasterDetail.superclass.initEvents.call(this);
// now add application specific events
// notice we use the selectionmodel's rowselect event rather
// than a click event from the grid to provide key navigation
// as well as mouse navigation
var messageGridSm = this.getComponent('topPanel').getComponent('gridPanel').getSelectionModel();
messageGridSm.on('rowselect', this.onRowSelect, this);
},
// add a method called onRowSelect
// This matches the method signature as defined by the 'rowselect'
// event defined in Ext.grid.RowSelectionModel
onRowSelect: function(sm, rowIdx, r) {
// getComponent will retrieve itemId's or id's. Note that itemId's
// are scoped locally to this instance of a component to avoid
// conflicts with the ComponentMgr
var detailPanel = this.getComponent('detailPanel');
detailPanel.updateDetail(r.data);
r.set('has_been_read', true);
var gridPanel = this.getComponent('topPanel').getComponent("gridPanel");
if(gridPanel.mailbox_name == "inbox") {
gridPanel.replyButton.enable();
}
},
got_message_box_selection: function(mailbox_name) {
this.getComponent('detailPanel').body.update("Please select a message to see the message body");
var gridPanel = this.getComponent('topPanel').getComponent('gridPanel');
gridPanel.switchMailboxes(mailbox_name);
}
});
// register an xtype with this class
Ext.reg('messagemasterdetail', twowayfitness.MessageMasterDetail);
twowayfitness.flashMessage = function(message) {
alert(message);
};
twowayfitness.CreateMessageDialog = function(subject, content, recipient_name, recipient_id, form_authenticity_token) {
// alert("form_authenticity_token = " + form_authenticity_token);
var dialog = this;
var full_subject = subject;
this.subjectField = new Ext.form.TextField(
{
name: 'message[subject]',
fieldLabel: 'Subject',
value: full_subject
}
);
this.bodyField = new Ext.form.TextArea(
{
name: 'message[content]',
fieldLabel: 'Message',
height: 300,
value: content
}
);
this.recipientNameField = new Ext.form.TextField(
{
name: 'to',
fieldLabel: 'To',
disabled : true,
value: recipient_name
}
);
this.recipientField = new Ext.form.Hidden(
{
name: 'recipients',
value: recipient_id
}
);
this.formPanel = new Ext.FormPanel(
{
url: "/messages",
method: 'POST',
baseParams: {
authenticity_token: form_authenticity_token
},
title: ('Create Message'),
bodyStyle:'padding:5px 5px 0',
labelWidth: 125,
labelAlign: 'right',
defaults:
{
width: 450
},
items:
[
this.recipientNameField,
this.subjectField,
this.bodyField,
this.recipientField
]
}
);
var buttons = [
{
text: 'Send',
handler: function() {
var progessBox = Ext.Msg.wait("Sending Message");
dialog.formPanel.form.submit(
{
success: function() {
// alert("success");
// twowayfitness.flashMessage("Message has been sent.");
progessBox.hide();
dialog.hide();
},
failure: function() {
progessBox.hide();
alert("Sorry, we failed to deliver that message. Please try again later.");
}
}
);
}
},
{
text: 'Cancel',
handler: function() {
dialog.hide();
}
}
];
this.window = new Ext.Window(
{
width: 630,
autoHeight: true,
closeAction:'hide',
modal: false,
closable: true,
items: this.formPanel,
buttons: buttons
});
};
twowayfitness.CreateMessageDialog.prototype.show = function() {
this.window.show();
};
twowayfitness.CreateMessageDialog.prototype.hide = function() {
this.window.hide();
};
// twowayfitness.CreateMessageDialog.prototype.submit = function() {
// // alert("about to submiturl = " + this.url);
// this.formPanel.getForm().submit(
// {
// url: this.url,
// waitMsg:'Saving Data...'
// }
// );
// }
twowayfitness.show_blank_message_dialog = function(recipient_name, recipient_id, form_authenticity_token)
{
var dialog = new twowayfitness.CreateMessageDialog("", "", recipient_name, recipient_id, form_authenticity_token);
dialog.show();
};
twowayfitness.display_messages = function(form_authenticity_token, correspondent_config)
{
// alert("correspondent_id = " + correspondent_id);
// Finally now that we've defined all of our classes we can instantiate
// an instance of the app and renderTo an existing div called 'binding-example'
// Note now that classes have encapsulated this behavior we can easily create
// an instance of this app to be used in many different contexts, you could
// easily place this application in an Ext.Window for example
Ext.onReady(
function() {
// create an instance of the app
var messageApp = new twowayfitness.MessageMasterDetail(
form_authenticity_token,
correspondent_config,
{
renderTo: 'binding-example'
}
);
// We can retrieve a reference to the data store
// via the StoreMgr by its storeId
Ext.StoreMgr.get('gridMessageStore').load(
{
method: 'GET'
}
);
}
);
};
show_activity_dialog = function(entry_id, rails_authenticity_token, options) {
var box = Ext.MessageBox.wait('Fetching Information');
if(!options) {
options = {};
}
Ext.applyIf(options, {
allow_edit: true
});
var url = "/exercise_diary_entries/" + entry_id;
var activity_data = new Ext.data.Store(
{
proxy: new Ext.data.HttpProxy(
{
url: url
}
),
reader: new Ext.data.JsonReader(
{},
[
'success',
'id',
'diary_id',
//'duration',
'duration_hrs',
'duration_min',
'duration_sec',
'distance',
'tag_id',
'activities',
'comments',
'injuries',
'ple',
'time_as_string',
'time_of_day_as_string'
]
),
remoteSort: false
}
);
activity_data.on('load', function() {
box.hide();
var data = activity_data.reader.jsonData;
if(data.failed) {
alert('Failed to retrieve entry. Perhaps it has been deleted.');
} else {
if(options.duplicate) {
showDuplicateExerciseActivityDialog(rails_authenticity_token, data, options);
} else {
showExerciseActivityDialog(rails_authenticity_token, options.allow_edit, data, options);
}
}
});
activity_data.load();
};
twowayfitness.makeExertionField = function(name, hidden_name, options) {
var levels =
[
['0', "0 - resting"],
['0.5', "0.5"],
['1', "1 - easy"],
['1.5', "1.5"],
['2', "2 - mild"],
['2.5', "2.5"],
['3', "3 - average"],
['3.5', "3.5"],
['4', "4 - hard"],
['4.5', "4.5"],
['5', "5 - intense"]
];
// var tooltip = '1: Very easy. Talking is no difficulty - strolling walk with stops - "I could do this is in my sleep".
2:Moderately easy. Talking takes some effort. Working up a bit of a sweat - brisk walk - "This will make me tired after a while".
3:Moderately difficult. Talking is not easy and requires effort. Muscles getting tired. Sweating - hard bushwalk, slow jog - "This is tiring but I can continue".
4: Difficult. Talking very hard to do. Getting puffed. Sweating a lot. Muscles tired - medium-hard jog, hard game of sport - "I need a rest break".
5: Peak Effort. You are working as hard as you can. You have just enough breath to finish the exercise - sprinting, lifting heavy weights - "I have to stop, I am spent".';
var tooltip = '1: EASY. Talking is no difficulty - strolling walk with stops - "I could do this in my sleep". Most people could maintain this level for a few hours. Heart rate 60-100bpm (beats per minute).
2: LIGHT. Talking takes some effort. Working up a bit of a sweat - brisk walk - "This will make me tired after a while". Most people could maintain this level for an hour or more. Heart rate 100-130bpm.
3: MODERATE. Talking is not easy and requires effort. Muscles getting tired. Sweating - hard mountain walk, slow to medium jog - "This is tiring but I can continue". Most people could maintain this level for between 20 and 60 minutes. Heart rate 130-150bpm.
4: HARD. Talking very hard to do. Getting puffed. Sweating a lot. Muscles tired - medium-hard jog, hard game of sport - "I need a rest break". Most people could maintain this level for up to 20mins. Heart rate 150-170bpm.
5: MAXIMUM. You are working as hard as you can. You have just enough breath to finish the exercise - sprinting, lifting heavy weights - "I have to stop, I\'m spent". This level is a peak effort and can only be sustained for up to 1 minute at a time. Heart rate 170bpm+.';
var ret = new Ext.form.ComboBox({
name: name,
value: options.value,
hiddenName: hidden_name,
fieldLabel: options.is_template ? "Expected Exertion" : "Perceived Exertion",
store: levels,
triggerAction: 'all',
emptyText:'Select a level...',
selectOnFocus:true,
listeners: {
render: function() {
// not as DRY as it could be ...
Ext.QuickTips.register({
target: Ext.get(this.id),
title: 'Exertion Levels',
text: tooltip,
hideDelay: 0,
dismissDelay: 60000
});
Ext.QuickTips.register({
target:Ext.get(this.id).next('img'),
title: 'Exertion Levels',
text: tooltip,
hideDelay: 0,
dismissDelay: 60000
});
}
},
width: 150
});
return ret;
};
var makeTagCombo = function(name, hidden_name, value) {
var items = [
{
"name": "none",
"id": null
}
];
items = items.concat(twowayfitness.app_config.tags);
var tag_store = new Ext.data.JsonStore({
autoDestroy: true,
data: items,
storeId: 'tagStore',
fields: [ 'id', 'name' ]
});
return new Ext.form.ComboBox({
name: name,
value: value,
hiddenValue: value,
hiddenName: hidden_name,
allowBlank: true,
editable: false,
hiddenId: 'tag-combo-box',
mode: 'local',
fieldLabel: "Tag",
displayField: 'name',
valueField: 'id',
store: tag_store,
triggerAction: 'all',
emptyText:'Tag this item...',
selectOnFocus: true
//listeners: {
// render: function() {
// // not as DRY as it could be ...
// Ext.QuickTips.register({
// target: Ext.get(this.id),
// title: 'Exertion Levels',
// text: tooltip,
// hideDelay: 0,
// dismissDelay: 60000
// });
// Ext.QuickTips.register({
// target:Ext.get(this.id).next('img'),
// title: 'Exertion Levels',
// text: tooltip,
// hideDelay: 0,
// dismissDelay: 60000
// });
//
// }
//},
//width: 150
});
};
function exerciseDurationField(field_prefix) {
return makeDuration2Field(field_prefix, { name: 'exercise_diary_entry[duration]' });
}
// =========================================
// SectionPanel
// =========================================
twowayfitness.SectionPanel = Ext.extend(Ext.Panel, {
constructor: function(config) {
Ext.log('twowayfitness.SectionPanel() duration_hrs= ' + config.duration_hrs);
Ext.apply(this, config);
// Your preprocessing here
twowayfitness.SectionPanel.superclass.constructor.apply(this, [ config ]);
// Your postprocessing here
},
sectionsPanel: function() {
return this.findParentByType(twowayfitness.SectionsPanel);
},
setMyTitle: function(title) {
if(title == '') {
title = ' ';
}
this.setTitle(title);
},
initComponent: function() {
var self = this;
this.field_name_prefix = 'exercise_diary_entry[sections][' + this.id + ']';
this.nameField = new Ext.form.TextField(
{
name: this.field_name_prefix + '[name]',
value: this.title,
fieldLabel: 'Section Title',
enableKeyEvents: true,
listeners: {
'keyup': {
fn: function() {
var title = self.nameField.getValue();
self.setMyTitle(title);
self.ownerCt.doLayout();
},
scope: self
}
}
// ,
// width: 200
}
);
this.exertionField = twowayfitness.makeExertionField(this.field_name_prefix + '[ple]', this.field_name_prefix + '[ple]', {
value: this.ple,
is_template: this.is_template
});
this.newDurationField = exerciseDurationField(this.field_name_prefix + '[duration2[');
this.newDurationField.hrs_field.setValue(this.duration_hrs);
this.newDurationField.min_field.setValue(this.duration_min);
this.newDurationField.sec_field.setValue(this.duration_sec);
//this.durationField = new Ext.form.TextField(
// {
// name: this.field_name_prefix + '[duration]',
// fieldLabel: 'Duration (minutes)',
// value: this.duration
// }
// );
this.distanceField = new Ext.form.TextField(
{
name: this.field_name_prefix + '[distance]',
fieldLabel: 'Distance (' + twowayfitness.app_config.distance_unit + ')',
value: this.distance ? this.distance : '0.0'
}
);
this.detailsField = new Ext.form.TextArea(
{
name: this.field_name_prefix + '[details]',
fieldLabel: 'Details (optional)',
value: this.details,
width: 220
}
);
this.tagField = makeTagCombo(this.field_name_prefix + '[tag_id]', this.field_name_prefix + '[tag_id]', this.tag_id ? this.tag_id : '');
this.positionField = new Ext.form.Hidden({
name: this.field_name_prefix + '[position]',
value: ''
});
Ext.applyIf(this, {
autoHeight: true,
draggable: {
onDrag : function(e){
var pel = this.proxy.getEl();
this.xx = pel.getLeft(true);
this.yy = pel.getTop(true);
},
// Called on the mouseup event.
endDrag : function(e) {
self.sectionsPanel().reorderSection(self, this.xx, this.yy);
}
},
tools: [
{
id: 'close',
handler: function() {
var parent = self.findParentByType(twowayfitness.SectionsPanel);
parent.removeSection(self, true);
}
}
],
layoutOnTabChange: true,
deferredRender: false,
bodyStyle: 'padding: 5px 2px',
items: [
{
layout: 'column',
border: false,
items: [
this.positionField,
{
xtype: 'fieldset',
columnWidth: 0.45,
labelWidth: 130,
border: false,
autoHeight: true,
items: [
this.nameField,
this.newDurationField,
//this.durationField,
this.exertionField,
this.distanceField,
this.tagField
]
},
{
xtype: 'fieldset',
columnWidth: 0.55,
labelWidth: 130,
border: false,
autoHeight: true,
items: [
this.detailsField
]
}
]
}
]
});
this.setMyTitle(this.title);
twowayfitness.SectionPanel.superclass.initComponent.call(this);
}
});
// ========================================
// SectionsPanel
// ========================================
twowayfitness.SectionsPanel = Ext.extend(Ext.form.FieldSet, {
setPositionFields: function() {
var all_sections = this.sections();
all_sections.each(function(section, index) {
section.positionField.setValue(index);
});
},
removeSection: function(section, destroy) {
var all_sections = this.sections();
if(all_sections.getCount() <= 1) {
twowayfitness.showPlainMessage("Cannot remove this section. An exercise activity must have at least one section.");
// Ext.Msg.alert('Notice', "Cannot remove this section. An exercise activity must have at least one section.");
} else {
this.innerPanel.remove(section, destroy);
this.doLayout();
}
},
copySectionDetails: function(dest, src) {
Ext.log('copySectionDetails');
dest.setTitle(src.title);
dest.nameField.setValue(src.nameField.getValue());
dest.newDurationField.copyValues(src.newDurationField);
//dest.durationField.setValue(src.durationField.getValue());
dest.exertionField.setValue(src.exertionField.getValue());
dest.distanceField.setValue(src.distanceField.getValue());
dest.tagField.setValue(src.tagField.getValue());
},
moveSection: function(from_index, to_index, sections) {
if(from_index == to_index) {
// nothing to do
return;
}
var section = sections.get(from_index);
var title = section.title;
var name = section.nameField.getValue();
//var duration = section.durationField.getValue();
var duration_hrs = section.newDurationField.hrs_field.getValue();
var duration_min = section.newDurationField.min_field.getValue();
var duration_sec = section.newDurationField.sec_field.getValue();
var ple = section.exertionField.getValue();
var distance = section.distanceField.getValue();
var tag = section.tagField.getValue();
var details = section.detailsField.getValue();
var to_section;
if(from_index < to_index) {
// we need to shift elements up
to_section = sections.get(to_index-1);
for(var j = from_index; j < to_index-1 ; ++j) {
var src = sections.get(j+1);
var dest = sections.get(j);
// jstracer.write('moveSection() src = ' + (j+1) + ' dest = ' + j + ' current title = ' + dest.title + ' setting title to ' + src.title);
this.copySectionDetails(dest, src);
}
} else {
// we need to shift elements down
to_section = sections.get(to_index);
for(var j = from_index - 1; j >= to_index ; --j) {
var src = sections.get(j);
var dest = sections.get(j+1);
// jstracer.write('moveSection() j = ' + j + ' current title = ' + dest.title + ' setting title to ' + src.title);
this.copySectionDetails(dest, src);
}
}
to_section.setTitle(title);
to_section.nameField.setValue(name);
//to_section.durationField.setValue(duration);
to_section.newDurationField.hrs_field.setValue(duration_hrs);
to_section.newDurationField.min_field.setValue(duration_min);
to_section.newDurationField.sec_field.setValue(duration_sec);
to_section.exertionField.setValue(ple);
to_section.distanceField.setValue(distance);
to_section.tagField.setValue(tag);
to_section.detailsField.setValue(details);
},
// given that the supplied section has been dragged to position (x,y), reorder the section
// amongst the other sections in the sections panel such that the drag request has been satisfied.
reorderSection: function(section, x, y) {
var all_sections = this.sections();
// first determine position of the section being dragged
var section_index;
all_sections.each(function(other_section, index, length) {
// jstracer.write(" '" + item.title + "' y = " + item.getPosition()[1]);
if(other_section === section) {
section_index = index;
}
});
// for(var i = 0; i < all_sections.length; i++) {
// var other_section = all_sections[i];
// if(other_section === section) {
// section_index = i;
// }
// }
var found_place = false;
for(var i = 0; !found_place && i < all_sections.length; i++) {
var other_section = all_sections.get(i);
var other_y = other_section.getPosition()[1];
if(other_y > y) {
// We have determined that we need to position section before other_section.
// I tried implementing this by removing the section from its container
// and inserting it back in, but never quite got it working. From reading
// the Ext forum it seems that support for moving things around in forms is
// not great.
//
// So, instead of that I leave the sections where they are, but move the data
// around instead.
this.moveSection(section_index, i, all_sections);
found_place = true;
}
}
if(!found_place) {
this.moveSection(section_index, all_sections.length, all_sections);
}
},
numSections: function() {
return this.items.length;
},
sections: function() {
var all_sections = this.items;
// all_sections.each(function(item, index, length) {
// jstracer.write(" '" + item.title + "' y = " + item.getPosition()[1]);
// });
return all_sections;
},
initComponent: function() {
var self = this;
Ext.applyIf(this, {
autoHeight: true,
title: 'Sections',
border: true,
items: [
new twowayfitness.SectionPanel({ title: 'Section 1', formPanel: self.formPanel, is_template: this.is_template })
],
bbar: new Ext.Toolbar(
[
{
text: 'add section',
iconCls:'add',
handler: function() {
var newPanel = new twowayfitness.SectionPanel({
title: '',
formPanel: self.formPanel,
is_template: self.is_template
});
self.innerPanel.add(
newPanel
);
self.doLayout();
}
}
]
)
});
this.innerPanel = this;
twowayfitness.SectionsPanel.superclass.initComponent.call(this);
}
});
function ExerciseActivityDialog(allow_edit, is_new, options) {
var self = this;
Ext.applyIf(self, options);
this.numSections = function() {
return this.sectionsPanel.numSections();
};
this.showSections = function(user_is_switching) {
this.instructions_panel.body.update("
To revert to a single section for this activity, uncheck the 'Split activity into sections' checkbox.
To split this activity into individual sections select the 'Split activity into sections' checkbox.
Enter your email address below and click on the submit button. We will then send an email to you. Please follow the instructions in that email in order to create a new password for yourself.
' }, this.addressField ] }); this.addListener({ 'submitted': { fn: function(dialog, result) { twowayfitness.showMessage('
An email has been sent to you. Please follow the instructions in the email in order to reset your password.
'); } } }); twowayfitness.ForgotPasswordDialog.superclass.initComponent.call(this); } }); twowayfitness.show_forgot_password_dialog = function(form_authenticity_token) { var dialog = new twowayfitness.ForgotPasswordDialog({ form_authenticity_token: form_authenticity_token }); dialog.show(); }; var allowCollapse = function() { return false; // return Ext.isIE; // return true; }; var make_period_button = function(period, icon_name, toggle_function, button_group, config) { var ret = {}; //var tooltip = "show data for " + period + " periods"; Ext.apply(ret, config); Ext.applyIf(ret, { period_name: period, tooltip: period, icon: twowayfitness.app_config.icons[icon_name], //'/images/icon-' + period + '.png', scale: 'large', //text: period, enableToggle: true, toggleGroup: button_group, listeners: { 'toggle': toggle_function } }); return ret; }; var make_historical_snapshots_panel = function(app_config, config) { var chart_panel_config = { border: false, aspect_ratio: 2.0, min_height: false }; Ext.apply(chart_panel_config, config.chart_panel_config); Ext.log('chart_panel_config.should_log = ' + chart_panel_config.should_log); var snapshot_panel = new twowayfitness.AnyChartPanel(chart_panel_config); var on_snapshot_toggle = function(button, pressed) { if(pressed) { snapshot_panel.setUrl('/clients/' + app_config.client_id + '/periods/' + button.period_name + '/historical_snapshot_chart.xml'); } }; var make_snapshot_period_button = function(period, config) { return make_period_button(period, period, on_snapshot_toggle, 'visualisation_period_button_group', config); }; var snapshot_period_buttons = [ make_snapshot_period_button('weekly', {pressed: true } ), make_snapshot_period_button('monthly'), make_snapshot_period_button('quarterly'), make_snapshot_period_button('yearly') ]; if(config) { if(config.starting_period) { snapshot_panel.setUrl('/clients/' + app_config.client_id + '/periods/' + config.starting_period + '/historical_snapshot_chart.xml'); } } var base_config = { title: 'Historical Snapshot', layout: 'anchor', tbar: snapshot_period_buttons, setData: function(data) { snapshot_panel.setData(data); }, items: snapshot_panel }; Ext.apply(base_config, config); return new Ext.Panel(base_config); }; var make_donuts_panel = function(app_config, config) { var chart_panel_config = { border: false }; Ext.apply(chart_panel_config, config.chart_panel_config); var donuts_panel = new twowayfitness.AnyChartPanel(chart_panel_config); var make_url = function(period, orientation, display_labels) { return '/clients/' + app_config.client_id + '/periods/' + period + '/donut_dashboard.xml?orientation=' + orientation + '&display_labels=' + (display_labels ? 'yes' : 'no'); }; var orientation = 'vertical'; var display_labels = false; if(config) { if(config.displayLabels) { display_labels = config.displayLabels; } if(config.orientation) { orientation = config.orientation; } if(config.starting_period) { var url donuts_panel.setUrl(make_url(config.starting_period, orientation, display_labels)); } } var on_donuts_toggle = function(button, pressed) { if(pressed) { donuts_panel.setUrl(make_url(button.period_name, orientation, display_labels)); } }; var make_donuts_period_button = function(period, icon_name, config) { return make_period_button(period, icon_name, on_donuts_toggle, 'donut_period_button_group', config); }; var donut_period_buttons = [ make_donuts_period_button('weekly', 'days_7', {pressed: true, tooltip: 'last 7 days' }), make_donuts_period_button('monthly', 'days_30', { tooltip: 'last 30 days'}), make_donuts_period_button('quarterly', 'days_90', { tooltip: 'last 90 days'}), make_donuts_period_button('yearly', 'days_365', { tooltip: 'last 365 days'}) ]; var base_config = { title: 'Donuts', tbar: donut_period_buttons, setData: function(data) { donuts_panel.setData(data); }, items: donuts_panel }; Ext.apply(base_config, config); return new Ext.Panel(base_config); }; twowayfitness.HomePanel = Ext.extend(Ext.Panel, { panel_name: 'Home', make_quotes_panel: function() { this.quotes_panel = new Ext.Panel({ collapsible: allowCollapse(), frame: true, style: 'margin-bottom: 7px', title: 'Quote of the Day' }); if(this.data) { this.quotes_panel.html = this.data.quote_html; } return this.quotes_panel; }, make_selected_charts_panel: function() { this.chart_panel1 = new twowayfitness.AnyChartPanel({ size_determined_by: 'width', anchor: '100%', should_log: true }); this.chart_panel1.on('bodyresize', function(p, w, h) { Ext.log('chart_panel1 bodyresize ' + w + ' by ' + h); }); this.chart_panel2 = new twowayfitness.AnyChartPanel({ size_determined_by: 'width', anchor: '100%' }); this.chart_panels = [ this.chart_panel1, this.chart_panel2 ]; this.selected_charts_panel = new Ext.Panel({ layout: 'anchor', title: 'Selected Charts', frame: true, collapsible: allowCollapse(), autoHeight: true, border: false, anchor: '100%', items: [ this.chart_panel1, this.chart_panel2 ] }); this.selected_charts_panel.on('bodyresize', function(p, w, h) { Ext.log('selected_charts_panel bodyresize ' + w + ' by ' + h); }); if(this.data) { this.chart_panel1.setData(this.data.chart1_xml); this.chart_panel2.setData(this.data.chart2_xml); } return this.selected_charts_panel; }, switch_to_2_columns: function() { if(this.using_3_columns) { this.using_3_columns = false; this.east_panel.removeAll(true); this.center_panel.add(this.make_selected_charts_panel()); this.west_panel.insert( 1, this.make_quotes_panel() ); this.east_panel.hide(); this.doLayout(); } }, switch_to_3_columns: function() { if(!this.using_3_columns) { this.using_3_columns = true; this.west_panel.remove(this.quotes_panel, true); this.center_panel.remove(this.selected_charts_panel, true); this.east_panel.show(); this.east_panel.add(this.make_quotes_panel()); this.east_panel.add(this.make_selected_charts_panel()); this.doLayout(); } }, initComponent: function() { Ext.log('inside HomePanel::initComponent'); var self = this; self.chart_panels = []; this.visualisation_panel = make_historical_snapshots_panel(self.app_config, { chart_panel_config: { size_determined_by: 'width', anchor: '100%' }, collapsible: allowCollapse(), autoHeight: true, anchor: '100%', style: 'margin-bottom: 7px' }); this.donuts_panel_holder = make_donuts_panel(self.app_config, { chart_panel_config: { size_determined_by: 'width', anchor: '100%', aspect_ratio: 0.5, min_height: false }, layout: 'anchor', anchor: '100%', flex: 1.0, autoHeight: true, collapsible: allowCollapse(), margins: {top:0, right:7, bottom:0, left:0} }); this.ep_gauges_panel = new twowayfitness.EpGaugesPanel({ title: 'Exercise Points', collapsible: allowCollapse(), size_determined_by: 'width', frame: true, flex: 1.0, style: 'margin-bottom: 7px', client_id: this.client_id }); this.make_quotes_panel(); // var gadget_panel = new Ext.Panel({ // layout: 'fit', // collapsible: true, // frame: true, // title: 'Weather', // style: 'margin-bottom: 7px', // height: 360, // items: { // autoScroll : true, // autoShow:true, // xtype:'iframepanel', // fitToParent: true, // loadMask:{hideOnReady :false,msg:'Loading ...'}, // defaultSrc: '/public/google_gadget' // } // }); // // var simpsons_panel = new Ext.Panel({ // layout: 'fit', // // collapsible: true, // // frame: true, // // title: 'Homer Simpson', // border: false, // style: 'margin-bottom: 7px', // height: 270, // items: { // autoScroll : true, // autoShow:true, // xtype:'iframepanel', // fitToParent: true, // loadMask:{hideOnReady :false,msg:'Loading ...'}, // defaultSrc: '/public/simpson_gadget' // } // }); // var profile_panel = new Ext.Panel({ // title: 'News', collapsible: allowCollapse(), bodyBorder: false, frame: true, style: 'margin-bottom: 7px', html: 'Fetching Details ...' }); var todos_panel = new Ext.Panel({ title: 'To Do', collapsible: allowCollapse(), frame: true, style: 'margin-bottom: 7px', html: 'Fetching ...' }); var news_panel = new Ext.Panel({ title: 'News', collapsible: allowCollapse(), bodyBorder: false, frame: true, style: 'margin-bottom: 7px', html: 'Fetching News ...' }); var forum_topics_panel = new Ext.Panel({ title: 'Recent Forum Topics', collapsible: allowCollapse(), frame: true, style: 'margin-bottom: 7px', html: 'Fetching Topics ...' }); // var html = ''; // for(var i=0; i<100; i++) { // html = html + ("hello " + i + "End date is before start date.
"); // } else { //this.center_panel.doLayout(); this.resizeChart(); this.chart_panel.setUrl(url); // this.settings_panel.doLayout(); // } } }, resizeChart: function() { Ext.log('resizeChart rendered = ' + this.rendered); if(this.rendered && this.settings_panel.rendered) { // Ext.log('resizeChart settings_panel rendered = ' + this.settings_panel.rendered); var size = this.center_panel.getSize(); Ext.log('resizeChart 100'); var orig_width = size.width; var orig_height = size.height; var new_width = orig_width - 12; Ext.log('resizeChart 150'); var settings_panel_height = this.settings_panel.getSize().height; var new_height = orig_height - settings_panel_height - 30; Ext.log('resizeChart 200'); this.settings_panel.setWidth(orig_width - 30); //console.log('resizeChart orig_width = ' + orig_width + ' orig_height = ' + orig_height + ' new_width = ' + new_width + ' new_height = ' + new_height); this.chart_panel.setSize(new_width, new_height); Ext.log('resizeChart 300'); // this.chart_panel.adjust_for_aspect_ratio(); this.chart_panel.adjust_size(); Ext.log('resizeChart 350'); this.center_panel.doLayout(); Ext.log('resizeChart 400'); } } }); var ret = new Ext.Panel(settings); self = ret; return ret; }; twowayfitness.ForumsPanel = Ext.extend(Ext.Panel, { initComponent: function() { Ext.applyIf(this, { border: false, // autoScroll: true, layout: 'fit', items: { autoScroll : true, autoShow:true, xtype:'iframepanel', fitToParent: true, loadMask:{hideOnReady :false,msg:'Loading ...'}, defaultSrc: '/forums' } }); twowayfitness.ForumsPanel.superclass.initComponent.call(this); } }); twowayfitness.MeasurementsPanel = Ext.extend(twowayfitness.GridWithShowPanel, { constructor: function(config) { // Your preprocessing here twowayfitness.MeasurementsPanel.superclass.constructor.apply(this, [ config ]); // Your postprocessing here }, editable_and_deletable: function(data) { return true; }, displayMetric: function(data) { var self = this; self.data = data; var metric_id = data.id; this.metric_id = metric_id; this.new_button.enable(); this.measurements_url = '/metrics/' + metric_id + '/measurements'; var datastore = new Ext.data.Store({ reader: new Ext.data.JsonReader ( { root: 'measurements', id: 'uri', totalProperty: 'count' }, [ // {name: 'id', mapping: 'id'}, // {name: 'metric_id', mapping: 'metric_id'}, {name: 'uri', mapping: 'uri'}, {name: 'date', mapping: 'date', type:'date'}, {name: 'duration_hrs', mapping: 'duration_hrs'}, {name: 'duration_min', mapping: 'duration_min'}, {name: 'duration_sec', mapping: 'duration_sec'}, // {name: 'display_value', mapping: 'display_value'}, {name: 'value', mapping: 'value'} ] ), proxy: new Ext.data.MemoryProxy(), data: self.data.measurements, autoDestroy: true }); datastore.load(); this.setDatastore(datastore); self.progress_dialog.hideProgress(); self.progress_dialog = twowayfitness.null_progress_dialog; }, // override initComponent initComponent: function() { var self = this; var column_model = new Ext.grid.ColumnModel([ { header:"date", dataIndex: 'date', sortable: true, renderer: Ext.util.Format.dateRenderer("M d, Y") }, { header:"value", sortable: true, dataIndex: 'value' } ]); Ext.applyIf(this, { on_new: function() { var dialog = new twowayfitness.MeasurementDialog({ isDuration: self.data.units == 'time', manualProgressDismiss: true, title: 'Add measurement', REST_uri: self.measurements_url, dataSaved: function() { self.benchmark_display_panel.updateMetric(dialog); }, form_authenticity_token: self.form_authenticity_token }); this.progress_dialog = dialog; dialog.on('show', function(comp) { // Fix for IE: for some reason (an ext bug I think), the duration field does not show unless I do the following. comp.doLayout(); }); dialog.show(); }, after_delete: function() { this.progress_dialog = self; self.benchmark_display_panel.updateMetric(self); }, on_edit: function(selected) { var dialog = new twowayfitness.MeasurementDialog({ isDuration: self.data.units == 'time', manualProgressDismiss: true, title: 'Edit measurement', REST_uri: selected.data.uri, data: selected.data, dataSaved: function() { self.benchmark_display_panel.updateMetric(dialog); }, form_authenticity_token: self.form_authenticity_token }); this.progress_dialog = dialog; dialog.on('show', function(comp) { // Fix for IE: for some reason (an ext bug I think), the duration field does not show unless I do the following. comp.doLayout(); }); dialog.show(); }, datastore: new Ext.data.Store(), column_model: column_model, border: false, manualProgressDismiss: true, display_show_panel: false, width: 220, listPanelConfig: { title: 'Measurements', frame: true, region: 'west', width: 220, split: false }, progress_dialog: twowayfitness.null_progress_dialog, display_toolbar: true, object_name: 'measurement', collection_path: 'measurements' }); // call the superclass's initComponent implementation twowayfitness.MeasurementsPanel.superclass.initComponent.call(this); } }); twowayfitness.BenchmarkDisplayPanel = Ext.extend(Ext.Panel, { constructor: function(config) { // Your preprocessing here twowayfitness.BenchmarkDisplayPanel.superclass.constructor.apply(this, [ config ]); // Your postprocessing here }, updateMetric: function(dialog) { // this.display_metric(this.metric_id); dialog.startProgress(); this.findParentByType(twowayfitness.BenchmarksPanel).reload_benchmarks_list(dialog, this.metric_id); }, display_metric: function(metric_id) { var self = this; self.metric_id = metric_id; self.show(); // alert('display_metric metric_id = ' + metric_id); Ext.Ajax.request({ url: '/metrics/' + metric_id, method: 'GET', params: { 'format':'ext_json' }, success : function (response, options) { var data = Ext.util.JSON.decode(response.responseText); self.description_panel.body.update(data.summary_html); self.measurements_panel.displayMetric(data); self.chart_panel.setData(data.chart_xml); self.doLayout(); }, failure : function (response, options) { alert("Failed to fetch information about benchmark from server. Please try again later."); } }); }, setData: function(data) { this.display_metric(data.id); }, // override initComponent initComponent: function() { var self = this; self.description_panel = new Ext.Panel({ autoHeight: true, region: 'north', border: false }); self.measurements_panel = new twowayfitness.MeasurementsPanel({ region: 'west', form_authenticity_token: this.form_authenticity_token, benchmark_display_panel: self }); self.chart_panel = new twowayfitness.AnyChartPanel({ min_aspect_ratio: 1.5, max_aspect_ratio: 3.0, aspect_ratio: false, border: false, should_log: true, anchor: '100%', form_authenticity_token: this.form_authenticity_token }); Ext.applyIf(this, { layout: 'border', plugins: twowayfitness.micksPlugin, min_width: 650, min_height: 500, items: [ self.description_panel, self.measurements_panel, { layout: 'fit', region: 'center', border: false, items: self.chart_panel } ], border: false }); // call the superclass's initComponent implementation twowayfitness.BenchmarkDisplayPanel.superclass.initComponent.call(this); } }); twowayfitness.BenchmarkDialog = Ext.extend(twowayfitness.RestDialog, { initComponent: function() { var self = this; var fc = new twowayfitness.FieldCreator({ data: this.data, submission_object_name: 'metric' }); var descriptionField = fc.text_field('description', 'Description', { // allowBlank: false }); var detailsField = fc.text_area('details', 'Details', { }); var store = new Ext.data.SimpleStore({ fields: [ 'type', 'unit' ], data : [ [ 'Number', 'count' ], [ 'Time', 'time' ], [ 'Length/Height', 'centimetres' ], [ 'Length/Height', 'metres' ], [ 'Length/Height', 'kilometres' ], [ 'Length/Height', 'inches' ], [ 'Length/Height', 'feet' ], [ 'Length/Height', 'miles' ], [ 'Weight', 'kg' ], [ 'Weight', 'lb' ] ] }); var units_combo = new Ext.form.ComboBox({ tpl: 'A Benchmark is something about you that can be measured. You can set goals/targets for each benchmark and track your progress towards those goals. Examples of benchmarks you might like to create are benchmarks for tracking things like your weight, your resting pulse rate, the time it takes you to complete a regular run or ride, the number of situps you can do, etc.
"; html += "Click on the 'New ...' button to create a new benchmark.
"; html += "Click on an existing benchmark in the list to the left in order to view a record of measurements for that benchmark, or to add a new measurement or edit or delete an existing measurement.
"; html += "Click on the '?' icon on the right hand side of this window for additional help.
"; Ext.applyIf(this, { autoScroll: false, progress_dialog: twowayfitness.null_progress_dialog, showPanelWrapperConfig: { autoScroll: true }, showPanelConfig: { id: 'instructions', // autoScroll: true, html: html }, listPanelConfig: { region: 'west', width: 400 }, tools: [ { id: 'help', handler: function(event, toolEl, panel) { twowayfitness.displayHelp('benchmarks'); } } ], title: 'Benchmarks & Measurements', datastore: datastore, column_model: column_model, // height: '30%', display_show_panel: true, display_toolbar: true, object_name: 'benchmark', collection_path: 'metrics', on_new: function() { var window = new twowayfitness.BenchmarkDialog({ form_authenticity_token: this.form_authenticity_token, client_id: this.client_id, benchmarks_panel: self }); window.show(); }, after_delete: function() { self.display_panel.hide(); return true; }, on_edit: function(selected) { var window = new twowayfitness.BenchmarkDialog({ form_authenticity_token: this.form_authenticity_token, benchmarks_panel: self, REST_uri: selected.data.uri, data: selected.data }); window.show(); }, on_rowclick: function(data) { self.displayPanel().setData(data); } }); // call the superclass's initComponent implementation twowayfitness.BenchmarksPanel.superclass.initComponent.call(this); this.datastore.load({ callback: function() { return true; } }); } }); twowayfitness.text_field = function(name, label) { return new Ext.form.TextField(this.field_params(name, label)); }; twowayfitness.ArticleDialog = Ext.extend(twowayfitness.RestDialog, { dataSaved: function(result) { this.articles_panel.reloadList(result.article_id); }, initComponent: function() { twowayfitness.ArticleDialog.superclass.initComponent.call(this); } }); twowayfitness.PublishArticleDialog = Ext.extend(twowayfitness.ArticleDialog, { setData: function(data) { this.data = data; var fc = new twowayfitness.FieldCreator({ container: this, data: this.data, object_name: 'article' }); fc.updateFieldByName('title'); fc.updateFieldByName('publication_date'); fc.updateField(this.public_checkbox); fc.updateField(this.clients_checkbox); }, initComponent: function() { var fc = new twowayfitness.FieldCreator({ data: this.data, object_name: 'article' }); this.titleField = fc.text_field('title', 'Title', { anchor: '100%', disabled: true }); this.dateField = fc.date_field('publication_date', 'Publication Date', { format: 'Y-m-d', allowBlank: false, value: new Date() } ); this.public_checkbox = new Ext.form.Checkbox( fc.checkbox_params('published_to_public', 'public website', { // the rendering on FF 3.0 and IE is buggered if the height is not provided below. Don't know what causes it. height: 40 }) ); this.clients_checkbox = new Ext.form.Checkbox( fc.checkbox_params('published_to_clients', 'my clients', { // The rendering on FF 3.0 and IE is buggered if the height is not provided below. Don't know what causes it. height: 40 }) ); var published_checkboxes = { // Use the default, automatic layout to distribute the controls evenly // across a single row xtype: 'checkboxgroup', columns : 2, fieldLabel: 'Published to', items: [ this.public_checkbox, this.clients_checkbox ] }; Ext.applyIf(this, { width: 500, title: 'Publish article', height: 250, stateful: false, help_key: 'publish_article', REST_key: 'articles/publish', object_name: 'article', // use_max_possible_height: true, form_items: [ this.titleField, published_checkboxes, this.dateField ] }); twowayfitness.PublishArticleDialog.superclass.initComponent.call(this); } }); twowayfitness.ArticleContentDialog = Ext.extend(twowayfitness.RestDialog, { beforeSubmit: function() { // this forces the tinyMCE field to save its value to the underlying text area, // which will cause the correct value to be submitted. //var value = this.contentField.getValue(); this.contentField.syncValue(); }, setData: function(data) { this.data = data; var fc = new twowayfitness.FieldCreator({ container: this, data: this.data, object_name: 'article' }); fc.updateField(this.titleField); fc.updateFieldByName('content'); }, twoWaybeingResized: function() { // this is a hack to get this window being correctly size. // I don't fully understand why it's needed. // this.contentField.setSize(this.contentField.getEl().getWidth(), new_height - 300); }, initComponent: function() { var self = this; var fc = new twowayfitness.FieldCreator({ data: this.data, object_name: 'article' }); // this.contentField = new Ext.ux.form.TinyMCE({ // fieldLabel: 'Content', // name: 'article[content]', // anchor: '100% 85%', // enableColors: false, // monitorResize: true, // stateful: false, // value: self.data ? self.data['article[content]'] : '' // }); //this.contentField = new Ext.ux.TinyMCE({ // // height: 1900, // anchor: '100% -30', // fieldLabel: 'Content', // name: 'article[content]', // autoScroll: true, // bodyStyle: 'padding: 10px', // value: self.data ? self.data['article[content]'] : '', // // tinymceSettings: { // "content_css": "/stylesheets/gravity2.css", // "debug":false, // "mode":"none", // "theme":"advanced", // "strict_loading_mode":true, // "auto_reset_designmode":true, // "browsers":"msie,gecko,opera,safari", // "button_tile_map":true, // "language":"en", // "docs_language":"en", // "object_resizing":true, // "table_inline_editing":false, // "plugins":"preview,fullscreen,inlinepopups,style,media,advlink,advimage,paste,searchreplace,table,xhtmlxtras", // "apply_source_formatting":true, // "cleanup":true, // "cleanup_on_startup":true, // "convert_fonts_to_spans":true, // "convert_newlines_to_brs":false, // "doctype":"", // "entity_encoding":"raw", // "fix_content_duplication":true, // "fix_list_elements":true, // "fix_table_elements":true, // "force_p_newlines":true, // "force_br_newlines":false, // "force_hex_style_colors":true, // "forced_root_block":"p", // "inline_styles":true, // "remove_trailing_nbsp":false, // "trim_span_elements":true, // "verify_css_classes":false, // "verify_html":false, // "convert_urls":true, // "relative_urls":false, // "remove_script_host":true, // "width":"100%", // "visual":true, // theme_advanced_blockformats: "p,div,h2,h3,h4,h5,h6,blockquote,dt,dd,code,samp", // "theme_advanced_layout_manager":"SimpleLayout", // "theme_advanced_toolbar_location":"top", // "theme_advanced_toolbar_align":"left", // "theme_advanced_resizing":true, // "theme_advanced_resize_horizontal":false, // "theme_advanced_resizing_use_cookie":false, // "theme_advanced_buttons1":"formatselect,styleselect,|,undo,redo,|,cut,pastetext,|,search,replace,|,visualaid,", // "theme_advanced_buttons2":"bold,italic,underline,strikethrough,|,tablecontrols,|,fullscreen", // "theme_advanced_buttons3":"justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,indent,outdent,|,link,unlink,anchor,|,image,media,|,sub,sup,|,charmap,|,blockquote,cite,abbr,acronym" // // // // // // theme : "advanced", // // plugins: "safari,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,noneditable,visualchars,nonbreaking,xhtmlxtras,template", // // theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", // // theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", // // theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|", // // theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak", // // theme_advanced_toolbar_location : "top", // // theme_advanced_toolbar_align : "left", // // theme_advanced_statusbar_location : "bottom", // // theme_advanced_resizing : false, // // extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]", // // template_external_list_url : "example_template_list.js" // } //}); this.titleField = fc.text_field('title', 'Title', { anchor: '100%', region: 'north' // autoHeight: true // height: 100 // region: 'north' }); this.contentField = new Ext.form.HtmlEditor({ fieldLabel: 'Content', name: 'article[content]', value: self.data ? self.data['article[content]'] : '', flex: 1.0, anchor: '100% 100%' // width: '100%', // width: 1000, // height: 600 }); // this.contentField = new Ext.form.TextArea({ // anchor: '100% -30', // fieldLabel: 'Content', // name: 'article[content]', // autoScroll: true, // bodyStyle: 'padding: 10px', // value: self.data ? self.data['article[content]'] : '' // }); Ext.applyIf(this, { // layout: 'fit', width: 700, constrain_to: twowayfitness.main_panel, // labelWidth: 80, title: 'Article', autoHeight: false, // style: 'background-color: #ff0000', stateful: false, // autoScroll: false, help_key: 'create_or_edit_article', REST_key: 'articles', object_name: 'article', use_max_possible_height: true, form_items: [ // { // html: 'hello' // } // { // xtype: 'fieldset', // items: [ // this.titleField // ] // }, // { // xtype: 'fieldset', // items: [ // this.contentField // ] // } this.titleField, this.contentField ], form_panel_config: { // layout: 'vbox', // autoScroll: false, labelWidth: 60 } }); twowayfitness.ArticleContentDialog.superclass.initComponent.call(this); } }); debug_show_article_dialog = function() { var dialog = new twowayfitness.ArticleContentDialog({ // autoHeight: false, // height: 900, form_authenticity_token: this.form_authenticity_token }); dialog.show(); }; Ext.grid.CheckColumn = function(config){ Ext.apply(this, config); if(!this.id){ this.id = Ext.id(); } this.renderer = this.renderer.createDelegate(this); }; Ext.grid.CheckColumn.prototype ={ renderer : function(v, p, record) { return 'Set one or other or both of the fields below
When a new user uses a coupon, their free subscription end date will be either the specified free subscription end date, or the current date + the free subscription length, or the end date of their trial period, whichever comes last.
" + instructions + "
" }); for(var i = 0; i <= last_element_index; ++i) { var element = arr[i]; var title = element.name ? element.name : 'Goals'; var gpanel = new twowayfitness.SimpleGoalsPanel({ title: title, form_authenticity_token: self.form_authenticity_token, data: element }); this.goals_panel.add(gpanel); } // this.goals_panel.layout.setActiveItem(last_element_index); // for IE, we seem to need to do the following 2 doLayout calls. Not sure why. this.goals_panel.doLayout(); this.doLayout(); }, initComponent: function() { var self = this; self.instructions_panel = twowayfitness.makePanel({ min_width: 400, border: true, bodyBorder: false, html: "You can set one or more goals for each of the series displayed to the left. Click on a series in order to view or edit your current goals or to set new goals.
" }); self.center_panel = new Ext.Panel({ region: 'center', border: false, layout: 'fit', items: [ self.instructions_panel ] }); self.goals_panel = twowayfitness.makePanel({ autoScroll: true, border: false, fetchData: function() { this.removeAll(true); Ext.Ajax.request({ url: self.url, method: 'GET', params: { format: 'ext_json' }, scope: this, success : function (response, options) { var data = Ext.util.JSON.decode(response.responseText); self.gotData(data); }, failure : function (response, options) { alert("Failed to fetch information from server. Perhaps the item has been deleted."); } }); }, setUrl: function(url) { self.url = url; this.fetchData(); } }); var tree = new twowayfitness.ChartsTreePanel({ region: 'west', split: true, collapsible: true, dataUrl: '/series', listeners: { 'click' : { fn: function(node, e) { self.current_node = node; self.display_goals(); } } } }); Ext.applyIf(this, { title: 'Set Goals', border: false, autoScroll: false, layout: 'border', help_key: 'set_goals', tools: [ { id: 'help', handler: function(event, toolEl, panel) { twowayfitness.displayHelp(self.help_key); } } ], items: [ tree, self.center_panel ] }); twowayfitness.SetGoalsPanel.superclass.initComponent.call(this); } }); twowayfitness.WeekPanel = Ext.extend(Ext.Panel, { setData: function (data, is_edit) { //alert('set data'); // there is likely a javascript function for fetching day names somewhere. var day_names = [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ]; var self = this; //this.doLayout(); // is this needed? // alert('data = '+ Object.keys(data)); if(this.north_panel) { this.set_north_panel_data(data, is_edit); } this.week_start_date = new Date(data.date); var date = new Date(this.week_start_date); this.dateField.setValue(date); var column_index = 0; for (column_index=0; column_index<7; column_index++) { var col = this.columns[column_index]; twowayfitness.remove_all_components(col); col.add(new Ext.Panel({ border: false, cls: 'day', html: 'Click on the '?' icon on the right hand side of this window for help using this feature.
A Regular Exercise Activity is an activity, such as a run or a training session, that you perform regularly.
"; help_html += "In 2Way Fitness Analytics, regular exercise activites save you from having to re-enter the same or similar information over and over again when recording your training activities.
"; help_html += "Regular exercise activites can also be used to help you plan your training.
"; help_html += "Click on the '?' icon on the right hand side of this window for instructions on using this feature.
"; help_html += "Click on a chart to view the benchmark in detail.
" }, this.boxes_panel ] }); twowayfitness.DashboardBenchmarksPanel.superclass.initComponent.call(this); } }); twowayfitness.EpGaugesPanel = Ext.extend(Ext.Panel, { setData: function (data) { this.daily_ep_panel.setData(data.daily_ep_gauge_xml); this.weekly_ep_panel.setData(data.weekly_ep_gauge_xml); this.monthly_ep_panel.setData(data.monthly_ep_gauge_xml); }, fetchInfo: function() { var params = {}; params['format'] = 'ext_json'; if(this.client_id) { params['client_id'] = this.client_id; } Ext.Ajax.request({ url: '/client/ep_gauges', method: 'GET', params: params, scope: this, success : function (response, options) { var data = Ext.util.JSON.decode(response.responseText); this.setData(data); }, failure : function (response, options) { alert("Failed to fetch information from server. Please try again later."); } }); }, initComponent: function() { var aspect_ratio = 1.4; this.daily_ep_panel = new twowayfitness.AnyGaugePanel({ // title: 'daily', // margins: {top:0, right:-40, bottom:0, left:0}, aspect_ratio: aspect_ratio, size_determined_by: 'width', anchor: '100%', flex: 1.0 // width : 170, // height : 150 }); this.weekly_ep_panel = new twowayfitness.AnyGaugePanel({ // title: 'weekly', aspect_ratio: aspect_ratio, size_determined_by: 'width', anchor: '100%', flex: 1.0 // width : 170, // height : 150 }); this.monthly_ep_panel = new twowayfitness.AnyGaugePanel({ // title: 'monthly', aspect_ratio: aspect_ratio, size_determined_by: 'width', anchor: '100%', flex: 1.0 // , // aspect_ratio: 1.6 // width : 170, // height : 150 }); Ext.applyIf(this, { // layout: 'column', // height : 150, layout: 'anchor', border: false, autoHeight: true, plugins: twowayfitness.micksPlugin, size_determined_by: 'width', aspect_ratio: 0.5, // columns: 1, monitorResize: true, // layout: 'vbox', items: [ this.daily_ep_panel, this.weekly_ep_panel, this.monthly_ep_panel ] }); this.addListener({ 'beforerender': { fn: function() { this.fetchInfo(); }, scope: this } }); twowayfitness.EpGaugesPanel.superclass.initComponent.call(this); } }); twowayfitness.DashboardPanel = Ext.extend(Ext.Panel, { setData: function (data) { // this.ep_gauges_panel.setData(data); this.dashboard_benchmarks_panel.setData(data); }, fetchDashboardInfo: function() { var params = {}; params['format'] = 'ext_json'; if(this.client_id) { params['client_id'] = this.client_id; } Ext.Ajax.request({ url: '/client/dashboard', method: 'GET', params: params, scope: this, success : function (response, options) { var data = Ext.util.JSON.decode(response.responseText); this.setData(data); }, failure : function (response, options) { alert("Failed to fetch information from server. Please try again later."); } }); }, initComponent: function() { this.ep_gauges_panel = new twowayfitness.EpGaugesPanel({ client_id: this.client_id }); this.dashboard_benchmarks_panel = new twowayfitness.DashboardBenchmarksPanel({ form_authenticity_token: this.form_authenticity_token, client_id: this.client_id }); // var main_panel = new Ext.Panel({ // html: '
Tony, Ian ... This page is just the start of a dashboard that we could come up with ... I imagine us displaying benchmarks, goals, DPs, HPs, etc
' // }); // this.id = 'exercise_panel'; Ext.apply(this, { id: 'dashboard_panel' }); Ext.ComponentMgr.register(this); Ext.applyIf(this, { title: 'Dashboard', monitorResize: true, items : [ this.ep_gauges_panel, this.dashboard_benchmarks_panel ], tools: [ { id: 'help', handler: function(event, toolEl, panel) { twowayfitness.displayHelp('dashboard'); } } ], border: false }); this.addListener({ 'beforerender': { fn: function() { this.fetchDashboardInfo(); }, scope: this } }); this.addListener({ bodyresize: { fn: function(component, adjWidth, adjHeight, rawWidth, rawHeight) { // jstracer.write('dashboard panel resize'); this.doLayout(); // alert('this.dashboard_benchmarks_panel = ' + this.dashboard_benchmarks_panel); this.dashboard_benchmarks_panel.relayout(); }, scope: this, buffer: 50 } }); twowayfitness.DashboardPanel.superclass.initComponent.call(this); } }); twowayfitness.ChangeEmailAddressDialog = Ext.extend(twowayfitness.RestDialog, { dataSaved: function() { // Ext.Msg.alert('Change email address', 'A confirmation email has been sent to the new email address. Please follow the instructions in that email to confirm that the new address is correct. We will not change over to using the new address until we have received confirmation.'); twowayfitness.showPlainMessage( 'A confirmation email has been sent to the new email address. Please follow the instructions in that email to confirm that the new address is correct. We will not change over to using the new address until we have received confirmation.', { title: 'Change Email Address' } ); }, initComponent: function() { var self = this; var fc = new twowayfitness.FieldCreator({ data: this.data, object_name: 'email_address_change' }); this.addressField = fc.text_field('new_email_address', 'new address', { }); Ext.applyIf(this, { width: 500, title: 'Change email address', help_key: 'change_email_address', REST_key: 'email_address_changes', object_name: 'email_address_change', modal: true, form_items: [ { xtype: 'panel', border: false, width: 480, html: 'To set or change the email address associated with your account enter the new email address in the field below and click on "Save Changes".
' }, this.addressField ] }); twowayfitness.ChangeEmailAddressDialog.superclass.initComponent.call(this); } }); twowayfitness.show_change_email_address_dialog = function(form_authenticity_token, user_id) { var dialog = new twowayfitness.ChangeEmailAddressDialog({ form_authenticity_token: form_authenticity_token, user_id: user_id }); dialog.show(); }; twowayfitness.RegistrationForm = Ext.extend(Ext.FormPanel, { dataSaved: function() { // Ext.Msg.alert('Change email address', 'A confirmation email has been sent to the new email address. Please follow the instructions in that email to confirm that the new address is correct. We will not change over to using the new address until we have received confirmation.'); }, initComponent: function() { var self = this; var fc = new twowayfitness.FieldCreator({ data: this.data, object_name: 'account_creation_attempt' }); // -# = f.submit_button 'Sign up' this.addressField = fc.text_field('email', 'Your email address', { labelAlign: 'right', width: 230 }); this.passwordField = fc.text_field('password', 'Password', { inputType: 'password' }); this.confirmPasswordField = fc.text_field('password_confirmation', 'Retype password', { inputType: 'password' }); // alert('this.contentEl = ' + this.contentEl); Ext.applyIf(this, { method: 'POST', defaults: { labelAlign: 'right', width: 230, style: 'margin-bottom: 5px' }, bodyStyle: 'padding:15px', labelWidth: 140, // bbar: [ // { // text: 'Sign Up' // } // ], width: 500, title: '2Way Fitness Analytics Registration', help_key: 'registration', REST_key: 'account_creation_attempts', object_name: 'account_creation_attempt', // modal: true, items: [ { xtype: 'panel', width: '100%', border: false, contentEl: 'instructions' }, // { // xtype: 'panel', // border: false, // width: 480, // html: '
To set or change the email address associated with your account enter the new email address in the field below and click on "Save Changes".
' // }, this.addressField, this.passwordField, this.confirmPasswordField, { xtype: 'checkbox', width: '100%', // labelStyle: 'font-weight: normal;', hideLabel: true, // boxLabel: Ext.get('terms-checkbox-content').dom boxLabel: 'By clicking on this checkbox you confirm that you have read and agreed to the terms and conditions and privacy policy for 2WayFitness' }, { xtype: 'button', // icon: '/images/cyclist.jpg', text: 'Sign Up', handler: function() { self.getForm().submit(); } } ] }); this.labelAlign = 'right'; twowayfitness.RegistrationForm.superclass.initComponent.call(this); } }); // twowayfitness.RegistrationDialog = Ext.extend(twowayfitness.RestDialog, { // dataSaved: function() { // // Ext.Msg.alert('Change email address', 'A confirmation email has been sent to the new email address. Please follow the instructions in that email to confirm that the new address is correct. We will not change over to using the new address until we have received confirmation.'); // }, // initComponent: function() { // var self = this; // // var fc = new twowayfitness.FieldCreator({ // data: this.data, // object_name: 'account_creation_attempt' // }); // // // // -# = f.text_field :email, :label => 'Your email address' // // -# // // -# = f.password_field :password // // -# = f.password_field :password_confirmation, :label => "Retype password" // // -# // // -# = f.submit_button 'Sign up' // // this.addressField = fc.text_field('email', 'Your email address', { // }); // // this.passwordField = fc.text_field('password', 'Password', { // }); // this.confirmPasswordField = fc.text_field('password_confirmation', 'Retype password', { // }); // // alert('this.contentEl = ' + this.contentEl); // Ext.applyIf(this, { // width: 500, // title: '2Way Fitness Logbook Registration', // help_key: 'registration', // REST_key: 'account_creation_attempts', // object_name: 'account_creation_attempt', // // modal: true, // form_items: [ // // { // // xtype: 'panel', // // border: false, // // width: 480, // // html: '
To set or change the email address associated with your account enter the new email address in the field below and click on "Save Changes".
' // // }, // this.addressField, // this.passwordField, // this.confirmPasswordField // ] // }); // // twowayfitness.RegistrationDialog.superclass.initComponent.call(this); // } // }); // twowayfitness.show_change_email_address_dialog = function(form_authenticity_token, user_id) { // var dialog = new twowayfitness.ChangeEmailAddressDialog({ // form_authenticity_token: form_authenticity_token, // user_id: user_id // }); // dialog.show(); // }; // replace the entire panel's content with the specified component twowayfitness.replace_component = function(container, component) { twowayfitness.remove_all_components(container); container.add(component); container.doLayout(); }; twowayfitness.remove_all_components = function(container) { var i; if(container.items) { while(i = container.items.last()){ container.remove(i, true); } } }; twowayfitness.display_mobile_app = function() { var location_count = 0; var geo_watcher_id = 0; var display_panel = new Ext.Panel({ html: 'output will go here' }); function handler(location) { location_count++; display_panel.body.update("
Longitude: " + location.coords.longitude + "
Latitude: " + location.coords.latitude + "
location updated " + location_count + " time(s)"); } //function errorCallback(location) { // location_count++; // alert("Longitude: " + location.coords.longitude); //} var start_button = new Ext.Button({ text: 'Start', listeners: { 'click': { fn: function() { //alert('start button clicked'); //navigator.geolocation.getCurrentPosition(handler); geo_watcher_id = navigator.geolocation.watchPosition(handler); //, errorCallback, [Optional] in PositionOptions options); } } } }); var stop_button = new Ext.Button({ text: 'Stop', listeners: { 'click': { fn: function() { navigator.geolocation.clearWatch(geo_watcher_id); } } } }); var panel = new Ext.Panel({ title: 'this is the app', items: [ { html: 'hello there, this is the app' }, start_button, stop_button, display_panel ] }); twowayfitness.viewport = new Ext.Viewport({ cls: 'application', border: false, layout:'fit', items: panel }); }; twowayfitness.display_app = function(app_config) { twowayfitness.app_config = app_config; Ext.QuickTips.init(); Ext.History.init(); if(!app_config.logged_in) { var dialog = new twowayfitness.LoginDialog({ form_authenticity_token: app_config.form_authenticity_token }); dialog.show(); return; } Ext.log('is production = ' + app_config.is_production); if(!app_config.is_production) { Ext.log('setting large timeout'); Ext.Ajax.timeout = 1000000; } var chart_settings = app_config.chart_settings; chart_settings.timespan.end.date.value = new Date(chart_settings.timespan.end.date.value); chart_settings.timespan.beginning.date.value = new Date(chart_settings.timespan.beginning.date.value); // Handle this change event in order to restore the UI to the appropriate history state Ext.History.on('change', function(token){ Ext.log('Ext.History.on'); if(token) { if(token != twowayfitness.current_history_token) { switch(token) { case 'dashboard': twowayfitness.main_panel.display_home_panel(); break; case 'charts': twowayfitness.main_panel.display_charts_panel(); break; case "articles": twowayfitness.main_panel.display_articles_panel(); break; case "quotations": twowayfitness.main_panel.display_quotations_panel(); break; case "coupons": twowayfitness.main_panel.display_coupons_panel(); break; case "set-goals": twowayfitness.main_panel.display_set_goals_panel(); break; case "activity": twowayfitness.main_panel.display_exercise_panel(); break; case "regular-activities": twowayfitness.main_panel.display_activity_templates_panel(); break; case "benchmarks": twowayfitness.main_panel.display_benchmarks_panel(); break; case "historical-snapshots": twowayfitness.main_panel.display_historical_snapshots_panel(); break; case "donuts": twowayfitness.main_panel.display_donuts_panel(); break; case "diet": twowayfitness.main_panel.display_diet_panel(); break; default: } } // var parts = token.split(tokenDelimiter); // var tabPanel = Ext.getCmp(parts[0]); // var tabId = parts[1]; // // tabPanel.show(); // tabPanel.setActiveTab(tabId); } else { // This is the initial default state. Necessary if you navigate starting from the // page without any existing history token params and go back to the start state. // tp.setActiveTab(0); // tp.getItem(0).setActiveTab(0); } }); // Ext.state.Manager.setProvider(new Ext.state.SessionProvider({state: Ext.appState})); var form_authenticity_token = app_config.form_authenticity_token; var settingsMenu = new Ext.menu.Menu({ id: 'settingsMenu', items: [ { text: 'Profile', icon: '/images/icons/user.png', menu: { items: [ { text: 'View profile ...', icon: '/images/icons/user.png', handler: function() { twowayfitness.displayHtmlFromUrlPopup('/profiles/' + app_config.profile_id, { title: 'View Profile' }); } }, { text: 'Change profile ...', icon: '/images/icons/user_edit.png', handler: function() { twowayfitness.editProfile(app_config.profile_id, form_authenticity_token); } } ] } }, { text: 'Change email address ...', icon: '/images/icons/email.png', handler: function() { twowayfitness.show_change_email_address_dialog(form_authenticity_token, app_config.user_id); } }, { text: app_config.paying ? 'Cancel subscription' : 'Start subscription', handler: function() { document.location.href = app_config.paying ? '/subscriptions/cancel' : "/subscriptions/new"; } } // , // { // text: 'Change password', // handler: function() { // window.open("https://dreamfolk.fogbugz.com/default.asp?W3"); // } // } ] }); var helpMenu = new Ext.menu.Menu({ id: 'helpMenu', items: [ { text: 'About', icon: '/images/icons/information.png', handler: function() { twowayfitness.displayHtmlFromUrlPopup('/client/about', { title: 'About 2Way Fitness Analytics'}); } }, { text: 'Help me use the application', icon: '/images/icons/information.png', handler: function() { twowayfitness.displayHelp('overall'); } }, '-', { text: 'Report Bug', icon: '/images/icons/bug_add.png', handler: function() { window.open("/forums/2/topics/new"); } }, '-', { text: 'Visit 2Way Fitness Website', icon: '/images/icons/world.png', handler: function() { window.open("/"); } } ] }); // if(!app_config.premium) { // twowayfitness.ad_panel = new Ext.ux.ManagedIframePanel({ // region: 'west', // width: 200, // defaultSrc: '/public/skyscraper_ad' // }); // } var center_panel = new Ext.Panel({ region: 'center', layout: 'fit', app_config: app_config, // add a method which updates the body of the panel replace_component: function(component) { Ext.log('replace_component'); twowayfitness.current_panel = component; if(twowayfitness.ad_panel) { // change ads randomly var rand = Math.random() * 3; if(rand > 1.4) { twowayfitness.ad_panel.setSrc(); } } var i; if(this.items) { while(i = this.items.last()) { this.remove(i, true); } } this.add(component); // component.autoScroll = true; this.doLayout(); Ext.log('leaving replace_component'); }, add_history: function(name) { twowayfitness.current_history_token = name; Ext.History.add(name); }, display_messages_panel: function() { var messagesPanel = new twowayfitness.MessageMasterDetail( this.app_config.form_authenticity_token, app_config.correspondent_details ); this.replace_component(messagesPanel); }, display_articles_panel: function() { this.add_history("articles"); var panel = new twowayfitness.ArticlesPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_quotations_panel: function() { this.add_history("quotations"); var panel = new twowayfitness.QuotationsPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_coupons_panel: function() { this.add_history("coupons"); var panel = new twowayfitness.CouponsPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_set_goals_panel: function() { this.add_history("set-goals"); var panel = new twowayfitness.SetGoalsPanel({ // var panel = new FooPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_home_panel: function() { var panel; this.add_history("dashboard"); if(app_config.view == 'client') { panel = new twowayfitness.HomePanel({ view_name: app_config.view, app_config: app_config, form_authenticity_token: this.app_config.form_authenticity_token }); } else { var url = '/' + app_config.view + '/home_fragment'; panel = new Ext.Panel( { title: 'Dashboard', autoLoad: { url: url, params: { fragment: 'true' }, method: 'GET', text: '', scripts: true }, border: false } ); } this.replace_component(panel); }, display_client: function(client_id) { var panel = new twowayfitness.ClientPanel({ client_id: client_id }); this.replace_component(panel); }, display_exercise_panel: function() { this.add_history("activity"); var exercisePanel = new twowayfitness.ExercisePanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(exercisePanel); }, display_activity_templates_panel: function() { this.add_history("regular-activities"); var panel = new twowayfitness.ActivityTemplatesPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_clients_panel: function() { var clientsPanel = new twowayfitness.ClientsPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(clientsPanel); }, display_benchmarks_panel: function() { this.add_history("benchmarks"); var benchmarksPanel = new twowayfitness.BenchmarksPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(benchmarksPanel); }, display_charts_panel: function() { Ext.log('display_charts_panel 1'); this.add_history("charts"); Ext.log('display_charts_panel 2'); var panel = twowayfitness.makeChartsPanel(this.app_config); Ext.log('display_charts_panel 3'); this.replace_component(panel); Ext.log('display_charts_panel 4'); }, display_historical_snapshots_panel: function() { this.add_history("historical-snapshots"); var panel = make_historical_snapshots_panel(this.app_config, { chart_panel_config: { min_height: false, should_log: true, aspect_ratio: false }, border: false, layout: 'fit', starting_period: 'weekly' }); this.replace_component(panel); }, display_donuts_panel: function() { this.add_history("donuts"); var panel = make_donuts_panel(this.app_config, { border: false, layout: 'fit', height: 400, autoScroll: true, orientation: 'horizontal', displayLabels: true, starting_period: 'weekly' }); this.replace_component(panel); }, display_XmlSwfChart_panel: function() { var panel = new twowayfitness.XmlSwfChartPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_emprise_panel: function() { var panel = new twowayfitness.EmprisePanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_fusion_panel: function() { var panel = new twowayfitness.FusionPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); }, display_diet_panel: function() { this.add_history("diet"); var panel = new twowayfitness.DietPanel({ form_authenticity_token: this.app_config.form_authenticity_token }); this.replace_component(panel); } }); if(app_config.panel == 'home') { // center_panel.display_exercise_panel(); // center_panel.display_benchmarks_panel(); center_panel.display_home_panel(); } else if(app_config.panel == 'charts') { center_panel.display_charts_panel(); } else if(app_config.panel == 'benchmarks') { center_panel.display_benchmarks_panel(); } else if(app_config.panel == 'record_activity') { center_panel.display_exercise_panel(); } // var center_panel = new twowayfitness.MainPanel(); // center_panel = new Ext.Panel({ // html: 'this is da center panel' // }); twowayfitness.main_panel = center_panel; var logo_panel = new Ext.Panel({ contentEl: 'header', border: false, region: 'center' }); var logged_in_info_panel = new Ext.Panel({ contentEl: 'logged_in_info', border: false, // height: 50, width: 300, // autoWidth: true, cls: 'white-on-black', region: 'east' }); var menu_items = [ { text: 'Dashboard', icon: '/images/icons/application_view_tile.png', handler: function() { if(Ext.isIE) { // We refresh the whole page so as to avoid Anychart memory leaks. // Possibly will be fixed in Anychart 5.1.3 document.location.href = '/' + app_config.view; } else { center_panel.display_home_panel(); } } } ]; if (app_config.view == 'client') { menu_items = menu_items.concat([ { text: 'Train', icon: '/images/icons/heart.png', // icon: '/images/phone_16.png', menu: { items: [ // { // disabled: true, // text: 'Calendar' // }, { text: 'Regular Activities', icon: '/images/icons/sitemap_color.png', handler: function() { center_panel.display_activity_templates_panel(); } } ] } }, { text: 'Record', icon: '/images/icons/report_edit.png', menu: { items: [ { text: 'Activity', icon: '/images/icons/heart.png', handler: function() { if(Ext.isIE) { // We refresh the whole page so as to avoid Anychart memory leaks. // Possibly will be fixed in Anychart 5.1.3 document.location.href = '/client/record_activity'; } else { center_panel.display_exercise_panel(); } } }, { text: 'Measurements', icon: '/images/icons/page_white_edit.png', handler: function() { if(Ext.isIE) { // We refresh the whole page so as to avoid Anychart memory leaks. // Possibly will be fixed in Anychart 5.1.3 document.location.href = '/client/benchmarks'; } else { center_panel.display_benchmarks_panel(); } } }, // { // text: 'Quick Measurements ...', // disabled: true, // handler: function() { // } // }, // { // text: 'Injuries', // disabled: true, // handler: function() { // } // }, { text: 'Diet', icon: '/images/icons/cup.png', handler: function() { center_panel.display_diet_panel(); } } ] } }, { text: 'Analyze', icon: '/images/icons/chart_pie.png', menu: { items: [ // { // disabled: true, // text: 'Reports' // }, { text: 'Charts', icon: '/images/icons/chart_curve.png', handler: function() { if(Ext.isIE) { // We refresh the whole page so as to avoid Anychart memory leaks. // Possibly will be fixed in Anychart 5.1.3 document.location.href = '/client/charts'; } else { center_panel.display_charts_panel(); } } }, { text: 'Historical Snapshot', icon: '/images/icons/chart_bar.png', handler: function() { center_panel.display_historical_snapshots_panel(); } }, { text: 'Donuts', icon: '/images/icons/chart_pie.png', handler: function() { center_panel.display_donuts_panel(); } } // , // { // disabled: true, // text: 'Search ...' // } ] } }, { text: 'Improve', icon: '/images/icons/shape_align_bottom.png', menu: { items: [ // { // disabled: true, // text: 'View Goals' // }, { text: 'Set Goals', icon: '/images/icons/award_star_bronze_3.png', handler: function() { center_panel.display_set_goals_panel(); } } ] } } // { // text: 'Charts and Benchmarks', // handler: function() { // center_panel.display_benchmarks_panel(); // } // }, // { // text: 'Diet', // handler: function() { // center_panel.display_diet_panel(); // // this.this.add_history("main-tabs:tab3"); // } // } ]); // if(app_config.correspondent_details.correspondent_id || app_config.is_trainer) { // menu_items.push( // { // text: 'Messages', // handler: function() { // center_panel.display_messages_panel(); // } // } // ); // } menu_items.push( { text: 'Network', icon: '/images/icons/group.png', menu: { id: 'forumsMenu', items: [ { text: 'All Forums', icon: '/images/icons/group.png', handler: function() { window.open("/forums"); } }, // { // text: 'Announcements', // handler: function() { // window.open("/forums/1"); // } // }, { text: 'The 2Way Fitness Analytics Application Forum', icon: '/images/icons/group.png', handler: function() { window.open("/forums/2"); } }, { text: 'Health and Fitness Forum', icon: '/images/icons/group.png', handler: function() { window.open("/forums/3"); } } ] } } ); } else if (app_config.view == 'trainer') { menu_items = menu_items.concat([ { text: 'Clients', handler: function() { center_panel.display_clients_panel(); } }, { text: 'Messages', handler: function() { center_panel.display_messages_panel(); } } ]); } else if (app_config.view == 'content_author') { menu_items = menu_items.concat([ { text: 'Articles/News', handler: function() { center_panel.display_articles_panel(); } }, { text: 'Quotations', handler: function() { center_panel.display_quotations_panel(); } } ]); } else if (app_config.view == 'founder') { menu_items = menu_items.concat([ { text: 'Coupons', handler: function() { center_panel.display_coupons_panel(); } } ]); } menu_items.push({ text: 'Settings', // icon: '/images/icons/script_gear.png', icon: '/images/icons/wrench.png', menu: settingsMenu }); menu_items.push({ text: 'Help', icon: '/images/icons/information.png', menu: helpMenu }); var roles = app_config.roles; if(roles.size() > 1) { var views_menu_items = []; var index = 0; for(index = 0; index < roles.size(); ++index) { views_menu_items.push({ text: roles[index][0], href: '/' + roles[index][1], handler: function(button) { document.location.href = this.href; }, scope: this }); } menu_items.push('->'); menu_items.push({ text: 'Views', menu: { items: views_menu_items } }); }; var north_panel = new Ext.Panel({ center_panel: center_panel, // height: 126, height: 0, // layout: 'border', region: 'north', border: false, items: null, bbar: menu_items }); var app_panel = new Ext.Panel({ layout: 'border', border: false, region: 'center', items: [ north_panel, center_panel ] }); var top_panel = new Ext.Panel({ center_panel: center_panel, height: 30, layout: 'border', region: 'north', border: false, items: [ logo_panel, logged_in_info_panel ] }); // alert('1000'); var viewport_items = [ top_panel, app_panel ]; if(twowayfitness.ad_panel) { viewport_items.push(twowayfitness.ad_panel); } twowayfitness.viewport = new Ext.Viewport({ display_page: function() { alert('display_page'); }, cls: 'application', border: false, // layout: 'fit', // items: [ // { // xtype: 'panel', // html: "
viewport item
" // } // ] layout:'border', items: viewport_items }); // just for development // newExerciseActivity(this.form_authenticity_token, {}); // debug_show_article_dialog(); // alert('checking'); if(app_config.flash_notice != '') { Ext.MessageBox.alert('notice', app_config.flash_notice); } if(app_config.flash_error != '') { Ext.MessageBox.alert('error', app_config.flash_error); } }; twowayfitness.display_client = function(client_id) { twowayfitness.viewport.getComponent('main-panel').display_client(client_id); }; twowayfitness.replace_inner = function(dom_id, url) { var mgr = new Ext.Updater(dom_id); mgr.loadScripts = true; mgr.showLoadIndicator = false; mgr.update( { url: url, method : "GET", params: { fragment: "true" } } ); }; twowayfitness.LoginDialog = Ext.extend(twowayfitness.RestDialog, { initComponent: function() { var self = this; var fc = new twowayfitness.FieldCreator({ data: this.data, object_name: 'session' }); this.emailField = fc.text_field('email', 'Email', { el: 'session_email_or_login', value: Ext.get('session_email_or_login').getAttribute('value') }); this.passwordField = fc.text_field('password', 'Password', { inputType: 'password', el: 'session_password' }); // console.log('checked = ' + (Ext.get('remember_me').getAttribute('checked'))); var checked = (Ext.get('remember_me').getAttribute('checked') == 'checked'); // console.log('checked = ' + checked); this.rememberMeField = new Ext.form.Checkbox( fc.checkbox_params('remember_me', 'Automatically log me in on this computer in future', { checked: checked }) ); var hidden_form = Ext.get('session_1'); var form_uri = hidden_form.getAttribute('action'); var form_items = []; if(Ext.get('error')) { form_items.push( { el: 'error', width: '95%', border: false } ); } if(Ext.get('notice')) { form_items.push( { el: 'notice', width: '95%', border: false } ); } var forgot_password_html = "Click here if you have forgotten your password
"; forgot_password_html += "Don't have an account yet? Click here to signup for a free 30 day trial.
"; form_items = form_items.concat([ this.emailField, this.passwordField, this.rememberMeField, { width: '100%', border: false, html: forgot_password_html } ]); Ext.applyIf(this, { standardSubmit: true, save_button_text: 'Login', submit_progress_message: 'Logging in', width: 500, title: '2Way Fitness Analytics - Login', REST_key: 'sessions', object_name: 'session', REST_uri: form_uri, // REST_container_uri: modal: true, form_panel_config: { method: 'POST' }, form_items: form_items }); this.addListener({ 'cancelled': { fn: function(dialog) { // redirect to public home page document.location.href = '/'; } }, 'submitted': { fn: function(dialog, result) { // twowayfitness.display_app(result.app_config); document.location.href = '/client'; } } }); twowayfitness.LoginDialog.superclass.initComponent.call(this); } });