Skip to content

Commit 148f9aa

Browse files
ziadlooziadloo
committed
1 parent 77e8e32 commit 148f9aa

27 files changed

+2666
-146
lines changed

‎Extensible-config.js

+71-73
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@ Extensible = {
33
};
44
/**
55
* =================================================================================================
6-
*
6+
*
77
* THIS FILE IS FOR *DEV* MODE ONLY, NOT FOR PRODUCTION USE!
8-
*
8+
*
99
* =================================================================================================
10-
*
10+
*
1111
* This is intended as a development mode only convenience so that you can configure all include
1212
* paths for all Extensible examples in one place. For production deployment you should configure
1313
* your application with your own custom includes and/or Ext.Loader configuration directly.
14-
*
14+
*
1515
* =================================================================================================
1616
*/
1717
Extensible.Config = {
@@ -21,98 +21,101 @@ Extensible.Config = {
2121
defaults: {
2222
/**
2323
* The mode to use for loading framework files. Valid values are:
24-
*
24+
*
2525
* - 'release': minified single file (e.g. ext-all.js)
2626
* - 'debug': (default) non-minifed single file (e.g. ext-all-debug.js)
2727
* - 'dynamic': uses Ext.Loader to load classes individually (e.g., ext.js). NOTE: this
2828
* option does not work for IE, which will be defaulted to the 'debug' option.
29-
*
29+
* - 'dynamic-extensible': Loads the Extensible framework dynically and the EXT JS framework from a
30+
* non-minified single file. This loads much faster than the 'dynamic' mode. NOTE: This
31+
* option does not work for IE, which will be defaulted to the 'debug' option.
32+
*
3033
* Typically the default of 'debug' is the best trade-off between code readability and
3134
* load/execution speed. If you need to step into framework files frequently during
3235
* debugging you might switch to 'dynamic' mode -- it is much slower during initial
3336
* page load but generally provides a faster and easier debugging experience.
34-
*
37+
*
3538
* Note that for debug and release modes to reflect any code or CSS changes made to Extensible
3639
* files you must rebuild the framework after each change using the scripts provided under
3740
* the `/build` folder (requires Java). If you cannot build the framework and you've made any
3841
* changes to Extensible files you should use dynamic mode to ensure that changes are reflected.
39-
*
42+
*
4043
* @config {String} mode
4144
*/
42-
mode: 'debug',
43-
45+
mode: 'dynamic-extensible',
46+
4447
/**
4548
* The root path to the Ext JS framework (defaults to loading 4.1.0 from the Sencha CDN via
4649
* 'http://cdn.sencha.io/ext-4.1.0-gpl/'). Path should be absolute and should end with a '/'.
47-
*
50+
*
4851
* Note that the Sencha CDN does not always provide the most current version of Ext JS
4952
* available (for example, support subscribers often have access to more up-to-date builds).
5053
* If the version you need is not hosted you'll have to download it locally and update this
5154
* path accordingly.
52-
*
55+
*
5356
* Alternate example values:
54-
*
57+
*
5558
* // Older Ext JS versions:
5659
* http://cdn.sencha.io/ext-4.0.2/
57-
*
60+
*
5861
* // Direct to cachefly.net, e.g. if sencha.io is down:
5962
* http://extjs.cachefly.net/ext-4.1.0-gpl/
60-
*
63+
*
6164
* // A custom absolute path:
6265
* http://localhost/extjs/
6366
* http://mydomain/extjs/4.0.2/
64-
*
67+
*
6568
* @config {String} extJsRoot
6669
*/
6770
extJsRoot: 'http://cdn.sencha.io/ext-4.2.0-gpl/',
68-
71+
6972
/**
7073
* The root path to the Extensible framework (defaults to the current url of this script file,
7174
* 'Extensible-config.js', which is shipped in the root folder of Extensible). Path should
7275
* be absolute and should end with a '/'.
73-
*
76+
*
7477
* Alternate example values:
75-
*
78+
*
7679
* // A custom absolute path:
7780
* http://localhost/extensible/
7881
* http://mydomain/extensible/1.0.1/
79-
*
82+
*
8083
* @config {String} extensibleRoot
8184
*/
8285
extensibleRoot: null, // initialized dynamically in getSdkPath()
83-
86+
8487
/**
8588
* True to allow the default browser behavior of caching the Extensible JS and CSS files
8689
* after initial load (defaults to true), or false to append a unique cache-buster parameter
8790
* to the url to enforce reloading Extensible files with each page refresh (useful if you are
8891
* actively changing and debugging Extensible code). If true, the current version number of
8992
* Extensible will still be used to force a reload with each new version of the framework, but
9093
* after the initial load of each version the cached files will be used.
91-
*
94+
*
9295
* This option only applies when using `debug` or `dynamic` modes. In `release` mode the Extensible
9396
* version number will be used to ensure that Extensible files are always cached after the initial
9497
* load of each release and this option will be ignored. Note that when using `dynamic` mode you
9598
* would additionally have to ensure that the Ext.Loader's `disableCaching` option is true in order
96-
* to add the cache buster parameter to each dynamically-loaded class.
97-
*
99+
* to add the cache buster parameter to each dynamically-loaded class.
100+
*
98101
* Note that this option does not affect the caching of Ext JS files in any way. If you are
99102
* using dynamic loading, the Ext Loader will govern caching, otherwise the default browser
100103
* caching will be in effect.
101-
*
104+
*
102105
* @config {Boolean} cacheExtensible
103106
*/
104107
cacheExtensible: true,
105108

106109
/**
107110
* Language files to load for the Ext JS and Extensible frameworks. Valid values are ISO language codes of
108111
* supported languages. See directory src/locale for a list of supported languages. Examples are:
109-
*
112+
*
110113
* - 'en'
111114
* - 'en_GB'
112115
* - 'de'
113116
* - 'fr'
114117
* - etc...
115-
*
118+
*
116119
* NOTE: This setting will NOT work for Ext versions < 4.1 due to how the locale files were written
117120
* in 4.0.x. Because the 4.0.x locale files check for existence of classes by reference rather than
118121
* by name, they do not play nicely when loaded asynchronously (Ext may load later, causing runtime
@@ -124,16 +127,16 @@ Extensible.Config = {
124127
*/
125128
language: null
126129
},
127-
130+
128131
/**
129132
* Sets up all configurable properties and writes all includes to the document.
130133
*/
131134
init: function() {
132135
var me = this,
133136
config = window.ExtensibleDefaults || {};
134-
137+
135138
me.isIE = /msie/.test(navigator.userAgent.toLowerCase());
136-
139+
137140
me.mode = config.mode || me.defaults.mode;
138141
me.extJsRoot = config.extJsRoot || me.defaults.extJsRoot;
139142
me.extensibleRoot = config.extensibleRoot || me.defaults.extensibleRoot || me.getSdkPath();
@@ -143,75 +146,70 @@ Extensible.Config = {
143146
me.adjustPaths();
144147
me.writeIncludes();
145148
},
146-
149+
147150
// private -- returns the current url to this script file, which is shipped in the SDK root folder
148151
getSdkPath: function() {
149152
var scripts = document.getElementsByTagName('script'),
150153
thisScriptSrc = scripts[scripts.length - 1].src,
151154
sdkPath = thisScriptSrc.substring(0, thisScriptSrc.lastIndexOf('/') + 1);
152-
155+
153156
return sdkPath;
154157
},
155-
158+
156159
// private -- helper function for ease of deployment
157160
adjustPaths: function() {
158161
if (this.extensibleRoot.indexOf('ext.ensible.com') > -1) {
159162
// If hosted at ext.ensible.com force non-debug release build includes
160163
this.mode = 'release';
161164
}
162165
},
163-
166+
164167
includeStylesheet: function(filePath) {
165168
document.write('<link rel="stylesheet" type="text/css" href="' + filePath + '" />');
166169
},
167-
170+
168171
includeScript: function(filePath) {
169172
document.write('<script type="text/javascript" src="' + filePath + '"></script>');
170173
},
171-
174+
172175
// private -- write out the CSS and script includes to the document
173176
writeIncludes: function() {
174177
var me = this,
175-
cacheBuster = '?_dc=' + (me.cacheExtensible ? Extensible.version : (+new Date)),
176-
suffixExt = '',
177-
suffixExtensible = '';
178-
179-
switch (me.mode) {
180-
case 'debug':
181-
suffixExt = '-all-debug';
182-
suffixExtensible = '-all-debug';
183-
break;
184-
185-
case 'release':
186-
suffixExt = '-all';
187-
suffixExtensible = '-all'
188-
// For release we want to refresh the cache on first load, but allow caching
189-
// after that, so use the version number instead of a unique string
190-
cacheBuster = '?_dc=' + Extensible.version;
191-
break;
192-
193-
default:
194-
// IE does not work in dynamic mode for the Extensible examples currently
195-
// based on how it (mis)handles loading of scripts when mixing includes
196-
// and in-page scripts. Make sure IE always uses the regular debug versions.
197-
if (me.isIE) {
198-
suffixExt = '-all-debug';
199-
suffixExtensible = '-all-debug';
200-
}
201-
else {
202-
suffixExt = '-debug';
203-
suffixExtensible = '-bootstrap';
204-
}
205-
}
206-
178+
cacheBuster = '?_dc=' + (me.cacheExtensible ? Extensible.version : (+new Date));
179+
180+
// Include style sheets
207181
me.includeStylesheet(me.extJsRoot + 'resources/css/ext-all.css');
208-
me.includeStylesheet(me.extensibleRoot + 'resources/css/extensible-all.css' + cacheBuster);
182+
if (me.mode === 'release') {
183+
me.includeStylesheet(me.extensibleRoot + 'resources/css/extensible-all.css' + cacheBuster);
184+
} else {
185+
me.includeStylesheet(me.extensibleRoot + 'resources/css/calendar.css' + cacheBuster);
186+
me.includeStylesheet(me.extensibleRoot + 'resources/css/calendar-colors.css' + cacheBuster);
187+
me.includeStylesheet(me.extensibleRoot + 'resources/css/recurrence.css' + cacheBuster);
188+
}
209189
me.includeStylesheet(me.extensibleRoot + 'examples/examples.css?_dc=' + Extensible.version);
210-
211-
me.includeScript(me.extJsRoot + 'ext' + suffixExt + '.js');
212-
me.includeScript(me.extensibleRoot + 'lib/extensible' + suffixExtensible + '.js' + cacheBuster);
190+
191+
// Include JS files
192+
if (me.mode === 'debug' || me.isIE) {
193+
// IE does not work in dynamic mode for the Extensible examples currently
194+
// based on how it (mis)handles loading of scripts when mixing includes
195+
// and in-page scripts. Make sure IE always uses the regular debug versions.
196+
me.includeScript(me.extJsRoot + 'ext-all-debug.js');
197+
me.includeScript(me.extensibleRoot + 'lib/extensible-all-debug.js' + cacheBuster);
198+
} else if (me.mode === 'release') {
199+
// For release we want to refresh the cache on first load, but allow caching
200+
// after that, so use the version number instead of a unique string
201+
cacheBuster = '?_dc=' + Extensible.version;
202+
me.includeScript(me.extJsRoot + 'ext-all.js');
203+
me.includeScript(me.extensibleRoot + 'lib/extensible-all.js' + cacheBuster);
204+
} else {
205+
if (me.mode === 'dynamic-extensible') {
206+
me.includeScript(me.extJsRoot + 'ext-all-debug.js');
207+
} else {
208+
me.includeScript(me.extJsRoot + 'ext-debug.js');
209+
}
210+
me.includeScript(me.extensibleRoot + 'lib/extensible-bootstrap.js' + cacheBuster);
211+
}
213212
me.includeScript(me.extensibleRoot + 'examples/examples.js?_dc=' + Extensible.version);
214-
215213
if (me.language) {
216214
me.includeScript(me.extJsRoot + 'locale/ext-lang-' + me.language + '.js');
217215
me.includeScript(me.extensibleRoot + 'src/locale/extensible-lang-' + me.language + '.js' + cacheBuster);

‎build/resources/extensible.jsb2

+12
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,9 @@
3838
},{
3939
"text": "Month.js",
4040
"path": "../../src/calendar/template/"
41+
},{
42+
"text": "AgendaBody.js",
43+
"path": "../../src/calendar/template/"
4144
},{
4245
"text": "CalendarScrollManager.js",
4346
"path": "../../src/calendar/dd/"
@@ -128,6 +131,15 @@
128131
},{
129132
"text": "MultiWeek.js",
130133
"path": "../../src/calendar/view/"
134+
},{
135+
"text": "AgendaHeader.js",
136+
"path": "../../src/calendar/view/"
137+
},{
138+
"text": "AgendaBody.js",
139+
"path": "../../src/calendar/view/"
140+
},{
141+
"text": "Agenda.js",
142+
"path": "../../src/calendar/view/"
131143
},{
132144
"text": "CalendarPanel.js",
133145
"path": "../../src/calendar/"

‎examples/calendar/TestApp/App.js

+23-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
Ext.Loader.setConfig({
22
enabled: true,
3-
//disableCaching: false,
3+
disableCaching: false,
44
paths: {
55
"Extensible": "../../../src",
66
"Extensible.example": "../.."
@@ -105,6 +105,7 @@ Ext.define('Extensible.example.calendar.TestApp.App', {
105105
//viewStartHour: 6,
106106
//viewEndHour: 18,
107107
//minEventDisplayMinutes: 15
108+
startDay: 0,
108109
showTime: false
109110
},
110111

@@ -119,14 +120,28 @@ Ext.define('Extensible.example.calendar.TestApp.App', {
119120
multiWeekViewCfg: {
120121
//weekCount: 3
121122
},
122-
123+
124+
agendaViewCfg: {
125+
linkDatesToDayView: true,
126+
dateRangeDefault: '3months'
127+
},
128+
129+
listViewCfg: {
130+
linkDatesToDayView: true,
131+
dateRangeDefault: '3months',
132+
simpleList: true,
133+
groupBy: 'month'
134+
},
135+
123136
// Some optional CalendarPanel configs to experiment with:
124137
//readOnly: true,
125138
//showDayView: false,
126139
//showMultiDayView: true,
127140
//showWeekView: false,
128141
//showMultiWeekView: false,
129142
//showMonthView: false,
143+
showAgendaView: true,
144+
showListView: true,
130145
//showNavBar: false,
131146
//showTodayText: false,
132147
//showTime: false,
@@ -135,6 +150,12 @@ Ext.define('Extensible.example.calendar.TestApp.App', {
135150
//title: 'My Calendar', // the header of the calendar, could be a subtitle for the app
136151

137152
listeners: {
153+
'datechange': {
154+
fn: function(vw, startDt, viewStart, viewEnd){
155+
this.updateTitle(viewStart, viewEnd);
156+
},
157+
scope: this
158+
},
138159
'eventclick': {
139160
fn: function(vw, rec, el){
140161
this.clearMsg();

‎examples/calendar/basic.js

+6-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,10 @@ Ext.onReady(function(){
2626
renderTo: 'simple',
2727
title: 'Basic Calendar',
2828
width: 700,
29-
height: 500
29+
height: 500,
30+
activeItem: 3, // default to month view
31+
showAgendaView: true,
32+
showListView: true
3033
});
3134

3235
//
@@ -38,6 +41,8 @@ Ext.onReady(function(){
3841
eventStore: eventStore,
3942
renderTo: 'panel',
4043
title: 'Calendar with Panel Configs',
44+
showAgendaView: true,
45+
showListView: true,
4146
activeItem: 1, // default to week view
4247
width: 700,
4348
height: 500,

‎examples/calendar/custom-mappings.js

+3
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,9 @@ Ext.onReady(function(){
8181
calendarStore: calendarStore,
8282
renderTo: 'cal',
8383
title: 'Custom Event Mappings',
84+
showAgendaView: true,
85+
showListView: true,
86+
activeItem: 3, // default to month view
8487
width: 800,
8588
height: 700
8689
});

0 commit comments

Comments
 (0)