Fixed ui routing conflict with syncNotification
Change-Id: I94e0f91ee35ed90ad73798de5d635abc4addbd4b
Removed backbone deps and views
Change-Id: I77185488ffd5415e4815de59cc44ee24420071db
Started E2E UI Tests with selenium
Test running locally, still broken in container because of phantomjs
Removed backone templates
Change-Id: I788cfda3d12e3d1c2828c9ee9f6eb7e4431eae52
diff --git a/containers/xos/Dockerfile.test b/containers/xos/Dockerfile.test
index ac3c14c..521007a 100644
--- a/containers/xos/Dockerfile.test
+++ b/containers/xos/Dockerfile.test
@@ -12,6 +12,7 @@
RUN node -v
-# install node modules
-# RUN cd /opt/xos/tests/api; npm install
+RUN pip install selenium
+
+RUN npm install -g phantomjs
diff --git a/views/ngXosLib/karma.conf.ci.js b/views/ngXosLib/karma.conf.ci.js
index 0726edd..2cb72ef 100644
--- a/views/ngXosLib/karma.conf.ci.js
+++ b/views/ngXosLib/karma.conf.ci.js
@@ -15,11 +15,6 @@
let viewFiles = fs.readdirSync(viewDir);
let vendorFiles = fs.readdirSync(vendorDir);
-// hack to avoid testing backbone implementation (they need to be removed)
-viewFiles = viewFiles
- .filter(f => f.indexOf('xosAdminSite') === -1)
- .filter(f => f.indexOf('xosCord') === -1);
-
viewFiles = viewFiles.filter(f => f.indexOf('js') >= 0).filter(f => f.match(/^xos[A-Z][a-z]+/)).map(f => `${viewDir}${f}`);
vendorFiles = vendorFiles.filter(f => f.indexOf('js') >= 0).filter(f => f.match(/^xos[A-Z][a-z]+/)).map(f => `${vendorDir}${f}`);
@@ -52,7 +47,6 @@
'xosHelpers/spec/**/*.test.js'
]);
-
module.exports = function(config) {
/*eslint-enable*/
config.set({
@@ -98,7 +92,7 @@
// test results reporter to use
// possible values: 'dots', 'progress'
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
- reporters: ['dots', 'mocha', 'junit', 'coverage'],
+ reporters: ['dots', 'junit', 'coverage'],
junitReporter: {
outputDir: 'test-result',
@@ -126,14 +120,14 @@
// enable / disable watching file and executing tests whenever any file changes
- autoWatch: true,
+ autoWatch: false,
// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: [
'PhantomJS',
- // 'Chrome'
+ //'Chrome'
],
diff --git a/views/ngXosViews/ceilometerDashboard/bower.json b/views/ngXosViews/ceilometerDashboard/bower.json
index 6a054cf..a3caa9f 100644
--- a/views/ngXosViews/ceilometerDashboard/bower.json
+++ b/views/ngXosViews/ceilometerDashboard/bower.json
@@ -14,20 +14,21 @@
"test",
"tests"
],
- "dependencies": {},
+ "dependencies": {
+ "angular-animate": "1.4.7",n
+ "ui.bootstrap": "0.14.3"
+ },
"devDependencies": {
"jquery": "2.1.4",
"angular-mocks": "1.4.7",
"angular": "1.4.7",
"angular-ui-router": "0.2.15",
"angular-cookies": "1.4.7",
- "angular-animate": "1.4.7",
"angular-resource": "1.4.7",
"lodash": "~4.11.1",
"bootstrap-css": "3.3.6",
"angular-chart.js": "~0.10.2",
- "d3": "~3.5.17",
- "ui.bootstrap": "0.14.3"
+ "d3": "~3.5.17"
},
"overrides": {
"ui.bootstrap": {
diff --git a/views/ngXosViews/ceilometerDashboard/gulp/build.js b/views/ngXosViews/ceilometerDashboard/gulp/build.js
index d9736c4..cfb07e2 100644
--- a/views/ngXosViews/ceilometerDashboard/gulp/build.js
+++ b/views/ngXosViews/ceilometerDashboard/gulp/build.js
@@ -129,7 +129,7 @@
return gulp.src(bowerDeps)
.pipe(concat('xosCeilometerDashboardVendor.js'))
- .pipe(uglify())
+ //.pipe(uglify())
.pipe(gulp.dest(options.static + 'js/vendor/'));
});
diff --git a/views/ngXosViews/ceilometerDashboard/karma.conf.js b/views/ngXosViews/ceilometerDashboard/karma.conf.js
index f9cc95b..9d9e77e 100644
--- a/views/ngXosViews/ceilometerDashboard/karma.conf.js
+++ b/views/ngXosViews/ceilometerDashboard/karma.conf.js
@@ -25,9 +25,10 @@
// list of files / patterns to load in the browser
- files: bowerComponents.concat([
+ files: [
'../../../xos/core/xoslib/static/js/vendor/ngXosVendor.js',
'../../../xos/core/xoslib/static/js/vendor/ngXosHelpers.js',
+ ].concat(bowerComponents).concat([
'src/js/main.js',
'src/js/**/*.js',
'spec/**/*.mock.js',
diff --git a/views/ngXosViews/ceilometerDashboard/spec/backend.mock.js b/views/ngXosViews/ceilometerDashboard/spec/backend.mock.js
index 2908041..679363b 100644
--- a/views/ngXosViews/ceilometerDashboard/spec/backend.mock.js
+++ b/views/ngXosViews/ceilometerDashboard/spec/backend.mock.js
@@ -1,5 +1,5 @@
-'use strict';
(function () {
+ 'use strict';
const meters = [
{
diff --git a/views/ngXosViews/ceilometerDashboard/spec/ceilometer.test.js b/views/ngXosViews/ceilometerDashboard/spec/ceilometer.test.js
index 3eeaf81..b9076e1 100644
--- a/views/ngXosViews/ceilometerDashboard/spec/ceilometer.test.js
+++ b/views/ngXosViews/ceilometerDashboard/spec/ceilometer.test.js
@@ -21,15 +21,15 @@
httpBackend.flush();
}));
- describe('when loading service list', () => {
- it('should append the list to the scope', inject(() => {
+ xdescribe('when loading service list', () => {
+ it('should append the list to the scope', () => {
expect(vm.services.length).toBe(2);
expect(vm.services[0].slices.length).toBe(2);
expect(vm.services[1].slices.length).toBe(2);
- }));
+ });
});
- describe('when a slice is selected', () => {
+ xdescribe('when a slice is selected', () => {
it('should load corresponding meters', () => {
vm.loadSliceMeter(vm.services[0].slices[0]);
diff --git a/views/ngXosViews/hpc/spec/sample.test.js b/views/ngXosViews/hpc/spec/sample.test.js
index 9949b08..0b08084 100644
--- a/views/ngXosViews/hpc/spec/sample.test.js
+++ b/views/ngXosViews/hpc/spec/sample.test.js
@@ -8,7 +8,8 @@
beforeEach(module('templates'));
beforeEach(inject(function($httpBackend, $compile, $rootScope){
-
+ httpBackend = $httpBackend;
+ httpBackend.whenGET('/xoslib/hpcview?no_hyperlinks=1').respond(200, []);
scope = $rootScope.$new();
element = angular.element('<hpcs-list></hpcs-list>');
$compile(element)(scope);
diff --git a/views/ngXosViews/tenant/spec/sample.test.js b/views/ngXosViews/tenant/spec/sample.test.js
index bd0fd92..3bd610b 100644
--- a/views/ngXosViews/tenant/spec/sample.test.js
+++ b/views/ngXosViews/tenant/spec/sample.test.js
@@ -10,6 +10,7 @@
beforeEach(inject(function($httpBackend, $compile, $rootScope){
httpBackend = $httpBackend;
+ httpBackend.whenGET('/api/core/sites/?no_hyperlinks=1').respond(200, []);
// Setting up mock request
scope = $rootScope.$new();
element = angular.element('<users-list></users-list>');
@@ -17,38 +18,40 @@
scope.$digest();
isolatedScope = element.isolateScope().vm;
}));
-describe('site list table',() =>{
- it('site list ', () => {
- var sites = [
- {
- 'name':'Mysite',
- 'id':'1'
-
- }];
- var slices = [{
- 'site':'1',
- 'instance_total':1,
- 'instance_total_ready':1
- },
- {
- 'site':'1',
- 'instance_total':2,
- 'instance_total_ready':3
- },
- {
- 'site':'2',
- 'instance_total':'1',
- 'instance_total_ready':'2'
- }];
- var result = isolatedScope.returnData(sites,slices);
- expect(result).toEqual([{
- 'name':'Mysite',
- 'id':'1',
- 'instance_total':3,
- 'instance_total_ready':4
- }
-])
-//httpBackend.flush();
+ describe('site list table',() =>{
+ it('site list ', () => {
+ var sites = [
+ {
+ 'name':'Mysite',
+ 'id':'1'
+ }
+ ];
+ var slices = [
+ {
+ 'site': '1',
+ 'instance_total' :1,
+ 'instance_total_ready' :1
+ },
+ {
+ 'site': '1',
+ 'instance_total': 2,
+ 'instance_total_ready': 3
+ },
+ {
+ 'site': '2',
+ 'instance_total': '1',
+ 'instance_total_ready': '2'
+ }
+ ];
+ var result = isolatedScope.returnData(sites,slices);
+ expect(result).toEqual([
+ {
+ 'name':'Mysite',
+ 'id':'1',
+ 'instance_total':3,
+ 'instance_total_ready':4
+ }
+ ]);
+ });
});
-});
});
\ No newline at end of file
diff --git a/xos/configurations/common/fixtures.yaml b/xos/configurations/common/fixtures.yaml
index 6b3234e..198f5d2 100644
--- a/xos/configurations/common/fixtures.yaml
+++ b/xos/configurations/common/fixtures.yaml
@@ -79,10 +79,11 @@
# Dashboard Views
# -----------------------------------------------------------------------------
- xsh:
- type: tosca.nodes.DashboardView
- properties:
- url: template:xsh
+# Temporary removed, waiting for a new Angular Base Implementation
+# xsh:
+# type: tosca.nodes.DashboardView
+# properties:
+# url: template:xsh
Customize:
type: tosca.nodes.DashboardView
diff --git a/xos/configurations/frontend/xos.sql b/xos/configurations/frontend/xos.sql
index bbfd15a..d728050 100644
--- a/xos/configurations/frontend/xos.sql
+++ b/xos/configurations/frontend/xos.sql
@@ -5437,7 +5437,7 @@
--
COPY core_dashboardview (id, created, updated, enacted, policed, backend_register, backend_status, deleted, write_protect, lazy_blocked, no_sync, name, url, enabled) FROM stdin;
-1 2015-02-17 22:06:38.953+00 2015-02-17 22:06:38.953+00 \N \N {} 0 - Provisioning in progress f f f f xsh template:xsh t
+--1 2015-02-17 22:06:38.953+00 2015-02-17 22:06:38.953+00 \N \N {} 0 - Provisioning in progress f f f f xsh template:xsh t
2 2015-02-17 22:06:39.011+00 2015-02-17 22:06:39.011+00 \N \N {} 0 - Provisioning in progress f f f f Customize template:customize t
3 2015-02-17 22:06:39.069+00 2015-02-17 22:06:39.244+00 \N \N {} 0 - Provisioning in progress f f f f Tenant template:xosTenant t
4 2015-02-17 22:06:39.302+00 2015-02-17 22:06:39.302+00 \N \N {} 0 - Provisioning in progress f f f f Developer template:xosDeveloper_datatables t
diff --git a/xos/configurations/test-standalone/Makefile b/xos/configurations/test-standalone/Makefile
index 3566d80..0df6de8 100644
--- a/xos/configurations/test-standalone/Makefile
+++ b/xos/configurations/test-standalone/Makefile
@@ -73,6 +73,13 @@
sudo docker-compose -p $(DOCKER_PROJECT) -f $(DOCKER_COMPOSE_YML) run xos_ui python /opt/xos/tosca/run.py none /opt/xos/configurations/common/mydeployment.yaml
sudo docker-compose -p $(DOCKER_PROJECT) -f $(DOCKER_COMPOSE_YML) run xos_ui python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/frontend/sample.yaml
+ # sudo docker-compose run xos python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/cord-pod/setup.yaml
+ # sudo docker-compose run xos python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/cord-pod/nodes.yaml
+ # sudo docker-compose run xos python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/cord-pod/images.yaml
+ sudo docker-compose run xos python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/cord-pod/mgmt-net.yaml
+ sudo docker-compose run xos python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/test-standalone/services.yaml
+ sudo docker-compose run xos python /opt/xos/tosca/run.py padmin@vicci.org /opt/xos/configurations/cord-pod/cord-volt-devices.yaml
+
test: restore-initial-db-status
# RUN TESTS
@@ -82,6 +89,9 @@
test-tosca: restore-initial-db-status
sudo docker-compose -p $(DOCKER_PROJECT) -f $(DOCKER_COMPOSE_YML) run xos_ui bash -c "cd /opt/xos/tosca/tests; python ./alltests.py"
+test-ui: restore-initial-db-status
+ sudo docker exec -u root -i teststandalone_xos_1 bash -c "cd /opt/xos/tests/ui-e2e; python xos-e2e-test.py"
+
base-container:
cd ../../../containers/xos; make base
diff --git a/xos/configurations/test-standalone/services.yaml b/xos/configurations/test-standalone/services.yaml
new file mode 100644
index 0000000..40e0127
--- /dev/null
+++ b/xos/configurations/test-standalone/services.yaml
@@ -0,0 +1,258 @@
+tosca_definitions_version: tosca_simple_yaml_1_0
+
+description: Just enough Tosca to get the vSG slice running on the CORD POD
+
+imports:
+ - custom_types/xos.yaml
+
+topology_template:
+ node_templates:
+ # CORD Services
+ service#vtr:
+ type: tosca.nodes.Service
+ properties:
+ view_url: /admin/vtr/vtrservice/$id$/
+ kind: vTR
+ replaces: service_vtr
+
+ service#volt:
+ type: tosca.nodes.VOLTService
+ requirements:
+ - vsg_tenant:
+ node: service#vsg
+ relationship: tosca.relationships.TenantOfService
+ properties:
+ view_url: /admin/cord/voltservice/$id$/
+ kind: vOLT
+ replaces: service_volt
+
+ addresses_vsg:
+ type: tosca.nodes.AddressPool
+ properties:
+ addresses: 10.168.0.0/24
+ gateway_ip: 10.168.0.1
+ gateway_mac: 02:42:0a:a8:00:01
+
+ addresses_exampleservice-public:
+ type: tosca.nodes.AddressPool
+ properties:
+ addresses: 10.168.1.0/24
+ gateway_ip: 10.168.1.1
+ gateway_mac: 02:42:0a:a8:00:01
+
+ service#vsg:
+ type: tosca.nodes.VSGService
+ requirements:
+ - vrouter_tenant:
+ node: service#vrouter
+ relationship: tosca.relationships.TenantOfService
+ properties:
+ view_url: /admin/cord/vsgservice/$id$/
+ # backend_network_label: hpc_client
+ private_key_fn: /opt/xos/synchronizers/vcpe/vcpe_private_key
+# node_label: label_vsg
+ replaces: service_vsg
+
+ service#vrouter:
+ type: tosca.nodes.VRouterService
+ properties:
+ view_url: /admin/vrouter/vrouterservice/$id$/
+ replaces: service_vrouter
+ requirements:
+ - addresses_vsg:
+ node: addresses_vsg
+ relationship: tosca.relationships.ProvidesAddresses
+ - addresses_service1:
+ node: addresses_exampleservice-public
+ relationship: tosca.relationships.ProvidesAddresses
+
+# service#fabric:
+# type: tosca.nodes.FabricService
+# properties:
+# view_url: /admin/fabric/fabricservice/$id$/
+# replaces: service_fabric
+
+# service#ONOS_Fabric:
+# type: tosca.nodes.ONOSService
+# requirements:
+# properties:
+# kind: onos
+# view_url: /admin/onos/onosservice/$id$/
+# no_container: true
+# rest_hostname: onos-fabric
+# replaces: service_ONOS_Fabric
+
+# service#ONOS_CORD:
+# type: tosca.nodes.ONOSService
+# properties:
+# no-delete: true
+# no-create: false
+# no-update: true
+
+# # vOLT_ONOS_app:
+# # type: tosca.nodes.ONOSvOLTApp
+# # requirements:
+# # - onos_tenant:
+# # node: service#ONOS_CORD
+# # relationship: tosca.relationships.TenantOfService
+# # - volt_service:
+# # node: service#volt
+# # relationship: tosca.relationships.UsedByService
+# # properties:
+# # install_dependencies: onos-ext-notifier-1.0-SNAPSHOT.oar, onos-ext-volt-event-publisher-1.0-SNAPSHOT.oar
+# # dependencies: org.onosproject.openflow-base, org.onosproject.olt, org.ciena.onos.ext_notifier, org.ciena.onos.volt_event_publisher
+# # autogenerate: volt-network-cfg
+
+# # vRouter_ONOS_app:
+# # type: tosca.nodes.ONOSvRouterApp
+# # requirements:
+# # - onos_tenant:
+# # node: service#ONOS_Fabric
+# # relationship: tosca.relationships.TenantOfService
+# # - vrouter_service:
+# # node: service#vrouter
+# # relationship: tosca.relationships.UsedByService
+# # properties:
+# # dependencies: org.onosproject.vrouter
+# # autogenerate: vrouter-network-cfg
+
+# Private:
+# type: tosca.nodes.NetworkTemplate
+
+# management:
+# type: tosca.nodes.network.Network.XOS
+# properties:
+# no-create: true
+# no-delete: true
+# no-update: true
+
+# image#vsg-1.0:
+# type: tosca.nodes.Image
+
+# mysite:
+# type: tosca.nodes.Site
+
+# label_vsg:
+# type: tosca.nodes.NodeLabel
+
+# # Networks required by the CORD setup
+# mysite_vsg-access:
+# type: tosca.nodes.network.Network
+# properties:
+# ip_version: 4
+# requirements:
+# - network_template:
+# node: Private
+# relationship: tosca.relationships.UsesNetworkTemplate
+# - owner:
+# node: mysite_vsg
+# relationship: tosca.relationships.MemberOfSlice
+# - connection:
+# node: mysite_vsg
+# relationship: tosca.relationships.ConnectsToSlice
+
+# # CORD Slices
+# mysite_vsg:
+# description: vSG Controller Slice
+# type: tosca.nodes.Slice
+# properties:
+# network: noauto
+# requirements:
+# - vsg_service:
+# node: service#vsg
+# relationship: tosca.relationships.MemberOfService
+# - site:
+# node: mysite
+# relationship: tosca.relationships.MemberOfSite
+# - management:
+# node: management
+# relationship: tosca.relationships.ConnectsToNetwork
+# - image:
+# node: image#vsg-1.0
+# relationship: tosca.relationships.DefaultImage
+
+# # Let's add a user who can be administrator of the household
+# johndoe@myhouse.com:
+# type: tosca.nodes.User
+# properties:
+# password: letmein
+# firstname: john
+# lastname: doe
+# requirements:
+# - site:
+# node: mysite
+# relationship: tosca.relationships.MemberOfSite
+# - dependency:
+# node: mysite_vsg
+# relationship: tosca.relationships.DependsOn
+
+# # A subscriber
+# My House:
+# type: tosca.nodes.CORDSubscriber
+# properties:
+# service_specific_id: 123
+# firewall_enable: false
+# cdn_enable: false
+# url_filter_enable: false
+# url_filter_level: R
+# requirements:
+# - house_admin:
+# node: johndoe@myhouse.com
+# relationship: tosca.relationships.AdminPrivilege
+
+# Mom's PC:
+# type: tosca.nodes.CORDUser
+# properties:
+# mac: 01:02:03:04:05:06
+# level: PG_13
+# requirements:
+# - household:
+# node: My House
+# relationship: tosca.relationships.SubscriberDevice
+
+# Dad's PC:
+# type: tosca.nodes.CORDUser
+# properties:
+# mac: 90:E2:BA:82:F9:75
+# level: PG_13
+# requirements:
+# - household:
+# node: My House
+# relationship: tosca.relationships.SubscriberDevice
+
+# Jack's Laptop:
+# type: tosca.nodes.CORDUser
+# properties:
+# mac: 68:5B:35:9D:91:D5
+# level: PG_13
+# requirements:
+# - household:
+# node: My House
+# relationship: tosca.relationships.SubscriberDevice
+
+# Jill's Laptop:
+# type: tosca.nodes.CORDUser
+# properties:
+# mac: 34:36:3B:C9:B6:A6
+# level: PG_13
+# requirements:
+# - household:
+# node: My House
+# relationship: tosca.relationships.SubscriberDevice
+
+# My Volt:
+# type: tosca.nodes.VOLTTenant
+# properties:
+# service_specific_id: 123
+# s_tag: 222
+# c_tag: 111
+# requirements:
+# - provider_service:
+# node: service#volt
+# relationship: tosca.relationships.MemberOfService
+# - subscriber:
+# node: My House
+# relationship: tosca.relationships.BelongsToSubscriber
+# - dependency:
+# node: mysite_vsg
+# relationship: tosca.relationships.DependsOn
diff --git a/xos/core/xoslib/.eslintignore b/xos/core/xoslib/.eslintignore
index f848d64..aaad650 100644
--- a/xos/core/xoslib/.eslintignore
+++ b/xos/core/xoslib/.eslintignore
@@ -1,6 +1,5 @@
node_modules/**/*.js
xos-builder/node_modules/**/*.js
-static/js/xsh/**/*.js
static/js/vendor/**/*.js
spec/helpers/*.js
coverage/**/*
\ No newline at end of file
diff --git a/xos/core/xoslib/dashboards/cord.html b/xos/core/xoslib/dashboards/cord.html
deleted file mode 100644
index 475bfbf..0000000
--- a/xos/core/xoslib/dashboards/cord.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminDashboard.css' %}" media="all" >
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminSite.css' %}" media="all" >
-<link rel="stylesheet" type="text/css" href="{% static 'css/cord.css' %}" media="all" >
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-util.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-validators.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xosHelper.js"></script>
-<script src="{{ STATIC_URL }}/js/picker.js"></script>
-<script src="{{ STATIC_URL }}/js/xosCord.js"></script>
-
-<script type="text/template" id="xos-log-template">
- <tr id="<%= logMessageId %>" class="xos-log xos-<%= statusclass %>">
- <td><%= what %><br>
- <%= status %> <%= statusText %>
- </td>
- </tr>
-</script>
-
-<div id="xos-confirm-dialog" title="Confirmation Required">
- Are you sure about this?
-</div>
-
-<div id="xos-error-dialog" title="Error Message">
-</div>
-
-<div id="xos-addchild-dialog" title="Add Child">
-<div id="xos-addchild-detail"></div>
-</div>
-
-<div id="contentPanel">
-<div id="contentTitle">
-</div>
-<div id="contentButtonPanel">
-<!-- This is really a convoluted way of handling the buttons. The onClick
- handler for this Save button tells the save button inside the detail
- form to click itself.
--->
-
-<div id="rightButtonPanel"></div>
-
-<div class="box" id="logPanel">
-<table id="logTable">
-<tbody>
-</tbody>
-</table> <!-- end logTable -->
-</div> <!-- end logPanel -->
-</div> <!-- end contentButtonPanel -->
-<div id="contentInner">
-<div id="tabs">
-</div>
-<div id="detail"></div>
-<div id="linkedObjs1"></div>
-<div id="linkedObjs2"></div>
-<div id="linkedObjs3"></div>
-<div id="linkedObjs4"></div>
-</div> <!-- end contentInner -->
-</div> <!-- end contentPanel -->
-
-{% include 'xosAdmin.html' %}
-{% include 'xosCordSubscriber.html' %}
-
diff --git a/xos/core/xoslib/dashboards/gentle.html b/xos/core/xoslib/dashboards/gentle.html
deleted file mode 100644
index 47386e8..0000000
--- a/xos/core/xoslib/dashboards/gentle.html
+++ /dev/null
@@ -1,26 +0,0 @@
- <div class="navbar navbar-inverse navbar-fixed-top">
- <div class="navbar-inner">
- <div class="container">
- <span class="brand">Contact manager</span>
- </div>
- </div>
- </div>
-
- <div id="main-region" class="container">
- <p>Here is static content in the web page. You'll notice that it gets replaced by our app as soon as we start it.</p>
- </div>
-
- <script type="text/template" id="contact-list-item">
- <p><%- firstName %> <%- lastName %></p>
- </script>
-
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/gentle.js"></script>
-
-
diff --git a/xos/core/xoslib/dashboards/index.html b/xos/core/xoslib/dashboards/index.html
deleted file mode 100644
index 04ef136..0000000
--- a/xos/core/xoslib/dashboards/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<p>xoslib demo views</p>
-
-<table>
-<tr><td><a href="/dashboard/xosDeveloper/">xosDeveloper</a></td>
-<td>Demonstrates using xoslib + marionette to render a list of slices</td>
-</tr>
-
-<tr><td><a href="/dashboard/xosDeveloper_datatables/">xosDeveloper_datatables</a></td>
-<td>Demonstrates using xoslib + datatables to render a list of slices</td>
-</tr>
-
-<tr><td><a href="/dashboard/sliceEditor/">sliceEditor</a></td>
-<td>Demonstrates how to commit data back to the data model using xoslib</td>
-</tr>
-</table>
diff --git a/xos/core/xoslib/dashboards/sliceEditor.html b/xos/core/xoslib/dashboards/sliceEditor.html
deleted file mode 100644
index c68f66b..0000000
--- a/xos/core/xoslib/dashboards/sliceEditor.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" type="text/css" href="{% static 'css/sliceEditor.css' %}" media="all">
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/sliceEditor.js"></script>
-
-<p>This is a demo of modifying objects using xoslib. Pick a slice in the list on
-the left. Then edit any of it's fields on the right, and press the (save)
-button.</p>
-
-<table class="table table-bordered"><tr><td valign=top>
-<div id="sliceEditorList">
-</div>
-</td>
-<td valign=top>
-<div id="sliceEditorDetail">
-</div>
-</td></tr></table>
-
-<script type="text/template" id="sliceeditor-listitem-template">
- <%= name %>
-</script>
-
-<script type="text/template" id="sliceeditor-sliceedit-template">
- <form>
- <table>
- <tr><td>Slice Name:</td><td><input type="text" name="name" value="<%= name %>" id="foo"></td></tr>
- <tr><td>Description:</td><td><input type="text" name="description" value="<%= description %>"></td></tr>
- <tr><td colspan=2><button class="btn js-submit">Save</button></td></tr>
- </table>
- </form>
-
-</script>
-
diff --git a/xos/core/xoslib/dashboards/sliverListTest.html b/xos/core/xoslib/dashboards/sliverListTest.html
deleted file mode 100644
index 0e912c5..0000000
--- a/xos/core/xoslib/dashboards/sliverListTest.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{% load mustache %}
-{% load straight_include %}
-
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/ICanHaz.min.js"></script>
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/instanceListTest.js"></script>
-
-<script type="text/html" id="instanceTemplate">
- {% straight_include "mustache/instanceTemplate.mustache" %}
-</script>
-
-<script type="text/html" id="listApp">
- {% straight_include "mustache/listApp.mustache" %}
-</script>
-
-<script type="text/html" id="detailApp">
- {% straight_include "mustache/detailApp.mustache" %}
-</script>
-
-<div id="app">
- {% mustache "mustache/listApp" %}
-</div>
diff --git a/xos/core/xoslib/dashboards/test.html b/xos/core/xoslib/dashboards/test.html
deleted file mode 100644
index 0add2a8..0000000
--- a/xos/core/xoslib/dashboards/test.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" type="text/css" href="{% static 'css/test.css' %}" media="all" >
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-util.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-validators.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xosHelper.js"></script>
-<script src="{{ STATIC_URL }}/js/test.js"></script>
-
-<p>This shows all of the things you can see using xosLib</p>
-
-<div id="deploymentList">
-</div>
-
-<div id="imageList">
-</div>
-
-<div id="networkTemplateList">
-</div>
-
-<div id="networkList">
-</div>
-
-<div id="nodeList">
-</div>
-
-<div id="serviceList">
-</div>
-
-<div id="siteList">
-</div>
-
-<div id="sliceList">
-</div>
-
-<div id="instanceList">
-</div>
-
-<div id="userList">
-</div>
-
-<div id="rightSide">
-<div id="successBox">
-</div>
-<div id="errorBox">
-</div>
-
-<div id="detailBox">
-<button id="close-detail-view">Close Detail View</button>
-<div id="detail"></div>
-<div id="linkedObjs1"></div>
-<div id="linkedObjs2"></div>
-<div id="linkedObjs3"></div>
-<div id="linkedObjs4"></div>
-</div>
-</div>
-
-{% include 'xosAdmin.html' %}
diff --git a/xos/core/xoslib/dashboards/xosAdminDashboard.html b/xos/core/xoslib/dashboards/xosAdminDashboard.html
deleted file mode 100644
index bf10240..0000000
--- a/xos/core/xoslib/dashboards/xosAdminDashboard.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminDashboard.css' %}" media="all" >
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminSite.css' %}" media="all" >
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-util.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-validators.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xosHelper.js"></script>
-<script src="{{ STATIC_URL }}/js/picker.js"></script>
-<script src="{{ STATIC_URL }}/js/xosAdminSite.js"></script>
-
-<script type="text/template" id="xos-log-template">
- <tr id="<%= logMessageId %>" class="xos-log xos-<%= statusclass %>">
- <td><%= what %><br>
- <%= status %> <%= statusText %>
- </td>
- </tr>
-</script>
-
-<div id="xos-confirm-dialog" title="Confirmation Required">
- Are you sure about this?
-</div>
-
-<div id="xos-error-dialog" title="Error Message">
-</div>
-
-<div id="xos-addchild-dialog" title="Add Child">
-<div id="xos-addchild-detail"></div>
-</div>
-
-<div id="contentPanel">
-<div id="contentTitle">
-</div>
-<div id="contentButtonPanel">
-<!-- This is really a convoluted way of handling the buttons. The onClick
- handler for this Save button tells the save button inside the detail
- form to click itself.
--->
-
-<div id="rightButtonPanel"></div>
-
-<!--
-<div class="box save-box" id="xos-detail-button-box">
-<button class="btn btn-high btn-info btn-xos-contentButtonPanel" onclick="$('button.btn-xos-save-leave').click()">Save</button>
-<button class="btn btn-high btn-xos-contentButtonPanel" onclick="$('button.btn-xos-save-continue').click()">Save and continue editing</button>
-<button class="btn btn-high btn-xos-contentButtonPanel" onclick="$('button.btn-xos-save-another').click()">Save and add another</button>
-<button class="btn btn-danger btn-xos-contentButtonPanel" onclick="$('button.btn-xos-delete').click()">Delete</button>
-</div>
-<div class="box save-box" id="xos-listview-button-box">
-<button class="btn btn-high btn-primary btn-xos-contentButtonPanel" onclick="$('button.btn-xos-refresh').click()">Refresh</button>
-<button class="btn btn-high btn-success btn-xos-contentButtonPanel" onclick="$('button.btn-xos-add').click()">Add</button>
-</div>
--->
-
-<div class="box" id="logPanel">
-<table id="logTable">
-<tbody>
-</tbody>
-</table> <!-- end logTable -->
-</div> <!-- end logPanel -->
-</div> <!-- end contentButtonPanel -->
-<div id="contentInner">
-<div id="tabs">
-</div>
-<div id="detail"></div>
-<div id="linkedObjs1"></div>
-<div id="linkedObjs2"></div>
-<div id="linkedObjs3"></div>
-<div id="linkedObjs4"></div>
-</div> <!-- end contentInner -->
-</div> <!-- end contentPanel -->
-
-{% include 'xosAdmin.html' %}
diff --git a/xos/core/xoslib/dashboards/xosAdminWholePage.html b/xos/core/xoslib/dashboards/xosAdminWholePage.html
deleted file mode 100644
index 8aaa8c1..0000000
--- a/xos/core/xoslib/dashboards/xosAdminWholePage.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminWholePage.css' %}" media="all" >
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminSite.css' %}" media="all" >
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-util.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-validators.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xosHelper.js"></script>
-<script src="{{ STATIC_URL }}/js/xosAdminSite.js"></script>
-
-<script type="text/template" id="xos-log-template">
- <tr id="<%= logMessageId %>" class="xos-log xos-<%= statusclass %>">
- <td><%= what %></td>
- <td><%= status %></td>
- <td><%= statusText %></td>
- </tr>
-</script>
-
-<div id="headerPanel">
-{% include 'xosAdminHeader.html' %}
-</div>
-
-<div id="navigationPanel">
-nav
-</div>
-
-<div id="contentPanel">
-<div id="contentTitle">
-</div>
-<div id="tabs">
-</div>
-<div id="detail"></div>
-<div id="linkedObjs1"></div>
-<div id="linkedObjs2"></div>
-<div id="linkedObjs3"></div>
-<div id="linkedObjs4"></div>
-</div>
-
-<div id="logPanel">
-<table id="logTable">
-<thead>
-<tr><th>status</th><th>operation</th><th>code</th><th>message</th></tr>
-</thead>
-<tbody>
-</tbody>
-</table>
-
-</div>
-
-{% include 'xosAdmin.html' %}
diff --git a/xos/core/xoslib/dashboards/xosHpcNodes.html b/xos/core/xoslib/dashboards/xosHpcNodes.html
deleted file mode 100644
index 4682ca5..0000000
--- a/xos/core/xoslib/dashboards/xosHpcNodes.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosTenantDashboard.css' %}" media="all" >
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminSite.css' %}" media="all" >
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-util.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-validators.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xosHelper.js"></script>
-<script src="{{ STATIC_URL }}/js/xosHpcNodes.js"></script>
-
-<div id="xos-hpc-view-panel"> <!-- contentPanel"> -->
-<div id="contentTitle">
-</div>
-
-<div id="contentInner">
-
-Url: <select id="xos-hpc-url-select"></select>
-
-<div id="xos-hpc-urls"></div>
-
-</div> <!-- end contentInner -->
-</div> <!-- end contentPanel -->
-
-{% include 'xosAdmin.html' %}
diff --git a/xos/core/xoslib/dashboards/xosHpcUrls.html b/xos/core/xoslib/dashboards/xosHpcUrls.html
deleted file mode 100644
index 4bfa263..0000000
--- a/xos/core/xoslib/dashboards/xosHpcUrls.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.syphon.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.wreqr.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.babysitter.js"></script>
-<script src="{{ STATIC_URL }}/js/vendor/backbone.marionette.js"></script>
-
-<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosTenantDashboard.css' %}" media="all" >
-<link rel="stylesheet" type="text/css" href="{% static 'css/xosAdminSite.css' %}" media="all" >
-
-<script src="{{ STATIC_URL }}/js/xoslib/xos-util.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-defaults.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-validators.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
-<script src="{{ STATIC_URL }}/js/xoslib/xosHelper.js"></script>
-<script src="{{ STATIC_URL }}/js/xosHpcUrls.js"></script>
-
-<div id="xos-hpc-view-panel"> <!-- contentPanel"> -->
-<div id="contentTitle">
-</div>
-
-<div id="contentInner">
-
-Node: <select id="xos-hpc-node-select"></select>
-
-<div id="xos-hpc-urls"></div>
-
-</div> <!-- end contentInner -->
-</div> <!-- end contentPanel -->
-
-{% include 'xosAdmin.html' %}
diff --git a/xos/core/xoslib/dashboards/xsh.html b/xos/core/xoslib/dashboards/xsh.html
deleted file mode 100644
index 65a44da..0000000
--- a/xos/core/xoslib/dashboards/xsh.html
+++ /dev/null
@@ -1,21 +0,0 @@
- <div id="terminal">
- <p class="response">XSH - The XOS Shell</p>
- <br />
- <p id="terminal_help1" style="display: none;">type "help" for help</p>
- <p id="terminal_help2" style="display: none;">type "tutorial" to start the tutorial</p>
-
- </div>
- <link rel="stylesheet" type="text/css" href="{% static 'shell/opencloud_shell.css' %}" media="all">
- <script src="{{ STATIC_URL }}/js/vendor/underscore-min.js"></script>
- <script src="{{ STATIC_URL }}/js/vendor/backbone-min.js"></script>
- <script src="{{ STATIC_URL }}/js/vendor/ICanHaz.min.js"></script>
- <script src="{{ STATIC_URL }}/js/xoslib/xos-backbone.js"></script>
- <script src="{% static 'js/xsh/xsh.js' %}"></script>
- <script src="{% static 'js/xsh/object_id.js' %}"></script>
- <script src="{% static 'js/xsh/constants.js' %}"></script>
- <script src="{% static 'js/xsh/utils.js' %}"></script>
- <script src="{% static 'js/xsh/shell_utils.js' %}"></script>
- <script src="{% static 'js/xsh/tokens.js' %}"></script>
-
-
-
diff --git a/xos/core/xoslib/static/css/sliceEditor.css b/xos/core/xoslib/static/css/sliceEditor.css
deleted file mode 100644
index 9825efc..0000000
--- a/xos/core/xoslib/static/css/sliceEditor.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.sliceeditor-listitem { cursor: pointer; color: blue; }
-
-.sliceeditor-listitem:hover { font-weight: bold; }
diff --git a/xos/core/xoslib/static/css/test.css b/xos/core/xoslib/static/css/test.css
deleted file mode 100644
index dee32d8..0000000
--- a/xos/core/xoslib/static/css/test.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.test-table td, th {
- border: 1px solid black;
-}
-
-#rightSide {
- position: fixed;
- top: 1em;
- right: 1em;
- width: 450px;
-}
-
-#detailBox {
- padding: 10px;
- border: 2px solid;
- background-color: #f0f0f0;
- margin-bottom:30px;
- display:none;
- overflow:auto;
- max-height:80vh;
-}
-
-#errorBox {
- padding: 10px;
- border: 2px solid;
- background-color: #f00000;
- margin-bottom:30px;
- display:none;
-}
-
-#successBox {
- padding: 10px;
- border: 2px solid;
- background-color: #00f000;
- margin-bottom:30px;
- display:none;
-}
-
-.objectLink {
- cursor:pointer;
- color:blue;
- text-decoration:underline;
-}
-
diff --git a/xos/core/xoslib/static/css/xosAdminDashboard.css b/xos/core/xoslib/static/css/xosAdminDashboard.css
deleted file mode 100644
index d707ffd..0000000
--- a/xos/core/xoslib/static/css/xosAdminDashboard.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.breadcrumb {
- display: none;
-}
-
-.btn-xos-detail {
- display: none;
-}
-
-.btn-xos-list {
- display: none;
-}
-
-#logPanel {
- overflow-y: auto;
- overflow-x: hidden;
-}
-
-#logTable {
- width: 100%;
- white-space: nowrap;
-}
-
-#logTable tr {
- border-bottom: 1px solid;
-}
-
-#logTable tr:last-child {
- border-bottom: none;
-}
-
-#contentButtonPanel {
- float: right;
- width: 200px;
-}
-
-#contentInner {
- margin-right: 200px;
-}
diff --git a/xos/core/xoslib/static/css/xosAdminSite.css b/xos/core/xoslib/static/css/xosAdminSite.css
deleted file mode 100644
index dc463e7..0000000
--- a/xos/core/xoslib/static/css/xosAdminSite.css
+++ /dev/null
@@ -1,128 +0,0 @@
-.xos-help-cell {
- font-size: 11px;
- color: #999;
- padding-bottom: 1%;
-}
-
-.xos-detail-table td {
- padding-left: 10px;
- padding-right: 10px;
-}
-
-.test-table td, th {
- border: 1px solid black;
-}
-.objectLink {
- cursor:pointer;
- color:blue;
- text-decoration:underline;
-}
-
-.xos-log.xos-success {
- background-color: #00ff00;
-}
-
-.xos-log.xos-inprog {
- background-color: #ffff00;
-}
-
-.xos-log.xos-failure {
- background-color: #ff0000;
-}
-
-.btn-xosnav {
- width: 120px;
-}
-
-.xos-nav-list {
- list-style:none;
- border-bottom-style: solid;
- border-bottom-color: #105E9E;
- color: #105E93;
- margin: 0px 4px 15px 5px;
-}
-
-.xos-nav-item {
- background-color: #E0E0E0;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- border-bottom-left-radius: 0px;
- border-bottom-right-radius: 0px;
-
- display: inline-block;
- content: normal;
- clear: none;
-
- padding:8px 20px 7px;
-
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 13px;
- font-weight: bold;
- color: #105E9E;
- border: none;
- box-shadow: none;
- cursor: pointer;
-}
-
-.xos-nav-item:hover {
- background-color: #A0A0A0;
- letter-spacing: 1px;
-}
-
-.xos-nav-item.active {
- background-color: #105E9E;
- color:#ffffff;
- font-weight:normal;
- padding-top:10px;
- text-decoration:none;
-}
-
-.help-inline.error {
- color: red;
- font-weight: bold;
-}
-
-/* these are for the inline list and detail titles */
-
-.xos-list-title {
- display: none;
-}
-
-.xos-detail-title {
- display: none;
-}
-
-/* this one goes with contenttitle */
-
-#xos-list-title-spinner {
- display: none;
-}
-
-/* undo what xos.css does to the progressbar */
-#xos-startup-progress .ui-progressbar-value {
- background-color: rgb(204,204,204) !important;
- background-image: url(http://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) !important;
- border-top: 1px !important;
- border-right: 1px !important;
- border-left: 1px !important;
-}
-
-#xos-detail-button-box {
- display: none;
-}
-
-#xos-listview-button-box {
- display: none;
-}
-
-#xos-confirm-dialog {
- display: none;
-}
-
-.picker_row {
- display: table;
-}
-.picker_column {
- display: table-cell;
- padding: 10px;
-}
diff --git a/xos/core/xoslib/static/css/xosAdminWholePage.css b/xos/core/xoslib/static/css/xosAdminWholePage.css
deleted file mode 100644
index a280fac..0000000
--- a/xos/core/xoslib/static/css/xosAdminWholePage.css
+++ /dev/null
@@ -1,110 +0,0 @@
-.test-table td, th {
- border: 1px solid black;
-}
-.objectLink {
- cursor:pointer;
- color:blue;
- text-decoration:underline;
-}
-#logTable td, th {
- border: 1px solid black;
-}
-
-#navigationPanel {
- position: absolute;
- top: 100px;
- left: 0;
- width: 220px;
- bottom: 0;
- overflow: hidden;
- //background-color: #F0F0F0;
-}
-
-#headerPanel {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- width: auto;
- height: 100px;
- overflow: hidden;
- //background-color: #F0E0E0;
-}
-
-#logPanel {
- position: absolute;
- top: auto;
- left: 220px;
- right: 0;
- bottom: 0;
- width: auto;
- height: 100px;
- overflow: hidden;
- //background-color: #F0E0E0;
-}
-
-#contentPanel {
- position: fixed;
- top: 100px;
- bottom: 100px;
- left: 220px;
- right: 0;
- overflow: auto;
- //background: #f0F0E0;
-}
-
-.btn-xosnav {
- width: 120px;
-}
-
-.xos-nav-list {
- list-style:none;
- border-bottom-style: solid;
- border-bottom-color: #105E9E;
- color: #105E93;
- margin: 0px 4px 15px 5px;
-}
-
-.xos-nav-item {
- background-color: #E0E0E0;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- border-bottom-left-radius: 0px;
- border-bottom-right-radius: 0px;
-
- display: inline-block;
- content: normal;
- clear: none;
-
- padding:8px 20px 7px;
-
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 13px;
- font-weight: bold;
- color: #105E9E;
- border: none;
- box-shadow: none;
- cursor: pointer;
-}
-
-.xos-nav-item:hover {
- background-color: #A0A0A0;
- letter-spacing: 1px;
-}
-
-.xos-nav-item.active {
- background-color: #105E9E;
- color:#ffffff;
- font-weight:normal;
- padding-top:10px;
- text-decoration:none;
-}
-
-.xos-list-title {
- display: none;
-}
-
-.xos-detail-title {
- display: none;
-}
-
diff --git a/xos/core/xoslib/static/css/xosSampleView.css b/xos/core/xoslib/static/css/xosSampleView.css
deleted file mode 100644
index e69de29..0000000
--- a/xos/core/xoslib/static/css/xosSampleView.css
+++ /dev/null
diff --git a/xos/core/xoslib/static/css/xosSubscribers.css b/xos/core/xoslib/static/css/xosSubscribers.css
deleted file mode 100644
index e69de29..0000000
--- a/xos/core/xoslib/static/css/xosSubscribers.css
+++ /dev/null
diff --git a/xos/core/xoslib/static/css/xosTenantDashboard.css b/xos/core/xoslib/static/css/xosTenantDashboard.css
deleted file mode 100644
index c574ad6..0000000
--- a/xos/core/xoslib/static/css/xosTenantDashboard.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.btn-xos-detail {
- display: none;
-}
-
-.btn-xos-list {
- display: none;
-}
-
-#logPanel {
- overflow-y: auto;
- overflow-x: hidden;
-}
-
-#logTable {
- width: 100%;
- white-space: nowrap;
-}
-
-#logTable tr {
- border-bottom: 1px solid;
-}
-
-#logTable tr:last-child {
- border-bottom: none;
-}
-
-#contentButtonPanel {
- float: right;
- width: 200px;
-}
-
-/*#contentInner {
- margin-right: 200px;
-}*/
diff --git a/xos/core/xoslib/static/js/.eslintrc b/xos/core/xoslib/static/js/.eslintrc
deleted file mode 100644
index 7cbab96..0000000
--- a/xos/core/xoslib/static/js/.eslintrc
+++ /dev/null
@@ -1,28 +0,0 @@
-{
- "extends": "defaults/configurations/google",
- "env" : {
- "browser": true
- },
- "rules" : {
- "camelcase": [0],
- "no-underscore-dangle": [0],
- "eqeqeq": [1],
- "no-alert": [1],
- "no-unused-vars": [1],
- "key-spacing": [2, {
- "beforeColon": false,
- "afterColon": true
- }],
- "valid-jsdoc": 2,
- "max-len": [1, 120, 4],
- brace-style: [2, "stroustrup"],
- space-before-blocks: [1, 'never']
- },
- "globals": {
- "$": false,
- "_": false,
- "Backbone": false,
- "Marionette": false,
- "xos": false
- }
-}
diff --git a/xos/core/xoslib/static/js/gentle.js b/xos/core/xoslib/static/js/gentle.js
deleted file mode 100644
index a0d8dde..0000000
--- a/xos/core/xoslib/static/js/gentle.js
+++ /dev/null
@@ -1,50 +0,0 @@
-
-var ContactManager = new Marionette.Application();
-
-ContactManager.addRegions({
- mainRegion: '#main-region'
-});
-
-ContactManager.Contact = Backbone.Model.extend({});
-
-ContactManager.ContactCollection = Backbone.Collection.extend({
- model: ContactManager.Contact
-});
-
-ContactManager.ContactItemView = Marionette.ItemView.extend({
- tagName: 'li',
- template: '#contact-list-item'
-});
-
-ContactManager.ContactsView = Marionette.CollectionView.extend({
- tagName: 'ul',
- childView: ContactManager.ContactItemView
-});
-
-ContactManager.on('start', function(){
- var contacts = new ContactManager.ContactCollection([
- {
- firstName: 'Bob',
- lastName: 'Brigham',
- phoneNumber: '555-0163'
- },
- {
- firstName: 'Alice',
- lastName: 'Arten',
- phoneNumber: '555-0184'
- },
- {
- firstName: 'Charlie',
- lastName: 'Campbell',
- phoneNumber: '555-0129'
- }
- ]);
-
- var contactsView = new ContactManager.ContactsView({
- collection: contacts
- });
-
- ContactManager.mainRegion.show(contactsView);
-});
-
-ContactManager.start();
diff --git a/xos/core/xoslib/static/js/picker.js b/xos/core/xoslib/static/js/picker.js
deleted file mode 100644
index 3303197..0000000
--- a/xos/core/xoslib/static/js/picker.js
+++ /dev/null
@@ -1,61 +0,0 @@
-/* eslint-disable space-before-blocks, no-unused-vars */
-
-function init_picker(selector, ordered) {
- //console.log("init_picker");
- //console.log($(selector));
-
- var addBtn = $(selector).find('.btn-picker-add');
- var removeBtn = $(selector).find('.btn-picker-remove');
- var upBtn = $(selector).find('.btn-picker-up');
- var downBtn = $(selector).find('.btn-picker-down');
- var from = $(selector).find('.select-picker-from');
- var to = $(selector).find('.select-picker-to');
-
- if (!ordered) {
- upBtn.hide();
- downBtn.hide();
- }
-
- addBtn.click(function() {
- from.find(':selected').each(function() {
- to.append('<option value="' + $(this).val() + '"">' + $(this).text() + '</option>');
- $(this).remove();
- });
- });
- removeBtn.click(function() {
- to.find(':selected').each(function() {
- from.append('<option value="' + $(this).val() + '">' + $(this).text() + '</option>');
- $(this).remove();
- });
- });
- upBtn.bind('click', function() {
- to.find(':selected').each(function() {
- var newPos = to.find('option').index(this) - 1;
-
- if (newPos > -1) {
- to.find('option').eq(newPos).before(
- '<option value="' + $(this).val() + '" selected="selected">' + $(this).text() + '</option>'
- );
- $(this).remove();
- }
- });
- });
- downBtn.bind('click', function() {
- var countOptions = to.find('option').size();
-
- to.find(':selected').each(function() {
- var newPos = to.find('option').index(this) + 1;
-
- if (newPos < countOptions) {
- to.find('option').eq(newPos).after(
- '<option value="' + $(this).val() + '" selected="selected">' + $(this).text() + '</option>'
- );
- $(this).remove();
- }
- });
- });
-};
-
-function init_spinner(selector, value) {
- $(selector).spinner('value', value);
-};
diff --git a/xos/core/xoslib/static/js/sliceEditor.js b/xos/core/xoslib/static/js/sliceEditor.js
deleted file mode 100644
index 12ed86f..0000000
--- a/xos/core/xoslib/static/js/sliceEditor.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/* eslint-disable */
-/* This is a demo of using xoslib with Marionette
-
- The main window is split into two halves. The left half has a CollectionView
- (SliceListView) that lists all slices the user has access to. The right half
- has an ItemView (SliceDetailView) that allows the user to edit the
- name and description of a slice, as well as a <Save> button to save it.
-*/
-
-SliceEditorApp = new Marionette.Application();
-
-SliceEditorApp.addRegions({
- sliceList: "#sliceEditorList",
- sliceDetail: "#sliceEditorDetail",
-});
-
-/* SliceListItemView: This is the item view that is used by SliceListView to
- display slice names.
-*/
-
-SliceEditorApp.SliceListItemView = Marionette.ItemView.extend({
- template: "#sliceeditor-listitem-template",
- tagName: 'li',
- className: 'sliceeditor-listitem',
-
- events: {"click": "changeSlice"},
-
- changeSlice: function(e) {
- e.preventDefault();
- e.stopPropagation();
-
- if (SliceEditorApp.sliceDetail.currentView && SliceEditorApp.sliceDetail.currentView.dirty) {
- if (!confirm("discard current changes?")) {
- return;
- }
- }
-
- /* create a new SliceDetailView and set the sliceDetail region to
- display it.
- */
-
- var sliceDetailView = new SliceEditorApp.SliceDetailView({
- model: this.model,
- });
- SliceEditorApp.sliceDetail.show(sliceDetailView);
- },
-});
-
-/* SliceListView: This displays a list of slice names.
-*/
-
-SliceEditorApp.SliceListView = Marionette.CollectionView.extend({
- tagName: "ul",
- childView: SliceEditorApp.SliceListItemView,
-
- initialize: function() {
- /* CollectionViews don't automatically listen for change events, but we
- want to, so we pick up changes from the DetailView, and we pick up
- changes from the server.
- */
- this.listenTo(this.collection, 'change', this._renderChildren);
- },
-
- attachHtml: function(compositeView, childView, index) {
- // The REST API will let admin users see everything. For the developer
- // view we still want to hide slices we are not members of.
- if (childView.model.get("sliceInfo").roles.length == 0) {
- return;
- }
- SliceEditorApp.SliceListView.__super__.attachHtml(compositeView, childView, index);
- },
-});
-
-/* SliceDetailView: Display the slice and allow it to be edited */
-
-SliceEditorApp.SliceDetailView = Marionette.ItemView.extend({
- template: "#sliceeditor-sliceedit-template",
- tagName: 'div',
-
- events: {"click button.js-submit": "submitClicked",
- "change input": "inputChanged"},
-
- /* inputChanged is watching the onChange events of the input controls. We
- do this to track when this view is 'dirty', so we can throw up a warning
- if the user tries to change his slices without saving first.
- */
-
- inputChanged: function(e) {
- this.dirty = true;
- },
-
- submitClicked: function(e) {
- e.preventDefault();
- var data = Backbone.Syphon.serialize(this);
- this.model.save(data);
- this.dirty = false;
- },
-});
-
-SliceEditorApp.on("start", function() {
- var sliceListView = new SliceEditorApp.SliceListView({
- collection: xos.slicesPlus
- });
- SliceEditorApp.sliceList.show(sliceListView);
- xos.slicesPlus.startPolling();
-});
-
-$(document).ready(function(){
- SliceEditorApp.start();
-});
-/* eslint-enable */
diff --git a/xos/core/xoslib/static/js/sliverListTest.js b/xos/core/xoslib/static/js/sliverListTest.js
deleted file mode 100644
index 4b60697..0000000
--- a/xos/core/xoslib/static/js/sliverListTest.js
+++ /dev/null
@@ -1,148 +0,0 @@
-/* eslint-disable */
-(function(){
-
-window.InstanceView = Backbone.View.extend({
- tagName: 'li',
- className: 'instance',
-
- events: {
- 'click .permalink': 'navigate'
- },
-
- initialize: function(){
- this.model.bind('change', this.render, this);
- },
-
- navigate: function(e){
- this.trigger('navigate', this.model);
- e.preventDefault();
- },
-
- render: function(){
- $(this.el).html(ich.instanceTemplate(this.model.toJSON()));
- return this;
- }
-});
-
-
-window.DetailApp = Backbone.View.extend({
- events: {
- 'click .home': 'home'
- },
-
- home: function(e){
- this.trigger('home');
- e.preventDefault();
- },
-
- render: function(){
- $(this.el).html(ich.detailApp(this.model.toJSON()));
- return this;
- }
-});
-
-window.ListView = Backbone.View.extend({
- initialize: function(){
- _.bindAll(this, 'addOne', 'addAll');
-
- this.collection.bind('add', this.addOne);
- this.collection.bind('reset', this.addAll, this);
- this.views = [];
- },
-
- addAll: function(){
- this.views = [];
- this.collection.each(this.addOne);
- },
-
- addOne: function(instance){
- var view = new InstanceView({
- model: instance
- });
- $(this.el).prepend(view.render().el);
- this.views.push(view);
- view.bind('all', this.rethrow, this);
- },
-
- rethrow: function(){
- this.trigger.apply(this, arguments);
- }
-
-});
-
-window.ListApp = Backbone.View.extend({
- el: "#app",
-
- rethrow: function(){
- this.trigger.apply(this, arguments);
- },
-
- render: function(){
- console.log("listApp.render");
- console.log(this.collection);
- $(this.el).html(ich.listApp({}));
- var list = new ListView({
- collection: this.collection,
- el: this.$('#instances')
- });
- list.addAll();
- list.bind('all', this.rethrow, this);
- }
-});
-
-
-window.Router = Backbone.Router.extend({
- routes: {
- '': 'list',
- ':id/': 'detail'
- },
-
- navigate_to: function(model){
- var path = (model && model.get('id') + '/') || '';
- console.log("Router.navigate_to");
- this.navigate(path, true);
- },
-
- detail: function(){ console.log("Router.detail"); },
-
- list: function(){ console.log("Router.list"); }
-});
-
-$(function(){
- window.app = window.app || {};
- app.router = new Router();
- app.instances = xos.instances; //new XOSLib.instances();
- app.list = new ListApp({
- el: $("#app"),
- collection: app.instances
- });
- app.detail = new DetailApp({
- el: $("#app")
- });
- app.router.bind('route:list', function(){
- app.instances.maybeFetch({
- success: _.bind(app.list.render, app.list)
- });
- });
- app.router.bind('route:detail', function(id){
- app.instances.getOrFetch(app.instances.urlRoot + id + '/', {
- success: function(model){
- app.detail.model = model;
- app.detail.render();
- }
- });
- });
-
- app.instances.maybeFetch({
- success: _.bind(app.list.render, app.list)
- });
-
- app.list.bind('navigate', app.router.navigate_to, app.router);
- app.detail.bind('home', app.router.navigate_to, app.router);
- Backbone.history.start({
- pushState: true,
- silent: app.loaded
- });
-});
-})();
-/* eslint-enable */
diff --git a/xos/core/xoslib/static/js/test.js b/xos/core/xoslib/static/js/test.js
deleted file mode 100644
index 9135134..0000000
--- a/xos/core/xoslib/static/js/test.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/* eslint-disable */
-TestApp = new XOSApplication();
-
-TestApp.addRegions({
- deploymentList: "#deploymentList",
- imageList: "#imageList",
- networkTemplateList: "#networkTemplateList",
- networkList: "#networkList",
- nodeList: "#nodeList",
- serviceList: "#serviceList",
- siteList: "#siteList",
- sliceList: "#sliceList",
- instanceList: "#instanceList",
- userList: "#userList",
- detail: "#detail",
- linkedObjs1: "#linkedObjs1",
- linkedObjs2: "#linkedObjs2",
- linkedObjs3: "#linkedObjs3",
- linkedObjs4: "#linkedObjs4"
-});
-
-//TestApp.navigateToDetail = function(detailView) {
-// $(TestApp.detailBoxId).show();
-// TestApp.detail.show(detailView);
-//};
-
-TestApp.navigateToModel = function(app, detailClass, detailNavLink, model) {
-
- var detailView = new detailClass({
- model: model,
- });
-
- $(app.detailBoxId).show();
- app.detail.show(detailView);
- detailView.showLinkedItems();
-};
-
-TestApp.on("start", function() {
- var objs = ['deployment', 'image', 'networkTemplate', 'network', 'port', 'networkDeployment', 'node', 'service', 'site', 'slice', 'sliceDeployment', 'slicePrivilege', 'instance', 'user', 'sliceRole', 'userDeployment'];
-
- for (var index in objs) {
- name = objs[index];
- tr_template = '#xosAdmin-' + name + '-listitem-template';
- table_template = '#xosAdmin-' + name + '-list-template';
- detail_template = '#xosAdmin-' + name + '-detail-template';
- collection_name = name + "s";
- region_name = name + "List";
-
- detailClass = XOSDetailView.extend({
- template: detail_template,
- app: TestApp,
- });
-
- itemViewClass = XOSItemView.extend({
- detailClass: detailClass,
- template: tr_template,
- app: TestApp,
- });
-
- listViewClass = XOSListView.extend({
- childView: itemViewClass,
- template: table_template,
- collection: xos[collection_name],
- title: name + "s",
- app: TestApp,
- });
- TestApp[collection_name + "ListView"] = listViewClass;
-
- var listView = new listViewClass();
-
- if (region_name in TestApp.getRegions()) {
- TestApp[region_name].show(listView);
- }
- xos[collection_name].fetch(); //startPolling();
- }
-
- $('#close-detail-view').unbind().bind('click', function() {
- $('#detailBox').hide();
- });
-});
-
-$(document).ready(function(){
- TestApp.start();
-});
-/* eslint-enable */
diff --git a/xos/core/xoslib/static/js/vendor/ICanHaz.min.js b/xos/core/xoslib/static/js/vendor/ICanHaz.min.js
deleted file mode 100644
index 18ef653..0000000
--- a/xos/core/xoslib/static/js/vendor/ICanHaz.min.js
+++ /dev/null
@@ -1,10 +0,0 @@
-(function(){var m=function(){var f=function(){};f.prototype={otag:"{{",ctag:"}}",pragmas:{},buffer:[],pragmas_implemented:{"IMPLICIT-ITERATOR":true},context:{},render:function(a,b,c,d){if(!d){this.context=b;this.buffer=[]}if(!this.includes("",a))if(d)return a;else{this.send(a);return}a=this.render_pragmas(a);a=this.render_section(a,b,c);if(d)return this.render_tags(a,b,c,d);this.render_tags(a,b,c,d)},send:function(a){a!=""&&this.buffer.push(a)},render_pragmas:function(a){if(!this.includes("%",a))return a;
-var b=this;return a.replace(RegExp(this.otag+"%([\\w-]+) ?([\\w]+=[\\w]+)?"+this.ctag),function(c,d,e){if(!b.pragmas_implemented[d])throw{message:"This implementation of mustache doesn't understand the '"+d+"' pragma"};b.pragmas[d]={};if(e){c=e.split("=");b.pragmas[d][c[0]]=c[1]}return""})},render_partial:function(a,b,c){a=this.trim(a);if(!c||c[a]===undefined)throw{message:"unknown_partial '"+a+"'"};if(typeof b[a]!="object")return this.render(c[a],b,c,true);return this.render(c[a],b[a],c,true)},render_section:function(a,
-b,c){if(!this.includes("#",a)&&!this.includes("^",a))return a;var d=this;return a.replace(RegExp(this.otag+"(\\^|\\#)\\s*(.+)\\s*"+this.ctag+"\n*([\\s\\S]+?)"+this.otag+"\\/\\s*\\2\\s*"+this.ctag+"\\s*","mg"),function(e,i,j,h){e=d.find(j,b);if(i=="^")return!e||d.is_array(e)&&e.length===0?d.render(h,b,c,true):"";else if(i=="#")return d.is_array(e)?d.map(e,function(g){return d.render(h,d.create_context(g),c,true)}).join(""):d.is_object(e)?d.render(h,d.create_context(e),c,true):typeof e==="function"?
-e.call(b,h,function(g){return d.render(g,b,c,true)}):e?d.render(h,b,c,true):""})},render_tags:function(a,b,c,d){var e=this,i=function(){return RegExp(e.otag+"(=|!|>|\\{|%)?([^\\/#\\^]+?)\\1?"+e.ctag+"+","g")},j=i(),h=function(n,l,k){switch(l){case "!":return"";case "=":e.set_delimiters(k);j=i();return"";case ">":return e.render_partial(k,b,c);case "{":return e.find(k,b);default:return e.escape(e.find(k,b))}};a=a.split("\n");for(var g=0;g<a.length;g++){a[g]=a[g].replace(j,h,this);d||this.send(a[g])}if(d)return a.join("\n")},
-set_delimiters:function(a){a=a.split(" ");this.otag=this.escape_regex(a[0]);this.ctag=this.escape_regex(a[1])},escape_regex:function(a){if(!arguments.callee.sRE)arguments.callee.sRE=RegExp("(\\/|\\.|\\*|\\+|\\?|\\||\\(|\\)|\\[|\\]|\\{|\\}|\\\\)","g");return a.replace(arguments.callee.sRE,"\\$1")},find:function(a,b){a=this.trim(a);var c;if(b[a]===false||b[a]===0||b[a])c=b[a];else if(this.context[a]===false||this.context[a]===0||this.context[a])c=this.context[a];if(typeof c==="function")return c.apply(b);
-if(c!==undefined)return c;return""},includes:function(a,b){return b.indexOf(this.otag+a)!=-1},escape:function(a){return String(a===null?"":a).replace(/&(?!\w+;)|["<>\\]/g,function(b){switch(b){case "&":return"&";case "\\":return"\\\\";case '"':return'"';case "<":return"<";case ">":return">";default:return b}})},create_context:function(a){if(this.is_object(a))return a;else{var b=".";if(this.pragmas["IMPLICIT-ITERATOR"])b=this.pragmas["IMPLICIT-ITERATOR"].iterator;var c={};c[b]=a;return c}},
-is_object:function(a){return a&&typeof a=="object"},is_array:function(a){return Object.prototype.toString.call(a)==="[object Array]"},trim:function(a){return a.replace(/^\s*|\s*$/g,"")},map:function(a,b){if(typeof a.map=="function")return a.map(b);else{for(var c=[],d=a.length,e=0;e<d;e++)c.push(b(a[e]));return c}}};return{name:"mustache.js",version:"0.3.0",to_html:function(a,b,c,d){var e=new f;if(d)e.send=d;e.render(a,b,c);if(!d)return e.buffer.join("\n")}}}();(function(){var f={VERSION:"0.9",templates:{},
-$:typeof window!=="undefined"?window.jQuery||window.Zepto||null:null,addTemplate:function(a,b){if(f[a])throw"Invalid name: "+a+".";if(f.templates[a])throw'Template " + name + " exists';f.templates[a]=b;f[a]=function(c,d){c=c||{};var e=m.to_html(f.templates[a],c,f.templates);return f.$&&!d?f.$(e):e}},clearAll:function(){for(var a in f.templates)delete f[a];f.templates={}},refresh:function(){f.clearAll();f.grabTemplates()},grabTemplates:function(){var a,b=document.getElementsByTagName("script"),c=b!==
-undefined?b.length:0,d,e=[];for(a=0;a<c;a++)if((d=b[a])&&d.innerHTML&&d.id&&(d.type==="text/html"||d.type==="text/x-icanhaz")){f.addTemplate(d.id,"".trim?d.innerHTML.trim():s.replace(/^\s+/,"").replace(/\s+$/,""));e.unshift(d)}a=0;for(c=e.length;a<c;a++)e[a].parentNode.removeChild(e[a])}};if(typeof require!=="undefined")module.exports=f;else window.ich=f;if(typeof document!=="undefined")f.$?f.$(function(){f.grabTemplates()}):document.addEventListener("DOMContentLoaded",function(){f.grabTemplates()},
-false)})()})();
diff --git a/xos/core/xoslib/static/js/vendor/backbone-min.js b/xos/core/xoslib/static/js/vendor/backbone-min.js
deleted file mode 100644
index 8ea4b13..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone-min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(t,e){if(typeof define==="function"&&define.amd){define(["underscore","jquery","exports"],function(i,r,s){t.Backbone=e(t,s,i,r)})}else if(typeof exports!=="undefined"){var i=require("underscore");e(t,exports,i)}else{t.Backbone=e(t,{},t._,t.jQuery||t.Zepto||t.ender||t.$)}})(this,function(t,e,i,r){var s=t.Backbone;var n=[];var a=n.push;var o=n.slice;var h=n.splice;e.VERSION="1.1.2";e.$=r;e.noConflict=function(){t.Backbone=s;return this};e.emulateHTTP=false;e.emulateJSON=false;var u=e.Events={on:function(t,e,i){if(!c(this,"on",t,[e,i])||!e)return this;this._events||(this._events={});var r=this._events[t]||(this._events[t]=[]);r.push({callback:e,context:i,ctx:i||this});return this},once:function(t,e,r){if(!c(this,"once",t,[e,r])||!e)return this;var s=this;var n=i.once(function(){s.off(t,n);e.apply(this,arguments)});n._callback=e;return this.on(t,n,r)},off:function(t,e,r){var s,n,a,o,h,u,l,f;if(!this._events||!c(this,"off",t,[e,r]))return this;if(!t&&!e&&!r){this._events=void 0;return this}o=t?[t]:i.keys(this._events);for(h=0,u=o.length;h<u;h++){t=o[h];if(a=this._events[t]){this._events[t]=s=[];if(e||r){for(l=0,f=a.length;l<f;l++){n=a[l];if(e&&e!==n.callback&&e!==n.callback._callback||r&&r!==n.context){s.push(n)}}}if(!s.length)delete this._events[t]}}return this},trigger:function(t){if(!this._events)return this;var e=o.call(arguments,1);if(!c(this,"trigger",t,e))return this;var i=this._events[t];var r=this._events.all;if(i)f(i,e);if(r)f(r,arguments);return this},stopListening:function(t,e,r){var s=this._listeningTo;if(!s)return this;var n=!e&&!r;if(!r&&typeof e==="object")r=this;if(t)(s={})[t._listenId]=t;for(var a in s){t=s[a];t.off(e,r,this);if(n||i.isEmpty(t._events))delete this._listeningTo[a]}return this}};var l=/\s+/;var c=function(t,e,i,r){if(!i)return true;if(typeof i==="object"){for(var s in i){t[e].apply(t,[s,i[s]].concat(r))}return false}if(l.test(i)){var n=i.split(l);for(var a=0,o=n.length;a<o;a++){t[e].apply(t,[n[a]].concat(r))}return false}return true};var f=function(t,e){var i,r=-1,s=t.length,n=e[0],a=e[1],o=e[2];switch(e.length){case 0:while(++r<s)(i=t[r]).callback.call(i.ctx);return;case 1:while(++r<s)(i=t[r]).callback.call(i.ctx,n);return;case 2:while(++r<s)(i=t[r]).callback.call(i.ctx,n,a);return;case 3:while(++r<s)(i=t[r]).callback.call(i.ctx,n,a,o);return;default:while(++r<s)(i=t[r]).callback.apply(i.ctx,e);return}};var d={listenTo:"on",listenToOnce:"once"};i.each(d,function(t,e){u[e]=function(e,r,s){var n=this._listeningTo||(this._listeningTo={});var a=e._listenId||(e._listenId=i.uniqueId("l"));n[a]=e;if(!s&&typeof r==="object")s=this;e[t](r,s,this);return this}});u.bind=u.on;u.unbind=u.off;i.extend(e,u);var p=e.Model=function(t,e){var r=t||{};e||(e={});this.cid=i.uniqueId("c");this.attributes={};if(e.collection)this.collection=e.collection;if(e.parse)r=this.parse(r,e)||{};r=i.defaults({},r,i.result(this,"defaults"));this.set(r,e);this.changed={};this.initialize.apply(this,arguments)};i.extend(p.prototype,u,{changed:null,validationError:null,idAttribute:"id",initialize:function(){},toJSON:function(t){return i.clone(this.attributes)},sync:function(){return e.sync.apply(this,arguments)},get:function(t){return this.attributes[t]},escape:function(t){return i.escape(this.get(t))},has:function(t){return this.get(t)!=null},set:function(t,e,r){var s,n,a,o,h,u,l,c;if(t==null)return this;if(typeof t==="object"){n=t;r=e}else{(n={})[t]=e}r||(r={});if(!this._validate(n,r))return false;a=r.unset;h=r.silent;o=[];u=this._changing;this._changing=true;if(!u){this._previousAttributes=i.clone(this.attributes);this.changed={}}c=this.attributes,l=this._previousAttributes;if(this.idAttribute in n)this.id=n[this.idAttribute];for(s in n){e=n[s];if(!i.isEqual(c[s],e))o.push(s);if(!i.isEqual(l[s],e)){this.changed[s]=e}else{delete this.changed[s]}a?delete c[s]:c[s]=e}if(!h){if(o.length)this._pending=r;for(var f=0,d=o.length;f<d;f++){this.trigger("change:"+o[f],this,c[o[f]],r)}}if(u)return this;if(!h){while(this._pending){r=this._pending;this._pending=false;this.trigger("change",this,r)}}this._pending=false;this._changing=false;return this},unset:function(t,e){return this.set(t,void 0,i.extend({},e,{unset:true}))},clear:function(t){var e={};for(var r in this.attributes)e[r]=void 0;return this.set(e,i.extend({},t,{unset:true}))},hasChanged:function(t){if(t==null)return!i.isEmpty(this.changed);return i.has(this.changed,t)},changedAttributes:function(t){if(!t)return this.hasChanged()?i.clone(this.changed):false;var e,r=false;var s=this._changing?this._previousAttributes:this.attributes;for(var n in t){if(i.isEqual(s[n],e=t[n]))continue;(r||(r={}))[n]=e}return r},previous:function(t){if(t==null||!this._previousAttributes)return null;return this._previousAttributes[t]},previousAttributes:function(){return i.clone(this._previousAttributes)},fetch:function(t){t=t?i.clone(t):{};if(t.parse===void 0)t.parse=true;var e=this;var r=t.success;t.success=function(i){if(!e.set(e.parse(i,t),t))return false;if(r)r(e,i,t);e.trigger("sync",e,i,t)};q(this,t);return this.sync("read",this,t)},save:function(t,e,r){var s,n,a,o=this.attributes;if(t==null||typeof t==="object"){s=t;r=e}else{(s={})[t]=e}r=i.extend({validate:true},r);if(s&&!r.wait){if(!this.set(s,r))return false}else{if(!this._validate(s,r))return false}if(s&&r.wait){this.attributes=i.extend({},o,s)}if(r.parse===void 0)r.parse=true;var h=this;var u=r.success;r.success=function(t){h.attributes=o;var e=h.parse(t,r);if(r.wait)e=i.extend(s||{},e);if(i.isObject(e)&&!h.set(e,r)){return false}if(u)u(h,t,r);h.trigger("sync",h,t,r)};q(this,r);n=this.isNew()?"create":r.patch?"patch":"update";if(n==="patch")r.attrs=s;a=this.sync(n,this,r);if(s&&r.wait)this.attributes=o;return a},destroy:function(t){t=t?i.clone(t):{};var e=this;var r=t.success;var s=function(){e.trigger("destroy",e,e.collection,t)};t.success=function(i){if(t.wait||e.isNew())s();if(r)r(e,i,t);if(!e.isNew())e.trigger("sync",e,i,t)};if(this.isNew()){t.success();return false}q(this,t);var n=this.sync("delete",this,t);if(!t.wait)s();return n},url:function(){var t=i.result(this,"urlRoot")||i.result(this.collection,"url")||M();if(this.isNew())return t;return t.replace(/([^\/])$/,"$1/")+encodeURIComponent(this.id)},parse:function(t,e){return t},clone:function(){return new this.constructor(this.attributes)},isNew:function(){return!this.has(this.idAttribute)},isValid:function(t){return this._validate({},i.extend(t||{},{validate:true}))},_validate:function(t,e){if(!e.validate||!this.validate)return true;t=i.extend({},this.attributes,t);var r=this.validationError=this.validate(t,e)||null;if(!r)return true;this.trigger("invalid",this,r,i.extend(e,{validationError:r}));return false}});var v=["keys","values","pairs","invert","pick","omit"];i.each(v,function(t){p.prototype[t]=function(){var e=o.call(arguments);e.unshift(this.attributes);return i[t].apply(i,e)}});var g=e.Collection=function(t,e){e||(e={});if(e.model)this.model=e.model;if(e.comparator!==void 0)this.comparator=e.comparator;this._reset();this.initialize.apply(this,arguments);if(t)this.reset(t,i.extend({silent:true},e))};var m={add:true,remove:true,merge:true};var y={add:true,remove:false};i.extend(g.prototype,u,{model:p,initialize:function(){},toJSON:function(t){return this.map(function(e){return e.toJSON(t)})},sync:function(){return e.sync.apply(this,arguments)},add:function(t,e){return this.set(t,i.extend({merge:false},e,y))},remove:function(t,e){var r=!i.isArray(t);t=r?[t]:i.clone(t);e||(e={});var s,n,a,o;for(s=0,n=t.length;s<n;s++){o=t[s]=this.get(t[s]);if(!o)continue;delete this._byId[o.id];delete this._byId[o.cid];a=this.indexOf(o);this.models.splice(a,1);this.length--;if(!e.silent){e.index=a;o.trigger("remove",o,this,e)}this._removeReference(o,e)}return r?t[0]:t},set:function(t,e){e=i.defaults({},e,m);if(e.parse)t=this.parse(t,e);var r=!i.isArray(t);t=r?t?[t]:[]:i.clone(t);var s,n,a,o,h,u,l;var c=e.at;var f=this.model;var d=this.comparator&&c==null&&e.sort!==false;var v=i.isString(this.comparator)?this.comparator:null;var g=[],y=[],_={};var b=e.add,w=e.merge,x=e.remove;var E=!d&&b&&x?[]:false;for(s=0,n=t.length;s<n;s++){h=t[s]||{};if(h instanceof p){a=o=h}else{a=h[f.prototype.idAttribute||"id"]}if(u=this.get(a)){if(x)_[u.cid]=true;if(w){h=h===o?o.attributes:h;if(e.parse)h=u.parse(h,e);u.set(h,e);if(d&&!l&&u.hasChanged(v))l=true}t[s]=u}else if(b){o=t[s]=this._prepareModel(h,e);if(!o)continue;g.push(o);this._addReference(o,e)}o=u||o;if(E&&(o.isNew()||!_[o.id]))E.push(o);_[o.id]=true}if(x){for(s=0,n=this.length;s<n;++s){if(!_[(o=this.models[s]).cid])y.push(o)}if(y.length)this.remove(y,e)}if(g.length||E&&E.length){if(d)l=true;this.length+=g.length;if(c!=null){for(s=0,n=g.length;s<n;s++){this.models.splice(c+s,0,g[s])}}else{if(E)this.models.length=0;var k=E||g;for(s=0,n=k.length;s<n;s++){this.models.push(k[s])}}}if(l)this.sort({silent:true});if(!e.silent){for(s=0,n=g.length;s<n;s++){(o=g[s]).trigger("add",o,this,e)}if(l||E&&E.length)this.trigger("sort",this,e)}return r?t[0]:t},reset:function(t,e){e||(e={});for(var r=0,s=this.models.length;r<s;r++){this._removeReference(this.models[r],e)}e.previousModels=this.models;this._reset();t=this.add(t,i.extend({silent:true},e));if(!e.silent)this.trigger("reset",this,e);return t},push:function(t,e){return this.add(t,i.extend({at:this.length},e))},pop:function(t){var e=this.at(this.length-1);this.remove(e,t);return e},unshift:function(t,e){return this.add(t,i.extend({at:0},e))},shift:function(t){var e=this.at(0);this.remove(e,t);return e},slice:function(){return o.apply(this.models,arguments)},get:function(t){if(t==null)return void 0;return this._byId[t]||this._byId[t.id]||this._byId[t.cid]},at:function(t){return this.models[t]},where:function(t,e){if(i.isEmpty(t))return e?void 0:[];return this[e?"find":"filter"](function(e){for(var i in t){if(t[i]!==e.get(i))return false}return true})},findWhere:function(t){return this.where(t,true)},sort:function(t){if(!this.comparator)throw new Error("Cannot sort a set without a comparator");t||(t={});if(i.isString(this.comparator)||this.comparator.length===1){this.models=this.sortBy(this.comparator,this)}else{this.models.sort(i.bind(this.comparator,this))}if(!t.silent)this.trigger("sort",this,t);return this},pluck:function(t){return i.invoke(this.models,"get",t)},fetch:function(t){t=t?i.clone(t):{};if(t.parse===void 0)t.parse=true;var e=t.success;var r=this;t.success=function(i){var s=t.reset?"reset":"set";r[s](i,t);if(e)e(r,i,t);r.trigger("sync",r,i,t)};q(this,t);return this.sync("read",this,t)},create:function(t,e){e=e?i.clone(e):{};if(!(t=this._prepareModel(t,e)))return false;if(!e.wait)this.add(t,e);var r=this;var s=e.success;e.success=function(t,i){if(e.wait)r.add(t,e);if(s)s(t,i,e)};t.save(null,e);return t},parse:function(t,e){return t},clone:function(){return new this.constructor(this.models)},_reset:function(){this.length=0;this.models=[];this._byId={}},_prepareModel:function(t,e){if(t instanceof p)return t;e=e?i.clone(e):{};e.collection=this;var r=new this.model(t,e);if(!r.validationError)return r;this.trigger("invalid",this,r.validationError,e);return false},_addReference:function(t,e){this._byId[t.cid]=t;if(t.id!=null)this._byId[t.id]=t;if(!t.collection)t.collection=this;t.on("all",this._onModelEvent,this)},_removeReference:function(t,e){if(this===t.collection)delete t.collection;t.off("all",this._onModelEvent,this)},_onModelEvent:function(t,e,i,r){if((t==="add"||t==="remove")&&i!==this)return;if(t==="destroy")this.remove(e,r);if(e&&t==="change:"+e.idAttribute){delete this._byId[e.previous(e.idAttribute)];if(e.id!=null)this._byId[e.id]=e}this.trigger.apply(this,arguments)}});var _=["forEach","each","map","collect","reduce","foldl","inject","reduceRight","foldr","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","max","min","toArray","size","first","head","take","initial","rest","tail","drop","last","without","difference","indexOf","shuffle","lastIndexOf","isEmpty","chain","sample"];i.each(_,function(t){g.prototype[t]=function(){var e=o.call(arguments);e.unshift(this.models);return i[t].apply(i,e)}});var b=["groupBy","countBy","sortBy","indexBy"];i.each(b,function(t){g.prototype[t]=function(e,r){var s=i.isFunction(e)?e:function(t){return t.get(e)};return i[t](this.models,s,r)}});var w=e.View=function(t){this.cid=i.uniqueId("view");t||(t={});i.extend(this,i.pick(t,E));this._ensureElement();this.initialize.apply(this,arguments);this.delegateEvents()};var x=/^(\S+)\s*(.*)$/;var E=["model","collection","el","id","attributes","className","tagName","events"];i.extend(w.prototype,u,{tagName:"div",$:function(t){return this.$el.find(t)},initialize:function(){},render:function(){return this},remove:function(){this.$el.remove();this.stopListening();return this},setElement:function(t,i){if(this.$el)this.undelegateEvents();this.$el=t instanceof e.$?t:e.$(t);this.el=this.$el[0];if(i!==false)this.delegateEvents();return this},delegateEvents:function(t){if(!(t||(t=i.result(this,"events"))))return this;this.undelegateEvents();for(var e in t){var r=t[e];if(!i.isFunction(r))r=this[t[e]];if(!r)continue;var s=e.match(x);var n=s[1],a=s[2];r=i.bind(r,this);n+=".delegateEvents"+this.cid;if(a===""){this.$el.on(n,r)}else{this.$el.on(n,a,r)}}return this},undelegateEvents:function(){this.$el.off(".delegateEvents"+this.cid);return this},_ensureElement:function(){if(!this.el){var t=i.extend({},i.result(this,"attributes"));if(this.id)t.id=i.result(this,"id");if(this.className)t["class"]=i.result(this,"className");var r=e.$("<"+i.result(this,"tagName")+">").attr(t);this.setElement(r,false)}else{this.setElement(i.result(this,"el"),false)}}});e.sync=function(t,r,s){var n=T[t];i.defaults(s||(s={}),{emulateHTTP:e.emulateHTTP,emulateJSON:e.emulateJSON});var a={type:n,dataType:"json"};if(!s.url){a.url=i.result(r,"url")||M()}if(s.data==null&&r&&(t==="create"||t==="update"||t==="patch")){a.contentType="application/json";a.data=JSON.stringify(s.attrs||r.toJSON(s))}if(s.emulateJSON){a.contentType="application/x-www-form-urlencoded";a.data=a.data?{model:a.data}:{}}if(s.emulateHTTP&&(n==="PUT"||n==="DELETE"||n==="PATCH")){a.type="POST";if(s.emulateJSON)a.data._method=n;var o=s.beforeSend;s.beforeSend=function(t){t.setRequestHeader("X-HTTP-Method-Override",n);if(o)return o.apply(this,arguments)}}if(a.type!=="GET"&&!s.emulateJSON){a.processData=false}if(a.type==="PATCH"&&k){a.xhr=function(){return new ActiveXObject("Microsoft.XMLHTTP")}}var h=s.xhr=e.ajax(i.extend(a,s));r.trigger("request",r,h,s);return h};var k=typeof window!=="undefined"&&!!window.ActiveXObject&&!(window.XMLHttpRequest&&(new XMLHttpRequest).dispatchEvent);var T={create:"POST",update:"PUT",patch:"PATCH","delete":"DELETE",read:"GET"};e.ajax=function(){return e.$.ajax.apply(e.$,arguments)};var $=e.Router=function(t){t||(t={});if(t.routes)this.routes=t.routes;this._bindRoutes();this.initialize.apply(this,arguments)};var S=/\((.*?)\)/g;var H=/(\(\?)?:\w+/g;var A=/\*\w+/g;var I=/[\-{}\[\]+?.,\\\^$|#\s]/g;i.extend($.prototype,u,{initialize:function(){},route:function(t,r,s){if(!i.isRegExp(t))t=this._routeToRegExp(t);if(i.isFunction(r)){s=r;r=""}if(!s)s=this[r];var n=this;e.history.route(t,function(i){var a=n._extractParameters(t,i);n.execute(s,a);n.trigger.apply(n,["route:"+r].concat(a));n.trigger("route",r,a);e.history.trigger("route",n,r,a)});return this},execute:function(t,e){if(t)t.apply(this,e)},navigate:function(t,i){e.history.navigate(t,i);return this},_bindRoutes:function(){if(!this.routes)return;this.routes=i.result(this,"routes");var t,e=i.keys(this.routes);while((t=e.pop())!=null){this.route(t,this.routes[t])}},_routeToRegExp:function(t){t=t.replace(I,"\\$&").replace(S,"(?:$1)?").replace(H,function(t,e){return e?t:"([^/?]+)"}).replace(A,"([^?]*?)");return new RegExp("^"+t+"(?:\\?([\\s\\S]*))?$")},_extractParameters:function(t,e){var r=t.exec(e).slice(1);return i.map(r,function(t,e){if(e===r.length-1)return t||null;return t?decodeURIComponent(t):null})}});var N=e.History=function(){this.handlers=[];i.bindAll(this,"checkUrl");if(typeof window!=="undefined"){this.location=window.location;this.history=window.history}};var R=/^[#\/]|\s+$/g;var O=/^\/+|\/+$/g;var P=/msie [\w.]+/;var C=/\/$/;var j=/#.*$/;N.started=false;i.extend(N.prototype,u,{interval:50,atRoot:function(){return this.location.pathname.replace(/[^\/]$/,"$&/")===this.root},getHash:function(t){var e=(t||this).location.href.match(/#(.*)$/);return e?e[1]:""},getFragment:function(t,e){if(t==null){if(this._hasPushState||!this._wantsHashChange||e){t=decodeURI(this.location.pathname+this.location.search);var i=this.root.replace(C,"");if(!t.indexOf(i))t=t.slice(i.length)}else{t=this.getHash()}}return t.replace(R,"")},start:function(t){if(N.started)throw new Error("Backbone.history has already been started");N.started=true;this.options=i.extend({root:"/"},this.options,t);this.root=this.options.root;this._wantsHashChange=this.options.hashChange!==false;this._wantsPushState=!!this.options.pushState;this._hasPushState=!!(this.options.pushState&&this.history&&this.history.pushState);var r=this.getFragment();var s=document.documentMode;var n=P.exec(navigator.userAgent.toLowerCase())&&(!s||s<=7);this.root=("/"+this.root+"/").replace(O,"/");if(n&&this._wantsHashChange){var a=e.$('<iframe src="javascript:0" tabindex="-1">');this.iframe=a.hide().appendTo("body")[0].contentWindow;this.navigate(r)}if(this._hasPushState){e.$(window).on("popstate",this.checkUrl)}else if(this._wantsHashChange&&"onhashchange"in window&&!n){e.$(window).on("hashchange",this.checkUrl)}else if(this._wantsHashChange){this._checkUrlInterval=setInterval(this.checkUrl,this.interval)}this.fragment=r;var o=this.location;if(this._wantsHashChange&&this._wantsPushState){if(!this._hasPushState&&!this.atRoot()){this.fragment=this.getFragment(null,true);this.location.replace(this.root+"#"+this.fragment);return true}else if(this._hasPushState&&this.atRoot()&&o.hash){this.fragment=this.getHash().replace(R,"");this.history.replaceState({},document.title,this.root+this.fragment)}}if(!this.options.silent)return this.loadUrl()},stop:function(){e.$(window).off("popstate",this.checkUrl).off("hashchange",this.checkUrl);if(this._checkUrlInterval)clearInterval(this._checkUrlInterval);N.started=false},route:function(t,e){this.handlers.unshift({route:t,callback:e})},checkUrl:function(t){var e=this.getFragment();if(e===this.fragment&&this.iframe){e=this.getFragment(this.getHash(this.iframe))}if(e===this.fragment)return false;if(this.iframe)this.navigate(e);this.loadUrl()},loadUrl:function(t){t=this.fragment=this.getFragment(t);return i.any(this.handlers,function(e){if(e.route.test(t)){e.callback(t);return true}})},navigate:function(t,e){if(!N.started)return false;if(!e||e===true)e={trigger:!!e};var i=this.root+(t=this.getFragment(t||""));t=t.replace(j,"");if(this.fragment===t)return;this.fragment=t;if(t===""&&i!=="/")i=i.slice(0,-1);if(this._hasPushState){this.history[e.replace?"replaceState":"pushState"]({},document.title,i)}else if(this._wantsHashChange){this._updateHash(this.location,t,e.replace);if(this.iframe&&t!==this.getFragment(this.getHash(this.iframe))){if(!e.replace)this.iframe.document.open().close();this._updateHash(this.iframe.location,t,e.replace)}}else{return this.location.assign(i)}if(e.trigger)return this.loadUrl(t)},_updateHash:function(t,e,i){if(i){var r=t.href.replace(/(javascript:|#).*$/,"");t.replace(r+"#"+e)}else{t.hash="#"+e}}});e.history=new N;var U=function(t,e){var r=this;var s;if(t&&i.has(t,"constructor")){s=t.constructor}else{s=function(){return r.apply(this,arguments)}}i.extend(s,r,e);var n=function(){this.constructor=s};n.prototype=r.prototype;s.prototype=new n;if(t)i.extend(s.prototype,t);s.__super__=r.prototype;return s};p.extend=g.extend=$.extend=w.extend=N.extend=U;var M=function(){throw new Error('A "url" property or function must be specified')};var q=function(t,e){var i=e.error;e.error=function(r){if(i)i(t,r,e);t.trigger("error",t,r,e)}};return e});
-//# sourceMappingURL=backbone-min.map
\ No newline at end of file
diff --git a/xos/core/xoslib/static/js/vendor/backbone-tastypie.js b/xos/core/xoslib/static/js/vendor/backbone-tastypie.js
deleted file mode 100644
index 69a4d56..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone-tastypie.js
+++ /dev/null
@@ -1,95 +0,0 @@
-/**
- * Backbone-tastypie.js 0.1
- * (c) 2011 Paul Uithol
- *
- * Backbone-tastypie may be freely distributed under the MIT license.
- * Add or override Backbone.js functionality, for compatibility with django-tastypie.
- */
-(function( undefined ) {
- var Backbone = this.Backbone;
-
- /**
- * Override Backbone's sync function, to do a GET upon receiving a HTTP CREATED.
- * This requires 2 requests to do a create, so you may want to use some other method in production.
- * Modified from http://joshbohde.com/blog/backbonejs-and-django
- */
- Backbone.oldSync = Backbone.sync;
- Backbone.sync = function( method, model, options ) {
- if ( method === 'create' ) {
- var dfd = new $.Deferred();
-
- // Set up 'success' handling
- dfd.done( options.success );
- options.success = function( resp, status, xhr ) {
- // If create is successful but doesn't return a response, fire an extra GET.
- // Otherwise, resolve the deferred (which triggers the original 'success' callbacks).
- if ( xhr.status === 201 && !resp ) { // 201 CREATED; response null or empty.
- var location = xhr.getResponseHeader( 'Location' );
- return $.ajax( {
- url: location,
- success: dfd.resolve,
- error: dfd.reject
- });
- }
- else {
- return dfd.resolveWith( options.context || options, [ resp, status, xhr ] );
- }
- };
-
- // Set up 'error' handling
- dfd.fail( options.error );
- options.error = dfd.reject;
-
- // Make the request, make it accessibly by assigning it to the 'request' property on the deferred
- dfd.request = Backbone.oldSync( method, model, options );
- return dfd;
- }
-
- return Backbone.oldSync( method, model, options );
- };
-
- Backbone.Model.prototype.idAttribute = 'resource_uri';
-
- Backbone.Model.prototype.url = function() {
- // Use the id if possible
- var url = this.id;
-
- // If there's no idAttribute, try to have the collection construct a url. Fallback to 'urlRoot'.
- if ( !url ) {
- url = this.collection && ( _.isFunction( this.collection.url ) ? this.collection.url() : this.collection.url );
- url = url || this.urlRoot;
- }
-
- url && ( url += ( url.length > 0 && url.charAt( url.length - 1 ) === '/' ) ? '' : '/' );
-
- return url;
- };
-
- /**
- * Return 'data.objects' if it exists and is an array, or else just plain 'data'.
- */
- Backbone.Model.prototype.parse = function( data ) {
- return data && data.objects && ( _.isArray( data.objects ) ? data.objects[ 0 ] : data.objects ) || data;
- };
-
- Backbone.Collection.prototype.parse = function( data ) {
- return data && data.objects;
- };
-
- Backbone.Collection.prototype.url = function( models ) {
- var url = this.urlRoot || ( models && models.length && models[0].urlRoot );
- url && ( url += ( url.length > 0 && url.charAt( url.length - 1 ) === '/' ) ? '' : '/' );
-
- // Build a url to retrieve a set of models. This assume the last part of each model's idAttribute
- // (set to 'resource_uri') contains the model's id.
- if ( models && models.length ) {
- var ids = _.map( models, function( model ) {
- var parts = _.compact( model.id.split('/') );
- return parts[ parts.length - 1 ];
- });
- url += 'set/' + ids.join(';') + '/';
- }
-
- return url;
- };
-})();
diff --git a/xos/core/xoslib/static/js/vendor/backbone.babysitter.js b/xos/core/xoslib/static/js/vendor/backbone.babysitter.js
deleted file mode 100644
index eeb92a2..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone.babysitter.js
+++ /dev/null
@@ -1,190 +0,0 @@
-// Backbone.BabySitter
-// -------------------
-// v0.1.4
-//
-// Copyright (c)2014 Derick Bailey, Muted Solutions, LLC.
-// Distributed under MIT license
-//
-// http://github.com/marionettejs/backbone.babysitter
-
-(function(root, factory) {
-
- if (typeof define === 'function' && define.amd) {
- define(['backbone', 'underscore'], function(Backbone, _) {
- return factory(Backbone, _);
- });
- } else if (typeof exports !== 'undefined') {
- var Backbone = require('backbone');
- var _ = require('underscore');
- module.exports = factory(Backbone, _);
- } else {
- factory(root.Backbone, root._);
- }
-
-}(this, function(Backbone, _) {
- 'use strict';
-
- var previousChildViewContainer = Backbone.ChildViewContainer;
-
- // BabySitter.ChildViewContainer
- // -----------------------------
- //
- // Provide a container to store, retrieve and
- // shut down child views.
-
- Backbone.ChildViewContainer = (function (Backbone, _) {
-
- // Container Constructor
- // ---------------------
-
- var Container = function(views){
- this._views = {};
- this._indexByModel = {};
- this._indexByCustom = {};
- this._updateLength();
-
- _.each(views, this.add, this);
- };
-
- // Container Methods
- // -----------------
-
- _.extend(Container.prototype, {
-
- // Add a view to this container. Stores the view
- // by `cid` and makes it searchable by the model
- // cid (and model itself). Optionally specify
- // a custom key to store an retrieve the view.
- add: function(view, customIndex){
- var viewCid = view.cid;
-
- // store the view
- this._views[viewCid] = view;
-
- // index it by model
- if (view.model){
- this._indexByModel[view.model.cid] = viewCid;
- }
-
- // index by custom
- if (customIndex){
- this._indexByCustom[customIndex] = viewCid;
- }
-
- this._updateLength();
- return this;
- },
-
- // Find a view by the model that was attached to
- // it. Uses the model's `cid` to find it.
- findByModel: function(model){
- return this.findByModelCid(model.cid);
- },
-
- // Find a view by the `cid` of the model that was attached to
- // it. Uses the model's `cid` to find the view `cid` and
- // retrieve the view using it.
- findByModelCid: function(modelCid){
- var viewCid = this._indexByModel[modelCid];
- return this.findByCid(viewCid);
- },
-
- // Find a view by a custom indexer.
- findByCustom: function(index){
- var viewCid = this._indexByCustom[index];
- return this.findByCid(viewCid);
- },
-
- // Find by index. This is not guaranteed to be a
- // stable index.
- findByIndex: function(index){
- return _.values(this._views)[index];
- },
-
- // retrieve a view by its `cid` directly
- findByCid: function(cid){
- return this._views[cid];
- },
-
- // Remove a view
- remove: function(view){
- var viewCid = view.cid;
-
- // delete model index
- if (view.model){
- delete this._indexByModel[view.model.cid];
- }
-
- // delete custom index
- _.any(this._indexByCustom, function(cid, key) {
- if (cid === viewCid) {
- delete this._indexByCustom[key];
- return true;
- }
- }, this);
-
- // remove the view from the container
- delete this._views[viewCid];
-
- // update the length
- this._updateLength();
- return this;
- },
-
- // Call a method on every view in the container,
- // passing parameters to the call method one at a
- // time, like `function.call`.
- call: function(method){
- this.apply(method, _.tail(arguments));
- },
-
- // Apply a method on every view in the container,
- // passing parameters to the call method one at a
- // time, like `function.apply`.
- apply: function(method, args){
- _.each(this._views, function(view){
- if (_.isFunction(view[method])){
- view[method].apply(view, args || []);
- }
- });
- },
-
- // Update the `.length` attribute on this container
- _updateLength: function(){
- this.length = _.size(this._views);
- }
- });
-
- // Borrowing this code from Backbone.Collection:
- // http://backbonejs.org/docs/backbone.html#section-106
- //
- // Mix in methods from Underscore, for iteration, and other
- // collection related features.
- var methods = ['forEach', 'each', 'map', 'find', 'detect', 'filter',
- 'select', 'reject', 'every', 'all', 'some', 'any', 'include',
- 'contains', 'invoke', 'toArray', 'first', 'initial', 'rest',
- 'last', 'without', 'isEmpty', 'pluck'];
-
- _.each(methods, function(method) {
- Container.prototype[method] = function() {
- var views = _.values(this._views);
- var args = [views].concat(_.toArray(arguments));
- return _[method].apply(_, args);
- };
- });
-
- // return the public API
- return Container;
- })(Backbone, _);
-
-
- Backbone.ChildViewContainer.VERSION = '0.1.4';
-
- Backbone.ChildViewContainer.noConflict = function () {
- Backbone.ChildViewContainer = previousChildViewContainer;
- return this;
- };
-
- return Backbone.ChildViewContainer;
-
-}));
diff --git a/xos/core/xoslib/static/js/vendor/backbone.js b/xos/core/xoslib/static/js/vendor/backbone.js
deleted file mode 100644
index 24a550a..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone.js
+++ /dev/null
@@ -1,1608 +0,0 @@
-// Backbone.js 1.1.2
-
-// (c) 2010-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-// Backbone may be freely distributed under the MIT license.
-// For all details and documentation:
-// http://backbonejs.org
-
-(function(root, factory) {
-
- // Set up Backbone appropriately for the environment. Start with AMD.
- if (typeof define === 'function' && define.amd) {
- define(['underscore', 'jquery', 'exports'], function(_, $, exports) {
- // Export global even in AMD case in case this script is loaded with
- // others that may still expect a global Backbone.
- root.Backbone = factory(root, exports, _, $);
- });
-
- // Next for Node.js or CommonJS. jQuery may not be needed as a module.
- } else if (typeof exports !== 'undefined') {
- var _ = require('underscore');
- factory(root, exports, _);
-
- // Finally, as a browser global.
- } else {
- root.Backbone = factory(root, {}, root._, (root.jQuery || root.Zepto || root.ender || root.$));
- }
-
-}(this, function(root, Backbone, _, $) {
-
- // Initial Setup
- // -------------
-
- // Save the previous value of the `Backbone` variable, so that it can be
- // restored later on, if `noConflict` is used.
- var previousBackbone = root.Backbone;
-
- // Create local references to array methods we'll want to use later.
- var array = [];
- var push = array.push;
- var slice = array.slice;
- var splice = array.splice;
-
- // Current version of the library. Keep in sync with `package.json`.
- Backbone.VERSION = '1.1.2';
-
- // For Backbone's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns
- // the `$` variable.
- Backbone.$ = $;
-
- // Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable
- // to its previous owner. Returns a reference to this Backbone object.
- Backbone.noConflict = function() {
- root.Backbone = previousBackbone;
- return this;
- };
-
- // Turn on `emulateHTTP` to support legacy HTTP servers. Setting this option
- // will fake `"PATCH"`, `"PUT"` and `"DELETE"` requests via the `_method` parameter and
- // set a `X-Http-Method-Override` header.
- Backbone.emulateHTTP = false;
-
- // Turn on `emulateJSON` to support legacy servers that can't deal with direct
- // `application/json` requests ... will encode the body as
- // `application/x-www-form-urlencoded` instead and will send the model in a
- // form param named `model`.
- Backbone.emulateJSON = false;
-
- // Backbone.Events
- // ---------------
-
- // A module that can be mixed in to *any object* in order to provide it with
- // custom events. You may bind with `on` or remove with `off` callback
- // functions to an event; `trigger`-ing an event fires all callbacks in
- // succession.
- //
- // var object = {};
- // _.extend(object, Backbone.Events);
- // object.on('expand', function(){ alert('expanded'); });
- // object.trigger('expand');
- //
- var Events = Backbone.Events = {
-
- // Bind an event to a `callback` function. Passing `"all"` will bind
- // the callback to all events fired.
- on: function(name, callback, context) {
- if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this;
- this._events || (this._events = {});
- var events = this._events[name] || (this._events[name] = []);
- events.push({callback: callback, context: context, ctx: context || this});
- return this;
- },
-
- // Bind an event to only be triggered a single time. After the first time
- // the callback is invoked, it will be removed.
- once: function(name, callback, context) {
- if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this;
- var self = this;
- var once = _.once(function() {
- self.off(name, once);
- callback.apply(this, arguments);
- });
- once._callback = callback;
- return this.on(name, once, context);
- },
-
- // Remove one or many callbacks. If `context` is null, removes all
- // callbacks with that function. If `callback` is null, removes all
- // callbacks for the event. If `name` is null, removes all bound
- // callbacks for all events.
- off: function(name, callback, context) {
- var retain, ev, events, names, i, l, j, k;
- if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this;
- if (!name && !callback && !context) {
- this._events = void 0;
- return this;
- }
- names = name ? [name] : _.keys(this._events);
- for (i = 0, l = names.length; i < l; i++) {
- name = names[i];
- if (events = this._events[name]) {
- this._events[name] = retain = [];
- if (callback || context) {
- for (j = 0, k = events.length; j < k; j++) {
- ev = events[j];
- if ((callback && callback !== ev.callback && callback !== ev.callback._callback) ||
- (context && context !== ev.context)) {
- retain.push(ev);
- }
- }
- }
- if (!retain.length) delete this._events[name];
- }
- }
-
- return this;
- },
-
- // Trigger one or many events, firing all bound callbacks. Callbacks are
- // passed the same arguments as `trigger` is, apart from the event name
- // (unless you're listening on `"all"`, which will cause your callback to
- // receive the true name of the event as the first argument).
- trigger: function(name) {
- if (!this._events) return this;
- var args = slice.call(arguments, 1);
- if (!eventsApi(this, 'trigger', name, args)) return this;
- var events = this._events[name];
- var allEvents = this._events.all;
- if (events) triggerEvents(events, args);
- if (allEvents) triggerEvents(allEvents, arguments);
- return this;
- },
-
- // Tell this object to stop listening to either specific events ... or
- // to every object it's currently listening to.
- stopListening: function(obj, name, callback) {
- var listeningTo = this._listeningTo;
- if (!listeningTo) return this;
- var remove = !name && !callback;
- if (!callback && typeof name === 'object') callback = this;
- if (obj) (listeningTo = {})[obj._listenId] = obj;
- for (var id in listeningTo) {
- obj = listeningTo[id];
- obj.off(name, callback, this);
- if (remove || _.isEmpty(obj._events)) delete this._listeningTo[id];
- }
- return this;
- }
-
- };
-
- // Regular expression used to split event strings.
- var eventSplitter = /\s+/;
-
- // Implement fancy features of the Events API such as multiple event
- // names `"change blur"` and jQuery-style event maps `{change: action}`
- // in terms of the existing API.
- var eventsApi = function(obj, action, name, rest) {
- if (!name) return true;
-
- // Handle event maps.
- if (typeof name === 'object') {
- for (var key in name) {
- obj[action].apply(obj, [key, name[key]].concat(rest));
- }
- return false;
- }
-
- // Handle space separated event names.
- if (eventSplitter.test(name)) {
- var names = name.split(eventSplitter);
- for (var i = 0, l = names.length; i < l; i++) {
- obj[action].apply(obj, [names[i]].concat(rest));
- }
- return false;
- }
-
- return true;
- };
-
- // A difficult-to-believe, but optimized internal dispatch function for
- // triggering events. Tries to keep the usual cases speedy (most internal
- // Backbone events have 3 arguments).
- var triggerEvents = function(events, args) {
- var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2];
- switch (args.length) {
- case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return;
- case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return;
- case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return;
- case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return;
- default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); return;
- }
- };
-
- var listenMethods = {listenTo: 'on', listenToOnce: 'once'};
-
- // Inversion-of-control versions of `on` and `once`. Tell *this* object to
- // listen to an event in another object ... keeping track of what it's
- // listening to.
- _.each(listenMethods, function(implementation, method) {
- Events[method] = function(obj, name, callback) {
- var listeningTo = this._listeningTo || (this._listeningTo = {});
- var id = obj._listenId || (obj._listenId = _.uniqueId('l'));
- listeningTo[id] = obj;
- if (!callback && typeof name === 'object') callback = this;
- obj[implementation](name, callback, this);
- return this;
- };
- });
-
- // Aliases for backwards compatibility.
- Events.bind = Events.on;
- Events.unbind = Events.off;
-
- // Allow the `Backbone` object to serve as a global event bus, for folks who
- // want global "pubsub" in a convenient place.
- _.extend(Backbone, Events);
-
- // Backbone.Model
- // --------------
-
- // Backbone **Models** are the basic data object in the framework --
- // frequently representing a row in a table in a database on your server.
- // A discrete chunk of data and a bunch of useful, related methods for
- // performing computations and transformations on that data.
-
- // Create a new model with the specified attributes. A client id (`cid`)
- // is automatically generated and assigned for you.
- var Model = Backbone.Model = function(attributes, options) {
- var attrs = attributes || {};
- options || (options = {});
- this.cid = _.uniqueId('c');
- this.attributes = {};
- if (options.collection) this.collection = options.collection;
- if (options.parse) attrs = this.parse(attrs, options) || {};
- attrs = _.defaults({}, attrs, _.result(this, 'defaults'));
- this.set(attrs, options);
- this.changed = {};
- this.initialize.apply(this, arguments);
- };
-
- // Attach all inheritable methods to the Model prototype.
- _.extend(Model.prototype, Events, {
-
- // A hash of attributes whose current and previous value differ.
- changed: null,
-
- // The value returned during the last failed validation.
- validationError: null,
-
- // The default name for the JSON `id` attribute is `"id"`. MongoDB and
- // CouchDB users may want to set this to `"_id"`.
- idAttribute: 'id',
-
- // Initialize is an empty function by default. Override it with your own
- // initialization logic.
- initialize: function(){},
-
- // Return a copy of the model's `attributes` object.
- toJSON: function(options) {
- return _.clone(this.attributes);
- },
-
- // Proxy `Backbone.sync` by default -- but override this if you need
- // custom syncing semantics for *this* particular model.
- sync: function() {
- return Backbone.sync.apply(this, arguments);
- },
-
- // Get the value of an attribute.
- get: function(attr) {
- return this.attributes[attr];
- },
-
- // Get the HTML-escaped value of an attribute.
- escape: function(attr) {
- return _.escape(this.get(attr));
- },
-
- // Returns `true` if the attribute contains a value that is not null
- // or undefined.
- has: function(attr) {
- return this.get(attr) != null;
- },
-
- // Set a hash of model attributes on the object, firing `"change"`. This is
- // the core primitive operation of a model, updating the data and notifying
- // anyone who needs to know about the change in state. The heart of the beast.
- set: function(key, val, options) {
- var attr, attrs, unset, changes, silent, changing, prev, current;
- if (key == null) return this;
-
- // Handle both `"key", value` and `{key: value}` -style arguments.
- if (typeof key === 'object') {
- attrs = key;
- options = val;
- } else {
- (attrs = {})[key] = val;
- }
-
- options || (options = {});
-
- // Run validation.
- if (!this._validate(attrs, options)) return false;
-
- // Extract attributes and options.
- unset = options.unset;
- silent = options.silent;
- changes = [];
- changing = this._changing;
- this._changing = true;
-
- if (!changing) {
- this._previousAttributes = _.clone(this.attributes);
- this.changed = {};
- }
- current = this.attributes, prev = this._previousAttributes;
-
- // Check for changes of `id`.
- if (this.idAttribute in attrs) this.id = attrs[this.idAttribute];
-
- // For each `set` attribute, update or delete the current value.
- for (attr in attrs) {
- val = attrs[attr];
- if (!_.isEqual(current[attr], val)) changes.push(attr);
- if (!_.isEqual(prev[attr], val)) {
- this.changed[attr] = val;
- } else {
- delete this.changed[attr];
- }
- unset ? delete current[attr] : current[attr] = val;
- }
-
- // Trigger all relevant attribute changes.
- if (!silent) {
- if (changes.length) this._pending = options;
- for (var i = 0, l = changes.length; i < l; i++) {
- this.trigger('change:' + changes[i], this, current[changes[i]], options);
- }
- }
-
- // You might be wondering why there's a `while` loop here. Changes can
- // be recursively nested within `"change"` events.
- if (changing) return this;
- if (!silent) {
- while (this._pending) {
- options = this._pending;
- this._pending = false;
- this.trigger('change', this, options);
- }
- }
- this._pending = false;
- this._changing = false;
- return this;
- },
-
- // Remove an attribute from the model, firing `"change"`. `unset` is a noop
- // if the attribute doesn't exist.
- unset: function(attr, options) {
- return this.set(attr, void 0, _.extend({}, options, {unset: true}));
- },
-
- // Clear all attributes on the model, firing `"change"`.
- clear: function(options) {
- var attrs = {};
- for (var key in this.attributes) attrs[key] = void 0;
- return this.set(attrs, _.extend({}, options, {unset: true}));
- },
-
- // Determine if the model has changed since the last `"change"` event.
- // If you specify an attribute name, determine if that attribute has changed.
- hasChanged: function(attr) {
- if (attr == null) return !_.isEmpty(this.changed);
- return _.has(this.changed, attr);
- },
-
- // Return an object containing all the attributes that have changed, or
- // false if there are no changed attributes. Useful for determining what
- // parts of a view need to be updated and/or what attributes need to be
- // persisted to the server. Unset attributes will be set to undefined.
- // You can also pass an attributes object to diff against the model,
- // determining if there *would be* a change.
- changedAttributes: function(diff) {
- if (!diff) return this.hasChanged() ? _.clone(this.changed) : false;
- var val, changed = false;
- var old = this._changing ? this._previousAttributes : this.attributes;
- for (var attr in diff) {
- if (_.isEqual(old[attr], (val = diff[attr]))) continue;
- (changed || (changed = {}))[attr] = val;
- }
- return changed;
- },
-
- // Get the previous value of an attribute, recorded at the time the last
- // `"change"` event was fired.
- previous: function(attr) {
- if (attr == null || !this._previousAttributes) return null;
- return this._previousAttributes[attr];
- },
-
- // Get all of the attributes of the model at the time of the previous
- // `"change"` event.
- previousAttributes: function() {
- return _.clone(this._previousAttributes);
- },
-
- // Fetch the model from the server. If the server's representation of the
- // model differs from its current attributes, they will be overridden,
- // triggering a `"change"` event.
- fetch: function(options) {
- options = options ? _.clone(options) : {};
- if (options.parse === void 0) options.parse = true;
- var model = this;
- var success = options.success;
- options.success = function(resp) {
- if (!model.set(model.parse(resp, options), options)) return false;
- if (success) success(model, resp, options);
- model.trigger('sync', model, resp, options);
- };
- wrapError(this, options);
- return this.sync('read', this, options);
- },
-
- // Set a hash of model attributes, and sync the model to the server.
- // If the server returns an attributes hash that differs, the model's
- // state will be `set` again.
- save: function(key, val, options) {
- var attrs, method, xhr, attributes = this.attributes;
-
- // Handle both `"key", value` and `{key: value}` -style arguments.
- if (key == null || typeof key === 'object') {
- attrs = key;
- options = val;
- } else {
- (attrs = {})[key] = val;
- }
-
- options = _.extend({validate: true}, options);
-
- // If we're not waiting and attributes exist, save acts as
- // `set(attr).save(null, opts)` with validation. Otherwise, check if
- // the model will be valid when the attributes, if any, are set.
- if (attrs && !options.wait) {
- if (!this.set(attrs, options)) return false;
- } else {
- if (!this._validate(attrs, options)) return false;
- }
-
- // Set temporary attributes if `{wait: true}`.
- if (attrs && options.wait) {
- this.attributes = _.extend({}, attributes, attrs);
- }
-
- // After a successful server-side save, the client is (optionally)
- // updated with the server-side state.
- if (options.parse === void 0) options.parse = true;
- var model = this;
- var success = options.success;
- options.success = function(resp) {
- // Ensure attributes are restored during synchronous saves.
- model.attributes = attributes;
- var serverAttrs = model.parse(resp, options);
- if (options.wait) serverAttrs = _.extend(attrs || {}, serverAttrs);
- if (_.isObject(serverAttrs) && !model.set(serverAttrs, options)) {
- return false;
- }
- if (success) success(model, resp, options);
- model.trigger('sync', model, resp, options);
- };
- wrapError(this, options);
-
- method = this.isNew() ? 'create' : (options.patch ? 'patch' : 'update');
- if (method === 'patch') options.attrs = attrs;
- xhr = this.sync(method, this, options);
-
- // Restore attributes.
- if (attrs && options.wait) this.attributes = attributes;
-
- return xhr;
- },
-
- // Destroy this model on the server if it was already persisted.
- // Optimistically removes the model from its collection, if it has one.
- // If `wait: true` is passed, waits for the server to respond before removal.
- destroy: function(options) {
- options = options ? _.clone(options) : {};
- var model = this;
- var success = options.success;
-
- var destroy = function() {
- model.trigger('destroy', model, model.collection, options);
- };
-
- options.success = function(resp) {
- if (options.wait || model.isNew()) destroy();
- if (success) success(model, resp, options);
- if (!model.isNew()) model.trigger('sync', model, resp, options);
- };
-
- if (this.isNew()) {
- options.success();
- return false;
- }
- wrapError(this, options);
-
- var xhr = this.sync('delete', this, options);
- if (!options.wait) destroy();
- return xhr;
- },
-
- // Default URL for the model's representation on the server -- if you're
- // using Backbone's restful methods, override this to change the endpoint
- // that will be called.
- url: function() {
- var base =
- _.result(this, 'urlRoot') ||
- _.result(this.collection, 'url') ||
- urlError();
- if (this.isNew()) return base;
- return base.replace(/([^\/])$/, '$1/') + encodeURIComponent(this.id);
- },
-
- // **parse** converts a response into the hash of attributes to be `set` on
- // the model. The default implementation is just to pass the response along.
- parse: function(resp, options) {
- return resp;
- },
-
- // Create a new model with identical attributes to this one.
- clone: function() {
- return new this.constructor(this.attributes);
- },
-
- // A model is new if it has never been saved to the server, and lacks an id.
- isNew: function() {
- return !this.has(this.idAttribute);
- },
-
- // Check if the model is currently in a valid state.
- isValid: function(options) {
- return this._validate({}, _.extend(options || {}, { validate: true }));
- },
-
- // Run validation against the next complete set of model attributes,
- // returning `true` if all is well. Otherwise, fire an `"invalid"` event.
- _validate: function(attrs, options) {
- if (!options.validate || !this.validate) return true;
- attrs = _.extend({}, this.attributes, attrs);
- var error = this.validationError = this.validate(attrs, options) || null;
- if (!error) return true;
- this.trigger('invalid', this, error, _.extend(options, {validationError: error}));
- return false;
- }
-
- });
-
- // Underscore methods that we want to implement on the Model.
- var modelMethods = ['keys', 'values', 'pairs', 'invert', 'pick', 'omit'];
-
- // Mix in each Underscore method as a proxy to `Model#attributes`.
- _.each(modelMethods, function(method) {
- Model.prototype[method] = function() {
- var args = slice.call(arguments);
- args.unshift(this.attributes);
- return _[method].apply(_, args);
- };
- });
-
- // Backbone.Collection
- // -------------------
-
- // If models tend to represent a single row of data, a Backbone Collection is
- // more analagous to a table full of data ... or a small slice or page of that
- // table, or a collection of rows that belong together for a particular reason
- // -- all of the messages in this particular folder, all of the documents
- // belonging to this particular author, and so on. Collections maintain
- // indexes of their models, both in order, and for lookup by `id`.
-
- // Create a new **Collection**, perhaps to contain a specific type of `model`.
- // If a `comparator` is specified, the Collection will maintain
- // its models in sort order, as they're added and removed.
- var Collection = Backbone.Collection = function(models, options) {
- options || (options = {});
- if (options.model) this.model = options.model;
- if (options.comparator !== void 0) this.comparator = options.comparator;
- this._reset();
- this.initialize.apply(this, arguments);
- if (models) this.reset(models, _.extend({silent: true}, options));
- };
-
- // Default options for `Collection#set`.
- var setOptions = {add: true, remove: true, merge: true};
- var addOptions = {add: true, remove: false};
-
- // Define the Collection's inheritable methods.
- _.extend(Collection.prototype, Events, {
-
- // The default model for a collection is just a **Backbone.Model**.
- // This should be overridden in most cases.
- model: Model,
-
- // Initialize is an empty function by default. Override it with your own
- // initialization logic.
- initialize: function(){},
-
- // The JSON representation of a Collection is an array of the
- // models' attributes.
- toJSON: function(options) {
- return this.map(function(model){ return model.toJSON(options); });
- },
-
- // Proxy `Backbone.sync` by default.
- sync: function() {
- return Backbone.sync.apply(this, arguments);
- },
-
- // Add a model, or list of models to the set.
- add: function(models, options) {
- return this.set(models, _.extend({merge: false}, options, addOptions));
- },
-
- // Remove a model, or a list of models from the set.
- remove: function(models, options) {
- var singular = !_.isArray(models);
- models = singular ? [models] : _.clone(models);
- options || (options = {});
- var i, l, index, model;
- for (i = 0, l = models.length; i < l; i++) {
- model = models[i] = this.get(models[i]);
- if (!model) continue;
- delete this._byId[model.id];
- delete this._byId[model.cid];
- index = this.indexOf(model);
- this.models.splice(index, 1);
- this.length--;
- if (!options.silent) {
- options.index = index;
- model.trigger('remove', model, this, options);
- }
- this._removeReference(model, options);
- }
- return singular ? models[0] : models;
- },
-
- // Update a collection by `set`-ing a new list of models, adding new ones,
- // removing models that are no longer present, and merging models that
- // already exist in the collection, as necessary. Similar to **Model#set**,
- // the core operation for updating the data contained by the collection.
- set: function(models, options) {
- options = _.defaults({}, options, setOptions);
- if (options.parse) models = this.parse(models, options);
- var singular = !_.isArray(models);
- models = singular ? (models ? [models] : []) : _.clone(models);
- var i, l, id, model, attrs, existing, sort;
- var at = options.at;
- var targetModel = this.model;
- var sortable = this.comparator && (at == null) && options.sort !== false;
- var sortAttr = _.isString(this.comparator) ? this.comparator : null;
- var toAdd = [], toRemove = [], modelMap = {};
- var add = options.add, merge = options.merge, remove = options.remove;
- var order = !sortable && add && remove ? [] : false;
-
- // Turn bare objects into model references, and prevent invalid models
- // from being added.
- for (i = 0, l = models.length; i < l; i++) {
- attrs = models[i] || {};
- if (attrs instanceof Model) {
- id = model = attrs;
- } else {
- id = attrs[targetModel.prototype.idAttribute || 'id'];
- }
-
- // If a duplicate is found, prevent it from being added and
- // optionally merge it into the existing model.
- if (existing = this.get(id)) {
- if (remove) modelMap[existing.cid] = true;
- if (merge) {
- attrs = attrs === model ? model.attributes : attrs;
- if (options.parse) attrs = existing.parse(attrs, options);
- existing.set(attrs, options);
- if (sortable && !sort && existing.hasChanged(sortAttr)) sort = true;
- }
- models[i] = existing;
-
- // If this is a new, valid model, push it to the `toAdd` list.
- } else if (add) {
- model = models[i] = this._prepareModel(attrs, options);
- if (!model) continue;
- toAdd.push(model);
- this._addReference(model, options);
- }
-
- // Do not add multiple models with the same `id`.
- model = existing || model;
- if (order && (model.isNew() || !modelMap[model.id])) order.push(model);
- modelMap[model.id] = true;
- }
-
- // Remove nonexistent models if appropriate.
- if (remove) {
- for (i = 0, l = this.length; i < l; ++i) {
- if (!modelMap[(model = this.models[i]).cid]) toRemove.push(model);
- }
- if (toRemove.length) this.remove(toRemove, options);
- }
-
- // See if sorting is needed, update `length` and splice in new models.
- if (toAdd.length || (order && order.length)) {
- if (sortable) sort = true;
- this.length += toAdd.length;
- if (at != null) {
- for (i = 0, l = toAdd.length; i < l; i++) {
- this.models.splice(at + i, 0, toAdd[i]);
- }
- } else {
- if (order) this.models.length = 0;
- var orderedModels = order || toAdd;
- for (i = 0, l = orderedModels.length; i < l; i++) {
- this.models.push(orderedModels[i]);
- }
- }
- }
-
- // Silently sort the collection if appropriate.
- if (sort) this.sort({silent: true});
-
- // Unless silenced, it's time to fire all appropriate add/sort events.
- if (!options.silent) {
- for (i = 0, l = toAdd.length; i < l; i++) {
- (model = toAdd[i]).trigger('add', model, this, options);
- }
- if (sort || (order && order.length)) this.trigger('sort', this, options);
- }
-
- // Return the added (or merged) model (or models).
- return singular ? models[0] : models;
- },
-
- // When you have more items than you want to add or remove individually,
- // you can reset the entire set with a new list of models, without firing
- // any granular `add` or `remove` events. Fires `reset` when finished.
- // Useful for bulk operations and optimizations.
- reset: function(models, options) {
- options || (options = {});
- for (var i = 0, l = this.models.length; i < l; i++) {
- this._removeReference(this.models[i], options);
- }
- options.previousModels = this.models;
- this._reset();
- models = this.add(models, _.extend({silent: true}, options));
- if (!options.silent) this.trigger('reset', this, options);
- return models;
- },
-
- // Add a model to the end of the collection.
- push: function(model, options) {
- return this.add(model, _.extend({at: this.length}, options));
- },
-
- // Remove a model from the end of the collection.
- pop: function(options) {
- var model = this.at(this.length - 1);
- this.remove(model, options);
- return model;
- },
-
- // Add a model to the beginning of the collection.
- unshift: function(model, options) {
- return this.add(model, _.extend({at: 0}, options));
- },
-
- // Remove a model from the beginning of the collection.
- shift: function(options) {
- var model = this.at(0);
- this.remove(model, options);
- return model;
- },
-
- // Slice out a sub-array of models from the collection.
- slice: function() {
- return slice.apply(this.models, arguments);
- },
-
- // Get a model from the set by id.
- get: function(obj) {
- if (obj == null) return void 0;
- return this._byId[obj] || this._byId[obj.id] || this._byId[obj.cid];
- },
-
- // Get the model at the given index.
- at: function(index) {
- return this.models[index];
- },
-
- // Return models with matching attributes. Useful for simple cases of
- // `filter`.
- where: function(attrs, first) {
- if (_.isEmpty(attrs)) return first ? void 0 : [];
- return this[first ? 'find' : 'filter'](function(model) {
- for (var key in attrs) {
- if (attrs[key] !== model.get(key)) return false;
- }
- return true;
- });
- },
-
- // Return the first model with matching attributes. Useful for simple cases
- // of `find`.
- findWhere: function(attrs) {
- return this.where(attrs, true);
- },
-
- // Force the collection to re-sort itself. You don't need to call this under
- // normal circumstances, as the set will maintain sort order as each item
- // is added.
- sort: function(options) {
- if (!this.comparator) throw new Error('Cannot sort a set without a comparator');
- options || (options = {});
-
- // Run sort based on type of `comparator`.
- if (_.isString(this.comparator) || this.comparator.length === 1) {
- this.models = this.sortBy(this.comparator, this);
- } else {
- this.models.sort(_.bind(this.comparator, this));
- }
-
- if (!options.silent) this.trigger('sort', this, options);
- return this;
- },
-
- // Pluck an attribute from each model in the collection.
- pluck: function(attr) {
- return _.invoke(this.models, 'get', attr);
- },
-
- // Fetch the default set of models for this collection, resetting the
- // collection when they arrive. If `reset: true` is passed, the response
- // data will be passed through the `reset` method instead of `set`.
- fetch: function(options) {
- options = options ? _.clone(options) : {};
- if (options.parse === void 0) options.parse = true;
- var success = options.success;
- var collection = this;
- options.success = function(resp) {
- var method = options.reset ? 'reset' : 'set';
- collection[method](resp, options);
- if (success) success(collection, resp, options);
- collection.trigger('sync', collection, resp, options);
- };
- wrapError(this, options);
- return this.sync('read', this, options);
- },
-
- // Create a new instance of a model in this collection. Add the model to the
- // collection immediately, unless `wait: true` is passed, in which case we
- // wait for the server to agree.
- create: function(model, options) {
- options = options ? _.clone(options) : {};
- if (!(model = this._prepareModel(model, options))) return false;
- if (!options.wait) this.add(model, options);
- var collection = this;
- var success = options.success;
- options.success = function(model, resp) {
- if (options.wait) collection.add(model, options);
- if (success) success(model, resp, options);
- };
- model.save(null, options);
- return model;
- },
-
- // **parse** converts a response into a list of models to be added to the
- // collection. The default implementation is just to pass it through.
- parse: function(resp, options) {
- return resp;
- },
-
- // Create a new collection with an identical list of models as this one.
- clone: function() {
- return new this.constructor(this.models);
- },
-
- // Private method to reset all internal state. Called when the collection
- // is first initialized or reset.
- _reset: function() {
- this.length = 0;
- this.models = [];
- this._byId = {};
- },
-
- // Prepare a hash of attributes (or other model) to be added to this
- // collection.
- _prepareModel: function(attrs, options) {
- if (attrs instanceof Model) return attrs;
- options = options ? _.clone(options) : {};
- options.collection = this;
- var model = new this.model(attrs, options);
- if (!model.validationError) return model;
- this.trigger('invalid', this, model.validationError, options);
- return false;
- },
-
- // Internal method to create a model's ties to a collection.
- _addReference: function(model, options) {
- this._byId[model.cid] = model;
- if (model.id != null) this._byId[model.id] = model;
- if (!model.collection) model.collection = this;
- model.on('all', this._onModelEvent, this);
- },
-
- // Internal method to sever a model's ties to a collection.
- _removeReference: function(model, options) {
- if (this === model.collection) delete model.collection;
- model.off('all', this._onModelEvent, this);
- },
-
- // Internal method called every time a model in the set fires an event.
- // Sets need to update their indexes when models change ids. All other
- // events simply proxy through. "add" and "remove" events that originate
- // in other collections are ignored.
- _onModelEvent: function(event, model, collection, options) {
- if ((event === 'add' || event === 'remove') && collection !== this) return;
- if (event === 'destroy') this.remove(model, options);
- if (model && event === 'change:' + model.idAttribute) {
- delete this._byId[model.previous(model.idAttribute)];
- if (model.id != null) this._byId[model.id] = model;
- }
- this.trigger.apply(this, arguments);
- }
-
- });
-
- // Underscore methods that we want to implement on the Collection.
- // 90% of the core usefulness of Backbone Collections is actually implemented
- // right here:
- var methods = ['forEach', 'each', 'map', 'collect', 'reduce', 'foldl',
- 'inject', 'reduceRight', 'foldr', 'find', 'detect', 'filter', 'select',
- 'reject', 'every', 'all', 'some', 'any', 'include', 'contains', 'invoke',
- 'max', 'min', 'toArray', 'size', 'first', 'head', 'take', 'initial', 'rest',
- 'tail', 'drop', 'last', 'without', 'difference', 'indexOf', 'shuffle',
- 'lastIndexOf', 'isEmpty', 'chain', 'sample'];
-
- // Mix in each Underscore method as a proxy to `Collection#models`.
- _.each(methods, function(method) {
- Collection.prototype[method] = function() {
- var args = slice.call(arguments);
- args.unshift(this.models);
- return _[method].apply(_, args);
- };
- });
-
- // Underscore methods that take a property name as an argument.
- var attributeMethods = ['groupBy', 'countBy', 'sortBy', 'indexBy'];
-
- // Use attributes instead of properties.
- _.each(attributeMethods, function(method) {
- Collection.prototype[method] = function(value, context) {
- var iterator = _.isFunction(value) ? value : function(model) {
- return model.get(value);
- };
- return _[method](this.models, iterator, context);
- };
- });
-
- // Backbone.View
- // -------------
-
- // Backbone Views are almost more convention than they are actual code. A View
- // is simply a JavaScript object that represents a logical chunk of UI in the
- // DOM. This might be a single item, an entire list, a sidebar or panel, or
- // even the surrounding frame which wraps your whole app. Defining a chunk of
- // UI as a **View** allows you to define your DOM events declaratively, without
- // having to worry about render order ... and makes it easy for the view to
- // react to specific changes in the state of your models.
-
- // Creating a Backbone.View creates its initial element outside of the DOM,
- // if an existing element is not provided...
- var View = Backbone.View = function(options) {
- this.cid = _.uniqueId('view');
- options || (options = {});
- _.extend(this, _.pick(options, viewOptions));
- this._ensureElement();
- this.initialize.apply(this, arguments);
- this.delegateEvents();
- };
-
- // Cached regex to split keys for `delegate`.
- var delegateEventSplitter = /^(\S+)\s*(.*)$/;
-
- // List of view options to be merged as properties.
- var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'events'];
-
- // Set up all inheritable **Backbone.View** properties and methods.
- _.extend(View.prototype, Events, {
-
- // The default `tagName` of a View's element is `"div"`.
- tagName: 'div',
-
- // jQuery delegate for element lookup, scoped to DOM elements within the
- // current view. This should be preferred to global lookups where possible.
- $: function(selector) {
- return this.$el.find(selector);
- },
-
- // Initialize is an empty function by default. Override it with your own
- // initialization logic.
- initialize: function(){},
-
- // **render** is the core function that your view should override, in order
- // to populate its element (`this.el`), with the appropriate HTML. The
- // convention is for **render** to always return `this`.
- render: function() {
- return this;
- },
-
- // Remove this view by taking the element out of the DOM, and removing any
- // applicable Backbone.Events listeners.
- remove: function() {
- this.$el.remove();
- this.stopListening();
- return this;
- },
-
- // Change the view's element (`this.el` property), including event
- // re-delegation.
- setElement: function(element, delegate) {
- if (this.$el) this.undelegateEvents();
- this.$el = element instanceof Backbone.$ ? element : Backbone.$(element);
- this.el = this.$el[0];
- if (delegate !== false) this.delegateEvents();
- return this;
- },
-
- // Set callbacks, where `this.events` is a hash of
- //
- // *{"event selector": "callback"}*
- //
- // {
- // 'mousedown .title': 'edit',
- // 'click .button': 'save',
- // 'click .open': function(e) { ... }
- // }
- //
- // pairs. Callbacks will be bound to the view, with `this` set properly.
- // Uses event delegation for efficiency.
- // Omitting the selector binds the event to `this.el`.
- // This only works for delegate-able events: not `focus`, `blur`, and
- // not `change`, `submit`, and `reset` in Internet Explorer.
- delegateEvents: function(events) {
- if (!(events || (events = _.result(this, 'events')))) return this;
- this.undelegateEvents();
- for (var key in events) {
- var method = events[key];
- if (!_.isFunction(method)) method = this[events[key]];
- if (!method) continue;
-
- var match = key.match(delegateEventSplitter);
- var eventName = match[1], selector = match[2];
- method = _.bind(method, this);
- eventName += '.delegateEvents' + this.cid;
- if (selector === '') {
- this.$el.on(eventName, method);
- } else {
- this.$el.on(eventName, selector, method);
- }
- }
- return this;
- },
-
- // Clears all callbacks previously bound to the view with `delegateEvents`.
- // You usually don't need to use this, but may wish to if you have multiple
- // Backbone views attached to the same DOM element.
- undelegateEvents: function() {
- this.$el.off('.delegateEvents' + this.cid);
- return this;
- },
-
- // Ensure that the View has a DOM element to render into.
- // If `this.el` is a string, pass it through `$()`, take the first
- // matching element, and re-assign it to `el`. Otherwise, create
- // an element from the `id`, `className` and `tagName` properties.
- _ensureElement: function() {
- if (!this.el) {
- var attrs = _.extend({}, _.result(this, 'attributes'));
- if (this.id) attrs.id = _.result(this, 'id');
- if (this.className) attrs['class'] = _.result(this, 'className');
- var $el = Backbone.$('<' + _.result(this, 'tagName') + '>').attr(attrs);
- this.setElement($el, false);
- } else {
- this.setElement(_.result(this, 'el'), false);
- }
- }
-
- });
-
- // Backbone.sync
- // -------------
-
- // Override this function to change the manner in which Backbone persists
- // models to the server. You will be passed the type of request, and the
- // model in question. By default, makes a RESTful Ajax request
- // to the model's `url()`. Some possible customizations could be:
- //
- // * Use `setTimeout` to batch rapid-fire updates into a single request.
- // * Send up the models as XML instead of JSON.
- // * Persist models via WebSockets instead of Ajax.
- //
- // Turn on `Backbone.emulateHTTP` in order to send `PUT` and `DELETE` requests
- // as `POST`, with a `_method` parameter containing the true HTTP method,
- // as well as all requests with the body as `application/x-www-form-urlencoded`
- // instead of `application/json` with the model in a param named `model`.
- // Useful when interfacing with server-side languages like **PHP** that make
- // it difficult to read the body of `PUT` requests.
- Backbone.sync = function(method, model, options) {
- var type = methodMap[method];
-
- // Default options, unless specified.
- _.defaults(options || (options = {}), {
- emulateHTTP: Backbone.emulateHTTP,
- emulateJSON: Backbone.emulateJSON
- });
-
- // Default JSON-request options.
- var params = {type: type, dataType: 'json'};
-
- // Ensure that we have a URL.
- if (!options.url) {
- params.url = _.result(model, 'url') || urlError();
- }
-
- // Ensure that we have the appropriate request data.
- if (options.data == null && model && (method === 'create' || method === 'update' || method === 'patch')) {
- params.contentType = 'application/json';
- params.data = JSON.stringify(options.attrs || model.toJSON(options));
- }
-
- // For older servers, emulate JSON by encoding the request into an HTML-form.
- if (options.emulateJSON) {
- params.contentType = 'application/x-www-form-urlencoded';
- params.data = params.data ? {model: params.data} : {};
- }
-
- // For older servers, emulate HTTP by mimicking the HTTP method with `_method`
- // And an `X-HTTP-Method-Override` header.
- if (options.emulateHTTP && (type === 'PUT' || type === 'DELETE' || type === 'PATCH')) {
- params.type = 'POST';
- if (options.emulateJSON) params.data._method = type;
- var beforeSend = options.beforeSend;
- options.beforeSend = function(xhr) {
- xhr.setRequestHeader('X-HTTP-Method-Override', type);
- if (beforeSend) return beforeSend.apply(this, arguments);
- };
- }
-
- // Don't process data on a non-GET request.
- if (params.type !== 'GET' && !options.emulateJSON) {
- params.processData = false;
- }
-
- // If we're sending a `PATCH` request, and we're in an old Internet Explorer
- // that still has ActiveX enabled by default, override jQuery to use that
- // for XHR instead. Remove this line when jQuery supports `PATCH` on IE8.
- if (params.type === 'PATCH' && noXhrPatch) {
- params.xhr = function() {
- return new ActiveXObject("Microsoft.XMLHTTP");
- };
- }
-
- // Make the request, allowing the user to override any Ajax options.
- var xhr = options.xhr = Backbone.ajax(_.extend(params, options));
- model.trigger('request', model, xhr, options);
- return xhr;
- };
-
- var noXhrPatch =
- typeof window !== 'undefined' && !!window.ActiveXObject &&
- !(window.XMLHttpRequest && (new XMLHttpRequest).dispatchEvent);
-
- // Map from CRUD to HTTP for our default `Backbone.sync` implementation.
- var methodMap = {
- 'create': 'POST',
- 'update': 'PUT',
- 'patch': 'PATCH',
- 'delete': 'DELETE',
- 'read': 'GET'
- };
-
- // Set the default implementation of `Backbone.ajax` to proxy through to `$`.
- // Override this if you'd like to use a different library.
- Backbone.ajax = function() {
- return Backbone.$.ajax.apply(Backbone.$, arguments);
- };
-
- // Backbone.Router
- // ---------------
-
- // Routers map faux-URLs to actions, and fire events when routes are
- // matched. Creating a new one sets its `routes` hash, if not set statically.
- var Router = Backbone.Router = function(options) {
- options || (options = {});
- if (options.routes) this.routes = options.routes;
- this._bindRoutes();
- this.initialize.apply(this, arguments);
- };
-
- // Cached regular expressions for matching named param parts and splatted
- // parts of route strings.
- var optionalParam = /\((.*?)\)/g;
- var namedParam = /(\(\?)?:\w+/g;
- var splatParam = /\*\w+/g;
- var escapeRegExp = /[\-{}\[\]+?.,\\\^$|#\s]/g;
-
- // Set up all inheritable **Backbone.Router** properties and methods.
- _.extend(Router.prototype, Events, {
-
- // Initialize is an empty function by default. Override it with your own
- // initialization logic.
- initialize: function(){},
-
- // Manually bind a single named route to a callback. For example:
- //
- // this.route('search/:query/p:num', 'search', function(query, num) {
- // ...
- // });
- //
- route: function(route, name, callback) {
- if (!_.isRegExp(route)) route = this._routeToRegExp(route);
- if (_.isFunction(name)) {
- callback = name;
- name = '';
- }
- if (!callback) callback = this[name];
- var router = this;
- Backbone.history.route(route, function(fragment) {
- var args = router._extractParameters(route, fragment);
- router.execute(callback, args);
- router.trigger.apply(router, ['route:' + name].concat(args));
- router.trigger('route', name, args);
- Backbone.history.trigger('route', router, name, args);
- });
- return this;
- },
-
- // Execute a route handler with the provided parameters. This is an
- // excellent place to do pre-route setup or post-route cleanup.
- execute: function(callback, args) {
- if (callback) callback.apply(this, args);
- },
-
- // Simple proxy to `Backbone.history` to save a fragment into the history.
- navigate: function(fragment, options) {
- Backbone.history.navigate(fragment, options);
- return this;
- },
-
- // Bind all defined routes to `Backbone.history`. We have to reverse the
- // order of the routes here to support behavior where the most general
- // routes can be defined at the bottom of the route map.
- _bindRoutes: function() {
- if (!this.routes) return;
- this.routes = _.result(this, 'routes');
- var route, routes = _.keys(this.routes);
- while ((route = routes.pop()) != null) {
- this.route(route, this.routes[route]);
- }
- },
-
- // Convert a route string into a regular expression, suitable for matching
- // against the current location hash.
- _routeToRegExp: function(route) {
- route = route.replace(escapeRegExp, '\\$&')
- .replace(optionalParam, '(?:$1)?')
- .replace(namedParam, function(match, optional) {
- return optional ? match : '([^/?]+)';
- })
- .replace(splatParam, '([^?]*?)');
- return new RegExp('^' + route + '(?:\\?([\\s\\S]*))?$');
- },
-
- // Given a route, and a URL fragment that it matches, return the array of
- // extracted decoded parameters. Empty or unmatched parameters will be
- // treated as `null` to normalize cross-browser behavior.
- _extractParameters: function(route, fragment) {
- var params = route.exec(fragment).slice(1);
- return _.map(params, function(param, i) {
- // Don't decode the search params.
- if (i === params.length - 1) return param || null;
- return param ? decodeURIComponent(param) : null;
- });
- }
-
- });
-
- // Backbone.History
- // ----------------
-
- // Handles cross-browser history management, based on either
- // [pushState](http://diveintohtml5.info/history.html) and real URLs, or
- // [onhashchange](https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange)
- // and URL fragments. If the browser supports neither (old IE, natch),
- // falls back to polling.
- var History = Backbone.History = function() {
- this.handlers = [];
- _.bindAll(this, 'checkUrl');
-
- // Ensure that `History` can be used outside of the browser.
- if (typeof window !== 'undefined') {
- this.location = window.location;
- this.history = window.history;
- }
- };
-
- // Cached regex for stripping a leading hash/slash and trailing space.
- var routeStripper = /^[#\/]|\s+$/g;
-
- // Cached regex for stripping leading and trailing slashes.
- var rootStripper = /^\/+|\/+$/g;
-
- // Cached regex for detecting MSIE.
- var isExplorer = /msie [\w.]+/;
-
- // Cached regex for removing a trailing slash.
- var trailingSlash = /\/$/;
-
- // Cached regex for stripping urls of hash.
- var pathStripper = /#.*$/;
-
- // Has the history handling already been started?
- History.started = false;
-
- // Set up all inheritable **Backbone.History** properties and methods.
- _.extend(History.prototype, Events, {
-
- // The default interval to poll for hash changes, if necessary, is
- // twenty times a second.
- interval: 50,
-
- // Are we at the app root?
- atRoot: function() {
- return this.location.pathname.replace(/[^\/]$/, '$&/') === this.root;
- },
-
- // Gets the true hash value. Cannot use location.hash directly due to bug
- // in Firefox where location.hash will always be decoded.
- getHash: function(window) {
- var match = (window || this).location.href.match(/#(.*)$/);
- return match ? match[1] : '';
- },
-
- // Get the cross-browser normalized URL fragment, either from the URL,
- // the hash, or the override.
- getFragment: function(fragment, forcePushState) {
- if (fragment == null) {
- if (this._hasPushState || !this._wantsHashChange || forcePushState) {
- fragment = decodeURI(this.location.pathname + this.location.search);
- var root = this.root.replace(trailingSlash, '');
- if (!fragment.indexOf(root)) fragment = fragment.slice(root.length);
- } else {
- fragment = this.getHash();
- }
- }
- return fragment.replace(routeStripper, '');
- },
-
- // Start the hash change handling, returning `true` if the current URL matches
- // an existing route, and `false` otherwise.
- start: function(options) {
- if (History.started) throw new Error("Backbone.history has already been started");
- History.started = true;
-
- // Figure out the initial configuration. Do we need an iframe?
- // Is pushState desired ... is it available?
- this.options = _.extend({root: '/'}, this.options, options);
- this.root = this.options.root;
- this._wantsHashChange = this.options.hashChange !== false;
- this._wantsPushState = !!this.options.pushState;
- this._hasPushState = !!(this.options.pushState && this.history && this.history.pushState);
- var fragment = this.getFragment();
- var docMode = document.documentMode;
- var oldIE = (isExplorer.exec(navigator.userAgent.toLowerCase()) && (!docMode || docMode <= 7));
-
- // Normalize root to always include a leading and trailing slash.
- this.root = ('/' + this.root + '/').replace(rootStripper, '/');
-
- if (oldIE && this._wantsHashChange) {
- var frame = Backbone.$('<iframe src="javascript:0" tabindex="-1">');
- this.iframe = frame.hide().appendTo('body')[0].contentWindow;
- this.navigate(fragment);
- }
-
- // Depending on whether we're using pushState or hashes, and whether
- // 'onhashchange' is supported, determine how we check the URL state.
- if (this._hasPushState) {
- Backbone.$(window).on('popstate', this.checkUrl);
- } else if (this._wantsHashChange && ('onhashchange' in window) && !oldIE) {
- Backbone.$(window).on('hashchange', this.checkUrl);
- } else if (this._wantsHashChange) {
- this._checkUrlInterval = setInterval(this.checkUrl, this.interval);
- }
-
- // Determine if we need to change the base url, for a pushState link
- // opened by a non-pushState browser.
- this.fragment = fragment;
- var loc = this.location;
-
- // Transition from hashChange to pushState or vice versa if both are
- // requested.
- if (this._wantsHashChange && this._wantsPushState) {
-
- // If we've started off with a route from a `pushState`-enabled
- // browser, but we're currently in a browser that doesn't support it...
- if (!this._hasPushState && !this.atRoot()) {
- this.fragment = this.getFragment(null, true);
- this.location.replace(this.root + '#' + this.fragment);
- // Return immediately as browser will do redirect to new url
- return true;
-
- // Or if we've started out with a hash-based route, but we're currently
- // in a browser where it could be `pushState`-based instead...
- } else if (this._hasPushState && this.atRoot() && loc.hash) {
- this.fragment = this.getHash().replace(routeStripper, '');
- this.history.replaceState({}, document.title, this.root + this.fragment);
- }
-
- }
-
- if (!this.options.silent) return this.loadUrl();
- },
-
- // Disable Backbone.history, perhaps temporarily. Not useful in a real app,
- // but possibly useful for unit testing Routers.
- stop: function() {
- Backbone.$(window).off('popstate', this.checkUrl).off('hashchange', this.checkUrl);
- if (this._checkUrlInterval) clearInterval(this._checkUrlInterval);
- History.started = false;
- },
-
- // Add a route to be tested when the fragment changes. Routes added later
- // may override previous routes.
- route: function(route, callback) {
- this.handlers.unshift({route: route, callback: callback});
- },
-
- // Checks the current URL to see if it has changed, and if it has,
- // calls `loadUrl`, normalizing across the hidden iframe.
- checkUrl: function(e) {
- var current = this.getFragment();
- if (current === this.fragment && this.iframe) {
- current = this.getFragment(this.getHash(this.iframe));
- }
- if (current === this.fragment) return false;
- if (this.iframe) this.navigate(current);
- this.loadUrl();
- },
-
- // Attempt to load the current URL fragment. If a route succeeds with a
- // match, returns `true`. If no defined routes matches the fragment,
- // returns `false`.
- loadUrl: function(fragment) {
- fragment = this.fragment = this.getFragment(fragment);
- return _.any(this.handlers, function(handler) {
- if (handler.route.test(fragment)) {
- handler.callback(fragment);
- return true;
- }
- });
- },
-
- // Save a fragment into the hash history, or replace the URL state if the
- // 'replace' option is passed. You are responsible for properly URL-encoding
- // the fragment in advance.
- //
- // The options object can contain `trigger: true` if you wish to have the
- // route callback be fired (not usually desirable), or `replace: true`, if
- // you wish to modify the current URL without adding an entry to the history.
- navigate: function(fragment, options) {
- if (!History.started) return false;
- if (!options || options === true) options = {trigger: !!options};
-
- var url = this.root + (fragment = this.getFragment(fragment || ''));
-
- // Strip the hash for matching.
- fragment = fragment.replace(pathStripper, '');
-
- if (this.fragment === fragment) return;
- this.fragment = fragment;
-
- // Don't include a trailing slash on the root.
- if (fragment === '' && url !== '/') url = url.slice(0, -1);
-
- // If pushState is available, we use it to set the fragment as a real URL.
- if (this._hasPushState) {
- this.history[options.replace ? 'replaceState' : 'pushState']({}, document.title, url);
-
- // If hash changes haven't been explicitly disabled, update the hash
- // fragment to store history.
- } else if (this._wantsHashChange) {
- this._updateHash(this.location, fragment, options.replace);
- if (this.iframe && (fragment !== this.getFragment(this.getHash(this.iframe)))) {
- // Opening and closing the iframe tricks IE7 and earlier to push a
- // history entry on hash-tag change. When replace is true, we don't
- // want this.
- if(!options.replace) this.iframe.document.open().close();
- this._updateHash(this.iframe.location, fragment, options.replace);
- }
-
- // If you've told us that you explicitly don't want fallback hashchange-
- // based history, then `navigate` becomes a page refresh.
- } else {
- return this.location.assign(url);
- }
- if (options.trigger) return this.loadUrl(fragment);
- },
-
- // Update the hash location, either replacing the current entry, or adding
- // a new one to the browser history.
- _updateHash: function(location, fragment, replace) {
- if (replace) {
- var href = location.href.replace(/(javascript:|#).*$/, '');
- location.replace(href + '#' + fragment);
- } else {
- // Some browsers require that `hash` contains a leading #.
- location.hash = '#' + fragment;
- }
- }
-
- });
-
- // Create the default Backbone.history.
- Backbone.history = new History;
-
- // Helpers
- // -------
-
- // Helper function to correctly set up the prototype chain, for subclasses.
- // Similar to `goog.inherits`, but uses a hash of prototype properties and
- // class properties to be extended.
- var extend = function(protoProps, staticProps) {
- var parent = this;
- var child;
-
- // The constructor function for the new subclass is either defined by you
- // (the "constructor" property in your `extend` definition), or defaulted
- // by us to simply call the parent's constructor.
- if (protoProps && _.has(protoProps, 'constructor')) {
- child = protoProps.constructor;
- } else {
- child = function(){ return parent.apply(this, arguments); };
- }
-
- // Add static properties to the constructor function, if supplied.
- _.extend(child, parent, staticProps);
-
- // Set the prototype chain to inherit from `parent`, without calling
- // `parent`'s constructor function.
- var Surrogate = function(){ this.constructor = child; };
- Surrogate.prototype = parent.prototype;
- child.prototype = new Surrogate;
-
- // Add prototype properties (instance properties) to the subclass,
- // if supplied.
- if (protoProps) _.extend(child.prototype, protoProps);
-
- // Set a convenience property in case the parent's prototype is needed
- // later.
- child.__super__ = parent.prototype;
-
- return child;
- };
-
- // Set up inheritance for the model, collection, router, view and history.
- Model.extend = Collection.extend = Router.extend = View.extend = History.extend = extend;
-
- // Throw an error when a URL is needed, and none is supplied.
- var urlError = function() {
- throw new Error('A "url" property or function must be specified');
- };
-
- // Wrap an optional error callback with a fallback error event.
- var wrapError = function(model, options) {
- var error = options.error;
- options.error = function(resp) {
- if (error) error(model, resp, options);
- model.trigger('error', model, resp, options);
- };
- };
-
- return Backbone;
-
-}));
diff --git a/xos/core/xoslib/static/js/vendor/backbone.marionette.js b/xos/core/xoslib/static/js/vendor/backbone.marionette.js
deleted file mode 100644
index cebd22b..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone.marionette.js
+++ /dev/null
@@ -1,2793 +0,0 @@
-// MarionetteJS (Backbone.Marionette)
-// ----------------------------------
-// v2.0.1
-//
-// Copyright (c)2014 Derick Bailey, Muted Solutions, LLC.
-// Distributed under MIT license
-//
-// http://marionettejs.com
-
-(function(root, factory) {
-
- if (typeof define === 'function' && define.amd) {
- define(['backbone', 'underscore', 'backbone.wreqr', 'backbone.babysitter'], function(Backbone, _) {
- return (root.Marionette = factory(root, Backbone, _));
- });
- } else if (typeof exports !== 'undefined') {
- var Backbone = require('backbone');
- var _ = require('underscore');
- var Wreqr = require('backbone.wreqr');
- var BabySitter = require('backbone.babysitter');
- module.exports = factory(root, Backbone, _);
- } else {
- root.Marionette = factory(root, root.Backbone, root._);
- }
-
-}(this, function(root, Backbone, _) {
- 'use strict';
-
- var previousMarionette = root.Marionette;
-
- var Marionette = Backbone.Marionette = {};
-
- Marionette.VERSION = '2.0.1';
-
- Marionette.noConflict = function() {
- root.Marionette = previousMarionette;
- return this;
- };
-
- // Get the Deferred creator for later use
- Marionette.Deferred = Backbone.$.Deferred;
-
- /* jshint unused: false */
-
- // Helpers
- // -------
-
- // For slicing `arguments` in functions
- var slice = Array.prototype.slice;
-
- function throwError(message, name) {
- var error = new Error(message);
- error.name = name || 'Error';
- throw error;
- }
-
- // Marionette.extend
- // -----------------
-
- // Borrow the Backbone `extend` method so we can use it as needed
- Marionette.extend = Backbone.Model.extend;
-
- // Marionette.getOption
- // --------------------
-
- // Retrieve an object, function or other value from a target
- // object or its `options`, with `options` taking precedence.
- Marionette.getOption = function(target, optionName) {
- if (!target || !optionName) { return; }
- var value;
-
- if (target.options && (target.options[optionName] !== undefined)) {
- value = target.options[optionName];
- } else {
- value = target[optionName];
- }
-
- return value;
- };
-
- // Proxy `Marionette.getOption`
- Marionette.proxyGetOption = function(optionName) {
- return Marionette.getOption(this, optionName);
- };
-
- // Marionette.normalizeMethods
- // ----------------------
-
- // Pass in a mapping of events => functions or function names
- // and return a mapping of events => functions
- Marionette.normalizeMethods = function(hash) {
- var normalizedHash = {}, method;
- _.each(hash, function(fn, name) {
- method = fn;
- if (!_.isFunction(method)) {
- method = this[method];
- }
- if (!method) {
- return;
- }
- normalizedHash[name] = method;
- }, this);
- return normalizedHash;
- };
-
-
- // allows for the use of the @ui. syntax within
- // a given key for triggers and events
- // swaps the @ui with the associated selector
- Marionette.normalizeUIKeys = function(hash, ui) {
- if (typeof(hash) === 'undefined') {
- return;
- }
-
- _.each(_.keys(hash), function(v) {
- var pattern = /@ui.[a-zA-Z_$0-9]*/g;
- if (v.match(pattern)) {
- hash[v.replace(pattern, function(r) {
- return ui[r.slice(4)];
- })] = hash[v];
- delete hash[v];
- }
- });
-
- return hash;
- };
-
- // Mix in methods from Underscore, for iteration, and other
- // collection related features.
- // Borrowing this code from Backbone.Collection:
- // http://backbonejs.org/docs/backbone.html#section-106
- Marionette.actAsCollection = function(object, listProperty) {
- var methods = ['forEach', 'each', 'map', 'find', 'detect', 'filter',
- 'select', 'reject', 'every', 'all', 'some', 'any', 'include',
- 'contains', 'invoke', 'toArray', 'first', 'initial', 'rest',
- 'last', 'without', 'isEmpty', 'pluck'];
-
- _.each(methods, function(method) {
- object[method] = function() {
- var list = _.values(_.result(this, listProperty));
- var args = [list].concat(_.toArray(arguments));
- return _[method].apply(_, args);
- };
- });
- };
-
- // Trigger an event and/or a corresponding method name. Examples:
- //
- // `this.triggerMethod("foo")` will trigger the "foo" event and
- // call the "onFoo" method.
- //
- // `this.triggerMethod("foo:bar")` will trigger the "foo:bar" event and
- // call the "onFooBar" method.
- Marionette.triggerMethod = (function() {
-
- // split the event name on the ":"
- var splitter = /(^|:)(\w)/gi;
-
- // take the event section ("section1:section2:section3")
- // and turn it in to uppercase name
- function getEventName(match, prefix, eventName) {
- return eventName.toUpperCase();
- }
-
- // actual triggerMethod implementation
- var triggerMethod = function(event) {
- // get the method name from the event name
- var methodName = 'on' + event.replace(splitter, getEventName);
- var method = this[methodName];
- var result;
-
- // call the onMethodName if it exists
- if (_.isFunction(method)) {
- // pass all arguments, except the event name
- result = method.apply(this, _.tail(arguments));
- }
-
- // trigger the event, if a trigger method exists
- if (_.isFunction(this.trigger)) {
- this.trigger.apply(this, arguments);
- }
-
- return result;
- };
-
- return triggerMethod;
- })();
-
- // DOMRefresh
- // ----------
- //
- // Monitor a view's state, and after it has been rendered and shown
- // in the DOM, trigger a "dom:refresh" event every time it is
- // re-rendered.
-
- Marionette.MonitorDOMRefresh = (function(documentElement) {
- // track when the view has been shown in the DOM,
- // using a Marionette.Region (or by other means of triggering "show")
- function handleShow(view) {
- view._isShown = true;
- triggerDOMRefresh(view);
- }
-
- // track when the view has been rendered
- function handleRender(view) {
- view._isRendered = true;
- triggerDOMRefresh(view);
- }
-
- // Trigger the "dom:refresh" event and corresponding "onDomRefresh" method
- function triggerDOMRefresh(view) {
- if (view._isShown && view._isRendered && isInDOM(view)) {
- if (_.isFunction(view.triggerMethod)) {
- view.triggerMethod('dom:refresh');
- }
- }
- }
-
- function isInDOM(view) {
- return documentElement.contains(view.el);
- }
-
- // Export public API
- return function(view) {
- view.listenTo(view, 'show', function() {
- handleShow(view);
- });
-
- view.listenTo(view, 'render', function() {
- handleRender(view);
- });
- };
- })(document.documentElement);
-
-
- /* jshint maxparams: 5 */
-
- // Marionette.bindEntityEvents & unbindEntityEvents
- // ---------------------------
- //
- // These methods are used to bind/unbind a backbone "entity" (collection/model)
- // to methods on a target object.
- //
- // The first parameter, `target`, must have a `listenTo` method from the
- // EventBinder object.
- //
- // The second parameter is the entity (Backbone.Model or Backbone.Collection)
- // to bind the events from.
- //
- // The third parameter is a hash of { "event:name": "eventHandler" }
- // configuration. Multiple handlers can be separated by a space. A
- // function can be supplied instead of a string handler name.
-
- (function(Marionette) {
- 'use strict';
-
- // Bind the event to handlers specified as a string of
- // handler names on the target object
- function bindFromStrings(target, entity, evt, methods) {
- var methodNames = methods.split(/\s+/);
-
- _.each(methodNames, function(methodName) {
-
- var method = target[methodName];
- if (!method) {
- throwError('Method "' + methodName +
- '" was configured as an event handler, but does not exist.');
- }
-
- target.listenTo(entity, evt, method);
- });
- }
-
- // Bind the event to a supplied callback function
- function bindToFunction(target, entity, evt, method) {
- target.listenTo(entity, evt, method);
- }
-
- // Bind the event to handlers specified as a string of
- // handler names on the target object
- function unbindFromStrings(target, entity, evt, methods) {
- var methodNames = methods.split(/\s+/);
-
- _.each(methodNames, function(methodName) {
- var method = target[methodName];
- target.stopListening(entity, evt, method);
- });
- }
-
- // Bind the event to a supplied callback function
- function unbindToFunction(target, entity, evt, method) {
- target.stopListening(entity, evt, method);
- }
-
-
- // generic looping function
- function iterateEvents(target, entity, bindings, functionCallback, stringCallback) {
- if (!entity || !bindings) { return; }
-
- // allow the bindings to be a function
- if (_.isFunction(bindings)) {
- bindings = bindings.call(target);
- }
-
- // iterate the bindings and bind them
- _.each(bindings, function(methods, evt) {
-
- // allow for a function as the handler,
- // or a list of event names as a string
- if (_.isFunction(methods)) {
- functionCallback(target, entity, evt, methods);
- } else {
- stringCallback(target, entity, evt, methods);
- }
-
- });
- }
-
- // Export Public API
- Marionette.bindEntityEvents = function(target, entity, bindings) {
- iterateEvents(target, entity, bindings, bindToFunction, bindFromStrings);
- };
-
- Marionette.unbindEntityEvents = function(target, entity, bindings) {
- iterateEvents(target, entity, bindings, unbindToFunction, unbindFromStrings);
- };
-
- // Proxy `bindEntityEvents`
- Marionette.proxyBindEntityEvents = function(entity, bindings) {
- return Marionette.bindEntityEvents(this, entity, bindings);
- };
-
- // Proxy `unbindEntityEvents`
- Marionette.proxyUnbindEntityEvents = function(entity, bindings) {
- return Marionette.unbindEntityEvents(this, entity, bindings);
- };
- })(Marionette);
-
-
- // Callbacks
- // ---------
-
- // A simple way of managing a collection of callbacks
- // and executing them at a later point in time, using jQuery's
- // `Deferred` object.
- Marionette.Callbacks = function() {
- this._deferred = Marionette.Deferred();
- this._callbacks = [];
- };
-
- _.extend(Marionette.Callbacks.prototype, {
-
- // Add a callback to be executed. Callbacks added here are
- // guaranteed to execute, even if they are added after the
- // `run` method is called.
- add: function(callback, contextOverride) {
- var promise = _.result(this._deferred, 'promise');
-
- this._callbacks.push({cb: callback, ctx: contextOverride});
-
- promise.then(function(args) {
- if (contextOverride){ args.context = contextOverride; }
- callback.call(args.context, args.options);
- });
- },
-
- // Run all registered callbacks with the context specified.
- // Additional callbacks can be added after this has been run
- // and they will still be executed.
- run: function(options, context) {
- this._deferred.resolve({
- options: options,
- context: context
- });
- },
-
- // Resets the list of callbacks to be run, allowing the same list
- // to be run multiple times - whenever the `run` method is called.
- reset: function() {
- var callbacks = this._callbacks;
- this._deferred = Marionette.Deferred();
- this._callbacks = [];
-
- _.each(callbacks, function(cb) {
- this.add(cb.cb, cb.ctx);
- }, this);
- }
- });
-
- // Marionette Controller
- // ---------------------
- //
- // A multi-purpose object to use as a controller for
- // modules and routers, and as a mediator for workflow
- // and coordination of other objects, views, and more.
- Marionette.Controller = function(options) {
- this.triggerMethod = Marionette.triggerMethod;
- this.options = options || {};
-
- if (_.isFunction(this.initialize)) {
- this.initialize(this.options);
- }
- };
-
- Marionette.Controller.extend = Marionette.extend;
-
- // Controller Methods
- // --------------
-
- // Ensure it can trigger events with Backbone.Events
- _.extend(Marionette.Controller.prototype, Backbone.Events, {
- destroy: function() {
- var args = Array.prototype.slice.call(arguments);
- this.triggerMethod.apply(this, ['before:destroy'].concat(args));
- this.triggerMethod.apply(this, ['destroy'].concat(args));
-
- this.stopListening();
- this.off();
- },
-
- // import the `triggerMethod` to trigger events with corresponding
- // methods if the method exists
- triggerMethod: Marionette.triggerMethod,
-
- // Proxy `getOption` to enable getting options from this or this.options by name.
- getOption: Marionette.proxyGetOption
-
- });
-
- /* jshint maxcomplexity: 10, maxstatements: 27 */
-
- // Region
- // ------
- //
- // Manage the visual regions of your composite application. See
- // http://lostechies.com/derickbailey/2011/12/12/composite-js-apps-regions-and-region-managers/
-
- Marionette.Region = function(options) {
- this.options = options || {};
- this.el = this.getOption('el');
-
- // Handle when this.el is passed in as a $ wrapped element.
- this.el = this.el instanceof Backbone.$ ? this.el[0] : this.el;
-
- if (!this.el) {
- throwError('An "el" must be specified for a region.', 'NoElError');
- }
-
- this.$el = this.getEl(this.el);
-
- if (this.initialize) {
- var args = Array.prototype.slice.apply(arguments);
- this.initialize.apply(this, args);
- }
- };
-
-
- // Region Class methods
- // -------------------
-
- _.extend(Marionette.Region, {
-
- // Build an instance of a region by passing in a configuration object
- // and a default region class to use if none is specified in the config.
- //
- // The config object should either be a string as a jQuery DOM selector,
- // a Region class directly, or an object literal that specifies both
- // a selector and regionClass:
- //
- // ```js
- // {
- // selector: "#foo",
- // regionClass: MyCustomRegion
- // }
- // ```
- //
- buildRegion: function(regionConfig, defaultRegionClass) {
- var regionIsString = _.isString(regionConfig);
- var regionSelectorIsString = _.isString(regionConfig.selector);
- var regionClassIsUndefined = _.isUndefined(regionConfig.regionClass);
- var regionIsClass = _.isFunction(regionConfig);
-
- if (!regionIsClass && !regionIsString && !regionSelectorIsString) {
- throwError('Region must be specified as a Region class,' +
- 'a selector string or an object with selector property');
- }
-
- var selector, RegionClass;
-
- // get the selector for the region
-
- if (regionIsString) {
- selector = regionConfig;
- }
-
- if (regionConfig.selector) {
- selector = regionConfig.selector;
- delete regionConfig.selector;
- }
-
- // get the class for the region
-
- if (regionIsClass) {
- RegionClass = regionConfig;
- }
-
- if (!regionIsClass && regionClassIsUndefined) {
- RegionClass = defaultRegionClass;
- }
-
- if (regionConfig.regionClass) {
- RegionClass = regionConfig.regionClass;
- delete regionConfig.regionClass;
- }
-
- if (regionIsString || regionIsClass) {
- regionConfig = {};
- }
-
- regionConfig.el = selector;
-
- // build the region instance
- var region = new RegionClass(regionConfig);
-
- // override the `getEl` function if we have a parentEl
- // this must be overridden to ensure the selector is found
- // on the first use of the region. if we try to assign the
- // region's `el` to `parentEl.find(selector)` in the object
- // literal to build the region, the element will not be
- // guaranteed to be in the DOM already, and will cause problems
- if (regionConfig.parentEl) {
- region.getEl = function(el) {
- if (_.isObject(el)) {
- return Backbone.$(el);
- }
- var parentEl = regionConfig.parentEl;
- if (_.isFunction(parentEl)) {
- parentEl = parentEl();
- }
- return parentEl.find(el);
- };
- }
-
- return region;
- }
-
- });
-
- // Region Instance Methods
- // -----------------------
-
- _.extend(Marionette.Region.prototype, Backbone.Events, {
-
- // Displays a backbone view instance inside of the region.
- // Handles calling the `render` method for you. Reads content
- // directly from the `el` attribute. Also calls an optional
- // `onShow` and `onDestroy` method on your view, just after showing
- // or just before destroying the view, respectively.
- // The `preventDestroy` option can be used to prevent a view from
- // the old view being destroyed on show.
- // The `forceShow` option can be used to force a view to be
- // re-rendered if it's already shown in the region.
-
- show: function(view, options){
- this._ensureElement();
-
- var showOptions = options || {};
- var isDifferentView = view !== this.currentView;
- var preventDestroy = !!showOptions.preventDestroy;
- var forceShow = !!showOptions.forceShow;
-
- // we are only changing the view if there is a view to change to begin with
- var isChangingView = !!this.currentView;
-
- // only destroy the view if we don't want to preventDestroy and the view is different
- var _shouldDestroyView = !preventDestroy && isDifferentView;
-
- if (_shouldDestroyView) {
- this.empty();
- }
-
- // show the view if the view is different or if you want to re-show the view
- var _shouldShowView = isDifferentView || forceShow;
-
- if (_shouldShowView) {
- view.render();
-
- if (isChangingView) {
- this.triggerMethod('before:swap', view);
- }
-
- this.triggerMethod('before:show', view);
- this.triggerMethod.call(view, 'before:show');
-
- this.attachHtml(view);
- this.currentView = view;
-
- if (isChangingView) {
- this.triggerMethod('swap', view);
- }
-
- this.triggerMethod('show', view);
-
- if (_.isFunction(view.triggerMethod)) {
- view.triggerMethod('show');
- } else {
- this.triggerMethod.call(view, 'show');
- }
-
- return this;
- }
-
- return this;
- },
-
- _ensureElement: function(){
- if (!_.isObject(this.el)) {
- this.$el = this.getEl(this.el);
- this.el = this.$el[0];
- }
-
- if (!this.$el || this.$el.length === 0) {
- throwError('An "el" ' + this.$el.selector + ' must exist in DOM');
- }
- },
-
- // Override this method to change how the region finds the
- // DOM element that it manages. Return a jQuery selector object.
- getEl: function(el) {
- return Backbone.$(el);
- },
-
- // Override this method to change how the new view is
- // appended to the `$el` that the region is managing
- attachHtml: function(view) {
- // empty the node and append new view
- this.el.innerHTML='';
- this.el.appendChild(view.el);
- },
-
- // Destroy the current view, if there is one. If there is no
- // current view, it does nothing and returns immediately.
- empty: function() {
- var view = this.currentView;
- if (!view || view.isDestroyed) { return; }
-
- this.triggerMethod('before:empty', view);
-
- // call 'destroy' or 'remove', depending on which is found
- if (view.destroy) { view.destroy(); }
- else if (view.remove) { view.remove(); }
-
- this.triggerMethod('empty', view);
-
- delete this.currentView;
- },
-
- // Attach an existing view to the region. This
- // will not call `render` or `onShow` for the new view,
- // and will not replace the current HTML for the `el`
- // of the region.
- attachView: function(view) {
- this.currentView = view;
- },
-
- // Reset the region by destroying any existing view and
- // clearing out the cached `$el`. The next time a view
- // is shown via this region, the region will re-query the
- // DOM for the region's `el`.
- reset: function() {
- this.empty();
-
- if (this.$el) {
- this.el = this.$el.selector;
- }
-
- delete this.$el;
- },
-
- // Proxy `getOption` to enable getting options from this or this.options by name.
- getOption: Marionette.proxyGetOption,
-
- // import the `triggerMethod` to trigger events with corresponding
- // methods if the method exists
- triggerMethod: Marionette.triggerMethod
- });
-
- // Copy the `extend` function used by Backbone's classes
- Marionette.Region.extend = Marionette.extend;
-
- // Marionette.RegionManager
- // ------------------------
- //
- // Manage one or more related `Marionette.Region` objects.
- Marionette.RegionManager = (function(Marionette) {
-
- var RegionManager = Marionette.Controller.extend({
- constructor: function(options) {
- this._regions = {};
- Marionette.Controller.call(this, options);
- },
-
- // Add multiple regions using an object literal, where
- // each key becomes the region name, and each value is
- // the region definition.
- addRegions: function(regionDefinitions, defaults) {
- var regions = {};
-
- _.each(regionDefinitions, function(definition, name) {
- if (_.isString(definition)) {
- definition = {selector: definition};
- }
-
- if (definition.selector) {
- definition = _.defaults({}, definition, defaults);
- }
-
- var region = this.addRegion(name, definition);
- regions[name] = region;
- }, this);
-
- return regions;
- },
-
- // Add an individual region to the region manager,
- // and return the region instance
- addRegion: function(name, definition) {
- var region;
-
- var isObject = _.isObject(definition);
- var isString = _.isString(definition);
- var hasSelector = !!definition.selector;
-
- if (isString || (isObject && hasSelector)) {
- region = Marionette.Region.buildRegion(definition, Marionette.Region);
- } else if (_.isFunction(definition)) {
- region = Marionette.Region.buildRegion(definition, Marionette.Region);
- } else {
- region = definition;
- }
-
- this.triggerMethod('before:add:region', name, region);
-
- this._store(name, region);
-
- this.triggerMethod('add:region', name, region);
- return region;
- },
-
- // Get a region by name
- get: function(name) {
- return this._regions[name];
- },
-
- // Gets all the regions contained within
- // the `regionManager` instance.
- getRegions: function(){
- return _.clone(this._regions);
- },
-
- // Remove a region by name
- removeRegion: function(name) {
- var region = this._regions[name];
- this._remove(name, region);
- },
-
- // Empty all regions in the region manager, and
- // remove them
- removeRegions: function() {
- _.each(this._regions, function(region, name) {
- this._remove(name, region);
- }, this);
- },
-
- // Empty all regions in the region manager, but
- // leave them attached
- emptyRegions: function() {
- _.each(this._regions, function(region) {
- region.empty();
- }, this);
- },
-
- // Destroy all regions and shut down the region
- // manager entirely
- destroy: function() {
- this.removeRegions();
- Marionette.Controller.prototype.destroy.apply(this, arguments);
- },
-
- // internal method to store regions
- _store: function(name, region) {
- this._regions[name] = region;
- this._setLength();
- },
-
- // internal method to remove a region
- _remove: function(name, region) {
- this.triggerMethod('before:remove:region', name, region);
- region.empty();
- region.stopListening();
- delete this._regions[name];
- this._setLength();
- this.triggerMethod('remove:region', name, region);
- },
-
- // set the number of regions current held
- _setLength: function() {
- this.length = _.size(this._regions);
- }
-
- });
-
- Marionette.actAsCollection(RegionManager.prototype, '_regions');
-
- return RegionManager;
- })(Marionette);
-
-
- // Template Cache
- // --------------
-
- // Manage templates stored in `<script>` blocks,
- // caching them for faster access.
- Marionette.TemplateCache = function(templateId) {
- this.templateId = templateId;
- };
-
- // TemplateCache object-level methods. Manage the template
- // caches from these method calls instead of creating
- // your own TemplateCache instances
- _.extend(Marionette.TemplateCache, {
- templateCaches: {},
-
- // Get the specified template by id. Either
- // retrieves the cached version, or loads it
- // from the DOM.
- get: function(templateId) {
- var cachedTemplate = this.templateCaches[templateId];
-
- if (!cachedTemplate) {
- cachedTemplate = new Marionette.TemplateCache(templateId);
- this.templateCaches[templateId] = cachedTemplate;
- }
-
- return cachedTemplate.load();
- },
-
- // Clear templates from the cache. If no arguments
- // are specified, clears all templates:
- // `clear()`
- //
- // If arguments are specified, clears each of the
- // specified templates from the cache:
- // `clear("#t1", "#t2", "...")`
- clear: function() {
- var i;
- var args = slice.call(arguments);
- var length = args.length;
-
- if (length > 0) {
- for (i = 0; i < length; i++) {
- delete this.templateCaches[args[i]];
- }
- } else {
- this.templateCaches = {};
- }
- }
- });
-
- // TemplateCache instance methods, allowing each
- // template cache object to manage its own state
- // and know whether or not it has been loaded
- _.extend(Marionette.TemplateCache.prototype, {
-
- // Internal method to load the template
- load: function() {
- // Guard clause to prevent loading this template more than once
- if (this.compiledTemplate) {
- return this.compiledTemplate;
- }
-
- // Load the template and compile it
- var template = this.loadTemplate(this.templateId);
- this.compiledTemplate = this.compileTemplate(template);
-
- return this.compiledTemplate;
- },
-
- // Load a template from the DOM, by default. Override
- // this method to provide your own template retrieval
- // For asynchronous loading with AMD/RequireJS, consider
- // using a template-loader plugin as described here:
- // https://github.com/marionettejs/backbone.marionette/wiki/Using-marionette-with-requirejs
- loadTemplate: function(templateId) {
- var template = Backbone.$(templateId).html();
-
- if (!template || template.length === 0) {
- throwError('Could not find template: "' + templateId + '"', 'NoTemplateError');
- }
-
- return template;
- },
-
- // Pre-compile the template before caching it. Override
- // this method if you do not need to pre-compile a template
- // (JST / RequireJS for example) or if you want to change
- // the template engine used (Handebars, etc).
- compileTemplate: function(rawTemplate) {
- return _.template(rawTemplate);
- }
- });
-
- // Renderer
- // --------
-
- // Render a template with data by passing in the template
- // selector and the data to render.
- Marionette.Renderer = {
-
- // Render a template with data. The `template` parameter is
- // passed to the `TemplateCache` object to retrieve the
- // template function. Override this method to provide your own
- // custom rendering and template handling for all of Marionette.
- render: function(template, data) {
- if (!template) {
- throwError('Cannot render the template since its false, null or undefined.',
- 'TemplateNotFoundError');
- }
-
- var templateFunc;
- if (typeof template === 'function') {
- templateFunc = template;
- } else {
- templateFunc = Marionette.TemplateCache.get(template);
- }
-
- return templateFunc(data);
- }
- };
-
-
- /* jshint maxlen: 114, nonew: false */
- // Marionette.View
- // ---------------
-
- // The core view class that other Marionette views extend from.
- Marionette.View = Backbone.View.extend({
-
- constructor: function(options) {
- _.bindAll(this, 'render');
-
- // this exposes view options to the view initializer
- // this is a backfill since backbone removed the assignment
- // of this.options
- // at some point however this may be removed
- this.options = _.extend({}, _.result(this, 'options'), _.isFunction(options) ? options.call(this) : options);
- // parses out the @ui DSL for events
- this.events = this.normalizeUIKeys(_.result(this, 'events'));
-
- if (_.isObject(this.behaviors)) {
- new Marionette.Behaviors(this);
- }
-
- Backbone.View.apply(this, arguments);
-
- Marionette.MonitorDOMRefresh(this);
- this.listenTo(this, 'show', this.onShowCalled);
- },
-
- // Get the template for this view
- // instance. You can set a `template` attribute in the view
- // definition or pass a `template: "whatever"` parameter in
- // to the constructor options.
- getTemplate: function() {
- return this.getOption('template');
- },
-
- // Mix in template helper methods. Looks for a
- // `templateHelpers` attribute, which can either be an
- // object literal, or a function that returns an object
- // literal. All methods and attributes from this object
- // are copies to the object passed in.
- mixinTemplateHelpers: function(target) {
- target = target || {};
- var templateHelpers = this.getOption('templateHelpers');
- if (_.isFunction(templateHelpers)) {
- templateHelpers = templateHelpers.call(this);
- }
- return _.extend(target, templateHelpers);
- },
-
-
- normalizeUIKeys: function(hash) {
- var ui = _.result(this, 'ui');
- var uiBindings = _.result(this, '_uiBindings');
- return Marionette.normalizeUIKeys(hash, uiBindings || ui);
- },
-
- // Configure `triggers` to forward DOM events to view
- // events. `triggers: {"click .foo": "do:foo"}`
- configureTriggers: function() {
- if (!this.triggers) { return; }
-
- var triggerEvents = {};
-
- // Allow `triggers` to be configured as a function
- var triggers = this.normalizeUIKeys(_.result(this, 'triggers'));
-
- // Configure the triggers, prevent default
- // action and stop propagation of DOM events
- _.each(triggers, function(value, key) {
-
- var hasOptions = _.isObject(value);
- var eventName = hasOptions ? value.event : value;
-
- // build the event handler function for the DOM event
- triggerEvents[key] = function(e) {
-
- // stop the event in its tracks
- if (e) {
- var prevent = e.preventDefault;
- var stop = e.stopPropagation;
-
- var shouldPrevent = hasOptions ? value.preventDefault : prevent;
- var shouldStop = hasOptions ? value.stopPropagation : stop;
-
- if (shouldPrevent && prevent) { prevent.apply(e); }
- if (shouldStop && stop) { stop.apply(e); }
- }
-
- // build the args for the event
- var args = {
- view: this,
- model: this.model,
- collection: this.collection
- };
-
- // trigger the event
- this.triggerMethod(eventName, args);
- };
-
- }, this);
-
- return triggerEvents;
- },
-
- // Overriding Backbone.View's delegateEvents to handle
- // the `triggers`, `modelEvents`, and `collectionEvents` configuration
- delegateEvents: function(events) {
- this._delegateDOMEvents(events);
- this.bindEntityEvents(this.model, this.getOption('modelEvents'));
- this.bindEntityEvents(this.collection, this.getOption('collectionEvents'));
- },
-
- // internal method to delegate DOM events and triggers
- _delegateDOMEvents: function(events) {
- events = events || this.events;
- if (_.isFunction(events)) { events = events.call(this); }
-
- // normalize ui keys
- events = this.normalizeUIKeys(events);
-
- var combinedEvents = {};
-
- // look up if this view has behavior events
- var behaviorEvents = _.result(this, 'behaviorEvents') || {};
- var triggers = this.configureTriggers();
-
- // behavior events will be overriden by view events and or triggers
- _.extend(combinedEvents, behaviorEvents, events, triggers);
-
- Backbone.View.prototype.delegateEvents.call(this, combinedEvents);
- },
-
- // Overriding Backbone.View's undelegateEvents to handle unbinding
- // the `triggers`, `modelEvents`, and `collectionEvents` config
- undelegateEvents: function() {
- var args = Array.prototype.slice.call(arguments);
- Backbone.View.prototype.undelegateEvents.apply(this, args);
- this.unbindEntityEvents(this.model, this.getOption('modelEvents'));
- this.unbindEntityEvents(this.collection, this.getOption('collectionEvents'));
- },
-
- // Internal method, handles the `show` event.
- onShowCalled: function() {},
-
- // Internal helper method to verify whether the view hasn't been destroyed
- _ensureViewIsIntact: function() {
- if (this.isDestroyed) {
- var err = new Error('Cannot use a view thats already been destroyed.');
- err.name = 'ViewDestroyedError';
- throw err;
- }
- },
-
- // Default `destroy` implementation, for removing a view from the
- // DOM and unbinding it. Regions will call this method
- // for you. You can specify an `onDestroy` method in your view to
- // add custom code that is called after the view is destroyed.
- destroy: function() {
- if (this.isDestroyed) { return; }
-
- var args = Array.prototype.slice.call(arguments);
-
- this.triggerMethod.apply(this, ['before:destroy'].concat(args));
-
- // mark as destroyed before doing the actual destroy, to
- // prevent infinite loops within "destroy" event handlers
- // that are trying to destroy other views
- this.isDestroyed = true;
- this.triggerMethod.apply(this, ['destroy'].concat(args));
-
- // unbind UI elements
- this.unbindUIElements();
-
- // remove the view from the DOM
- this.remove();
- },
-
- // This method binds the elements specified in the "ui" hash inside the view's code with
- // the associated jQuery selectors.
- bindUIElements: function() {
- if (!this.ui) { return; }
-
- // store the ui hash in _uiBindings so they can be reset later
- // and so re-rendering the view will be able to find the bindings
- if (!this._uiBindings) {
- this._uiBindings = this.ui;
- }
-
- // get the bindings result, as a function or otherwise
- var bindings = _.result(this, '_uiBindings');
-
- // empty the ui so we don't have anything to start with
- this.ui = {};
-
- // bind each of the selectors
- _.each(_.keys(bindings), function(key) {
- var selector = bindings[key];
- this.ui[key] = this.$(selector);
- }, this);
- },
-
- // This method unbinds the elements specified in the "ui" hash
- unbindUIElements: function() {
- if (!this.ui || !this._uiBindings) { return; }
-
- // delete all of the existing ui bindings
- _.each(this.ui, function($el, name) {
- delete this.ui[name];
- }, this);
-
- // reset the ui element to the original bindings configuration
- this.ui = this._uiBindings;
- delete this._uiBindings;
- },
-
- // import the `triggerMethod` to trigger events with corresponding
- // methods if the method exists
- triggerMethod: Marionette.triggerMethod,
-
- // Imports the "normalizeMethods" to transform hashes of
- // events=>function references/names to a hash of events=>function references
- normalizeMethods: Marionette.normalizeMethods,
-
- // Proxy `getOption` to enable getting options from this or this.options by name.
- getOption: Marionette.proxyGetOption,
-
- // Proxy `unbindEntityEvents` to enable binding view's events from another entity.
- bindEntityEvents: Marionette.proxyBindEntityEvents,
-
- // Proxy `unbindEntityEvents` to enable unbinding view's events from another entity.
- unbindEntityEvents: Marionette.proxyUnbindEntityEvents
- });
-
- // Item View
- // ---------
-
- // A single item view implementation that contains code for rendering
- // with underscore.js templates, serializing the view's model or collection,
- // and calling several methods on extended views, such as `onRender`.
- Marionette.ItemView = Marionette.View.extend({
-
- // Setting up the inheritance chain which allows changes to
- // Marionette.View.prototype.constructor which allows overriding
- constructor: function() {
- Marionette.View.apply(this, arguments);
- },
-
- // Serialize the model or collection for the view. If a model is
- // found, `.toJSON()` is called. If a collection is found, `.toJSON()`
- // is also called, but is used to populate an `items` array in the
- // resulting data. If both are found, defaults to the model.
- // You can override the `serializeData` method in your own view
- // definition, to provide custom serialization for your view's data.
- serializeData: function() {
- var data = {};
-
- if (this.model) {
- data = this.model.toJSON();
- }
- else if (this.collection) {
- data = {items: this.collection.toJSON()};
- }
-
- return data;
- },
-
- // Render the view, defaulting to underscore.js templates.
- // You can override this in your view definition to provide
- // a very specific rendering for your view. In general, though,
- // you should override the `Marionette.Renderer` object to
- // change how Marionette renders views.
- render: function() {
- this._ensureViewIsIntact();
-
- this.triggerMethod('before:render', this);
-
- var data = this.serializeData();
- data = this.mixinTemplateHelpers(data);
-
- var template = this.getTemplate();
- var html = Marionette.Renderer.render(template, data);
- this.attachElContent(html);
- this.bindUIElements();
-
- this.triggerMethod('render', this);
-
- return this;
- },
-
- // Attaches the content of a given view.
- // This method can be overriden to optimize rendering,
- // or to render in a non standard way.
- //
- // For example, using `innerHTML` instead of `$el.html`
- //
- // ```js
- // attachElContent: function(html) {
- // this.el.innerHTML = html;
- // return this;
- // }
- // ```
- attachElContent: function(html) {
- this.$el.html(html);
-
- return this;
- },
-
- // Override the default destroy event to add a few
- // more events that are triggered.
- destroy: function() {
- if (this.isDestroyed) { return; }
-
- Marionette.View.prototype.destroy.apply(this, arguments);
- }
- });
-
- /* jshint maxstatements: 14 */
-
- // Collection View
- // ---------------
-
- // A view that iterates over a Backbone.Collection
- // and renders an individual child view for each model.
- Marionette.CollectionView = Marionette.View.extend({
-
- // used as the prefix for child view events
- // that are forwarded through the collectionview
- childViewEventPrefix: 'childview',
-
- // constructor
- // option to pass `{sort: false}` to prevent the `CollectionView` from
- // maintaining the sorted order of the collection.
- // This will fallback onto appending childView's to the end.
- constructor: function(options){
- var initOptions = options || {};
- this.sort = _.isUndefined(initOptions.sort) ? true : initOptions.sort;
-
- this._initChildViewStorage();
-
- Marionette.View.apply(this, arguments);
-
- this._initialEvents();
- this.initRenderBuffer();
- },
-
- // Instead of inserting elements one by one into the page,
- // it's much more performant to insert elements into a document
- // fragment and then insert that document fragment into the page
- initRenderBuffer: function() {
- this.elBuffer = document.createDocumentFragment();
- this._bufferedChildren = [];
- },
-
- startBuffering: function() {
- this.initRenderBuffer();
- this.isBuffering = true;
- },
-
- endBuffering: function() {
- this.isBuffering = false;
- this._triggerBeforeShowBufferedChildren();
- this.attachBuffer(this, this.elBuffer);
- this._triggerShowBufferedChildren();
- this.initRenderBuffer();
- },
-
- _triggerBeforeShowBufferedChildren: function() {
- if (this._isShown) {
- _.invoke(this._bufferedChildren, 'triggerMethod', 'before:show');
- }
- },
-
- _triggerShowBufferedChildren: function() {
- if (this._isShown) {
- _.each(this._bufferedChildren, function (child) {
- if (_.isFunction(child.triggerMethod)) {
- child.triggerMethod('show');
- } else {
- Marionette.triggerMethod.call(child, 'show');
- }
- });
- this._bufferedChildren = [];
- }
- },
-
- // Configured the initial events that the collection view
- // binds to.
- _initialEvents: function() {
- if (this.collection) {
- this.listenTo(this.collection, 'add', this._onCollectionAdd);
- this.listenTo(this.collection, 'remove', this._onCollectionRemove);
- this.listenTo(this.collection, 'reset', this.render);
-
- if (this.sort) {
- this.listenTo(this.collection, 'sort', this._sortViews);
- }
- }
- },
-
- // Handle a child added to the collection
- _onCollectionAdd: function(child, collection, options) {
- this.destroyEmptyView();
- var ChildView = this.getChildView(child);
- var index = this.collection.indexOf(child);
- this.addChild(child, ChildView, index);
- },
-
- // get the child view by model it holds, and remove it
- _onCollectionRemove: function(model) {
- var view = this.children.findByModel(model);
- this.removeChildView(view);
- this.checkEmpty();
- },
-
- // Override from `Marionette.View` to trigger show on child views
- onShowCalled: function(){
- this.children.each(function(child){
- if (_.isFunction(child.triggerMethod)) {
- child.triggerMethod('show');
- } else {
- Marionette.triggerMethod.call(child, 'show');
- }
- });
- },
-
- // Render children views. Override this method to
- // provide your own implementation of a render function for
- // the collection view.
- render: function() {
- this._ensureViewIsIntact();
- this.triggerMethod('before:render', this);
- this._renderChildren();
- this.triggerMethod('render', this);
- return this;
- },
-
- // Internal method. This checks for any changes in the order of the collection.
- // If the index of any view doesn't match, it will render.
- _sortViews: function(){
- // check for any changes in sort order of views
- var orderChanged = this.collection.find(function(item, index){
- var view = this.children.findByModel(item);
- return view && view._index !== index;
- }, this);
-
- if (orderChanged) {
- this.render();
- }
- },
-
- // Internal method. Separated so that CompositeView can have
- // more control over events being triggered, around the rendering
- // process
- _renderChildren: function() {
- this.startBuffering();
-
- this.destroyEmptyView();
- this.destroyChildren();
-
- if (!this.isEmpty(this.collection)) {
- this.triggerMethod('before:render:collection', this);
- this.showCollection();
- this.triggerMethod('render:collection', this);
- } else {
- this.showEmptyView();
- }
-
- this.endBuffering();
- },
-
- // Internal method to loop through collection and show each child view.
- showCollection: function() {
- var ChildView;
- this.collection.each(function(child, index) {
- ChildView = this.getChildView(child);
- this.addChild(child, ChildView, index);
- }, this);
- },
-
- // Internal method to show an empty view in place of
- // a collection of child views, when the collection is empty
- showEmptyView: function() {
- var EmptyView = this.getEmptyView();
-
- if (EmptyView && !this._showingEmptyView) {
- this.triggerMethod('before:render:empty');
-
- this._showingEmptyView = true;
- var model = new Backbone.Model();
- this.addEmptyView(model, EmptyView);
-
- this.triggerMethod('render:empty');
- }
- },
-
- // Internal method to destroy an existing emptyView instance
- // if one exists. Called when a collection view has been
- // rendered empty, and then a child is added to the collection.
- destroyEmptyView: function() {
- if (this._showingEmptyView) {
- this.destroyChildren();
- delete this._showingEmptyView;
- }
- },
-
- // Retrieve the empty view class
- getEmptyView: function() {
- return this.getOption('emptyView');
- },
-
- // Render and show the emptyView. Similar to addChild method
- // but "child:added" events are not fired, and the event from
- // emptyView are not forwarded
- addEmptyView: function(child, EmptyView){
-
- // get the emptyViewOptions, falling back to childViewOptions
- var emptyViewOptions = this.getOption('emptyViewOptions') ||
- this.getOption('childViewOptions');
-
- if (_.isFunction(emptyViewOptions)){
- emptyViewOptions = emptyViewOptions.call(this);
- }
-
- // build the empty view
- var view = this.buildChildView(child, EmptyView, emptyViewOptions);
-
- // trigger the 'before:show' event on `view` if the collection view
- // has already been shown
- if (this._isShown){
- this.triggerMethod.call(view, 'before:show');
- }
-
- // Store the `emptyView` like a `childView` so we can properly
- // remove and/or close it later
- this.children.add(view);
-
- // Render it and show it
- this.renderChildView(view, -1);
-
- // call the 'show' method if the collection view
- // has already been shown
- if (this._isShown){
- this.triggerMethod.call(view, 'show');
- }
- },
-
- // Retrieve the childView class, either from `this.options.childView`
- // or from the `childView` in the object definition. The "options"
- // takes precedence.
- getChildView: function(child) {
- var childView = this.getOption('childView');
-
- if (!childView) {
- throwError('A "childView" must be specified', 'NoChildViewError');
- }
-
- return childView;
- },
-
- // Render the child's view and add it to the
- // HTML for the collection view at a given index.
- // This will also update the indices of later views in the collection
- // in order to keep the children in sync with the collection.
- addChild: function(child, ChildView, index) {
- var childViewOptions = this.getOption('childViewOptions');
- if (_.isFunction(childViewOptions)) {
- childViewOptions = childViewOptions.call(this, child, index);
- }
-
- var view = this.buildChildView(child, ChildView, childViewOptions);
-
- // increment indices of views after this one
- this._updateIndices(view, true, index);
-
- this._addChildView(view, index);
-
- return view;
- },
-
- // Internal method. This decrements or increments the indices of views after the
- // added/removed view to keep in sync with the collection.
- _updateIndices: function(view, increment, index) {
- if (!this.sort) {
- return;
- }
-
- if (increment) {
- // assign the index to the view
- view._index = index;
-
- // increment the index of views after this one
- this.children.each(function (laterView) {
- if (laterView._index >= view._index) {
- laterView._index++;
- }
- });
- }
- else {
- // decrement the index of views after this one
- this.children.each(function (laterView) {
- if (laterView._index >= view._index) {
- laterView._index--;
- }
- });
- }
- },
-
-
- // Internal Method. Add the view to children and render it at
- // the given index.
- _addChildView: function(view, index) {
- // set up the child view event forwarding
- this.proxyChildEvents(view);
-
- this.triggerMethod('before:add:child', view);
-
- // Store the child view itself so we can properly
- // remove and/or destroy it later
- this.children.add(view);
- this.renderChildView(view, index);
-
- if (this._isShown && !this.isBuffering){
- if (_.isFunction(view.triggerMethod)) {
- view.triggerMethod('show');
- } else {
- Marionette.triggerMethod.call(view, 'show');
- }
- }
-
- this.triggerMethod('add:child', view);
- },
-
- // render the child view
- renderChildView: function(view, index) {
- view.render();
- this.attachHtml(this, view, index);
- },
-
- // Build a `childView` for a model in the collection.
- buildChildView: function(child, ChildViewClass, childViewOptions) {
- var options = _.extend({model: child}, childViewOptions);
- return new ChildViewClass(options);
- },
-
- // Remove the child view and destroy it.
- // This function also updates the indices of
- // later views in the collection in order to keep
- // the children in sync with the collection.
- removeChildView: function(view) {
-
- if (view) {
- this.triggerMethod('before:remove:child', view);
- // call 'destroy' or 'remove', depending on which is found
- if (view.destroy) { view.destroy(); }
- else if (view.remove) { view.remove(); }
-
- this.stopListening(view);
- this.children.remove(view);
- this.triggerMethod('remove:child', view);
-
- // decrement the index of views after this one
- this._updateIndices(view, false);
- }
-
- },
-
- // check if the collection is empty
- isEmpty: function(collection) {
- return !this.collection || this.collection.length === 0;
- },
-
- // If empty, show the empty view
- checkEmpty: function() {
- if (this.isEmpty(this.collection)) {
- this.showEmptyView();
- }
- },
-
- // You might need to override this if you've overridden attachHtml
- attachBuffer: function(collectionView, buffer) {
- collectionView.$el.append(buffer);
- },
-
- // Append the HTML to the collection's `el`.
- // Override this method to do something other
- // than `.append`.
- attachHtml: function(collectionView, childView, index) {
- if (collectionView.isBuffering) {
- // buffering happens on reset events and initial renders
- // in order to reduce the number of inserts into the
- // document, which are expensive.
- collectionView.elBuffer.appendChild(childView.el);
- collectionView._bufferedChildren.push(childView);
- }
- else {
- // If we've already rendered the main collection, append
- // the new child into the correct order if we need to. Otherwise
- // append to the end.
- if (!collectionView._insertBefore(childView, index)){
- collectionView._insertAfter(childView);
- }
- }
- },
-
- // Internal method. Check whether we need to insert the view into
- // the correct position.
- _insertBefore: function(childView, index) {
- var currentView;
- var findPosition = this.sort && (index < this.children.length - 1);
- if (findPosition) {
- // Find the view after this one
- currentView = this.children.find(function (view) {
- return view._index === index + 1;
- });
- }
-
- if (currentView) {
- currentView.$el.before(childView.el);
- return true;
- }
-
- return false;
- },
-
- // Internal method. Append a view to the end of the $el
- _insertAfter: function(childView) {
- this.$el.append(childView.el);
- },
-
- // Internal method to set up the `children` object for
- // storing all of the child views
- _initChildViewStorage: function() {
- this.children = new Backbone.ChildViewContainer();
- },
-
- // Handle cleanup and other destroying needs for the collection of views
- destroy: function() {
- if (this.isDestroyed) { return; }
-
- this.triggerMethod('before:destroy:collection');
- this.destroyChildren();
- this.triggerMethod('destroy:collection');
-
- Marionette.View.prototype.destroy.apply(this, arguments);
- },
-
- // Destroy the child views that this collection view
- // is holding on to, if any
- destroyChildren: function() {
- this.children.each(this.removeChildView, this);
- this.checkEmpty();
- },
-
- // Set up the child view event forwarding. Uses a "childview:"
- // prefix in front of all forwarded events.
- proxyChildEvents: function(view) {
- var prefix = this.getOption('childViewEventPrefix');
-
- // Forward all child view events through the parent,
- // prepending "childview:" to the event name
- this.listenTo(view, 'all', function() {
- var args = Array.prototype.slice.call(arguments);
- var rootEvent = args[0];
- var childEvents = this.normalizeMethods(_.result(this, 'childEvents'));
-
- args[0] = prefix + ':' + rootEvent;
- args.splice(1, 0, view);
-
- // call collectionView childEvent if defined
- if (typeof childEvents !== 'undefined' && _.isFunction(childEvents[rootEvent])) {
- childEvents[rootEvent].apply(this, args.slice(1));
- }
-
- this.triggerMethod.apply(this, args);
- }, this);
- }
- });
-
- /* jshint maxstatements: 17, maxlen: 117 */
-
- // Composite View
- // --------------
-
- // Used for rendering a branch-leaf, hierarchical structure.
- // Extends directly from CollectionView and also renders an
- // a child view as `modelView`, for the top leaf
- Marionette.CompositeView = Marionette.CollectionView.extend({
-
- // Setting up the inheritance chain which allows changes to
- // Marionette.CollectionView.prototype.constructor which allows overriding
- // option to pass '{sort: false}' to prevent the CompositeView from
- // maintaining the sorted order of the collection.
- // This will fallback onto appending childView's to the end.
- constructor: function() {
- Marionette.CollectionView.apply(this, arguments);
- },
-
- // Configured the initial events that the composite view
- // binds to. Override this method to prevent the initial
- // events, or to add your own initial events.
- _initialEvents: function() {
-
- // Bind only after composite view is rendered to avoid adding child views
- // to nonexistent childViewContainer
- this.once('render', function() {
- if (this.collection) {
- this.listenTo(this.collection, 'add', this._onCollectionAdd);
- this.listenTo(this.collection, 'remove', this._onCollectionRemove);
- this.listenTo(this.collection, 'reset', this._renderChildren);
-
- if (this.sort) {
- this.listenTo(this.collection, 'sort', this._sortViews);
- }
- }
- });
-
- },
-
- // Retrieve the `childView` to be used when rendering each of
- // the items in the collection. The default is to return
- // `this.childView` or Marionette.CompositeView if no `childView`
- // has been defined
- getChildView: function(child) {
- var childView = this.getOption('childView') || this.constructor;
-
- if (!childView) {
- throwError('A "childView" must be specified', 'NoChildViewError');
- }
-
- return childView;
- },
-
- // Serialize the collection for the view.
- // You can override the `serializeData` method in your own view
- // definition, to provide custom serialization for your view's data.
- serializeData: function() {
- var data = {};
-
- if (this.model) {
- data = this.model.toJSON();
- }
-
- return data;
- },
-
- // Renders the model once, and the collection once. Calling
- // this again will tell the model's view to re-render itself
- // but the collection will not re-render.
- render: function() {
- this._ensureViewIsIntact();
- this.isRendered = true;
- this.resetChildViewContainer();
-
- this.triggerMethod('before:render', this);
-
- this._renderRoot();
- this._renderChildren();
-
- this.triggerMethod('render', this);
- return this;
- },
-
- _renderChildren: function() {
- if (this.isRendered) {
- Marionette.CollectionView.prototype._renderChildren.call(this);
- }
- },
-
- // Render the root template that the children
- // views are appended to
- _renderRoot: function() {
- var data = {};
- data = this.serializeData();
- data = this.mixinTemplateHelpers(data);
-
- this.triggerMethod('before:render:template');
-
- var template = this.getTemplate();
- var html = Marionette.Renderer.render(template, data);
- this.attachElContent(html);
-
- // the ui bindings is done here and not at the end of render since they
- // will not be available until after the model is rendered, but should be
- // available before the collection is rendered.
- this.bindUIElements();
- this.triggerMethod('render:template');
- },
-
- // Attaches the content of the root.
- // This method can be overriden to optimize rendering,
- // or to render in a non standard way.
- //
- // For example, using `innerHTML` instead of `$el.html`
- //
- // ```js
- // attachElContent: function(html) {
- // this.el.innerHTML = html;
- // return this;
- // }
- // ```
- attachElContent: function(html) {
- this.$el.html(html);
-
- return this;
- },
-
- // You might need to override this if you've overridden attachHtml
- attachBuffer: function(compositeView, buffer) {
- var $container = this.getChildViewContainer(compositeView);
- $container.append(buffer);
- },
-
- // Internal method. Append a view to the end of the $el.
- // Overidden from CollectionView to ensure view is appended to
- // childViewContainer
- _insertAfter: function (childView) {
- var $container = this.getChildViewContainer(this);
- $container.append(childView.el);
- },
-
- // Internal method to ensure an `$childViewContainer` exists, for the
- // `attachHtml` method to use.
- getChildViewContainer: function(containerView) {
- if ('$childViewContainer' in containerView) {
- return containerView.$childViewContainer;
- }
-
- var container;
- var childViewContainer = Marionette.getOption(containerView, 'childViewContainer');
- if (childViewContainer) {
-
- var selector = _.isFunction(childViewContainer) ? childViewContainer.call(containerView) : childViewContainer;
-
- if (selector.charAt(0) === '@' && containerView.ui) {
- container = containerView.ui[selector.substr(4)];
- } else {
- container = containerView.$(selector);
- }
-
- if (container.length <= 0) {
- throwError('The specified "childViewContainer" was not found: ' +
- containerView.childViewContainer, 'ChildViewContainerMissingError');
- }
-
- } else {
- container = containerView.$el;
- }
-
- containerView.$childViewContainer = container;
- return container;
- },
-
- // Internal method to reset the `$childViewContainer` on render
- resetChildViewContainer: function() {
- if (this.$childViewContainer) {
- delete this.$childViewContainer;
- }
- }
- });
-
- // LayoutView
- // ----------
-
- // Used for managing application layoutViews, nested layoutViews and
- // multiple regions within an application or sub-application.
- //
- // A specialized view class that renders an area of HTML and then
- // attaches `Region` instances to the specified `regions`.
- // Used for composite view management and sub-application areas.
- Marionette.LayoutView = Marionette.ItemView.extend({
- regionClass: Marionette.Region,
-
- // Ensure the regions are available when the `initialize` method
- // is called.
- constructor: function(options) {
- options = options || {};
-
- this._firstRender = true;
- this._initializeRegions(options);
-
- Marionette.ItemView.call(this, options);
- },
-
- // LayoutView's render will use the existing region objects the
- // first time it is called. Subsequent calls will destroy the
- // views that the regions are showing and then reset the `el`
- // for the regions to the newly rendered DOM elements.
- render: function() {
- this._ensureViewIsIntact();
-
- if (this._firstRender) {
- // if this is the first render, don't do anything to
- // reset the regions
- this._firstRender = false;
- } else {
- // If this is not the first render call, then we need to
- // re-initialize the `el` for each region
- this._reInitializeRegions();
- }
-
- return Marionette.ItemView.prototype.render.apply(this, arguments);
- },
-
- // Handle destroying regions, and then destroy the view itself.
- destroy: function() {
- if (this.isDestroyed) { return; }
-
- this.regionManager.destroy();
- Marionette.ItemView.prototype.destroy.apply(this, arguments);
- },
-
- // Add a single region, by name, to the layoutView
- addRegion: function(name, definition) {
- this.triggerMethod('before:region:add', name);
- var regions = {};
- regions[name] = definition;
- return this._buildRegions(regions)[name];
- },
-
- // Add multiple regions as a {name: definition, name2: def2} object literal
- addRegions: function(regions) {
- this.regions = _.extend({}, this.regions, regions);
- return this._buildRegions(regions);
- },
-
- // Remove a single region from the LayoutView, by name
- removeRegion: function(name) {
- this.triggerMethod('before:region:remove', name);
- delete this.regions[name];
- return this.regionManager.removeRegion(name);
- },
-
- // Provides alternative access to regions
- // Accepts the region name
- // getRegion('main')
- getRegion: function(region) {
- return this.regionManager.get(region);
- },
-
- // Get all regions
- getRegions: function(){
- return this.regionManager.getRegions();
- },
-
- // internal method to build regions
- _buildRegions: function(regions) {
- var that = this;
-
- var defaults = {
- regionClass: this.getOption('regionClass'),
- parentEl: function() { return that.$el; }
- };
-
- return this.regionManager.addRegions(regions, defaults);
- },
-
- // Internal method to initialize the regions that have been defined in a
- // `regions` attribute on this layoutView.
- _initializeRegions: function(options) {
- var regions;
- this._initRegionManager();
-
- if (_.isFunction(this.regions)) {
- regions = this.regions(options);
- } else {
- regions = this.regions || {};
- }
-
- // Enable users to define `regions` as instance options.
- var regionOptions = this.getOption.call(options, 'regions');
-
- // enable region options to be a function
- if (_.isFunction(regionOptions)) {
- regionOptions = regionOptions.call(this, options);
- }
-
- _.extend(regions, regionOptions);
-
- this.addRegions(regions);
- },
-
- // Internal method to re-initialize all of the regions by updating the `el` that
- // they point to
- _reInitializeRegions: function() {
- this.regionManager.emptyRegions();
- this.regionManager.each(function(region) {
- region.reset();
- });
- },
-
- // Enable easy overiding of the default `RegionManager`
- // for customized region interactions and buisness specific
- // view logic for better control over single regions.
- getRegionManager: function() {
- return new Marionette.RegionManager();
- },
-
- // Internal method to initialize the region manager
- // and all regions in it
- _initRegionManager: function() {
- this.regionManager = this.getRegionManager();
-
- this.listenTo(this.regionManager, 'before:add:region', function(name) {
- this.triggerMethod('before:add:region', name);
- });
-
- this.listenTo(this.regionManager, 'add:region', function(name, region) {
- this[name] = region;
- this.triggerMethod('add:region', name, region);
- });
-
- this.listenTo(this.regionManager, 'before:remove:region', function(name) {
- this.triggerMethod('before:remove:region', name);
- });
-
- this.listenTo(this.regionManager, 'remove:region', function(name, region) {
- delete this[name];
- this.triggerMethod('remove:region', name, region);
- });
- }
- });
-
-
- // Behavior
- // -----------
-
- // A Behavior is an isolated set of DOM /
- // user interactions that can be mixed into any View.
- // Behaviors allow you to blackbox View specific interactions
- // into portable logical chunks, keeping your views simple and your code DRY.
-
- Marionette.Behavior = (function(_, Backbone) {
- function Behavior(options, view) {
- // Setup reference to the view.
- // this comes in handle when a behavior
- // wants to directly talk up the chain
- // to the view.
- this.view = view;
- this.defaults = _.result(this, 'defaults') || {};
- this.options = _.extend({}, this.defaults, options);
-
- // proxy behavior $ method to the view
- // this is useful for doing jquery DOM lookups
- // scoped to behaviors view.
- this.$ = function() {
- return this.view.$.apply(this.view, arguments);
- };
-
- // Call the initialize method passing
- // the arguments from the instance constructor
- this.initialize.apply(this, arguments);
- }
-
- _.extend(Behavior.prototype, Backbone.Events, {
- initialize: function() {},
-
- // stopListening to behavior `onListen` events.
- destroy: function() {
- this.stopListening();
- },
-
- // import the `triggerMethod` to trigger events with corresponding
- // methods if the method exists
- triggerMethod: Marionette.triggerMethod,
-
- // Proxy `getOption` to enable getting options from this or this.options by name.
- getOption: Marionette.proxyGetOption,
-
- // Proxy `unbindEntityEvents` to enable binding view's events from another entity.
- bindEntityEvents: Marionette.proxyBindEntityEvents,
-
- // Proxy `unbindEntityEvents` to enable unbinding view's events from another entity.
- unbindEntityEvents: Marionette.proxyUnbindEntityEvents
- });
-
- // Borrow Backbones extend implementation
- // this allows us to setup a proper
- // inheritence pattern that follow in suite
- // with the rest of Marionette views.
- Behavior.extend = Marionette.extend;
-
- return Behavior;
- })(_, Backbone);
-
- /* jshint maxlen: 143, nonew: false */
- // Marionette.Behaviors
- // --------
-
- // Behaviors is a utility class that takes care of
- // glueing your behavior instances to their given View.
- // The most important part of this class is that you
- // **MUST** override the class level behaviorsLookup
- // method for things to work properly.
-
- Marionette.Behaviors = (function(Marionette, _) {
-
- function Behaviors(view, behaviors) {
- // Behaviors defined on a view can be a flat object literal
- // or it can be a function that returns an object.
- behaviors = Behaviors.parseBehaviors(view, behaviors || _.result(view, 'behaviors'));
-
- // Wraps several of the view's methods
- // calling the methods first on each behavior
- // and then eventually calling the method on the view.
- Behaviors.wrap(view, behaviors, [
- 'bindUIElements', 'unbindUIElements',
- 'delegateEvents', 'undelegateEvents',
- 'behaviorEvents', 'triggerMethod',
- 'setElement', 'destroy'
- ]);
- }
-
- var methods = {
- setElement: function(setElement, behaviors) {
- setElement.apply(this, _.tail(arguments, 2));
-
- // proxy behavior $el to the view's $el.
- // This is needed because a view's $el proxy
- // is not set until after setElement is called.
- _.each(behaviors, function(b) {
- b.$el = this.$el;
- }, this);
- },
-
- destroy: function(destroy, behaviors) {
- var args = _.tail(arguments, 2);
- destroy.apply(this, args);
-
- // Call destroy on each behavior after
- // destroying the view.
- // This unbinds event listeners
- // that behaviors have registerd for.
- _.invoke(behaviors, 'destroy', args);
- },
-
- bindUIElements: function(bindUIElements, behaviors) {
- bindUIElements.apply(this);
- _.invoke(behaviors, bindUIElements);
- },
-
- unbindUIElements: function(unbindUIElements, behaviors) {
- unbindUIElements.apply(this);
- _.invoke(behaviors, unbindUIElements);
- },
-
- triggerMethod: function(triggerMethod, behaviors) {
- var args = _.tail(arguments, 2);
- triggerMethod.apply(this, args);
-
- _.each(behaviors, function(b) {
- triggerMethod.apply(b, args);
- });
- },
-
- delegateEvents: function(delegateEvents, behaviors) {
- var args = _.tail(arguments, 2);
- delegateEvents.apply(this, args);
-
- _.each(behaviors, function(b) {
- Marionette.bindEntityEvents(b, this.model, Marionette.getOption(b, 'modelEvents'));
- Marionette.bindEntityEvents(b, this.collection, Marionette.getOption(b, 'collectionEvents'));
- }, this);
- },
-
- undelegateEvents: function(undelegateEvents, behaviors) {
- var args = _.tail(arguments, 2);
- undelegateEvents.apply(this, args);
-
- _.each(behaviors, function(b) {
- Marionette.unbindEntityEvents(b, this.model, Marionette.getOption(b, 'modelEvents'));
- Marionette.unbindEntityEvents(b, this.collection, Marionette.getOption(b, 'collectionEvents'));
- }, this);
- },
-
- behaviorEvents: function(behaviorEvents, behaviors) {
- var _behaviorsEvents = {};
- var viewUI = _.result(this, 'ui');
-
- _.each(behaviors, function(b, i) {
- var _events = {};
- var behaviorEvents = _.clone(_.result(b, 'events')) || {};
- var behaviorUI = _.result(b, 'ui');
-
- // Construct an internal UI hash first using
- // the views UI hash and then the behaviors UI hash.
- // This allows the user to use UI hash elements
- // defined in the parent view as well as those
- // defined in the given behavior.
- var ui = _.extend({}, viewUI, behaviorUI);
-
- // Normalize behavior events hash to allow
- // a user to use the @ui. syntax.
- behaviorEvents = Marionette.normalizeUIKeys(behaviorEvents, ui);
-
- _.each(_.keys(behaviorEvents), function(key) {
- // Append white-space at the end of each key to prevent behavior key collisions.
- // This is relying on the fact that backbone events considers "click .foo" the same as
- // "click .foo ".
-
- // +2 is used because new Array(1) or 0 is "" and not " "
- var whitespace = (new Array(i + 2)).join(' ');
- var eventKey = key + whitespace;
- var handler = _.isFunction(behaviorEvents[key]) ? behaviorEvents[key] : b[behaviorEvents[key]];
-
- _events[eventKey] = _.bind(handler, b);
- });
-
- _behaviorsEvents = _.extend(_behaviorsEvents, _events);
- });
-
- return _behaviorsEvents;
- }
- };
-
- _.extend(Behaviors, {
-
- // Placeholder method to be extended by the user.
- // The method should define the object that stores the behaviors.
- // i.e.
- //
- // ```js
- // Marionette.Behaviors.behaviorsLookup: function() {
- // return App.Behaviors
- // }
- // ```
- behaviorsLookup: function() {
- throw new Error('You must define where your behaviors are stored.' +
- 'See https://github.com/marionettejs/backbone.marionette' +
- '/blob/master/docs/marionette.behaviors.md#behaviorslookup');
- },
-
- // Takes care of getting the behavior class
- // given options and a key.
- // If a user passes in options.behaviorClass
- // default to using that. Otherwise delegate
- // the lookup to the users `behaviorsLookup` implementation.
- getBehaviorClass: function(options, key) {
- if (options.behaviorClass) {
- return options.behaviorClass;
- }
-
- // Get behavior class can be either a flat object or a method
- return _.isFunction(Behaviors.behaviorsLookup) ? Behaviors.behaviorsLookup.apply(this, arguments)[key] : Behaviors.behaviorsLookup[key];
- },
-
- // Iterate over the behaviors object, for each behavior
- // instantiate it and get its grouped behaviors.
- parseBehaviors: function(view, behaviors) {
- return _.chain(behaviors).map(function(options, key) {
- var BehaviorClass = Behaviors.getBehaviorClass(options, key);
-
- var behavior = new BehaviorClass(options, view);
- var nestedBehaviors = Behaviors.parseBehaviors(view, _.result(behavior, 'behaviors'));
-
- return [behavior].concat(nestedBehaviors);
- }).flatten().value();
- },
-
- // Wrap view internal methods so that they delegate to behaviors. For example,
- // `onDestroy` should trigger destroy on all of the behaviors and then destroy itself.
- // i.e.
- //
- // `view.delegateEvents = _.partial(methods.delegateEvents, view.delegateEvents, behaviors);`
- wrap: function(view, behaviors, methodNames) {
- _.each(methodNames, function(methodName) {
- view[methodName] = _.partial(methods[methodName], view[methodName], behaviors);
- });
- }
- });
-
- return Behaviors;
-
- })(Marionette, _);
-
-
- // AppRouter
- // ---------
-
- // Reduce the boilerplate code of handling route events
- // and then calling a single method on another object.
- // Have your routers configured to call the method on
- // your object, directly.
- //
- // Configure an AppRouter with `appRoutes`.
- //
- // App routers can only take one `controller` object.
- // It is recommended that you divide your controller
- // objects in to smaller pieces of related functionality
- // and have multiple routers / controllers, instead of
- // just one giant router and controller.
- //
- // You can also add standard routes to an AppRouter.
-
- Marionette.AppRouter = Backbone.Router.extend({
-
- constructor: function(options) {
- Backbone.Router.apply(this, arguments);
-
- this.options = options || {};
-
- var appRoutes = this.getOption('appRoutes');
- var controller = this._getController();
- this.processAppRoutes(controller, appRoutes);
- this.on('route', this._processOnRoute, this);
- },
-
- // Similar to route method on a Backbone Router but
- // method is called on the controller
- appRoute: function(route, methodName) {
- var controller = this._getController();
- this._addAppRoute(controller, route, methodName);
- },
-
- // process the route event and trigger the onRoute
- // method call, if it exists
- _processOnRoute: function(routeName, routeArgs) {
- // find the path that matched
- var routePath = _.invert(this.appRoutes)[routeName];
-
- // make sure an onRoute is there, and call it
- if (_.isFunction(this.onRoute)) {
- this.onRoute(routeName, routePath, routeArgs);
- }
- },
-
- // Internal method to process the `appRoutes` for the
- // router, and turn them in to routes that trigger the
- // specified method on the specified `controller`.
- processAppRoutes: function(controller, appRoutes) {
- if (!appRoutes) { return; }
-
- var routeNames = _.keys(appRoutes).reverse(); // Backbone requires reverted order of routes
-
- _.each(routeNames, function(route) {
- this._addAppRoute(controller, route, appRoutes[route]);
- }, this);
- },
-
- _getController: function() {
- return this.getOption('controller');
- },
-
- _addAppRoute: function(controller, route, methodName) {
- var method = controller[methodName];
-
- if (!method) {
- throwError('Method "' + methodName + '" was not found on the controller');
- }
-
- this.route(route, methodName, _.bind(method, controller));
- },
-
- // Proxy `getOption` to enable getting options from this or this.options by name.
- getOption: Marionette.proxyGetOption
- });
-
- // Application
- // -----------
-
- // Contain and manage the composite application as a whole.
- // Stores and starts up `Region` objects, includes an
- // event aggregator as `app.vent`
- Marionette.Application = function(options) {
- this._initRegionManager();
- this._initCallbacks = new Marionette.Callbacks();
- var globalCh = Backbone.Wreqr.radio.channel('global');
- this.vent = globalCh.vent;
- this.commands = globalCh.commands;
- this.reqres = globalCh.reqres;
- this.submodules = {};
-
- _.extend(this, options);
- };
-
- _.extend(Marionette.Application.prototype, Backbone.Events, {
- // Command execution, facilitated by Backbone.Wreqr.Commands
- execute: function() {
- this.commands.execute.apply(this.commands, arguments);
- },
-
- // Request/response, facilitated by Backbone.Wreqr.RequestResponse
- request: function() {
- return this.reqres.request.apply(this.reqres, arguments);
- },
-
- // Add an initializer that is either run at when the `start`
- // method is called, or run immediately if added after `start`
- // has already been called.
- addInitializer: function(initializer) {
- this._initCallbacks.add(initializer);
- },
-
- // kick off all of the application's processes.
- // initializes all of the regions that have been added
- // to the app, and runs all of the initializer functions
- start: function(options) {
- this.triggerMethod('before:start', options);
- this._initCallbacks.run(options, this);
- this.triggerMethod('start', options);
- },
-
- // Add regions to your app.
- // Accepts a hash of named strings or Region objects
- // addRegions({something: "#someRegion"})
- // addRegions({something: Region.extend({el: "#someRegion"}) });
- addRegions: function(regions) {
- return this._regionManager.addRegions(regions);
- },
-
- // Empty all regions in the app, without removing them
- emptyRegions: function() {
- this._regionManager.emptyRegions();
- },
-
- // Removes a region from your app, by name
- // Accepts the regions name
- // removeRegion('myRegion')
- removeRegion: function(region) {
- this._regionManager.removeRegion(region);
- },
-
- // Provides alternative access to regions
- // Accepts the region name
- // getRegion('main')
- getRegion: function(region) {
- return this._regionManager.get(region);
- },
-
- // Get all the regions from the region manager
- getRegions: function(){
- return this._regionManager.getRegions();
- },
-
- // Create a module, attached to the application
- module: function(moduleNames, moduleDefinition) {
-
- // Overwrite the module class if the user specifies one
- var ModuleClass = Marionette.Module.getClass(moduleDefinition);
-
- // slice the args, and add this application object as the
- // first argument of the array
- var args = slice.call(arguments);
- args.unshift(this);
-
- // see the Marionette.Module object for more information
- return ModuleClass.create.apply(ModuleClass, args);
- },
-
- // Internal method to set up the region manager
- _initRegionManager: function() {
- this._regionManager = new Marionette.RegionManager();
-
- this.listenTo(this._regionManager, 'before:add:region', function(name) {
- this.triggerMethod('before:add:region', name);
- });
-
- this.listenTo(this._regionManager, 'add:region', function(name, region) {
- this[name] = region;
- this.triggerMethod('add:region', name, region);
- });
-
- this.listenTo(this._regionManager, 'before:remove:region', function(name) {
- this.triggerMethod('before:remove:region', name);
- });
-
- this.listenTo(this._regionManager, 'remove:region', function(name, region) {
- delete this[name];
- this.triggerMethod('remove:region', name, region);
- });
- },
-
- // import the `triggerMethod` to trigger events with corresponding
- // methods if the method exists
- triggerMethod: Marionette.triggerMethod
- });
-
- // Copy the `extend` function used by Backbone's classes
- Marionette.Application.extend = Marionette.extend;
-
- /* jshint maxparams: 9 */
-
- // Module
- // ------
-
- // A simple module system, used to create privacy and encapsulation in
- // Marionette applications
- Marionette.Module = function(moduleName, app, options) {
- this.moduleName = moduleName;
- this.options = _.extend({}, this.options, options);
- // Allow for a user to overide the initialize
- // for a given module instance.
- this.initialize = options.initialize || this.initialize;
-
- // Set up an internal store for sub-modules.
- this.submodules = {};
-
- this._setupInitializersAndFinalizers();
-
- // Set an internal reference to the app
- // within a module.
- this.app = app;
-
- // By default modules start with their parents.
- this.startWithParent = true;
-
- if (_.isFunction(this.initialize)) {
- this.initialize(moduleName, app, this.options);
- }
- };
-
- Marionette.Module.extend = Marionette.extend;
-
- // Extend the Module prototype with events / listenTo, so that the module
- // can be used as an event aggregator or pub/sub.
- _.extend(Marionette.Module.prototype, Backbone.Events, {
-
- // Initialize is an empty function by default. Override it with your own
- // initialization logic when extending Marionette.Module.
- initialize: function() {},
-
- // Initializer for a specific module. Initializers are run when the
- // module's `start` method is called.
- addInitializer: function(callback) {
- this._initializerCallbacks.add(callback);
- },
-
- // Finalizers are run when a module is stopped. They are used to teardown
- // and finalize any variables, references, events and other code that the
- // module had set up.
- addFinalizer: function(callback) {
- this._finalizerCallbacks.add(callback);
- },
-
- // Start the module, and run all of its initializers
- start: function(options) {
- // Prevent re-starting a module that is already started
- if (this._isInitialized) { return; }
-
- // start the sub-modules (depth-first hierarchy)
- _.each(this.submodules, function(mod) {
- // check to see if we should start the sub-module with this parent
- if (mod.startWithParent) {
- mod.start(options);
- }
- });
-
- // run the callbacks to "start" the current module
- this.triggerMethod('before:start', options);
-
- this._initializerCallbacks.run(options, this);
- this._isInitialized = true;
-
- this.triggerMethod('start', options);
- },
-
- // Stop this module by running its finalizers and then stop all of
- // the sub-modules for this module
- stop: function() {
- // if we are not initialized, don't bother finalizing
- if (!this._isInitialized) { return; }
- this._isInitialized = false;
-
- this.triggerMethod('before:stop');
-
- // stop the sub-modules; depth-first, to make sure the
- // sub-modules are stopped / finalized before parents
- _.each(this.submodules, function(mod) { mod.stop(); });
-
- // run the finalizers
- this._finalizerCallbacks.run(undefined, this);
-
- // reset the initializers and finalizers
- this._initializerCallbacks.reset();
- this._finalizerCallbacks.reset();
-
- this.triggerMethod('stop');
- },
-
- // Configure the module with a definition function and any custom args
- // that are to be passed in to the definition function
- addDefinition: function(moduleDefinition, customArgs) {
- this._runModuleDefinition(moduleDefinition, customArgs);
- },
-
- // Internal method: run the module definition function with the correct
- // arguments
- _runModuleDefinition: function(definition, customArgs) {
- // If there is no definition short circut the method.
- if (!definition) { return; }
-
- // build the correct list of arguments for the module definition
- var args = _.flatten([
- this,
- this.app,
- Backbone,
- Marionette,
- Backbone.$, _,
- customArgs
- ]);
-
- definition.apply(this, args);
- },
-
- // Internal method: set up new copies of initializers and finalizers.
- // Calling this method will wipe out all existing initializers and
- // finalizers.
- _setupInitializersAndFinalizers: function() {
- this._initializerCallbacks = new Marionette.Callbacks();
- this._finalizerCallbacks = new Marionette.Callbacks();
- },
-
- // import the `triggerMethod` to trigger events with corresponding
- // methods if the method exists
- triggerMethod: Marionette.triggerMethod
- });
-
- // Class methods to create modules
- _.extend(Marionette.Module, {
-
- // Create a module, hanging off the app parameter as the parent object.
- create: function(app, moduleNames, moduleDefinition) {
- var module = app;
-
- // get the custom args passed in after the module definition and
- // get rid of the module name and definition function
- var customArgs = slice.call(arguments);
- customArgs.splice(0, 3);
-
- // Split the module names and get the number of submodules.
- // i.e. an example module name of `Doge.Wow.Amaze` would
- // then have the potential for 3 module definitions.
- moduleNames = moduleNames.split('.');
- var length = moduleNames.length;
-
- // store the module definition for the last module in the chain
- var moduleDefinitions = [];
- moduleDefinitions[length - 1] = moduleDefinition;
-
- // Loop through all the parts of the module definition
- _.each(moduleNames, function(moduleName, i) {
- var parentModule = module;
- module = this._getModule(parentModule, moduleName, app, moduleDefinition);
- this._addModuleDefinition(parentModule, module, moduleDefinitions[i], customArgs);
- }, this);
-
- // Return the last module in the definition chain
- return module;
- },
-
- _getModule: function(parentModule, moduleName, app, def, args) {
- var options = _.extend({}, def);
- var ModuleClass = this.getClass(def);
-
- // Get an existing module of this name if we have one
- var module = parentModule[moduleName];
-
- if (!module) {
- // Create a new module if we don't have one
- module = new ModuleClass(moduleName, app, options);
- parentModule[moduleName] = module;
- // store the module on the parent
- parentModule.submodules[moduleName] = module;
- }
-
- return module;
- },
-
- // ## Module Classes
- //
- // Module classes can be used as an alternative to the define pattern.
- // The extend function of a Module is identical to the extend functions
- // on other Backbone and Marionette classes.
- // This allows module lifecyle events like `onStart` and `onStop` to be called directly.
- getClass: function(moduleDefinition) {
- var ModuleClass = Marionette.Module;
-
- if (!moduleDefinition) {
- return ModuleClass;
- }
-
- // If all of the module's functionality is defined inside its class,
- // then the class can be passed in directly. `MyApp.module("Foo", FooModule)`.
- if (moduleDefinition.prototype instanceof ModuleClass) {
- return moduleDefinition;
- }
-
- return moduleDefinition.moduleClass || ModuleClass;
- },
-
- // Add the module definition and add a startWithParent initializer function.
- // This is complicated because module definitions are heavily overloaded
- // and support an anonymous function, module class, or options object
- _addModuleDefinition: function(parentModule, module, def, args) {
- var fn = this._getDefine(def);
- var startWithParent = this._getStartWithParent(def, module);
-
- if (fn) {
- module.addDefinition(fn, args);
- }
-
- this._addStartWithParent(parentModule, module, startWithParent);
- },
-
- _getStartWithParent: function(def, module) {
- var swp;
-
- if (_.isFunction(def) && (def.prototype instanceof Marionette.Module)) {
- swp = module.constructor.prototype.startWithParent;
- return _.isUndefined(swp) ? true : swp;
- }
-
- if (_.isObject(def)) {
- swp = def.startWithParent;
- return _.isUndefined(swp) ? true : swp;
- }
-
- return true;
- },
-
- _getDefine: function(def) {
- if (_.isFunction(def) && !(def.prototype instanceof Marionette.Module)) {
- return def;
- }
-
- if (_.isObject(def)) {
- return def.define;
- }
-
- return null;
- },
-
- _addStartWithParent: function(parentModule, module, startWithParent) {
- module.startWithParent = module.startWithParent && startWithParent;
-
- if (!module.startWithParent || !!module.startWithParentIsConfigured) {
- return;
- }
-
- module.startWithParentIsConfigured = true;
-
- parentModule.addInitializer(function(options) {
- if (module.startWithParent) {
- module.start(options);
- }
- });
- }
- });
-
-
- return Marionette;
-}));
diff --git a/xos/core/xoslib/static/js/vendor/backbone.marionette.min.js b/xos/core/xoslib/static/js/vendor/backbone.marionette.min.js
deleted file mode 100644
index 29fe58c..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone.marionette.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(a,b){if("function"==typeof define&&define.amd)define(["backbone","underscore","backbone.wreqr","backbone.babysitter"],function(c,d){return a.Marionette=b(a,c,d)});else if("undefined"!=typeof exports){{var c=require("backbone"),d=require("underscore");require("backbone.wreqr"),require("backbone.babysitter")}module.exports=b(a,c,d)}else a.Marionette=b(a,a.Backbone,a._)}(this,function(a,b,c){"use strict";function d(a,b){var c=new Error(a);throw c.name=b||"Error",c}var e=a.Marionette,f=b.Marionette={};f.VERSION="2.0.1",f.noConflict=function(){return a.Marionette=e,this},f.Deferred=b.$.Deferred;var g=Array.prototype.slice;return f.extend=b.Model.extend,f.getOption=function(a,b){if(a&&b){var c;return c=a.options&&void 0!==a.options[b]?a.options[b]:a[b]}},f.proxyGetOption=function(a){return f.getOption(this,a)},f.normalizeMethods=function(a){var b,d={};return c.each(a,function(a,e){b=a,c.isFunction(b)||(b=this[b]),b&&(d[e]=b)},this),d},f.normalizeUIKeys=function(a,b){return"undefined"!=typeof a?(c.each(c.keys(a),function(c){var d=/@ui.[a-zA-Z_$0-9]*/g;c.match(d)&&(a[c.replace(d,function(a){return b[a.slice(4)]})]=a[c],delete a[c])}),a):void 0},f.actAsCollection=function(a,b){var d=["forEach","each","map","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","toArray","first","initial","rest","last","without","isEmpty","pluck"];c.each(d,function(d){a[d]=function(){var a=c.values(c.result(this,b)),e=[a].concat(c.toArray(arguments));return c[d].apply(c,e)}})},f.triggerMethod=function(){function a(a,b,c){return c.toUpperCase()}var b=/(^|:)(\w)/gi,d=function(d){var e,f="on"+d.replace(b,a),g=this[f];return c.isFunction(g)&&(e=g.apply(this,c.tail(arguments))),c.isFunction(this.trigger)&&this.trigger.apply(this,arguments),e};return d}(),f.MonitorDOMRefresh=function(a){function b(a){a._isShown=!0,e(a)}function d(a){a._isRendered=!0,e(a)}function e(a){a._isShown&&a._isRendered&&f(a)&&c.isFunction(a.triggerMethod)&&a.triggerMethod("dom:refresh")}function f(b){return a.contains(b.el)}return function(a){a.listenTo(a,"show",function(){b(a)}),a.listenTo(a,"render",function(){d(a)})}}(document.documentElement),function(a){function b(a,b,e,f){var g=f.split(/\s+/);c.each(g,function(c){var f=a[c];f||d('Method "'+c+'" was configured as an event handler, but does not exist.'),a.listenTo(b,e,f)})}function e(a,b,c,d){a.listenTo(b,c,d)}function f(a,b,d,e){var f=e.split(/\s+/);c.each(f,function(c){var e=a[c];a.stopListening(b,d,e)})}function g(a,b,c,d){a.stopListening(b,c,d)}function h(a,b,d,e,f){b&&d&&(c.isFunction(d)&&(d=d.call(a)),c.each(d,function(d,g){c.isFunction(d)?e(a,b,g,d):f(a,b,g,d)}))}a.bindEntityEvents=function(a,c,d){h(a,c,d,e,b)},a.unbindEntityEvents=function(a,b,c){h(a,b,c,g,f)},a.proxyBindEntityEvents=function(b,c){return a.bindEntityEvents(this,b,c)},a.proxyUnbindEntityEvents=function(b,c){return a.unbindEntityEvents(this,b,c)}}(f),f.Callbacks=function(){this._deferred=f.Deferred(),this._callbacks=[]},c.extend(f.Callbacks.prototype,{add:function(a,b){var d=c.result(this._deferred,"promise");this._callbacks.push({cb:a,ctx:b}),d.then(function(c){b&&(c.context=b),a.call(c.context,c.options)})},run:function(a,b){this._deferred.resolve({options:a,context:b})},reset:function(){var a=this._callbacks;this._deferred=f.Deferred(),this._callbacks=[],c.each(a,function(a){this.add(a.cb,a.ctx)},this)}}),f.Controller=function(a){this.triggerMethod=f.triggerMethod,this.options=a||{},c.isFunction(this.initialize)&&this.initialize(this.options)},f.Controller.extend=f.extend,c.extend(f.Controller.prototype,b.Events,{destroy:function(){var a=Array.prototype.slice.call(arguments);this.triggerMethod.apply(this,["before:destroy"].concat(a)),this.triggerMethod.apply(this,["destroy"].concat(a)),this.stopListening(),this.off()},triggerMethod:f.triggerMethod,getOption:f.proxyGetOption}),f.Region=function(a){if(this.options=a||{},this.el=this.getOption("el"),this.el=this.el instanceof b.$?this.el[0]:this.el,this.el||d('An "el" must be specified for a region.',"NoElError"),this.$el=this.getEl(this.el),this.initialize){var c=Array.prototype.slice.apply(arguments);this.initialize.apply(this,c)}},c.extend(f.Region,{buildRegion:function(a,e){var f=c.isString(a),g=c.isString(a.selector),h=c.isUndefined(a.regionClass),i=c.isFunction(a);i||f||g||d("Region must be specified as a Region class,a selector string or an object with selector property");var j,k;f&&(j=a),a.selector&&(j=a.selector,delete a.selector),i&&(k=a),!i&&h&&(k=e),a.regionClass&&(k=a.regionClass,delete a.regionClass),(f||i)&&(a={}),a.el=j;var l=new k(a);return a.parentEl&&(l.getEl=function(d){if(c.isObject(d))return b.$(d);var e=a.parentEl;return c.isFunction(e)&&(e=e()),e.find(d)}),l}}),c.extend(f.Region.prototype,b.Events,{show:function(a,b){this._ensureElement();var d=b||{},e=a!==this.currentView,f=!!d.preventDestroy,g=!!d.forceShow,h=!!this.currentView,i=!f&&e;i&&this.empty();var j=e||g;return j?(a.render(),h&&this.triggerMethod("before:swap",a),this.triggerMethod("before:show",a),this.triggerMethod.call(a,"before:show"),this.attachHtml(a),this.currentView=a,h&&this.triggerMethod("swap",a),this.triggerMethod("show",a),c.isFunction(a.triggerMethod)?a.triggerMethod("show"):this.triggerMethod.call(a,"show"),this):this},_ensureElement:function(){c.isObject(this.el)||(this.$el=this.getEl(this.el),this.el=this.$el[0]),this.$el&&0!==this.$el.length||d('An "el" '+this.$el.selector+" must exist in DOM")},getEl:function(a){return b.$(a)},attachHtml:function(a){this.el.innerHTML="",this.el.appendChild(a.el)},empty:function(){var a=this.currentView;a&&!a.isDestroyed&&(this.triggerMethod("before:empty",a),a.destroy?a.destroy():a.remove&&a.remove(),this.triggerMethod("empty",a),delete this.currentView)},attachView:function(a){this.currentView=a},reset:function(){this.empty(),this.$el&&(this.el=this.$el.selector),delete this.$el},getOption:f.proxyGetOption,triggerMethod:f.triggerMethod}),f.Region.extend=f.extend,f.RegionManager=function(a){var b=a.Controller.extend({constructor:function(b){this._regions={},a.Controller.call(this,b)},addRegions:function(a,b){var d={};return c.each(a,function(a,e){c.isString(a)&&(a={selector:a}),a.selector&&(a=c.defaults({},a,b));var f=this.addRegion(e,a);d[e]=f},this),d},addRegion:function(b,d){var e,f=c.isObject(d),g=c.isString(d),h=!!d.selector;return e=g||f&&h?a.Region.buildRegion(d,a.Region):c.isFunction(d)?a.Region.buildRegion(d,a.Region):d,this.triggerMethod("before:add:region",b,e),this._store(b,e),this.triggerMethod("add:region",b,e),e},get:function(a){return this._regions[a]},getRegions:function(){return c.clone(this._regions)},removeRegion:function(a){var b=this._regions[a];this._remove(a,b)},removeRegions:function(){c.each(this._regions,function(a,b){this._remove(b,a)},this)},emptyRegions:function(){c.each(this._regions,function(a){a.empty()},this)},destroy:function(){this.removeRegions(),a.Controller.prototype.destroy.apply(this,arguments)},_store:function(a,b){this._regions[a]=b,this._setLength()},_remove:function(a,b){this.triggerMethod("before:remove:region",a,b),b.empty(),b.stopListening(),delete this._regions[a],this._setLength(),this.triggerMethod("remove:region",a,b)},_setLength:function(){this.length=c.size(this._regions)}});return a.actAsCollection(b.prototype,"_regions"),b}(f),f.TemplateCache=function(a){this.templateId=a},c.extend(f.TemplateCache,{templateCaches:{},get:function(a){var b=this.templateCaches[a];return b||(b=new f.TemplateCache(a),this.templateCaches[a]=b),b.load()},clear:function(){var a,b=g.call(arguments),c=b.length;if(c>0)for(a=0;c>a;a++)delete this.templateCaches[b[a]];else this.templateCaches={}}}),c.extend(f.TemplateCache.prototype,{load:function(){if(this.compiledTemplate)return this.compiledTemplate;var a=this.loadTemplate(this.templateId);return this.compiledTemplate=this.compileTemplate(a),this.compiledTemplate},loadTemplate:function(a){var c=b.$(a).html();return c&&0!==c.length||d('Could not find template: "'+a+'"',"NoTemplateError"),c},compileTemplate:function(a){return c.template(a)}}),f.Renderer={render:function(a,b){a||d("Cannot render the template since its false, null or undefined.","TemplateNotFoundError");var c;return(c="function"==typeof a?a:f.TemplateCache.get(a))(b)}},f.View=b.View.extend({constructor:function(a){c.bindAll(this,"render"),this.options=c.extend({},c.result(this,"options"),c.isFunction(a)?a.call(this):a),this.events=this.normalizeUIKeys(c.result(this,"events")),c.isObject(this.behaviors)&&new f.Behaviors(this),b.View.apply(this,arguments),f.MonitorDOMRefresh(this),this.listenTo(this,"show",this.onShowCalled)},getTemplate:function(){return this.getOption("template")},mixinTemplateHelpers:function(a){a=a||{};var b=this.getOption("templateHelpers");return c.isFunction(b)&&(b=b.call(this)),c.extend(a,b)},normalizeUIKeys:function(a){var b=c.result(this,"ui"),d=c.result(this,"_uiBindings");return f.normalizeUIKeys(a,d||b)},configureTriggers:function(){if(this.triggers){var a={},b=this.normalizeUIKeys(c.result(this,"triggers"));return c.each(b,function(b,d){var e=c.isObject(b),f=e?b.event:b;a[d]=function(a){if(a){var c=a.preventDefault,d=a.stopPropagation,g=e?b.preventDefault:c,h=e?b.stopPropagation:d;g&&c&&c.apply(a),h&&d&&d.apply(a)}var i={view:this,model:this.model,collection:this.collection};this.triggerMethod(f,i)}},this),a}},delegateEvents:function(a){this._delegateDOMEvents(a),this.bindEntityEvents(this.model,this.getOption("modelEvents")),this.bindEntityEvents(this.collection,this.getOption("collectionEvents"))},_delegateDOMEvents:function(a){a=a||this.events,c.isFunction(a)&&(a=a.call(this)),a=this.normalizeUIKeys(a);var d={},e=c.result(this,"behaviorEvents")||{},f=this.configureTriggers();c.extend(d,e,a,f),b.View.prototype.delegateEvents.call(this,d)},undelegateEvents:function(){var a=Array.prototype.slice.call(arguments);b.View.prototype.undelegateEvents.apply(this,a),this.unbindEntityEvents(this.model,this.getOption("modelEvents")),this.unbindEntityEvents(this.collection,this.getOption("collectionEvents"))},onShowCalled:function(){},_ensureViewIsIntact:function(){if(this.isDestroyed){var a=new Error("Cannot use a view thats already been destroyed.");throw a.name="ViewDestroyedError",a}},destroy:function(){if(!this.isDestroyed){var a=Array.prototype.slice.call(arguments);this.triggerMethod.apply(this,["before:destroy"].concat(a)),this.isDestroyed=!0,this.triggerMethod.apply(this,["destroy"].concat(a)),this.unbindUIElements(),this.remove()}},bindUIElements:function(){if(this.ui){this._uiBindings||(this._uiBindings=this.ui);var a=c.result(this,"_uiBindings");this.ui={},c.each(c.keys(a),function(b){var c=a[b];this.ui[b]=this.$(c)},this)}},unbindUIElements:function(){this.ui&&this._uiBindings&&(c.each(this.ui,function(a,b){delete this.ui[b]},this),this.ui=this._uiBindings,delete this._uiBindings)},triggerMethod:f.triggerMethod,normalizeMethods:f.normalizeMethods,getOption:f.proxyGetOption,bindEntityEvents:f.proxyBindEntityEvents,unbindEntityEvents:f.proxyUnbindEntityEvents}),f.ItemView=f.View.extend({constructor:function(){f.View.apply(this,arguments)},serializeData:function(){var a={};return this.model?a=this.model.toJSON():this.collection&&(a={items:this.collection.toJSON()}),a},render:function(){this._ensureViewIsIntact(),this.triggerMethod("before:render",this);var a=this.serializeData();a=this.mixinTemplateHelpers(a);var b=this.getTemplate(),c=f.Renderer.render(b,a);return this.attachElContent(c),this.bindUIElements(),this.triggerMethod("render",this),this},attachElContent:function(a){return this.$el.html(a),this},destroy:function(){this.isDestroyed||f.View.prototype.destroy.apply(this,arguments)}}),f.CollectionView=f.View.extend({childViewEventPrefix:"childview",constructor:function(a){var b=a||{};this.sort=c.isUndefined(b.sort)?!0:b.sort,this._initChildViewStorage(),f.View.apply(this,arguments),this._initialEvents(),this.initRenderBuffer()},initRenderBuffer:function(){this.elBuffer=document.createDocumentFragment(),this._bufferedChildren=[]},startBuffering:function(){this.initRenderBuffer(),this.isBuffering=!0},endBuffering:function(){this.isBuffering=!1,this._triggerBeforeShowBufferedChildren(),this.attachBuffer(this,this.elBuffer),this._triggerShowBufferedChildren(),this.initRenderBuffer()},_triggerBeforeShowBufferedChildren:function(){this._isShown&&c.invoke(this._bufferedChildren,"triggerMethod","before:show")},_triggerShowBufferedChildren:function(){this._isShown&&(c.each(this._bufferedChildren,function(a){c.isFunction(a.triggerMethod)?a.triggerMethod("show"):f.triggerMethod.call(a,"show")}),this._bufferedChildren=[])},_initialEvents:function(){this.collection&&(this.listenTo(this.collection,"add",this._onCollectionAdd),this.listenTo(this.collection,"remove",this._onCollectionRemove),this.listenTo(this.collection,"reset",this.render),this.sort&&this.listenTo(this.collection,"sort",this._sortViews))},_onCollectionAdd:function(a){this.destroyEmptyView();var b=this.getChildView(a),c=this.collection.indexOf(a);this.addChild(a,b,c)},_onCollectionRemove:function(a){var b=this.children.findByModel(a);this.removeChildView(b),this.checkEmpty()},onShowCalled:function(){this.children.each(function(a){c.isFunction(a.triggerMethod)?a.triggerMethod("show"):f.triggerMethod.call(a,"show")})},render:function(){return this._ensureViewIsIntact(),this.triggerMethod("before:render",this),this._renderChildren(),this.triggerMethod("render",this),this},_sortViews:function(){var a=this.collection.find(function(a,b){var c=this.children.findByModel(a);return c&&c._index!==b},this);a&&this.render()},_renderChildren:function(){this.startBuffering(),this.destroyEmptyView(),this.destroyChildren(),this.isEmpty(this.collection)?this.showEmptyView():(this.triggerMethod("before:render:collection",this),this.showCollection(),this.triggerMethod("render:collection",this)),this.endBuffering()},showCollection:function(){var a;this.collection.each(function(b,c){a=this.getChildView(b),this.addChild(b,a,c)},this)},showEmptyView:function(){var a=this.getEmptyView();if(a&&!this._showingEmptyView){this.triggerMethod("before:render:empty"),this._showingEmptyView=!0;var c=new b.Model;this.addEmptyView(c,a),this.triggerMethod("render:empty")}},destroyEmptyView:function(){this._showingEmptyView&&(this.destroyChildren(),delete this._showingEmptyView)},getEmptyView:function(){return this.getOption("emptyView")},addEmptyView:function(a,b){var d=this.getOption("emptyViewOptions")||this.getOption("childViewOptions");c.isFunction(d)&&(d=d.call(this));var e=this.buildChildView(a,b,d);this._isShown&&this.triggerMethod.call(e,"before:show"),this.children.add(e),this.renderChildView(e,-1),this._isShown&&this.triggerMethod.call(e,"show")},getChildView:function(){var a=this.getOption("childView");return a||d('A "childView" must be specified',"NoChildViewError"),a},addChild:function(a,b,d){var e=this.getOption("childViewOptions");c.isFunction(e)&&(e=e.call(this,a,d));var f=this.buildChildView(a,b,e);return this._updateIndices(f,!0,d),this._addChildView(f,d),f},_updateIndices:function(a,b,c){this.sort&&(b?(a._index=c,this.children.each(function(b){b._index>=a._index&&b._index++})):this.children.each(function(b){b._index>=a._index&&b._index--}))},_addChildView:function(a,b){this.proxyChildEvents(a),this.triggerMethod("before:add:child",a),this.children.add(a),this.renderChildView(a,b),this._isShown&&!this.isBuffering&&(c.isFunction(a.triggerMethod)?a.triggerMethod("show"):f.triggerMethod.call(a,"show")),this.triggerMethod("add:child",a)},renderChildView:function(a,b){a.render(),this.attachHtml(this,a,b)},buildChildView:function(a,b,d){var e=c.extend({model:a},d);return new b(e)},removeChildView:function(a){a&&(this.triggerMethod("before:remove:child",a),a.destroy?a.destroy():a.remove&&a.remove(),this.stopListening(a),this.children.remove(a),this.triggerMethod("remove:child",a),this._updateIndices(a,!1))},isEmpty:function(){return!this.collection||0===this.collection.length},checkEmpty:function(){this.isEmpty(this.collection)&&this.showEmptyView()},attachBuffer:function(a,b){a.$el.append(b)},attachHtml:function(a,b,c){a.isBuffering?(a.elBuffer.appendChild(b.el),a._bufferedChildren.push(b)):a._insertBefore(b,c)||a._insertAfter(b)},_insertBefore:function(a,b){var c,d=this.sort&&b<this.children.length-1;return d&&(c=this.children.find(function(a){return a._index===b+1})),c?(c.$el.before(a.el),!0):!1},_insertAfter:function(a){this.$el.append(a.el)},_initChildViewStorage:function(){this.children=new b.ChildViewContainer},destroy:function(){this.isDestroyed||(this.triggerMethod("before:destroy:collection"),this.destroyChildren(),this.triggerMethod("destroy:collection"),f.View.prototype.destroy.apply(this,arguments))},destroyChildren:function(){this.children.each(this.removeChildView,this),this.checkEmpty()},proxyChildEvents:function(a){var b=this.getOption("childViewEventPrefix");this.listenTo(a,"all",function(){var d=Array.prototype.slice.call(arguments),e=d[0],f=this.normalizeMethods(c.result(this,"childEvents"));d[0]=b+":"+e,d.splice(1,0,a),"undefined"!=typeof f&&c.isFunction(f[e])&&f[e].apply(this,d.slice(1)),this.triggerMethod.apply(this,d)},this)}}),f.CompositeView=f.CollectionView.extend({constructor:function(){f.CollectionView.apply(this,arguments)},_initialEvents:function(){this.once("render",function(){this.collection&&(this.listenTo(this.collection,"add",this._onCollectionAdd),this.listenTo(this.collection,"remove",this._onCollectionRemove),this.listenTo(this.collection,"reset",this._renderChildren),this.sort&&this.listenTo(this.collection,"sort",this._sortViews))})},getChildView:function(){var a=this.getOption("childView")||this.constructor;return a||d('A "childView" must be specified',"NoChildViewError"),a},serializeData:function(){var a={};return this.model&&(a=this.model.toJSON()),a},render:function(){return this._ensureViewIsIntact(),this.isRendered=!0,this.resetChildViewContainer(),this.triggerMethod("before:render",this),this._renderRoot(),this._renderChildren(),this.triggerMethod("render",this),this},_renderChildren:function(){this.isRendered&&f.CollectionView.prototype._renderChildren.call(this)},_renderRoot:function(){var a={};a=this.serializeData(),a=this.mixinTemplateHelpers(a),this.triggerMethod("before:render:template");var b=this.getTemplate(),c=f.Renderer.render(b,a);this.attachElContent(c),this.bindUIElements(),this.triggerMethod("render:template")},attachElContent:function(a){return this.$el.html(a),this},attachBuffer:function(a,b){var c=this.getChildViewContainer(a);c.append(b)},_insertAfter:function(a){var b=this.getChildViewContainer(this);b.append(a.el)},getChildViewContainer:function(a){if("$childViewContainer"in a)return a.$childViewContainer;var b,e=f.getOption(a,"childViewContainer");if(e){var g=c.isFunction(e)?e.call(a):e;b="@"===g.charAt(0)&&a.ui?a.ui[g.substr(4)]:a.$(g),b.length<=0&&d('The specified "childViewContainer" was not found: '+a.childViewContainer,"ChildViewContainerMissingError")}else b=a.$el;return a.$childViewContainer=b,b},resetChildViewContainer:function(){this.$childViewContainer&&delete this.$childViewContainer}}),f.LayoutView=f.ItemView.extend({regionClass:f.Region,constructor:function(a){a=a||{},this._firstRender=!0,this._initializeRegions(a),f.ItemView.call(this,a)},render:function(){return this._ensureViewIsIntact(),this._firstRender?this._firstRender=!1:this._reInitializeRegions(),f.ItemView.prototype.render.apply(this,arguments)},destroy:function(){this.isDestroyed||(this.regionManager.destroy(),f.ItemView.prototype.destroy.apply(this,arguments))},addRegion:function(a,b){this.triggerMethod("before:region:add",a);var c={};return c[a]=b,this._buildRegions(c)[a]},addRegions:function(a){return this.regions=c.extend({},this.regions,a),this._buildRegions(a)},removeRegion:function(a){return this.triggerMethod("before:region:remove",a),delete this.regions[a],this.regionManager.removeRegion(a)},getRegion:function(a){return this.regionManager.get(a)},getRegions:function(){return this.regionManager.getRegions()},_buildRegions:function(a){var b=this,c={regionClass:this.getOption("regionClass"),parentEl:function(){return b.$el}};return this.regionManager.addRegions(a,c)},_initializeRegions:function(a){var b;this._initRegionManager(),b=c.isFunction(this.regions)?this.regions(a):this.regions||{};var d=this.getOption.call(a,"regions");c.isFunction(d)&&(d=d.call(this,a)),c.extend(b,d),this.addRegions(b)},_reInitializeRegions:function(){this.regionManager.emptyRegions(),this.regionManager.each(function(a){a.reset()})},getRegionManager:function(){return new f.RegionManager},_initRegionManager:function(){this.regionManager=this.getRegionManager(),this.listenTo(this.regionManager,"before:add:region",function(a){this.triggerMethod("before:add:region",a)}),this.listenTo(this.regionManager,"add:region",function(a,b){this[a]=b,this.triggerMethod("add:region",a,b)}),this.listenTo(this.regionManager,"before:remove:region",function(a){this.triggerMethod("before:remove:region",a)}),this.listenTo(this.regionManager,"remove:region",function(a,b){delete this[a],this.triggerMethod("remove:region",a,b)})}}),f.Behavior=function(a,b){function c(b,c){this.view=c,this.defaults=a.result(this,"defaults")||{},this.options=a.extend({},this.defaults,b),this.$=function(){return this.view.$.apply(this.view,arguments)},this.initialize.apply(this,arguments)}return a.extend(c.prototype,b.Events,{initialize:function(){},destroy:function(){this.stopListening()},triggerMethod:f.triggerMethod,getOption:f.proxyGetOption,bindEntityEvents:f.proxyBindEntityEvents,unbindEntityEvents:f.proxyUnbindEntityEvents}),c.extend=f.extend,c}(c,b),f.Behaviors=function(a,b){function c(a,d){d=c.parseBehaviors(a,d||b.result(a,"behaviors")),c.wrap(a,d,["bindUIElements","unbindUIElements","delegateEvents","undelegateEvents","behaviorEvents","triggerMethod","setElement","destroy"])}var d={setElement:function(a,c){a.apply(this,b.tail(arguments,2)),b.each(c,function(a){a.$el=this.$el},this)},destroy:function(a,c){var d=b.tail(arguments,2);a.apply(this,d),b.invoke(c,"destroy",d)},bindUIElements:function(a,c){a.apply(this),b.invoke(c,a)},unbindUIElements:function(a,c){a.apply(this),b.invoke(c,a)},triggerMethod:function(a,c){var d=b.tail(arguments,2);a.apply(this,d),b.each(c,function(b){a.apply(b,d)})},delegateEvents:function(c,d){var e=b.tail(arguments,2);c.apply(this,e),b.each(d,function(b){a.bindEntityEvents(b,this.model,a.getOption(b,"modelEvents")),a.bindEntityEvents(b,this.collection,a.getOption(b,"collectionEvents"))},this)},undelegateEvents:function(c,d){var e=b.tail(arguments,2);c.apply(this,e),b.each(d,function(b){a.unbindEntityEvents(b,this.model,a.getOption(b,"modelEvents")),a.unbindEntityEvents(b,this.collection,a.getOption(b,"collectionEvents"))},this)},behaviorEvents:function(c,d){var e={},f=b.result(this,"ui");return b.each(d,function(c,d){var g={},h=b.clone(b.result(c,"events"))||{},i=b.result(c,"ui"),j=b.extend({},f,i);h=a.normalizeUIKeys(h,j),b.each(b.keys(h),function(a){var e=new Array(d+2).join(" "),f=a+e,i=b.isFunction(h[a])?h[a]:c[h[a]];g[f]=b.bind(i,c)}),e=b.extend(e,g)}),e}};return b.extend(c,{behaviorsLookup:function(){throw new Error("You must define where your behaviors are stored.See https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.behaviors.md#behaviorslookup")},getBehaviorClass:function(a,d){return a.behaviorClass?a.behaviorClass:b.isFunction(c.behaviorsLookup)?c.behaviorsLookup.apply(this,arguments)[d]:c.behaviorsLookup[d]},parseBehaviors:function(a,d){return b.chain(d).map(function(d,e){var f=c.getBehaviorClass(d,e),g=new f(d,a),h=c.parseBehaviors(a,b.result(g,"behaviors"));return[g].concat(h)}).flatten().value()},wrap:function(a,c,e){b.each(e,function(e){a[e]=b.partial(d[e],a[e],c)})}}),c}(f,c),f.AppRouter=b.Router.extend({constructor:function(a){b.Router.apply(this,arguments),this.options=a||{};var c=this.getOption("appRoutes"),d=this._getController();this.processAppRoutes(d,c),this.on("route",this._processOnRoute,this)},appRoute:function(a,b){var c=this._getController();this._addAppRoute(c,a,b)},_processOnRoute:function(a,b){var d=c.invert(this.appRoutes)[a];c.isFunction(this.onRoute)&&this.onRoute(a,d,b)},processAppRoutes:function(a,b){if(b){var d=c.keys(b).reverse();c.each(d,function(c){this._addAppRoute(a,c,b[c])},this)}},_getController:function(){return this.getOption("controller")},_addAppRoute:function(a,b,e){var f=a[e];f||d('Method "'+e+'" was not found on the controller'),this.route(b,e,c.bind(f,a))},getOption:f.proxyGetOption}),f.Application=function(a){this._initRegionManager(),this._initCallbacks=new f.Callbacks;var d=b.Wreqr.radio.channel("global");this.vent=d.vent,this.commands=d.commands,this.reqres=d.reqres,this.submodules={},c.extend(this,a)},c.extend(f.Application.prototype,b.Events,{execute:function(){this.commands.execute.apply(this.commands,arguments)},request:function(){return this.reqres.request.apply(this.reqres,arguments)},addInitializer:function(a){this._initCallbacks.add(a)},start:function(a){this.triggerMethod("before:start",a),this._initCallbacks.run(a,this),this.triggerMethod("start",a)},addRegions:function(a){return this._regionManager.addRegions(a)},emptyRegions:function(){this._regionManager.emptyRegions()},removeRegion:function(a){this._regionManager.removeRegion(a)},getRegion:function(a){return this._regionManager.get(a)},getRegions:function(){return this._regionManager.getRegions()},module:function(a,b){var c=f.Module.getClass(b),d=g.call(arguments);return d.unshift(this),c.create.apply(c,d)},_initRegionManager:function(){this._regionManager=new f.RegionManager,this.listenTo(this._regionManager,"before:add:region",function(a){this.triggerMethod("before:add:region",a)}),this.listenTo(this._regionManager,"add:region",function(a,b){this[a]=b,this.triggerMethod("add:region",a,b)}),this.listenTo(this._regionManager,"before:remove:region",function(a){this.triggerMethod("before:remove:region",a)}),this.listenTo(this._regionManager,"remove:region",function(a,b){delete this[a],this.triggerMethod("remove:region",a,b)})},triggerMethod:f.triggerMethod}),f.Application.extend=f.extend,f.Module=function(a,b,d){this.moduleName=a,this.options=c.extend({},this.options,d),this.initialize=d.initialize||this.initialize,this.submodules={},this._setupInitializersAndFinalizers(),this.app=b,this.startWithParent=!0,c.isFunction(this.initialize)&&this.initialize(a,b,this.options)},f.Module.extend=f.extend,c.extend(f.Module.prototype,b.Events,{initialize:function(){},addInitializer:function(a){this._initializerCallbacks.add(a)},addFinalizer:function(a){this._finalizerCallbacks.add(a)},start:function(a){this._isInitialized||(c.each(this.submodules,function(b){b.startWithParent&&b.start(a)}),this.triggerMethod("before:start",a),this._initializerCallbacks.run(a,this),this._isInitialized=!0,this.triggerMethod("start",a))},stop:function(){this._isInitialized&&(this._isInitialized=!1,this.triggerMethod("before:stop"),c.each(this.submodules,function(a){a.stop()}),this._finalizerCallbacks.run(void 0,this),this._initializerCallbacks.reset(),this._finalizerCallbacks.reset(),this.triggerMethod("stop"))},addDefinition:function(a,b){this._runModuleDefinition(a,b)},_runModuleDefinition:function(a,d){if(a){var e=c.flatten([this,this.app,b,f,b.$,c,d]);a.apply(this,e)}},_setupInitializersAndFinalizers:function(){this._initializerCallbacks=new f.Callbacks,this._finalizerCallbacks=new f.Callbacks},triggerMethod:f.triggerMethod}),c.extend(f.Module,{create:function(a,b,d){var e=a,f=g.call(arguments);f.splice(0,3),b=b.split(".");var h=b.length,i=[];return i[h-1]=d,c.each(b,function(b,c){var g=e;e=this._getModule(g,b,a,d),this._addModuleDefinition(g,e,i[c],f)},this),e},_getModule:function(a,b,d,e){var f=c.extend({},e),g=this.getClass(e),h=a[b];return h||(h=new g(b,d,f),a[b]=h,a.submodules[b]=h),h},getClass:function(a){var b=f.Module;return a?a.prototype instanceof b?a:a.moduleClass||b:b},_addModuleDefinition:function(a,b,c,d){var e=this._getDefine(c),f=this._getStartWithParent(c,b);e&&b.addDefinition(e,d),this._addStartWithParent(a,b,f)},_getStartWithParent:function(a,b){var d;return c.isFunction(a)&&a.prototype instanceof f.Module?(d=b.constructor.prototype.startWithParent,c.isUndefined(d)?!0:d):c.isObject(a)?(d=a.startWithParent,c.isUndefined(d)?!0:d):!0},_getDefine:function(a){return!c.isFunction(a)||a.prototype instanceof f.Module?c.isObject(a)?a.define:null:a},_addStartWithParent:function(a,b,c){b.startWithParent=b.startWithParent&&c,b.startWithParent&&!b.startWithParentIsConfigured&&(b.startWithParentIsConfigured=!0,a.addInitializer(function(a){b.startWithParent&&b.start(a)}))}}),f});
-//# sourceMappingURL=backbone.marionette.map
\ No newline at end of file
diff --git a/xos/core/xoslib/static/js/vendor/backbone.syphon.js b/xos/core/xoslib/static/js/vendor/backbone.syphon.js
deleted file mode 100644
index 3cd1537..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone.syphon.js
+++ /dev/null
@@ -1,469 +0,0 @@
-// Backbone.Syphon, v0.4.1
-// Copyright (c)2012 Derick Bailey, Muted Solutions, LLC.
-// Distributed under MIT license
-// http://github.com/derickbailey/backbone.syphon
-Backbone.Syphon = (function(Backbone, $, _){
- var Syphon = {};
-
- // Ignore Element Types
- // --------------------
-
- // Tell Syphon to ignore all elements of these types. You can
- // push new types to ignore directly in to this array.
- Syphon.ignoredTypes = ["button", "submit", "reset", "fieldset"];
-
- // Syphon
- // ------
-
- // Get a JSON object that represents
- // all of the form inputs, in this view.
- // Alternately, pass a form element directly
- // in place of the view.
- Syphon.serialize = function(view, options){
- var data = {};
-
- // Build the configuration
- var config = buildConfig(options);
-
- // Get all of the elements to process
- var elements = getInputElements(view, config);
-
- // Process all of the elements
- _.each(elements, function(el){
- var $el = $(el);
- var type = getElementType($el);
-
- // Get the key for the input
- var keyExtractor = config.keyExtractors.get(type);
- var key = keyExtractor($el);
-
- // Get the value for the input
- var inputReader = config.inputReaders.get(type);
- var value = inputReader($el);
-
- // Get the key assignment validator and make sure
- // it's valid before assigning the value to the key
- var validKeyAssignment = config.keyAssignmentValidators.get(type);
- if (validKeyAssignment($el, key, value)){
- var keychain = config.keySplitter(key);
- data = assignKeyValue(data, keychain, value);
- }
- });
-
- // Done; send back the results.
- return data;
- };
-
- // Use the given JSON object to populate
- // all of the form inputs, in this view.
- // Alternately, pass a form element directly
- // in place of the view.
- Syphon.deserialize = function(view, data, options){
- // Build the configuration
- var config = buildConfig(options);
-
- // Get all of the elements to process
- var elements = getInputElements(view, config);
-
- // Flatten the data structure that we are deserializing
- var flattenedData = flattenData(config, data);
-
- // Process all of the elements
- _.each(elements, function(el){
- var $el = $(el);
- var type = getElementType($el);
-
- // Get the key for the input
- var keyExtractor = config.keyExtractors.get(type);
- var key = keyExtractor($el);
-
- // Get the input writer and the value to write
- var inputWriter = config.inputWriters.get(type);
- var value = flattenedData[key];
-
- // Write the value to the input
- inputWriter($el, value);
- });
- };
-
- // Helpers
- // -------
-
- // Retrieve all of the form inputs
- // from the form
- var getInputElements = function(view, config){
- var form = getForm(view);
- var elements = form.elements;
-
- elements = _.reject(elements, function(el){
- var reject;
- var type = getElementType(el);
- var extractor = config.keyExtractors.get(type);
- var identifier = extractor($(el));
-
- var foundInIgnored = _.include(config.ignoredTypes, type);
- var foundInInclude = _.include(config.include, identifier);
- var foundInExclude = _.include(config.exclude, identifier);
-
- if (foundInInclude){
- reject = false;
- } else {
- if (config.include){
- reject = true;
- } else {
- reject = (foundInExclude || foundInIgnored);
- }
- }
-
- return reject;
- });
-
- return elements;
- };
-
- // Determine what type of element this is. It
- // will either return the `type` attribute of
- // an `<input>` element, or the `tagName` of
- // the element when the element is not an `<input>`.
- var getElementType = function(el){
- var typeAttr;
- var $el = $(el);
- var tagName = $el[0].tagName;
- var type = tagName;
-
- if (tagName.toLowerCase() === "input"){
- typeAttr = $el.attr("type");
- if (typeAttr){
- type = typeAttr;
- } else {
- type = "text";
- }
- }
-
- // Always return the type as lowercase
- // so it can be matched to lowercase
- // type registrations.
- return type.toLowerCase();
- };
-
- // If a form element is given, just return it.
- // Otherwise, get the form element from the view.
- var getForm = function(viewOrForm){
- if (_.isUndefined(viewOrForm.$el) && viewOrForm.tagName.toLowerCase() === 'form'){
- return viewOrForm;
- } else {
- return viewOrForm.$el.is("form") ? viewOrForm.el : viewOrForm.$("form")[0];
- }
- };
-
- // Build a configuration object and initialize
- // default values.
- var buildConfig = function(options){
- var config = _.clone(options) || {};
-
- config.ignoredTypes = _.clone(Syphon.ignoredTypes);
- config.inputReaders = config.inputReaders || Syphon.InputReaders;
- config.inputWriters = config.inputWriters || Syphon.InputWriters;
- config.keyExtractors = config.keyExtractors || Syphon.KeyExtractors;
- config.keySplitter = config.keySplitter || Syphon.KeySplitter;
- config.keyJoiner = config.keyJoiner || Syphon.KeyJoiner;
- config.keyAssignmentValidators = config.keyAssignmentValidators || Syphon.KeyAssignmentValidators;
-
- return config;
- };
-
- // Assigns `value` to a parsed JSON key.
- //
- // The first parameter is the object which will be
- // modified to store the key/value pair.
- //
- // The second parameter accepts an array of keys as a
- // string with an option array containing a
- // single string as the last option.
- //
- // The third parameter is the value to be assigned.
- //
- // Examples:
- //
- // `["foo", "bar", "baz"] => {foo: {bar: {baz: "value"}}}`
- //
- // `["foo", "bar", ["baz"]] => {foo: {bar: {baz: ["value"]}}}`
- //
- // When the final value is an array with a string, the key
- // becomes an array, and values are pushed in to the array,
- // allowing multiple fields with the same name to be
- // assigned to the array.
- var assignKeyValue = function(obj, keychain, value) {
- if (!keychain){ return obj; }
-
- var key = keychain.shift();
-
- // build the current object we need to store data
- if (!obj[key]){
- obj[key] = _.isArray(key) ? [] : {};
- }
-
- // if it's the last key in the chain, assign the value directly
- if (keychain.length === 0){
- if (_.isArray(obj[key])){
- obj[key].push(value);
- } else {
- obj[key] = value;
- }
- }
-
- // recursive parsing of the array, depth-first
- if (keychain.length > 0){
- assignKeyValue(obj[key], keychain, value);
- }
-
- return obj;
- };
-
- // Flatten the data structure in to nested strings, using the
- // provided `KeyJoiner` function.
- //
- // Example:
- //
- // This input:
- //
- // ```js
- // {
- // widget: "wombat",
- // foo: {
- // bar: "baz",
- // baz: {
- // quux: "qux"
- // },
- // quux: ["foo", "bar"]
- // }
- // }
- // ```
- //
- // With a KeyJoiner that uses [ ] square brackets,
- // should produce this output:
- //
- // ```js
- // {
- // "widget": "wombat",
- // "foo[bar]": "baz",
- // "foo[baz][quux]": "qux",
- // "foo[quux]": ["foo", "bar"]
- // }
- // ```
- var flattenData = function(config, data, parentKey){
- var flatData = {};
-
- _.each(data, function(value, keyName){
- var hash = {};
-
- // If there is a parent key, join it with
- // the current, child key.
- if (parentKey){
- keyName = config.keyJoiner(parentKey, keyName);
- }
-
- if (_.isArray(value)){
- keyName += "[]";
- hash[keyName] = value;
- } else if (_.isObject(value)){
- hash = flattenData(config, value, keyName);
- } else {
- hash[keyName] = value;
- }
-
- // Store the resulting key/value pairs in the
- // final flattened data object
- _.extend(flatData, hash);
- });
-
- return flatData;
- };
-
- return Syphon;
-})(Backbone, jQuery, _);
-
-// Type Registry
-// -------------
-
-// Type Registries allow you to register something to
-// an input type, and retrieve either the item registered
-// for a specific type or the default registration
-Backbone.Syphon.TypeRegistry = function(){
- this.registeredTypes = {};
-};
-
-// Borrow Backbone's `extend` keyword for our TypeRegistry
-Backbone.Syphon.TypeRegistry.extend = Backbone.Model.extend;
-
-_.extend(Backbone.Syphon.TypeRegistry.prototype, {
-
- // Get the registered item by type. If nothing is
- // found for the specified type, the default is
- // returned.
- get: function(type){
- var item = this.registeredTypes[type];
-
- if (!item){
- item = this.registeredTypes["default"];
- }
-
- return item;
- },
-
- // Register a new item for a specified type
- register: function(type, item){
- this.registeredTypes[type] = item;
- },
-
- // Register a default item to be used when no
- // item for a specified type is found
- registerDefault: function(item){
- this.registeredTypes["default"] = item;
- },
-
- // Remove an item from a given type registration
- unregister: function(type){
- if (this.registeredTypes[type]){
- delete this.registeredTypes[type];
- }
- }
-});
-
-
-
-
-// Key Extractors
-// --------------
-
-// Key extractors produce the "key" in `{key: "value"}`
-// pairs, when serializing.
-Backbone.Syphon.KeyExtractorSet = Backbone.Syphon.TypeRegistry.extend();
-
-// Built-in Key Extractors
-Backbone.Syphon.KeyExtractors = new Backbone.Syphon.KeyExtractorSet();
-
-// The default key extractor, which uses the
-// input element's "id" attribute
-Backbone.Syphon.KeyExtractors.registerDefault(function($el){
- return $el.prop("name");
-});
-
-
-// Input Readers
-// -------------
-
-// Input Readers are used to extract the value from
-// an input element, for the serialized object result
-Backbone.Syphon.InputReaderSet = Backbone.Syphon.TypeRegistry.extend();
-
-// Built-in Input Readers
-Backbone.Syphon.InputReaders = new Backbone.Syphon.InputReaderSet();
-
-// The default input reader, which uses an input
-// element's "value"
-Backbone.Syphon.InputReaders.registerDefault(function($el){
- return $el.val();
-});
-
-// Checkbox reader, returning a boolean value for
-// whether or not the checkbox is checked.
-Backbone.Syphon.InputReaders.register("checkbox", function($el){
- var checked = $el.prop("checked");
- return checked;
-});
-
-
-// Input Writers
-// -------------
-
-// Input Writers are used to insert a value from an
-// object into an input element.
-Backbone.Syphon.InputWriterSet = Backbone.Syphon.TypeRegistry.extend();
-
-// Built-in Input Writers
-Backbone.Syphon.InputWriters = new Backbone.Syphon.InputWriterSet();
-
-// The default input writer, which sets an input
-// element's "value"
-Backbone.Syphon.InputWriters.registerDefault(function($el, value){
- $el.val(value);
-});
-
-// Checkbox writer, set whether or not the checkbox is checked
-// depending on the boolean value.
-Backbone.Syphon.InputWriters.register("checkbox", function($el, value){
- $el.prop("checked", value);
-});
-
-// Radio button writer, set whether or not the radio button is
-// checked. The button should only be checked if it's value
-// equals the given value.
-Backbone.Syphon.InputWriters.register("radio", function($el, value){
- $el.prop("checked", $el.val() === value);
-});
-
-// Key Assignment Validators
-// -------------------------
-
-// Key Assignment Validators are used to determine whether or not a
-// key should be assigned to a value, after the key and value have been
-// extracted from the element. This is the last opportunity to prevent
-// bad data from getting serialized to your object.
-
-Backbone.Syphon.KeyAssignmentValidatorSet = Backbone.Syphon.TypeRegistry.extend();
-
-// Build-in Key Assignment Validators
-Backbone.Syphon.KeyAssignmentValidators = new Backbone.Syphon.KeyAssignmentValidatorSet();
-
-// Everything is valid by default
-Backbone.Syphon.KeyAssignmentValidators.registerDefault(function(){ return true; });
-
-// But only the "checked" radio button for a given
-// radio button group is valid
-Backbone.Syphon.KeyAssignmentValidators.register("radio", function($el, key, value){
- return $el.prop("checked");
-});
-
-
-// Backbone.Syphon.KeySplitter
-// ---------------------------
-
-// This function is used to split DOM element keys in to an array
-// of parts, which are then used to create a nested result structure.
-// returning `["foo", "bar"]` results in `{foo: { bar: "value" }}`.
-//
-// Override this method to use a custom key splitter, such as:
-// `<input name="foo.bar.baz">`, `return key.split(".")`
-Backbone.Syphon.KeySplitter = function(key){
- var matches = key.match(/[^\[\]]+/g);
-
- if (key.indexOf("[]") === key.length - 2){
- lastKey = matches.pop();
- matches.push([lastKey]);
- }
-
- return matches;
-}
-
-
-// Backbone.Syphon.KeyJoiner
-// -------------------------
-
-// Take two segments of a key and join them together, to create the
-// de-normalized key name, when deserializing a data structure back
-// in to a form.
-//
-// Example:
-//
-// With this data strucutre `{foo: { bar: {baz: "value", quux: "another"} } }`,
-// the key joiner will be called with these parameters, and assuming the
-// join happens with "[ ]" square brackets, the specified output:
-//
-// `KeyJoiner("foo", "bar")` //=> "foo[bar]"
-// `KeyJoiner("foo[bar]", "baz")` //=> "foo[bar][baz]"
-// `KeyJoiner("foo[bar]", "quux")` //=> "foo[bar][quux]"
-
-Backbone.Syphon.KeyJoiner = function(parentKey, childKey){
- return parentKey + "[" + childKey + "]";
-}
diff --git a/xos/core/xoslib/static/js/vendor/backbone.wreqr.js b/xos/core/xoslib/static/js/vendor/backbone.wreqr.js
deleted file mode 100644
index 66de72f..0000000
--- a/xos/core/xoslib/static/js/vendor/backbone.wreqr.js
+++ /dev/null
@@ -1,440 +0,0 @@
-// Backbone.Wreqr (Backbone.Marionette)
-// ----------------------------------
-// v1.3.1
-//
-// Copyright (c)2014 Derick Bailey, Muted Solutions, LLC.
-// Distributed under MIT license
-//
-// http://github.com/marionettejs/backbone.wreqr
-
-
-(function(root, factory) {
-
- if (typeof define === 'function' && define.amd) {
- define(['backbone', 'underscore'], function(Backbone, _) {
- return factory(Backbone, _);
- });
- } else if (typeof exports !== 'undefined') {
- var Backbone = require('backbone');
- var _ = require('underscore');
- module.exports = factory(Backbone, _);
- } else {
- factory(root.Backbone, root._);
- }
-
-}(this, function(Backbone, _) {
- "use strict";
-
- var previousWreqr = Backbone.Wreqr;
-
- var Wreqr = Backbone.Wreqr = {};
-
- Backbone.Wreqr.VERSION = '1.3.1';
-
- Backbone.Wreqr.noConflict = function () {
- Backbone.Wreqr = previousWreqr;
- return this;
- };
-
- // Handlers
- // --------
- // A registry of functions to call, given a name
-
- Wreqr.Handlers = (function(Backbone, _){
- "use strict";
-
- // Constructor
- // -----------
-
- var Handlers = function(options){
- this.options = options;
- this._wreqrHandlers = {};
-
- if (_.isFunction(this.initialize)){
- this.initialize(options);
- }
- };
-
- Handlers.extend = Backbone.Model.extend;
-
- // Instance Members
- // ----------------
-
- _.extend(Handlers.prototype, Backbone.Events, {
-
- // Add multiple handlers using an object literal configuration
- setHandlers: function(handlers){
- _.each(handlers, function(handler, name){
- var context = null;
-
- if (_.isObject(handler) && !_.isFunction(handler)){
- context = handler.context;
- handler = handler.callback;
- }
-
- this.setHandler(name, handler, context);
- }, this);
- },
-
- // Add a handler for the given name, with an
- // optional context to run the handler within
- setHandler: function(name, handler, context){
- var config = {
- callback: handler,
- context: context
- };
-
- this._wreqrHandlers[name] = config;
-
- this.trigger("handler:add", name, handler, context);
- },
-
- // Determine whether or not a handler is registered
- hasHandler: function(name){
- return !! this._wreqrHandlers[name];
- },
-
- // Get the currently registered handler for
- // the specified name. Throws an exception if
- // no handler is found.
- getHandler: function(name){
- var config = this._wreqrHandlers[name];
-
- if (!config){
- return;
- }
-
- return function(){
- var args = Array.prototype.slice.apply(arguments);
- return config.callback.apply(config.context, args);
- };
- },
-
- // Remove a handler for the specified name
- removeHandler: function(name){
- delete this._wreqrHandlers[name];
- },
-
- // Remove all handlers from this registry
- removeAllHandlers: function(){
- this._wreqrHandlers = {};
- }
- });
-
- return Handlers;
- })(Backbone, _);
-
- // Wreqr.CommandStorage
- // --------------------
- //
- // Store and retrieve commands for execution.
- Wreqr.CommandStorage = (function(){
- "use strict";
-
- // Constructor function
- var CommandStorage = function(options){
- this.options = options;
- this._commands = {};
-
- if (_.isFunction(this.initialize)){
- this.initialize(options);
- }
- };
-
- // Instance methods
- _.extend(CommandStorage.prototype, Backbone.Events, {
-
- // Get an object literal by command name, that contains
- // the `commandName` and the `instances` of all commands
- // represented as an array of arguments to process
- getCommands: function(commandName){
- var commands = this._commands[commandName];
-
- // we don't have it, so add it
- if (!commands){
-
- // build the configuration
- commands = {
- command: commandName,
- instances: []
- };
-
- // store it
- this._commands[commandName] = commands;
- }
-
- return commands;
- },
-
- // Add a command by name, to the storage and store the
- // args for the command
- addCommand: function(commandName, args){
- var command = this.getCommands(commandName);
- command.instances.push(args);
- },
-
- // Clear all commands for the given `commandName`
- clearCommands: function(commandName){
- var command = this.getCommands(commandName);
- command.instances = [];
- }
- });
-
- return CommandStorage;
- })();
-
- // Wreqr.Commands
- // --------------
- //
- // A simple command pattern implementation. Register a command
- // handler and execute it.
- Wreqr.Commands = (function(Wreqr){
- "use strict";
-
- return Wreqr.Handlers.extend({
- // default storage type
- storageType: Wreqr.CommandStorage,
-
- constructor: function(options){
- this.options = options || {};
-
- this._initializeStorage(this.options);
- this.on("handler:add", this._executeCommands, this);
-
- var args = Array.prototype.slice.call(arguments);
- Wreqr.Handlers.prototype.constructor.apply(this, args);
- },
-
- // Execute a named command with the supplied args
- execute: function(name, args){
- name = arguments[0];
- args = Array.prototype.slice.call(arguments, 1);
-
- if (this.hasHandler(name)){
- this.getHandler(name).apply(this, args);
- } else {
- this.storage.addCommand(name, args);
- }
-
- },
-
- // Internal method to handle bulk execution of stored commands
- _executeCommands: function(name, handler, context){
- var command = this.storage.getCommands(name);
-
- // loop through and execute all the stored command instances
- _.each(command.instances, function(args){
- handler.apply(context, args);
- });
-
- this.storage.clearCommands(name);
- },
-
- // Internal method to initialize storage either from the type's
- // `storageType` or the instance `options.storageType`.
- _initializeStorage: function(options){
- var storage;
-
- var StorageType = options.storageType || this.storageType;
- if (_.isFunction(StorageType)){
- storage = new StorageType();
- } else {
- storage = StorageType;
- }
-
- this.storage = storage;
- }
- });
-
- })(Wreqr);
-
- // Wreqr.RequestResponse
- // ---------------------
- //
- // A simple request/response implementation. Register a
- // request handler, and return a response from it
- Wreqr.RequestResponse = (function(Wreqr){
- "use strict";
-
- return Wreqr.Handlers.extend({
- request: function(){
- var name = arguments[0];
- var args = Array.prototype.slice.call(arguments, 1);
- if (this.hasHandler(name)) {
- return this.getHandler(name).apply(this, args);
- }
- }
- });
-
- })(Wreqr);
-
- // Event Aggregator
- // ----------------
- // A pub-sub object that can be used to decouple various parts
- // of an application through event-driven architecture.
-
- Wreqr.EventAggregator = (function(Backbone, _){
- "use strict";
- var EA = function(){};
-
- // Copy the `extend` function used by Backbone's classes
- EA.extend = Backbone.Model.extend;
-
- // Copy the basic Backbone.Events on to the event aggregator
- _.extend(EA.prototype, Backbone.Events);
-
- return EA;
- })(Backbone, _);
-
- // Wreqr.Channel
- // --------------
- //
- // An object that wraps the three messaging systems:
- // EventAggregator, RequestResponse, Commands
- Wreqr.Channel = (function(Wreqr){
- "use strict";
-
- var Channel = function(channelName) {
- this.vent = new Backbone.Wreqr.EventAggregator();
- this.reqres = new Backbone.Wreqr.RequestResponse();
- this.commands = new Backbone.Wreqr.Commands();
- this.channelName = channelName;
- };
-
- _.extend(Channel.prototype, {
-
- // Remove all handlers from the messaging systems of this channel
- reset: function() {
- this.vent.off();
- this.vent.stopListening();
- this.reqres.removeAllHandlers();
- this.commands.removeAllHandlers();
- return this;
- },
-
- // Connect a hash of events; one for each messaging system
- connectEvents: function(hash, context) {
- this._connect('vent', hash, context);
- return this;
- },
-
- connectCommands: function(hash, context) {
- this._connect('commands', hash, context);
- return this;
- },
-
- connectRequests: function(hash, context) {
- this._connect('reqres', hash, context);
- return this;
- },
-
- // Attach the handlers to a given message system `type`
- _connect: function(type, hash, context) {
- if (!hash) {
- return;
- }
-
- context = context || this;
- var method = (type === 'vent') ? 'on' : 'setHandler';
-
- _.each(hash, function(fn, eventName) {
- this[type][method](eventName, _.bind(fn, context));
- }, this);
- }
- });
-
-
- return Channel;
- })(Wreqr);
-
- // Wreqr.Radio
- // --------------
- //
- // An object that lets you communicate with many channels.
- Wreqr.radio = (function(Wreqr){
- "use strict";
-
- var Radio = function() {
- this._channels = {};
- this.vent = {};
- this.commands = {};
- this.reqres = {};
- this._proxyMethods();
- };
-
- _.extend(Radio.prototype, {
-
- channel: function(channelName) {
- if (!channelName) {
- throw new Error('Channel must receive a name');
- }
-
- return this._getChannel( channelName );
- },
-
- _getChannel: function(channelName) {
- var channel = this._channels[channelName];
-
- if(!channel) {
- channel = new Wreqr.Channel(channelName);
- this._channels[channelName] = channel;
- }
-
- return channel;
- },
-
- _proxyMethods: function() {
- _.each(['vent', 'commands', 'reqres'], function(system) {
- _.each( messageSystems[system], function(method) {
- this[system][method] = proxyMethod(this, system, method);
- }, this);
- }, this);
- }
- });
-
-
- var messageSystems = {
- vent: [
- 'on',
- 'off',
- 'trigger',
- 'once',
- 'stopListening',
- 'listenTo',
- 'listenToOnce'
- ],
-
- commands: [
- 'execute',
- 'setHandler',
- 'setHandlers',
- 'removeHandler',
- 'removeAllHandlers'
- ],
-
- reqres: [
- 'request',
- 'setHandler',
- 'setHandlers',
- 'removeHandler',
- 'removeAllHandlers'
- ]
- };
-
- var proxyMethod = function(radio, system, method) {
- return function(channelName) {
- var messageSystem = radio._getChannel(channelName)[system];
- var args = Array.prototype.slice.call(arguments, 1);
-
- return messageSystem[method].apply(messageSystem, args);
- };
- };
-
- return new Radio();
-
- })(Wreqr);
-
-
- return Backbone.Wreqr;
-
-}));
diff --git a/xos/core/xoslib/static/js/vendor/underscore-min.js b/xos/core/xoslib/static/js/vendor/underscore-min.js
deleted file mode 100644
index 3434d6c..0000000
--- a/xos/core/xoslib/static/js/vendor/underscore-min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Underscore.js 1.6.0
-// http://underscorejs.org
-// (c) 2009-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-// Underscore may be freely distributed under the MIT license.
-(function(){var n=this,t=n._,r={},e=Array.prototype,u=Object.prototype,i=Function.prototype,a=e.push,o=e.slice,c=e.concat,l=u.toString,f=u.hasOwnProperty,s=e.forEach,p=e.map,h=e.reduce,v=e.reduceRight,g=e.filter,d=e.every,m=e.some,y=e.indexOf,b=e.lastIndexOf,x=Array.isArray,w=Object.keys,_=i.bind,j=function(n){return n instanceof j?n:this instanceof j?void(this._wrapped=n):new j(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=j),exports._=j):n._=j,j.VERSION="1.6.0";var A=j.each=j.forEach=function(n,t,e){if(null==n)return n;if(s&&n.forEach===s)n.forEach(t,e);else if(n.length===+n.length){for(var u=0,i=n.length;i>u;u++)if(t.call(e,n[u],u,n)===r)return}else for(var a=j.keys(n),u=0,i=a.length;i>u;u++)if(t.call(e,n[a[u]],a[u],n)===r)return;return n};j.map=j.collect=function(n,t,r){var e=[];return null==n?e:p&&n.map===p?n.map(t,r):(A(n,function(n,u,i){e.push(t.call(r,n,u,i))}),e)};var O="Reduce of empty array with no initial value";j.reduce=j.foldl=j.inject=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),h&&n.reduce===h)return e&&(t=j.bind(t,e)),u?n.reduce(t,r):n.reduce(t);if(A(n,function(n,i,a){u?r=t.call(e,r,n,i,a):(r=n,u=!0)}),!u)throw new TypeError(O);return r},j.reduceRight=j.foldr=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),v&&n.reduceRight===v)return e&&(t=j.bind(t,e)),u?n.reduceRight(t,r):n.reduceRight(t);var i=n.length;if(i!==+i){var a=j.keys(n);i=a.length}if(A(n,function(o,c,l){c=a?a[--i]:--i,u?r=t.call(e,r,n[c],c,l):(r=n[c],u=!0)}),!u)throw new TypeError(O);return r},j.find=j.detect=function(n,t,r){var e;return k(n,function(n,u,i){return t.call(r,n,u,i)?(e=n,!0):void 0}),e},j.filter=j.select=function(n,t,r){var e=[];return null==n?e:g&&n.filter===g?n.filter(t,r):(A(n,function(n,u,i){t.call(r,n,u,i)&&e.push(n)}),e)},j.reject=function(n,t,r){return j.filter(n,function(n,e,u){return!t.call(r,n,e,u)},r)},j.every=j.all=function(n,t,e){t||(t=j.identity);var u=!0;return null==n?u:d&&n.every===d?n.every(t,e):(A(n,function(n,i,a){return(u=u&&t.call(e,n,i,a))?void 0:r}),!!u)};var k=j.some=j.any=function(n,t,e){t||(t=j.identity);var u=!1;return null==n?u:m&&n.some===m?n.some(t,e):(A(n,function(n,i,a){return u||(u=t.call(e,n,i,a))?r:void 0}),!!u)};j.contains=j.include=function(n,t){return null==n?!1:y&&n.indexOf===y?n.indexOf(t)!=-1:k(n,function(n){return n===t})},j.invoke=function(n,t){var r=o.call(arguments,2),e=j.isFunction(t);return j.map(n,function(n){return(e?t:n[t]).apply(n,r)})},j.pluck=function(n,t){return j.map(n,j.property(t))},j.where=function(n,t){return j.filter(n,j.matches(t))},j.findWhere=function(n,t){return j.find(n,j.matches(t))},j.max=function(n,t,r){if(!t&&j.isArray(n)&&n[0]===+n[0]&&n.length<65535)return Math.max.apply(Math,n);var e=-1/0,u=-1/0;return A(n,function(n,i,a){var o=t?t.call(r,n,i,a):n;o>u&&(e=n,u=o)}),e},j.min=function(n,t,r){if(!t&&j.isArray(n)&&n[0]===+n[0]&&n.length<65535)return Math.min.apply(Math,n);var e=1/0,u=1/0;return A(n,function(n,i,a){var o=t?t.call(r,n,i,a):n;u>o&&(e=n,u=o)}),e},j.shuffle=function(n){var t,r=0,e=[];return A(n,function(n){t=j.random(r++),e[r-1]=e[t],e[t]=n}),e},j.sample=function(n,t,r){return null==t||r?(n.length!==+n.length&&(n=j.values(n)),n[j.random(n.length-1)]):j.shuffle(n).slice(0,Math.max(0,t))};var E=function(n){return null==n?j.identity:j.isFunction(n)?n:j.property(n)};j.sortBy=function(n,t,r){return t=E(t),j.pluck(j.map(n,function(n,e,u){return{value:n,index:e,criteria:t.call(r,n,e,u)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var F=function(n){return function(t,r,e){var u={};return r=E(r),A(t,function(i,a){var o=r.call(e,i,a,t);n(u,o,i)}),u}};j.groupBy=F(function(n,t,r){j.has(n,t)?n[t].push(r):n[t]=[r]}),j.indexBy=F(function(n,t,r){n[t]=r}),j.countBy=F(function(n,t){j.has(n,t)?n[t]++:n[t]=1}),j.sortedIndex=function(n,t,r,e){r=E(r);for(var u=r.call(e,t),i=0,a=n.length;a>i;){var o=i+a>>>1;r.call(e,n[o])<u?i=o+1:a=o}return i},j.toArray=function(n){return n?j.isArray(n)?o.call(n):n.length===+n.length?j.map(n,j.identity):j.values(n):[]},j.size=function(n){return null==n?0:n.length===+n.length?n.length:j.keys(n).length},j.first=j.head=j.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:0>t?[]:o.call(n,0,t)},j.initial=function(n,t,r){return o.call(n,0,n.length-(null==t||r?1:t))},j.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:o.call(n,Math.max(n.length-t,0))},j.rest=j.tail=j.drop=function(n,t,r){return o.call(n,null==t||r?1:t)},j.compact=function(n){return j.filter(n,j.identity)};var M=function(n,t,r){return t&&j.every(n,j.isArray)?c.apply(r,n):(A(n,function(n){j.isArray(n)||j.isArguments(n)?t?a.apply(r,n):M(n,t,r):r.push(n)}),r)};j.flatten=function(n,t){return M(n,t,[])},j.without=function(n){return j.difference(n,o.call(arguments,1))},j.partition=function(n,t){var r=[],e=[];return A(n,function(n){(t(n)?r:e).push(n)}),[r,e]},j.uniq=j.unique=function(n,t,r,e){j.isFunction(t)&&(e=r,r=t,t=!1);var u=r?j.map(n,r,e):n,i=[],a=[];return A(u,function(r,e){(t?e&&a[a.length-1]===r:j.contains(a,r))||(a.push(r),i.push(n[e]))}),i},j.union=function(){return j.uniq(j.flatten(arguments,!0))},j.intersection=function(n){var t=o.call(arguments,1);return j.filter(j.uniq(n),function(n){return j.every(t,function(t){return j.contains(t,n)})})},j.difference=function(n){var t=c.apply(e,o.call(arguments,1));return j.filter(n,function(n){return!j.contains(t,n)})},j.zip=function(){for(var n=j.max(j.pluck(arguments,"length").concat(0)),t=new Array(n),r=0;n>r;r++)t[r]=j.pluck(arguments,""+r);return t},j.object=function(n,t){if(null==n)return{};for(var r={},e=0,u=n.length;u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},j.indexOf=function(n,t,r){if(null==n)return-1;var e=0,u=n.length;if(r){if("number"!=typeof r)return e=j.sortedIndex(n,t),n[e]===t?e:-1;e=0>r?Math.max(0,u+r):r}if(y&&n.indexOf===y)return n.indexOf(t,r);for(;u>e;e++)if(n[e]===t)return e;return-1},j.lastIndexOf=function(n,t,r){if(null==n)return-1;var e=null!=r;if(b&&n.lastIndexOf===b)return e?n.lastIndexOf(t,r):n.lastIndexOf(t);for(var u=e?r:n.length;u--;)if(n[u]===t)return u;return-1},j.range=function(n,t,r){arguments.length<=1&&(t=n||0,n=0),r=arguments[2]||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=0,i=new Array(e);e>u;)i[u++]=n,n+=r;return i};var R=function(){};j.bind=function(n,t){var r,e;if(_&&n.bind===_)return _.apply(n,o.call(arguments,1));if(!j.isFunction(n))throw new TypeError;return r=o.call(arguments,2),e=function(){if(!(this instanceof e))return n.apply(t,r.concat(o.call(arguments)));R.prototype=n.prototype;var u=new R;R.prototype=null;var i=n.apply(u,r.concat(o.call(arguments)));return Object(i)===i?i:u}},j.partial=function(n){var t=o.call(arguments,1);return function(){for(var r=0,e=t.slice(),u=0,i=e.length;i>u;u++)e[u]===j&&(e[u]=arguments[r++]);for(;r<arguments.length;)e.push(arguments[r++]);return n.apply(this,e)}},j.bindAll=function(n){var t=o.call(arguments,1);if(0===t.length)throw new Error("bindAll must be passed function names");return A(t,function(t){n[t]=j.bind(n[t],n)}),n},j.memoize=function(n,t){var r={};return t||(t=j.identity),function(){var e=t.apply(this,arguments);return j.has(r,e)?r[e]:r[e]=n.apply(this,arguments)}},j.delay=function(n,t){var r=o.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},j.defer=function(n){return j.delay.apply(j,[n,1].concat(o.call(arguments,1)))},j.throttle=function(n,t,r){var e,u,i,a=null,o=0;r||(r={});var c=function(){o=r.leading===!1?0:j.now(),a=null,i=n.apply(e,u),e=u=null};return function(){var l=j.now();o||r.leading!==!1||(o=l);var f=t-(l-o);return e=this,u=arguments,0>=f?(clearTimeout(a),a=null,o=l,i=n.apply(e,u),e=u=null):a||r.trailing===!1||(a=setTimeout(c,f)),i}},j.debounce=function(n,t,r){var e,u,i,a,o,c=function(){var l=j.now()-a;t>l?e=setTimeout(c,t-l):(e=null,r||(o=n.apply(i,u),i=u=null))};return function(){i=this,u=arguments,a=j.now();var l=r&&!e;return e||(e=setTimeout(c,t)),l&&(o=n.apply(i,u),i=u=null),o}},j.once=function(n){var t,r=!1;return function(){return r?t:(r=!0,t=n.apply(this,arguments),n=null,t)}},j.wrap=function(n,t){return j.partial(t,n)},j.compose=function(){var n=arguments;return function(){for(var t=arguments,r=n.length-1;r>=0;r--)t=[n[r].apply(this,t)];return t[0]}},j.after=function(n,t){return function(){return--n<1?t.apply(this,arguments):void 0}},j.keys=function(n){if(!j.isObject(n))return[];if(w)return w(n);var t=[];for(var r in n)j.has(n,r)&&t.push(r);return t},j.values=function(n){for(var t=j.keys(n),r=t.length,e=new Array(r),u=0;r>u;u++)e[u]=n[t[u]];return e},j.pairs=function(n){for(var t=j.keys(n),r=t.length,e=new Array(r),u=0;r>u;u++)e[u]=[t[u],n[t[u]]];return e},j.invert=function(n){for(var t={},r=j.keys(n),e=0,u=r.length;u>e;e++)t[n[r[e]]]=r[e];return t},j.functions=j.methods=function(n){var t=[];for(var r in n)j.isFunction(n[r])&&t.push(r);return t.sort()},j.extend=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]=t[r]}),n},j.pick=function(n){var t={},r=c.apply(e,o.call(arguments,1));return A(r,function(r){r in n&&(t[r]=n[r])}),t},j.omit=function(n){var t={},r=c.apply(e,o.call(arguments,1));for(var u in n)j.contains(r,u)||(t[u]=n[u]);return t},j.defaults=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]===void 0&&(n[r]=t[r])}),n},j.clone=function(n){return j.isObject(n)?j.isArray(n)?n.slice():j.extend({},n):n},j.tap=function(n,t){return t(n),n};var S=function(n,t,r,e){if(n===t)return 0!==n||1/n==1/t;if(null==n||null==t)return n===t;n instanceof j&&(n=n._wrapped),t instanceof j&&(t=t._wrapped);var u=l.call(n);if(u!=l.call(t))return!1;switch(u){case"[object String]":return n==String(t);case"[object Number]":return n!=+n?t!=+t:0==n?1/n==1/t:n==+t;case"[object Date]":case"[object Boolean]":return+n==+t;case"[object RegExp]":return n.source==t.source&&n.global==t.global&&n.multiline==t.multiline&&n.ignoreCase==t.ignoreCase}if("object"!=typeof n||"object"!=typeof t)return!1;for(var i=r.length;i--;)if(r[i]==n)return e[i]==t;var a=n.constructor,o=t.constructor;if(a!==o&&!(j.isFunction(a)&&a instanceof a&&j.isFunction(o)&&o instanceof o)&&"constructor"in n&&"constructor"in t)return!1;r.push(n),e.push(t);var c=0,f=!0;if("[object Array]"==u){if(c=n.length,f=c==t.length)for(;c--&&(f=S(n[c],t[c],r,e)););}else{for(var s in n)if(j.has(n,s)&&(c++,!(f=j.has(t,s)&&S(n[s],t[s],r,e))))break;if(f){for(s in t)if(j.has(t,s)&&!c--)break;f=!c}}return r.pop(),e.pop(),f};j.isEqual=function(n,t){return S(n,t,[],[])},j.isEmpty=function(n){if(null==n)return!0;if(j.isArray(n)||j.isString(n))return 0===n.length;for(var t in n)if(j.has(n,t))return!1;return!0},j.isElement=function(n){return!(!n||1!==n.nodeType)},j.isArray=x||function(n){return"[object Array]"==l.call(n)},j.isObject=function(n){return n===Object(n)},A(["Arguments","Function","String","Number","Date","RegExp"],function(n){j["is"+n]=function(t){return l.call(t)=="[object "+n+"]"}}),j.isArguments(arguments)||(j.isArguments=function(n){return!(!n||!j.has(n,"callee"))}),"function"!=typeof/./&&(j.isFunction=function(n){return"function"==typeof n}),j.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},j.isNaN=function(n){return j.isNumber(n)&&n!=+n},j.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"==l.call(n)},j.isNull=function(n){return null===n},j.isUndefined=function(n){return n===void 0},j.has=function(n,t){return f.call(n,t)},j.noConflict=function(){return n._=t,this},j.identity=function(n){return n},j.constant=function(n){return function(){return n}},j.property=function(n){return function(t){return t[n]}},j.matches=function(n){return function(t){if(t===n)return!0;for(var r in n)if(n[r]!==t[r])return!1;return!0}},j.times=function(n,t,r){for(var e=Array(Math.max(0,n)),u=0;n>u;u++)e[u]=t.call(r,u);return e},j.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))},j.now=Date.now||function(){return(new Date).getTime()};var T={escape:{"&":"&","<":"<",">":">",'"':""","'":"'"}};T.unescape=j.invert(T.escape);var I={escape:new RegExp("["+j.keys(T.escape).join("")+"]","g"),unescape:new RegExp("("+j.keys(T.unescape).join("|")+")","g")};j.each(["escape","unescape"],function(n){j[n]=function(t){return null==t?"":(""+t).replace(I[n],function(t){return T[n][t]})}}),j.result=function(n,t){if(null==n)return void 0;var r=n[t];return j.isFunction(r)?r.call(n):r},j.mixin=function(n){A(j.functions(n),function(t){var r=j[t]=n[t];j.prototype[t]=function(){var n=[this._wrapped];return a.apply(n,arguments),z.call(this,r.apply(j,n))}})};var N=0;j.uniqueId=function(n){var t=++N+"";return n?n+t:t},j.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var q=/(.)^/,B={"'":"'","\\":"\\","\r":"r","\n":"n"," ":"t","\u2028":"u2028","\u2029":"u2029"},D=/\\|'|\r|\n|\t|\u2028|\u2029/g;j.template=function(n,t,r){var e;r=j.defaults({},r,j.templateSettings);var u=new RegExp([(r.escape||q).source,(r.interpolate||q).source,(r.evaluate||q).source].join("|")+"|$","g"),i=0,a="__p+='";n.replace(u,function(t,r,e,u,o){return a+=n.slice(i,o).replace(D,function(n){return"\\"+B[n]}),r&&(a+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'"),e&&(a+="'+\n((__t=("+e+"))==null?'':__t)+\n'"),u&&(a+="';\n"+u+"\n__p+='"),i=o+t.length,t}),a+="';\n",r.variable||(a="with(obj||{}){\n"+a+"}\n"),a="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+a+"return __p;\n";try{e=new Function(r.variable||"obj","_",a)}catch(o){throw o.source=a,o}if(t)return e(t,j);var c=function(n){return e.call(this,n,j)};return c.source="function("+(r.variable||"obj")+"){\n"+a+"}",c},j.chain=function(n){return j(n).chain()};var z=function(n){return this._chain?j(n).chain():n};j.mixin(j),A(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=e[n];j.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!=n&&"splice"!=n||0!==r.length||delete r[0],z.call(this,r)}}),A(["concat","join","slice"],function(n){var t=e[n];j.prototype[n]=function(){return z.call(this,t.apply(this._wrapped,arguments))}}),j.extend(j.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}}),"function"==typeof define&&define.amd&&define("underscore",[],function(){return j})}).call(this);
-//# sourceMappingURL=underscore-min.map
\ No newline at end of file
diff --git a/xos/core/xoslib/static/js/vendor/xosCeilometerDashboardVendor.js b/xos/core/xoslib/static/js/vendor/xosCeilometerDashboardVendor.js
index 8beb09e..943474d 100644
--- a/xos/core/xoslib/static/js/vendor/xosCeilometerDashboardVendor.js
+++ b/xos/core/xoslib/static/js/vendor/xosCeilometerDashboardVendor.js
@@ -1,3 +1,4338 @@
-(function(){"use strict";var t=this,e=t.Chart,i=function(t){this.canvas=t.canvas,this.ctx=t;var e=function(t,e){return t["offset"+e]?t["offset"+e]:document.defaultView.getComputedStyle(t).getPropertyValue(e)},i=this.width=e(t.canvas,"Width"),s=this.height=e(t.canvas,"Height");t.canvas.width=i,t.canvas.height=s;var i=this.width=t.canvas.width,s=this.height=t.canvas.height;return this.aspectRatio=this.width/this.height,n.retinaScale(this),this};i.defaults={global:{animation:!0,animationSteps:60,animationEasing:"easeOutQuart",showScale:!0,scaleOverride:!1,scaleSteps:null,scaleStepWidth:null,scaleStartValue:null,scaleLineColor:"rgba(0,0,0,.1)",scaleLineWidth:1,scaleShowLabels:!0,scaleLabel:"<%=value%>",scaleIntegersOnly:!0,scaleBeginAtZero:!1,scaleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",scaleFontSize:12,scaleFontStyle:"normal",scaleFontColor:"#666",responsive:!1,maintainAspectRatio:!0,showTooltips:!0,customTooltips:!1,tooltipEvents:["mousemove","touchstart","touchmove","mouseout"],tooltipFillColor:"rgba(0,0,0,0.8)",tooltipFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipFontSize:14,tooltipFontStyle:"normal",tooltipFontColor:"#fff",tooltipTitleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipTitleFontSize:14,tooltipTitleFontStyle:"bold",tooltipTitleFontColor:"#fff",tooltipYPadding:6,tooltipXPadding:6,tooltipCaretSize:8,tooltipCornerRadius:6,tooltipXOffset:10,tooltipTemplate:"<%if (label){%><%=label%>: <%}%><%= value %>",multiTooltipTemplate:"<%= value %>",multiTooltipKeyBackground:"#fff",onAnimationProgress:function(){},onAnimationComplete:function(){}}},i.types={};var n=i.helpers={},s=n.each=function(t,e,i){var n=Array.prototype.slice.call(arguments,3);if(t)if(t.length===+t.length){var s;for(s=0;s<t.length;s++)e.apply(i,[t[s],s].concat(n))}else for(var o in t)e.apply(i,[t[o],o].concat(n))},o=n.clone=function(t){var e={};return s(t,function(i,n){t.hasOwnProperty(n)&&(e[n]=i)}),e},a=n.extend=function(t){return s(Array.prototype.slice.call(arguments,1),function(e){s(e,function(i,n){e.hasOwnProperty(n)&&(t[n]=i)})}),t},r=n.merge=function(t,e){var i=Array.prototype.slice.call(arguments,0);return i.unshift({}),a.apply(null,i)},l=n.indexOf=function(t,e){if(Array.prototype.indexOf)return t.indexOf(e);for(var i=0;i<t.length;i++)if(t[i]===e)return i;return-1},h=(n.where=function(t,e){var i=[];return n.each(t,function(t){e(t)&&i.push(t)}),i},n.findNextWhere=function(t,e,i){i||(i=-1);for(var n=i+1;n<t.length;n++){var s=t[n];if(e(s))return s}},n.findPreviousWhere=function(t,e,i){i||(i=t.length);for(var n=i-1;n>=0;n--){var s=t[n];if(e(s))return s}},n.inherits=function(t){var e=this,i=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return e.apply(this,arguments)},n=function(){this.constructor=i};return n.prototype=e.prototype,i.prototype=new n,i.extend=h,t&&a(i.prototype,t),i.__super__=e.prototype,i}),c=n.noop=function(){},u=n.uid=function(){var t=0;return function(){return"chart-"+t++}}(),d=n.warn=function(t){window.console&&"function"==typeof window.console.warn&&console.warn(t)},f=n.amd="function"==typeof define&&define.amd,p=n.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},g=n.max=function(t){return Math.max.apply(Math,t)},v=n.min=function(t){return Math.min.apply(Math,t)},m=(n.cap=function(t,e,i){if(p(e)){if(t>e)return e}else if(p(i)&&i>t)return i;return t},n.getDecimalPlaces=function(t){return t%1!==0&&p(t)?t.toString().split(".")[1].length:0}),C=n.radians=function(t){return t*(Math.PI/180)},y=(n.getAngleFromPoint=function(t,e){var i=e.x-t.x,n=e.y-t.y,s=Math.sqrt(i*i+n*n),o=2*Math.PI+Math.atan2(n,i);return 0>i&&0>n&&(o+=2*Math.PI),{angle:o,distance:s}},n.aliasPixel=function(t){return t%2===0?0:.5}),b=(n.splineCurve=function(t,e,i,n){var s=Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2)),o=Math.sqrt(Math.pow(i.x-e.x,2)+Math.pow(i.y-e.y,2)),a=n*s/(s+o),r=n*o/(s+o);return{inner:{x:e.x-a*(i.x-t.x),y:e.y-a*(i.y-t.y)},outer:{x:e.x+r*(i.x-t.x),y:e.y+r*(i.y-t.y)}}},n.calculateOrderOfMagnitude=function(t){return Math.floor(Math.log(t)/Math.LN10)}),w=(n.calculateScaleRange=function(t,e,i,n,s){var o=2,a=Math.floor(e/(1.5*i)),r=o>=a,l=g(t),h=v(t);l===h&&(l+=.5,h>=.5&&!n?h-=.5:l+=.5);for(var c=Math.abs(l-h),u=b(c),d=Math.ceil(l/(1*Math.pow(10,u)))*Math.pow(10,u),f=n?0:Math.floor(h/(1*Math.pow(10,u)))*Math.pow(10,u),p=d-f,m=Math.pow(10,u),C=Math.round(p/m);(C>a||a>2*C)&&!r;)if(C>a)m*=2,C=Math.round(p/m),C%1!==0&&(r=!0);else if(s&&u>=0){if(m/2%1!==0)break;m/=2,C=Math.round(p/m)}else m/=2,C=Math.round(p/m);return r&&(C=o,m=p/C),{steps:C,stepValue:m,min:f,max:f+C*m}},n.template=function(t,e){function i(t,e){var i=/\W/.test(t)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+t.replace(/[\r\t\n]/g," ").split("<%").join(" ").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split(" ").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):n[t]=n[t];return e?i(e):i}if(t instanceof Function)return t(e);var n={};return i(t,e)}),x=(n.generateLabels=function(t,e,i,n){var o=new Array(e);return labelTemplateString&&s(o,function(e,s){o[s]=w(t,{value:i+n*(s+1)})}),o},n.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-0.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-0.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-0.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-0.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:1==(t/=1)?1:(i||(i=.3),n<Math.abs(1)?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),-(n*Math.pow(2,10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/i)))},easeOutElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:1==(t/=1)?1:(i||(i=.3),n<Math.abs(1)?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),n*Math.pow(2,-10*t)*Math.sin((1*t-e)*(2*Math.PI)/i)+1)},easeInOutElastic:function(t){var e=1.70158,i=0,n=1;return 0===t?0:2==(t/=.5)?1:(i||(i=1*(.3*1.5)),n<Math.abs(1)?(n=1,e=i/4):e=i/(2*Math.PI)*Math.asin(1/n),1>t?-.5*(n*Math.pow(2,10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/i)):n*Math.pow(2,-10*(t-=1))*Math.sin((1*t-e)*(2*Math.PI)/i)*.5+1)},easeInBack:function(t){var e=1.70158;return 1*(t/=1)*t*((e+1)*t-e)},easeOutBack:function(t){var e=1.70158;return 1*((t=t/1-1)*t*((e+1)*t+e)+1)},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?.5*(t*t*(((e*=1.525)+1)*t-e)):.5*((t-=2)*t*(((e*=1.525)+1)*t+e)+2)},easeInBounce:function(t){return 1-x.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?1*(7.5625*t*t):2/2.75>t?1*(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return.5>t?.5*x.easeInBounce(2*t):.5*x.easeOutBounce(2*t-1)+.5}}),S=n.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),P=n.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),k=(n.animationLoop=function(t,e,i,n,s,o){var a=0,r=x[i]||x.linear,l=function(){a++;var i=a/e,h=r(i);t.call(o,h,i,a),n.call(o,h,i),e>a?o.animationFrame=S(l):s.apply(o)};S(l)},n.getRelativePosition=function(t){var e,i,n=t.originalEvent||t,s=t.currentTarget||t.srcElement,o=s.getBoundingClientRect();return n.touches?(e=n.touches[0].clientX-o.left,i=n.touches[0].clientY-o.top):(e=n.clientX-o.left,i=n.clientY-o.top),{x:e,y:i}},n.addEvent=function(t,e,i){t.addEventListener?t.addEventListener(e,i):t.attachEvent?t.attachEvent("on"+e,i):t["on"+e]=i}),A=n.removeEvent=function(t,e,i){t.removeEventListener?t.removeEventListener(e,i,!1):t.detachEvent?t.detachEvent("on"+e,i):t["on"+e]=c},L=(n.bindEvents=function(t,e,i){t.events||(t.events={}),s(e,function(e){t.events[e]=function(){i.apply(t,arguments)},k(t.chart.canvas,e,t.events[e])})},n.unbindEvents=function(t,e){s(e,function(e,i){A(t.chart.canvas,i,e)})}),$=n.getMaximumWidth=function(t){var e=t.parentNode;return e.clientWidth},F=n.getMaximumHeight=function(t){var e=t.parentNode;return e.clientHeight},T=(n.getMaximumSize=n.getMaximumWidth,n.retinaScale=function(t){var e=t.ctx,i=t.canvas.width,n=t.canvas.height;window.devicePixelRatio&&(e.canvas.style.width=i+"px",e.canvas.style.height=n+"px",e.canvas.height=n*window.devicePixelRatio,e.canvas.width=i*window.devicePixelRatio,e.scale(window.devicePixelRatio,window.devicePixelRatio))}),R=n.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},D=n.fontString=function(t,e,i){return e+" "+t+"px "+i},M=n.longestText=function(t,e,i){t.font=e;var n=0;return s(i,function(e){var i=t.measureText(e).width;n=i>n?i:n}),n},W=n.drawRoundedRectangle=function(t,e,i,n,s,o){t.beginPath(),t.moveTo(e+o,i),t.lineTo(e+n-o,i),t.quadraticCurveTo(e+n,i,e+n,i+o),t.lineTo(e+n,i+s-o),t.quadraticCurveTo(e+n,i+s,e+n-o,i+s),t.lineTo(e+o,i+s),t.quadraticCurveTo(e,i+s,e,i+s-o),t.lineTo(e,i+o),t.quadraticCurveTo(e,i,e+o,i),t.closePath()};i.instances={},i.Type=function(t,e,n){this.options=e,this.chart=n,this.id=u(),i.instances[this.id]=this,e.responsive&&this.resize(),this.initialize.call(this,t)},a(i.Type.prototype,{initialize:function(){return this},clear:function(){return R(this.chart),this},stop:function(){return P(this.animationFrame),this},resize:function(t){this.stop();var e=this.chart.canvas,i=$(this.chart.canvas),n=this.options.maintainAspectRatio?i/this.chart.aspectRatio:F(this.chart.canvas);return e.width=this.chart.width=i,e.height=this.chart.height=n,T(this.chart),"function"==typeof t&&t.apply(this,Array.prototype.slice.call(arguments,1)),this},reflow:c,render:function(t){return t&&this.reflow(),this.options.animation&&!t?n.animationLoop(this.draw,this.options.animationSteps,this.options.animationEasing,this.options.onAnimationProgress,this.options.onAnimationComplete,this):(this.draw(),this.options.onAnimationComplete.call(this)),this},generateLegend:function(){return w(this.options.legendTemplate,this)},destroy:function(){this.clear(),L(this,this.events);var t=this.chart.canvas;t.width=this.chart.width,t.height=this.chart.height,t.style.removeProperty?(t.style.removeProperty("width"),t.style.removeProperty("height")):(t.style.removeAttribute("width"),t.style.removeAttribute("height")),delete i.instances[this.id]},showTooltip:function(t,e){"undefined"==typeof this.activeElements&&(this.activeElements=[]);var o=function(t){var e=!1;return t.length!==this.activeElements.length?e=!0:(s(t,function(t,i){t!==this.activeElements[i]&&(e=!0)},this),e)}.call(this,t);if(o||e){if(this.activeElements=t,this.draw(),this.options.customTooltips&&this.options.customTooltips(!1),t.length>0)if(this.datasets&&this.datasets.length>1){for(var a,r,h=this.datasets.length-1;h>=0&&(a=this.datasets[h].points||this.datasets[h].bars||this.datasets[h].segments,r=l(a,t[0]),-1===r);h--);var c=[],u=[],d=function(t){var e,i,s,o,a,l=[],h=[],d=[];return n.each(this.datasets,function(t){e=t.points||t.bars||t.segments,e[r]&&e[r].hasValue()&&l.push(e[r])}),n.each(l,function(t){h.push(t.x),d.push(t.y),c.push(n.template(this.options.multiTooltipTemplate,t)),u.push({fill:t._saved.fillColor||t.fillColor,stroke:t._saved.strokeColor||t.strokeColor})},this),a=v(d),s=g(d),o=v(h),i=g(h),{x:o>this.chart.width/2?o:i,y:(a+s)/2}}.call(this,r);new i.MultiTooltip({x:d.x,y:d.y,xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,xOffset:this.options.tooltipXOffset,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,titleTextColor:this.options.tooltipTitleFontColor,titleFontFamily:this.options.tooltipTitleFontFamily,titleFontStyle:this.options.tooltipTitleFontStyle,titleFontSize:this.options.tooltipTitleFontSize,cornerRadius:this.options.tooltipCornerRadius,labels:c,legendColors:u,legendColorBackground:this.options.multiTooltipKeyBackground,title:t[0].label,chart:this.chart,ctx:this.chart.ctx,custom:this.options.customTooltips}).draw()}else s(t,function(t){var e=t.tooltipPosition();new i.Tooltip({x:Math.round(e.x),y:Math.round(e.y),xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,caretHeight:this.options.tooltipCaretSize,cornerRadius:this.options.tooltipCornerRadius,text:w(this.options.tooltipTemplate,t),chart:this.chart,custom:this.options.customTooltips}).draw()},this);return this}},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)}}),i.Type.extend=function(t){var e=this,n=function(){return e.apply(this,arguments)};if(n.prototype=o(e.prototype),a(n.prototype,t),n.extend=i.Type.extend,t.name||e.prototype.name){var s=t.name||e.prototype.name,l=i.defaults[e.prototype.name]?o(i.defaults[e.prototype.name]):{};i.defaults[s]=a(l,t.defaults),i.types[s]=n,i.prototype[s]=function(t,e){var o=r(i.defaults.global,i.defaults[s],e||{});return new n(t,o,this)}}else d("Name not provided for this chart, so it hasn't been registered");return e},i.Element=function(t){a(this,t),this.initialize.apply(this,arguments),this.save()},a(i.Element.prototype,{initialize:function(){},restore:function(t){return t?s(t,function(t){this[t]=this._saved[t]},this):a(this,this._saved),this},save:function(){return this._saved=o(this),delete this._saved._saved,this},update:function(t){return s(t,function(t,e){this._saved[e]=this[e],this[e]=t},this),this},transition:function(t,e){return s(t,function(t,i){this[i]=(t-this._saved[i])*e+this._saved[i]},this),this},tooltipPosition:function(){return{x:this.x,y:this.y}},hasValue:function(){return p(this.value)}}),i.Element.extend=h,i.Point=i.Element.extend({display:!0,inRange:function(t,e){var i=this.hitDetectionRadius+this.radius;return Math.pow(t-this.x,2)+Math.pow(e-this.y,2)<Math.pow(i,2)},draw:function(){if(this.display){var t=this.ctx;t.beginPath(),t.arc(this.x,this.y,this.radius,0,2*Math.PI),t.closePath(),t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.fillStyle=this.fillColor,t.fill(),t.stroke()}}}),i.Arc=i.Element.extend({inRange:function(t,e){var i=n.getAngleFromPoint(this,{x:t,y:e}),s=i.angle>=this.startAngle&&i.angle<=this.endAngle,o=i.distance>=this.innerRadius&&i.distance<=this.outerRadius;return s&&o},tooltipPosition:function(){var t=this.startAngle+(this.endAngle-this.startAngle)/2,e=(this.outerRadius-this.innerRadius)/2+this.innerRadius;return{x:this.x+Math.cos(t)*e,y:this.y+Math.sin(t)*e}},draw:function(t){var e=this.ctx;e.beginPath(),e.arc(this.x,this.y,this.outerRadius,this.startAngle,this.endAngle),e.arc(this.x,this.y,this.innerRadius,this.endAngle,this.startAngle,!0),e.closePath(),e.strokeStyle=this.strokeColor,e.lineWidth=this.strokeWidth,e.fillStyle=this.fillColor,e.fill(),e.lineJoin="bevel",this.showStroke&&e.stroke()}}),i.Rectangle=i.Element.extend({draw:function(){var t=this.ctx,e=this.width/2,i=this.x-e,n=this.x+e,s=this.base-(this.base-this.y),o=this.strokeWidth/2;this.showStroke&&(i+=o,n-=o,s+=o),t.beginPath(),t.fillStyle=this.fillColor,t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.moveTo(i,this.base),t.lineTo(i,s),t.lineTo(n,s),t.lineTo(n,this.base),t.fill(),this.showStroke&&t.stroke()},height:function(){return this.base-this.y},inRange:function(t,e){return t>=this.x-this.width/2&&t<=this.x+this.width/2&&e>=this.y&&e<=this.base}}),i.Tooltip=i.Element.extend({draw:function(){var t=this.chart.ctx;t.font=D(this.fontSize,this.fontStyle,this.fontFamily),this.xAlign="center",this.yAlign="above";var e=this.caretPadding=2,i=t.measureText(this.text).width+2*this.xPadding,n=this.fontSize+2*this.yPadding,s=n+this.caretHeight+e;this.x+i/2>this.chart.width?this.xAlign="left":this.x-i/2<0&&(this.xAlign="right"),this.y-s<0&&(this.yAlign="below");var o=this.x-i/2,a=this.y-s;if(t.fillStyle=this.fillColor,this.custom)this.custom(this);else{switch(this.yAlign){case"above":t.beginPath(),t.moveTo(this.x,this.y-e),t.lineTo(this.x+this.caretHeight,this.y-(e+this.caretHeight)),t.lineTo(this.x-this.caretHeight,this.y-(e+this.caretHeight)),t.closePath(),t.fill();break;case"below":a=this.y+e+this.caretHeight,t.beginPath(),t.moveTo(this.x,this.y+e),t.lineTo(this.x+this.caretHeight,this.y+e+this.caretHeight),t.lineTo(this.x-this.caretHeight,this.y+e+this.caretHeight),t.closePath(),t.fill()}switch(this.xAlign){case"left":o=this.x-i+(this.cornerRadius+this.caretHeight);break;case"right":o=this.x-(this.cornerRadius+this.caretHeight)}W(t,o,a,i,n,this.cornerRadius),t.fill(),t.fillStyle=this.textColor,t.textAlign="center",t.textBaseline="middle",t.fillText(this.text,o+i/2,a+n/2)}}}),i.MultiTooltip=i.Element.extend({initialize:function(){this.font=D(this.fontSize,this.fontStyle,this.fontFamily),this.titleFont=D(this.titleFontSize,this.titleFontStyle,this.titleFontFamily),this.height=this.labels.length*this.fontSize+(this.labels.length-1)*(this.fontSize/2)+2*this.yPadding+1.5*this.titleFontSize,this.ctx.font=this.titleFont;var t=this.ctx.measureText(this.title).width,e=M(this.ctx,this.font,this.labels)+this.fontSize+3,i=g([e,t]);this.width=i+2*this.xPadding;var n=this.height/2;this.y-n<0?this.y=n:this.y+n>this.chart.height&&(this.y=this.chart.height-n),this.x>this.chart.width/2?this.x-=this.xOffset+this.width:this.x+=this.xOffset},getLineHeight:function(t){var e=this.y-this.height/2+this.yPadding,i=t-1;return 0===t?e+this.titleFontSize/2:e+(1.5*this.fontSize*i+this.fontSize/2)+1.5*this.titleFontSize},draw:function(){if(this.custom)this.custom(this);else{W(this.ctx,this.x,this.y-this.height/2,this.width,this.height,this.cornerRadius);var t=this.ctx;t.fillStyle=this.fillColor,t.fill(),t.closePath(),t.textAlign="left",t.textBaseline="middle",t.fillStyle=this.titleTextColor,t.font=this.titleFont,t.fillText(this.title,this.x+this.xPadding,this.getLineHeight(0)),t.font=this.font,n.each(this.labels,function(e,i){t.fillStyle=this.textColor,t.fillText(e,this.x+this.xPadding+this.fontSize+3,this.getLineHeight(i+1)),t.fillStyle=this.legendColorBackground,t.fillRect(this.x+this.xPadding,this.getLineHeight(i+1)-this.fontSize/2,this.fontSize,this.fontSize),t.fillStyle=this.legendColors[i].fill,t.fillRect(this.x+this.xPadding,this.getLineHeight(i+1)-this.fontSize/2,this.fontSize,this.fontSize)},this)}}}),i.Scale=i.Element.extend({initialize:function(){this.fit()},buildYLabels:function(){this.yLabels=[];for(var t=m(this.stepValue),e=0;e<=this.steps;e++)this.yLabels.push(w(this.templateString,{value:(this.min+e*this.stepValue).toFixed(t)}));this.yLabelWidth=this.display&&this.showLabels?M(this.ctx,this.font,this.yLabels):0},addXLabel:function(t){this.xLabels.push(t),this.valuesCount++,this.fit()},removeXLabel:function(){this.xLabels.shift(),this.valuesCount--,this.fit()},fit:function(){this.startPoint=this.display?this.fontSize:0,this.endPoint=this.display?this.height-1.5*this.fontSize-5:this.height,this.startPoint+=this.padding,this.endPoint-=this.padding;var t,e=this.endPoint-this.startPoint;for(this.calculateYRange(e),this.buildYLabels(),this.calculateXLabelRotation();e>this.endPoint-this.startPoint;)e=this.endPoint-this.startPoint,t=this.yLabelWidth,this.calculateYRange(e),this.buildYLabels(),t<this.yLabelWidth&&this.calculateXLabelRotation()},calculateXLabelRotation:function(){this.ctx.font=this.font;var t,e,i=this.ctx.measureText(this.xLabels[0]).width,n=this.ctx.measureText(this.xLabels[this.xLabels.length-1]).width;if(this.xScalePaddingRight=n/2+3,this.xScalePaddingLeft=i/2>this.yLabelWidth+10?i/2:this.yLabelWidth+10,this.xLabelRotation=0,this.display){var s,o=M(this.ctx,this.font,this.xLabels);this.xLabelWidth=o;for(var a=Math.floor(this.calculateX(1)-this.calculateX(0))-6;this.xLabelWidth>a&&0===this.xLabelRotation||this.xLabelWidth>a&&this.xLabelRotation<=90&&this.xLabelRotation>0;)s=Math.cos(C(this.xLabelRotation)),t=s*i,e=s*n,t+this.fontSize/2>this.yLabelWidth+8&&(this.xScalePaddingLeft=t+this.fontSize/2),this.xScalePaddingRight=this.fontSize/2,this.xLabelRotation++,this.xLabelWidth=s*o;this.xLabelRotation>0&&(this.endPoint-=Math.sin(C(this.xLabelRotation))*o+3)}else this.xLabelWidth=0,this.xScalePaddingRight=this.padding,this.xScalePaddingLeft=this.padding},calculateYRange:c,drawingArea:function(){return this.startPoint-this.endPoint},calculateY:function(t){var e=this.drawingArea()/(this.min-this.max);return this.endPoint-e*(t-this.min)},calculateX:function(t){var e=(this.xLabelRotation>0,this.width-(this.xScalePaddingLeft+this.xScalePaddingRight)),i=e/Math.max(this.valuesCount-(this.offsetGridLines?0:1),1),n=i*t+this.xScalePaddingLeft;return this.offsetGridLines&&(n+=i/2),Math.round(n)},update:function(t){n.extend(this,t),this.fit()},draw:function(){var t=this.ctx,e=(this.endPoint-this.startPoint)/this.steps,i=Math.round(this.xScalePaddingLeft);this.display&&(t.fillStyle=this.textColor,t.font=this.font,s(this.yLabels,function(s,o){var a=this.endPoint-e*o,r=Math.round(a),l=this.showHorizontalLines;t.textAlign="right",t.textBaseline="middle",this.showLabels&&t.fillText(s,i-10,a),0!==o||l||(l=!0),l&&t.beginPath(),o>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),r+=n.aliasPixel(t.lineWidth),l&&(t.moveTo(i,r),t.lineTo(this.width,r),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(i-5,r),t.lineTo(i,r),t.stroke(),t.closePath()},this),s(this.xLabels,function(e,i){var n=this.calculateX(i)+y(this.lineWidth),s=this.calculateX(i-(this.offsetGridLines?.5:0))+y(this.lineWidth),o=this.xLabelRotation>0,a=this.showVerticalLines;0!==i||a||(a=!0),a&&t.beginPath(),i>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),a&&(t.moveTo(s,this.endPoint),t.lineTo(s,this.startPoint-3),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(s,this.endPoint),t.lineTo(s,this.endPoint+5),t.stroke(),t.closePath(),t.save(),t.translate(n,o?this.endPoint+12:this.endPoint+8),t.rotate(-1*C(this.xLabelRotation)),t.font=this.font,t.textAlign=o?"right":"center",t.textBaseline=o?"middle":"top",t.fillText(e,0,0),t.restore()},this))}}),i.RadialScale=i.Element.extend({initialize:function(){this.size=v([this.height,this.width]),this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2},calculateCenterOffset:function(t){var e=this.drawingArea/(this.max-this.min);return(t-this.min)*e},update:function(){this.lineArc?this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2:this.setScaleSize(),this.buildYLabels()},buildYLabels:function(){this.yLabels=[];for(var t=m(this.stepValue),e=0;e<=this.steps;e++)this.yLabels.push(w(this.templateString,{value:(this.min+e*this.stepValue).toFixed(t)}))},getCircumference:function(){return 2*Math.PI/this.valuesCount},setScaleSize:function(){var t,e,i,n,s,o,a,r,l,h,c,u,d=v([this.height/2-this.pointLabelFontSize-5,this.width/2]),f=this.width,g=0;for(this.ctx.font=D(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),e=0;e<this.valuesCount;e++)t=this.getPointPosition(e,d),i=this.ctx.measureText(w(this.templateString,{value:this.labels[e]})).width+5,0===e||e===this.valuesCount/2?(n=i/2,t.x+n>f&&(f=t.x+n,s=e),t.x-n<g&&(g=t.x-n,a=e)):e<this.valuesCount/2?t.x+i>f&&(f=t.x+i,s=e):e>this.valuesCount/2&&t.x-i<g&&(g=t.x-i,a=e);l=g,h=Math.ceil(f-this.width),o=this.getIndexAngle(s),r=this.getIndexAngle(a),c=h/Math.sin(o+Math.PI/2),u=l/Math.sin(r+Math.PI/2),c=p(c)?c:0,u=p(u)?u:0,this.drawingArea=d-(u+c)/2,this.setCenterPoint(u,c)},setCenterPoint:function(t,e){var i=this.width-e-this.drawingArea,n=t+this.drawingArea;this.xCenter=(n+i)/2,this.yCenter=this.height/2},getIndexAngle:function(t){var e=2*Math.PI/this.valuesCount;return t*e-Math.PI/2},getPointPosition:function(t,e){var i=this.getIndexAngle(t);return{x:Math.cos(i)*e+this.xCenter,y:Math.sin(i)*e+this.yCenter}},draw:function(){if(this.display){var t=this.ctx;if(s(this.yLabels,function(e,i){if(i>0){var n,s=i*(this.drawingArea/this.steps),o=this.yCenter-s;if(this.lineWidth>0)if(t.strokeStyle=this.lineColor,t.lineWidth=this.lineWidth,this.lineArc)t.beginPath(),t.arc(this.xCenter,this.yCenter,s,0,2*Math.PI),t.closePath(),t.stroke();else{t.beginPath();for(var a=0;a<this.valuesCount;a++)n=this.getPointPosition(a,this.calculateCenterOffset(this.min+i*this.stepValue)),0===a?t.moveTo(n.x,n.y):t.lineTo(n.x,n.y);t.closePath(),t.stroke()}if(this.showLabels){if(t.font=D(this.fontSize,this.fontStyle,this.fontFamily),this.showLabelBackdrop){var r=t.measureText(e).width;t.fillStyle=this.backdropColor,t.fillRect(this.xCenter-r/2-this.backdropPaddingX,o-this.fontSize/2-this.backdropPaddingY,r+2*this.backdropPaddingX,this.fontSize+2*this.backdropPaddingY)}t.textAlign="center",t.textBaseline="middle",t.fillStyle=this.fontColor,t.fillText(e,this.xCenter,o)}}},this),!this.lineArc){t.lineWidth=this.angleLineWidth,t.strokeStyle=this.angleLineColor;for(var e=this.valuesCount-1;e>=0;e--){if(this.angleLineWidth>0){var i=this.getPointPosition(e,this.calculateCenterOffset(this.max));t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(i.x,i.y),t.stroke(),t.closePath()}var n=this.getPointPosition(e,this.calculateCenterOffset(this.max)+5);t.font=D(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),t.fillStyle=this.pointLabelFontColor;var o=this.labels.length,a=this.labels.length/2,r=a/2,l=r>e||e>o-r,h=e===r||e===o-r;0===e?t.textAlign="center":e===a?t.textAlign="center":a>e?t.textAlign="left":t.textAlign="right",h?t.textBaseline="middle":l?t.textBaseline="bottom":t.textBaseline="top",t.fillText(this.labels[e],n.x,n.y)}}}}}),n.addEvent(window,"resize",function(){var t;return function(){clearTimeout(t),t=setTimeout(function(){s(i.instances,function(t){t.options.responsive&&t.resize(t.render,!0)})},50)}}()),f?define(function(){return i}):"object"==typeof module&&module.exports&&(module.exports=i),t.Chart=i,i.noConflict=function(){return t.Chart=e,i}}).call(this),function(){"use strict";var t=this,e=t.Chart,i=e.helpers,n={scaleBeginAtZero:!0,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,barShowStroke:!0,barStrokeWidth:2,barValueSpacing:5,barDatasetSpacing:1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].fillColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"Bar",defaults:n,initialize:function(t){var n=this.options;this.ScaleClass=e.Scale.extend({offsetGridLines:!0,calculateBarX:function(t,e,i){var s=this.calculateBaseWidth(),o=this.calculateX(i)-s/2,a=this.calculateBarWidth(t);return o+a*e+e*n.barDatasetSpacing+a/2},calculateBaseWidth:function(){return this.calculateX(1)-this.calculateX(0)-2*n.barValueSpacing},calculateBarWidth:function(t){var e=this.calculateBaseWidth()-(t-1)*n.barDatasetSpacing;return e/t}}),this.datasets=[],this.options.showTooltips&&i.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getBarsAtEvent(t):[];this.eachBars(function(t){t.restore(["fillColor","strokeColor"])}),i.each(e,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(e)}),this.BarClass=e.Rectangle.extend({strokeWidth:this.options.barStrokeWidth,showStroke:this.options.barShowStroke,ctx:this.chart.ctx}),i.each(t.datasets,function(e,n){var s={label:e.label||null,fillColor:e.fillColor,strokeColor:e.strokeColor,bars:[]};this.datasets.push(s),i.each(e.data,function(i,n){s.bars.push(new this.BarClass({value:i,label:t.labels[n],datasetLabel:e.label,strokeColor:e.strokeColor,fillColor:e.fillColor,highlightFill:e.highlightFill||e.fillColor,highlightStroke:e.highlightStroke||e.strokeColor}))},this)},this),this.buildScale(t.labels),this.BarClass.prototype.base=this.scale.endPoint,this.eachBars(function(t,e,n){i.extend(t,{width:this.scale.calculateBarWidth(this.datasets.length),x:this.scale.calculateBarX(this.datasets.length,n,e),y:this.scale.endPoint}),t.save()},this),this.render()},update:function(){this.scale.update(),i.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachBars(function(t){t.save()}),this.render()},eachBars:function(t){i.each(this.datasets,function(e,n){i.each(e.bars,t,this,n)},this)},getBarsAtEvent:function(t){for(var e,n=[],s=i.getRelativePosition(t),o=function(t){n.push(t.bars[e])},a=0;a<this.datasets.length;a++)for(e=0;e<this.datasets[a].bars.length;e++)if(this.datasets[a].bars[e].inRange(s.x,s.y))return i.each(this.datasets,o),n;return n},buildScale:function(t){var e=this,n=function(){var t=[];return e.eachBars(function(e){t.push(e.value)}),t},s={templateString:this.options.scaleLabel,height:this.chart.height,width:this.chart.width,ctx:this.chart.ctx,textColor:this.options.scaleFontColor,fontSize:this.options.scaleFontSize,fontStyle:this.options.scaleFontStyle,fontFamily:this.options.scaleFontFamily,valuesCount:t.length,beginAtZero:this.options.scaleBeginAtZero,integersOnly:this.options.scaleIntegersOnly,calculateYRange:function(t){var e=i.calculateScaleRange(n(),t,this.fontSize,this.beginAtZero,this.integersOnly);i.extend(this,e)},xLabels:t,font:i.fontString(this.options.scaleFontSize,this.options.scaleFontStyle,this.options.scaleFontFamily),lineWidth:this.options.scaleLineWidth,lineColor:this.options.scaleLineColor,showHorizontalLines:this.options.scaleShowHorizontalLines,showVerticalLines:this.options.scaleShowVerticalLines,gridLineWidth:this.options.scaleShowGridLines?this.options.scaleGridLineWidth:0,gridLineColor:this.options.scaleShowGridLines?this.options.scaleGridLineColor:"rgba(0,0,0,0)",padding:this.options.showScale?0:this.options.barShowStroke?this.options.barStrokeWidth:0,showLabels:this.options.scaleShowLabels,display:this.options.showScale};this.options.scaleOverride&&i.extend(s,{calculateYRange:i.noop,steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}),this.scale=new this.ScaleClass(s)},addData:function(t,e){i.each(t,function(t,i){this.datasets[i].bars.push(new this.BarClass({value:t,label:e,x:this.scale.calculateBarX(this.datasets.length,i,this.scale.valuesCount+1),y:this.scale.endPoint,width:this.scale.calculateBarWidth(this.datasets.length),
-base:this.scale.endPoint,strokeColor:this.datasets[i].strokeColor,fillColor:this.datasets[i].fillColor}))},this),this.scale.addXLabel(e),this.update()},removeData:function(){this.scale.removeXLabel(),i.each(this.datasets,function(t){t.bars.shift()},this),this.update()},reflow:function(){i.extend(this.BarClass.prototype,{y:this.scale.endPoint,base:this.scale.endPoint});var t=i.extend({height:this.chart.height,width:this.chart.width});this.scale.update(t)},draw:function(t){var e=t||1;this.clear();this.chart.ctx;this.scale.draw(e),i.each(this.datasets,function(t,n){i.each(t.bars,function(t,i){t.hasValue()&&(t.base=this.scale.endPoint,t.transition({x:this.scale.calculateBarX(this.datasets.length,n,i),y:this.scale.calculateY(t.value),width:this.scale.calculateBarWidth(this.datasets.length)},e).draw())},this)},this)}})}.call(this),function(){"use strict";var t=this,e=t.Chart,i=e.helpers,n={segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:2,percentageInnerCutout:50,animationSteps:100,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"Doughnut",defaults:n,initialize:function(t){this.segments=[],this.outerRadius=(i.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,this.SegmentArc=e.Arc.extend({ctx:this.chart.ctx,x:this.chart.width/2,y:this.chart.height/2}),this.options.showTooltips&&i.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];i.each(this.segments,function(t){t.restore(["fillColor"])}),i.each(e,function(t){t.fillColor=t.highlightColor}),this.showTooltip(e)}),this.calculateTotal(t),i.each(t,function(t,e){this.addData(t,e,!0)},this),this.render()},getSegmentsAtEvent:function(t){var e=[],n=i.getRelativePosition(t);return i.each(this.segments,function(t){t.inRange(n.x,n.y)&&e.push(t)},this),e},addData:function(t,e,i){var n=e||this.segments.length;this.segments.splice(n,0,new this.SegmentArc({value:t.value,outerRadius:this.options.animateScale?0:this.outerRadius,innerRadius:this.options.animateScale?0:this.outerRadius/100*this.options.percentageInnerCutout,fillColor:t.color,highlightColor:t.highlight||t.color,showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,startAngle:1.5*Math.PI,circumference:this.options.animateRotate?0:this.calculateCircumference(t.value),label:t.label})),i||(this.reflow(),this.update())},calculateCircumference:function(t){return 2*Math.PI*(Math.abs(t)/this.total)},calculateTotal:function(t){this.total=0,i.each(t,function(t){this.total+=Math.abs(t.value)},this)},update:function(){this.calculateTotal(this.segments),i.each(this.activeElements,function(t){t.restore(["fillColor"])}),i.each(this.segments,function(t){t.save()}),this.render()},removeData:function(t){var e=i.isNumber(t)?t:this.segments.length-1;this.segments.splice(e,1),this.reflow(),this.update()},reflow:function(){i.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.outerRadius=(i.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,i.each(this.segments,function(t){t.update({outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout})},this)},draw:function(t){var e=t?t:1;this.clear(),i.each(this.segments,function(t,i){t.transition({circumference:this.calculateCircumference(t.value),outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout},e),t.endAngle=t.startAngle+t.circumference,t.draw(),0===i&&(t.startAngle=1.5*Math.PI),i<this.segments.length-1&&(this.segments[i+1].startAngle=t.endAngle)},this)}}),e.types.Doughnut.extend({name:"Pie",defaults:i.merge(n,{percentageInnerCutout:0})})}.call(this),function(){"use strict";var t=this,e=t.Chart,i=e.helpers,n={scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,bezierCurve:!0,bezierCurveTension:.4,pointDot:!0,pointDotRadius:4,pointDotStrokeWidth:1,pointHitDetectionRadius:20,datasetStroke:!0,datasetStrokeWidth:2,datasetFill:!0,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"Line",defaults:n,initialize:function(t){this.PointClass=e.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx,inRange:function(t){return Math.pow(t-this.x,2)<Math.pow(this.radius+this.hitDetectionRadius,2)}}),this.datasets=[],this.options.showTooltips&&i.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),i.each(e,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(e)}),i.each(t.datasets,function(e){var n={label:e.label||null,fillColor:e.fillColor,strokeColor:e.strokeColor,pointColor:e.pointColor,pointStrokeColor:e.pointStrokeColor,points:[]};this.datasets.push(n),i.each(e.data,function(i,s){n.points.push(new this.PointClass({value:i,label:t.labels[s],datasetLabel:e.label,strokeColor:e.pointStrokeColor,fillColor:e.pointColor,highlightFill:e.pointHighlightFill||e.pointColor,highlightStroke:e.pointHighlightStroke||e.pointStrokeColor}))},this),this.buildScale(t.labels),this.eachPoints(function(t,e){i.extend(t,{x:this.scale.calculateX(e),y:this.scale.endPoint}),t.save()},this)},this),this.render()},update:function(){this.scale.update(),i.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachPoints(function(t){t.save()}),this.render()},eachPoints:function(t){i.each(this.datasets,function(e){i.each(e.points,t,this)},this)},getPointsAtEvent:function(t){var e=[],n=i.getRelativePosition(t);return i.each(this.datasets,function(t){i.each(t.points,function(t){t.inRange(n.x,n.y)&&e.push(t)})},this),e},buildScale:function(t){var n=this,s=function(){var t=[];return n.eachPoints(function(e){t.push(e.value)}),t},o={templateString:this.options.scaleLabel,height:this.chart.height,width:this.chart.width,ctx:this.chart.ctx,textColor:this.options.scaleFontColor,fontSize:this.options.scaleFontSize,fontStyle:this.options.scaleFontStyle,fontFamily:this.options.scaleFontFamily,valuesCount:t.length,beginAtZero:this.options.scaleBeginAtZero,integersOnly:this.options.scaleIntegersOnly,calculateYRange:function(t){var e=i.calculateScaleRange(s(),t,this.fontSize,this.beginAtZero,this.integersOnly);i.extend(this,e)},xLabels:t,font:i.fontString(this.options.scaleFontSize,this.options.scaleFontStyle,this.options.scaleFontFamily),lineWidth:this.options.scaleLineWidth,lineColor:this.options.scaleLineColor,showHorizontalLines:this.options.scaleShowHorizontalLines,showVerticalLines:this.options.scaleShowVerticalLines,gridLineWidth:this.options.scaleShowGridLines?this.options.scaleGridLineWidth:0,gridLineColor:this.options.scaleShowGridLines?this.options.scaleGridLineColor:"rgba(0,0,0,0)",padding:this.options.showScale?0:this.options.pointDotRadius+this.options.pointDotStrokeWidth,showLabels:this.options.scaleShowLabels,display:this.options.showScale};this.options.scaleOverride&&i.extend(o,{calculateYRange:i.noop,steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}),this.scale=new e.Scale(o)},addData:function(t,e){i.each(t,function(t,i){this.datasets[i].points.push(new this.PointClass({value:t,label:e,x:this.scale.calculateX(this.scale.valuesCount+1),y:this.scale.endPoint,strokeColor:this.datasets[i].pointStrokeColor,fillColor:this.datasets[i].pointColor}))},this),this.scale.addXLabel(e),this.update()},removeData:function(){this.scale.removeXLabel(),i.each(this.datasets,function(t){t.points.shift()},this),this.update()},reflow:function(){var t=i.extend({height:this.chart.height,width:this.chart.width});this.scale.update(t)},draw:function(t){var e=t||1;this.clear();var n=this.chart.ctx,s=function(t){return null!==t.value},o=function(t,e,n){return i.findNextWhere(e,s,n)||t},a=function(t,e,n){return i.findPreviousWhere(e,s,n)||t};this.scale.draw(e),i.each(this.datasets,function(t){var r=i.where(t.points,s);i.each(t.points,function(t,i){t.hasValue()&&t.transition({y:this.scale.calculateY(t.value),x:this.scale.calculateX(i)},e)},this),this.options.bezierCurve&&i.each(r,function(t,e){var n=e>0&&e<r.length-1?this.options.bezierCurveTension:0;t.controlPoints=i.splineCurve(a(t,r,e),t,o(t,r,e),n),t.controlPoints.outer.y>this.scale.endPoint?t.controlPoints.outer.y=this.scale.endPoint:t.controlPoints.outer.y<this.scale.startPoint&&(t.controlPoints.outer.y=this.scale.startPoint),t.controlPoints.inner.y>this.scale.endPoint?t.controlPoints.inner.y=this.scale.endPoint:t.controlPoints.inner.y<this.scale.startPoint&&(t.controlPoints.inner.y=this.scale.startPoint)},this),n.lineWidth=this.options.datasetStrokeWidth,n.strokeStyle=t.strokeColor,n.beginPath(),i.each(r,function(t,e){if(0===e)n.moveTo(t.x,t.y);else if(this.options.bezierCurve){var i=a(t,r,e);n.bezierCurveTo(i.controlPoints.outer.x,i.controlPoints.outer.y,t.controlPoints.inner.x,t.controlPoints.inner.y,t.x,t.y)}else n.lineTo(t.x,t.y)},this),n.stroke(),this.options.datasetFill&&r.length>0&&(n.lineTo(r[r.length-1].x,this.scale.endPoint),n.lineTo(r[0].x,this.scale.endPoint),n.fillStyle=t.fillColor,n.closePath(),n.fill()),i.each(r,function(t){t.draw()})},this)}})}.call(this),function(){"use strict";var t=this,e=t.Chart,i=e.helpers,n={scaleShowLabelBackdrop:!0,scaleBackdropColor:"rgba(255,255,255,0.75)",scaleBeginAtZero:!0,scaleBackdropPaddingY:2,scaleBackdropPaddingX:2,scaleShowLine:!0,segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:2,animationSteps:100,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"PolarArea",defaults:n,initialize:function(t){this.segments=[],this.SegmentArc=e.Arc.extend({showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,ctx:this.chart.ctx,innerRadius:0,x:this.chart.width/2,y:this.chart.height/2}),this.scale=new e.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,lineArc:!0,width:this.chart.width,height:this.chart.height,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,valuesCount:t.length}),this.updateScaleRange(t),this.scale.update(),i.each(t,function(t,e){this.addData(t,e,!0)},this),this.options.showTooltips&&i.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];i.each(this.segments,function(t){t.restore(["fillColor"])}),i.each(e,function(t){t.fillColor=t.highlightColor}),this.showTooltip(e)}),this.render()},getSegmentsAtEvent:function(t){var e=[],n=i.getRelativePosition(t);return i.each(this.segments,function(t){t.inRange(n.x,n.y)&&e.push(t)},this),e},addData:function(t,e,i){var n=e||this.segments.length;this.segments.splice(n,0,new this.SegmentArc({fillColor:t.color,highlightColor:t.highlight||t.color,label:t.label,value:t.value,outerRadius:this.options.animateScale?0:this.scale.calculateCenterOffset(t.value),circumference:this.options.animateRotate?0:this.scale.getCircumference(),startAngle:1.5*Math.PI})),i||(this.reflow(),this.update())},removeData:function(t){var e=i.isNumber(t)?t:this.segments.length-1;this.segments.splice(e,1),this.reflow(),this.update()},calculateTotal:function(t){this.total=0,i.each(t,function(t){this.total+=t.value},this),this.scale.valuesCount=this.segments.length},updateScaleRange:function(t){var e=[];i.each(t,function(t){e.push(t.value)});var n=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:i.calculateScaleRange(e,i.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);i.extend(this.scale,n,{size:i.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2})},update:function(){this.calculateTotal(this.segments),i.each(this.segments,function(t){t.save()}),this.reflow(),this.render()},reflow:function(){i.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.updateScaleRange(this.segments),this.scale.update(),i.extend(this.scale,{xCenter:this.chart.width/2,yCenter:this.chart.height/2}),i.each(this.segments,function(t){t.update({outerRadius:this.scale.calculateCenterOffset(t.value)})},this)},draw:function(t){var e=t||1;this.clear(),i.each(this.segments,function(t,i){t.transition({circumference:this.scale.getCircumference(),outerRadius:this.scale.calculateCenterOffset(t.value)},e),t.endAngle=t.startAngle+t.circumference,0===i&&(t.startAngle=1.5*Math.PI),i<this.segments.length-1&&(this.segments[i+1].startAngle=t.endAngle),t.draw()},this),this.scale.draw()}})}.call(this),function(){"use strict";var t=this,e=t.Chart,i=e.helpers;e.Type.extend({name:"Radar",defaults:{scaleShowLine:!0,angleShowLineOut:!0,scaleShowLabels:!1,scaleBeginAtZero:!0,angleLineColor:"rgba(0,0,0,.1)",angleLineWidth:1,pointLabelFontFamily:"'Arial'",pointLabelFontStyle:"normal",pointLabelFontSize:10,pointLabelFontColor:"#666",pointDot:!0,pointDotRadius:3,pointDotStrokeWidth:1,pointHitDetectionRadius:20,datasetStroke:!0,datasetStrokeWidth:2,datasetFill:!0,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'},initialize:function(t){this.PointClass=e.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx}),this.datasets=[],this.buildScale(t),this.options.showTooltips&&i.bindEvents(this,this.options.tooltipEvents,function(t){var e="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),i.each(e,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(e)}),i.each(t.datasets,function(e){var n={label:e.label||null,fillColor:e.fillColor,strokeColor:e.strokeColor,pointColor:e.pointColor,pointStrokeColor:e.pointStrokeColor,points:[]};this.datasets.push(n),i.each(e.data,function(i,s){var o;this.scale.animation||(o=this.scale.getPointPosition(s,this.scale.calculateCenterOffset(i))),n.points.push(new this.PointClass({value:i,label:t.labels[s],datasetLabel:e.label,x:this.options.animation?this.scale.xCenter:o.x,y:this.options.animation?this.scale.yCenter:o.y,strokeColor:e.pointStrokeColor,fillColor:e.pointColor,highlightFill:e.pointHighlightFill||e.pointColor,highlightStroke:e.pointHighlightStroke||e.pointStrokeColor}))},this)},this),this.render()},eachPoints:function(t){i.each(this.datasets,function(e){i.each(e.points,t,this)},this)},getPointsAtEvent:function(t){var e=i.getRelativePosition(t),n=i.getAngleFromPoint({x:this.scale.xCenter,y:this.scale.yCenter},e),s=2*Math.PI/this.scale.valuesCount,o=Math.round((n.angle-1.5*Math.PI)/s),a=[];return(o>=this.scale.valuesCount||0>o)&&(o=0),n.distance<=this.scale.drawingArea&&i.each(this.datasets,function(t){a.push(t.points[o])}),a},buildScale:function(t){this.scale=new e.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,angleLineColor:this.options.angleLineColor,angleLineWidth:this.options.angleShowLineOut?this.options.angleLineWidth:0,pointLabelFontColor:this.options.pointLabelFontColor,pointLabelFontSize:this.options.pointLabelFontSize,pointLabelFontFamily:this.options.pointLabelFontFamily,pointLabelFontStyle:this.options.pointLabelFontStyle,height:this.chart.height,width:this.chart.width,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,labels:t.labels,valuesCount:t.datasets[0].data.length}),this.scale.setScaleSize(),this.updateScaleRange(t.datasets),this.scale.buildYLabels()},updateScaleRange:function(t){var e=function(){var e=[];return i.each(t,function(t){t.data?e=e.concat(t.data):i.each(t.points,function(t){e.push(t.value)})}),e}(),n=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:i.calculateScaleRange(e,i.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);i.extend(this.scale,n)},addData:function(t,e){this.scale.valuesCount++,i.each(t,function(t,i){var n=this.scale.getPointPosition(this.scale.valuesCount,this.scale.calculateCenterOffset(t));this.datasets[i].points.push(new this.PointClass({value:t,label:e,x:n.x,y:n.y,strokeColor:this.datasets[i].pointStrokeColor,fillColor:this.datasets[i].pointColor}))},this),this.scale.labels.push(e),this.reflow(),this.update()},removeData:function(){this.scale.valuesCount--,this.scale.labels.shift(),i.each(this.datasets,function(t){t.points.shift()},this),this.reflow(),this.update()},update:function(){this.eachPoints(function(t){t.save()}),this.reflow(),this.render()},reflow:function(){i.extend(this.scale,{width:this.chart.width,height:this.chart.height,size:i.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2}),this.updateScaleRange(this.datasets),this.scale.setScaleSize(),this.scale.buildYLabels()},draw:function(t){var e=t||1,n=this.chart.ctx;this.clear(),this.scale.draw(),i.each(this.datasets,function(t){i.each(t.points,function(t,i){t.hasValue()&&t.transition(this.scale.getPointPosition(i,this.scale.calculateCenterOffset(t.value)),e)},this),n.lineWidth=this.options.datasetStrokeWidth,n.strokeStyle=t.strokeColor,n.beginPath(),i.each(t.points,function(t,e){0===e?n.moveTo(t.x,t.y):n.lineTo(t.x,t.y)},this),n.closePath(),n.stroke(),n.fillStyle=t.fillColor,n.fill(),i.each(t.points,function(t){t.hasValue()&&t.draw()})},this)}})}.call(this),function(t){"use strict";"object"==typeof exports?module.exports=t(angular,Chart):"function"==typeof define&&define.amd?define(["angular","chart"],t):t(angular,Chart)}(function(t,e){"use strict";function i(){var i={},n={Chart:e,getOptions:function(e){var n=e&&i[e]||{};return t.extend({},i,n)}};this.setOptions=function(e,n){return n?void(i[e]=t.extend(i[e]||{},n)):(n=e,void(i=t.extend(i,n)))},this.$get=function(){return n}}function n(i,n){function o(t,e){return t&&e&&t.length&&e.length?Array.isArray(t[0])?t.length===e.length&&t.every(function(t,i){return t.length===e[i].length}):e.reduce(a,0)>0?t.length===e.length:!1:!1}function a(t,e){return t+e}function r(e,i,n,s){var o=null;return function(a){var r=i.getPointsAtEvent||i.getBarsAtEvent||i.getSegmentsAtEvent;if(r){var l=r.call(i,a);s!==!1&&t.equals(o,l)!==!1||(o=l,e[n](l,a),e.$apply())}}}function l(n,s){for(var o=t.copy(s.colours||i.getOptions(n).colours||e.defaults.global.colours);o.length<s.data.length;)o.push(s.getColour());return o.map(h)}function h(t){return"object"==typeof t&&null!==t?t:"string"==typeof t&&"#"===t[0]?u(p(t.substr(1))):c()}function c(){var t=[d(0,255),d(0,255),d(0,255)];return u(t)}function u(t){return{fillColor:f(t,.2),strokeColor:f(t,1),pointColor:f(t,1),pointStrokeColor:"#fff",pointHighlightFill:"#fff",pointHighlightStroke:f(t,.8)}}function d(t,e){return Math.floor(Math.random()*(e-t+1))+t}function f(t,e){return s?"rgb("+t.join(",")+")":"rgba("+t.concat(e).join(",")+")"}function p(t){var e=parseInt(t,16),i=e>>16&255,n=e>>8&255,s=255&e;return[i,n,s]}function g(e,i,n,s){return{labels:e,datasets:i.map(function(e,i){return t.extend({},s[i],{label:n[i],data:e})})}}function v(e,i,n){return e.map(function(e,s){return t.extend({},n[s],{label:e,value:i[s],color:n[s].strokeColor,highlight:n[s].pointHighlightStroke})})}function m(t,e){var i=t.parent(),n=i.find("chart-legend"),s="<chart-legend>"+e.generateLegend()+"</chart-legend>";n.length?n.replaceWith(s):i.append(s)}function C(t,e,i,n){Array.isArray(i.data[0])?t.datasets.forEach(function(t,i){(t.points||t.bars).forEach(function(t,n){t.value=e[i][n]})}):t.segments.forEach(function(t,i){t.value=e[i]}),t.update(),i.$emit("update",t),i.legend&&"false"!==i.legend&&m(n,t)}function y(t){return!t||Array.isArray(t)&&!t.length||"object"==typeof t&&!Object.keys(t).length}function b(n,s){var o=t.extend({},e.defaults.global,i.getOptions(n),s.options);return o.responsive}return function(e){return{restrict:"CA",scope:{data:"=?",labels:"=?",options:"=?",series:"=?",colours:"=?",getColour:"=?",chartType:"=",legend:"@",click:"=?",hover:"=?",chartData:"=?",chartLabels:"=?",chartOptions:"=?",chartSeries:"=?",chartColours:"=?",chartLegend:"@",chartClick:"=?",chartHover:"=?"},link:function(a,h){function u(t,e){a.$watch(t,function(t){"undefined"!=typeof t&&(a[e]=t)})}function d(i,n){if(!y(i)&&!t.equals(i,n)){var s=e||a.chartType;s&&(w&&w.destroy(),f(s))}}function f(e){if(b(e,a)&&0===h[0].clientHeight&&0===x.clientHeight)return n(function(){f(e)},50,!1);if(a.data&&a.data.length){a.getColour="function"==typeof a.getColour?a.getColour:c,a.colours=l(e,a);var s=h[0],o=s.getContext("2d"),u=Array.isArray(a.data[0])?g(a.labels,a.data,a.series||[],a.colours):v(a.labels,a.data,a.colours),d=t.extend({},i.getOptions(e),a.options);w=new i.Chart(o)[e](u,d),a.$emit("create",w),s.onclick=a.click?r(a,w,"click",!1):t.noop,s.onmousemove=a.hover?r(a,w,"hover",!0):t.noop,a.legend&&"false"!==a.legend&&m(h,w)}}function p(t){if("undefined"!=typeof console&&"test"!==i.getOptions().env){var e="function"==typeof console.warn?console.warn:console.log;a[t]&&e.call(console,'"%s" is deprecated and will be removed in a future version. Please use "chart-%s" instead.',t,t)}}var w,x=document.createElement("div");x.className="chart-container",h.replaceWith(x),x.appendChild(h[0]),s&&window.G_vmlCanvasManager.initElement(h[0]),["data","labels","options","series","colours","legend","click","hover"].forEach(p),u("chartData","data"),u("chartLabels","labels"),u("chartOptions","options"),u("chartSeries","series"),u("chartColours","colours"),u("chartLegend","legend"),u("chartClick","click"),u("chartHover","hover"),a.$watch("data",function(t,i){if(t&&t.length&&(!Array.isArray(t[0])||t[0].length)){var n=e||a.chartType;if(n){if(w){if(o(t,i))return C(w,t,a,h);w.destroy()}f(n)}}},!0),a.$watch("series",d,!0),a.$watch("labels",d,!0),a.$watch("options",d,!0),a.$watch("colours",d,!0),a.$watch("chartType",function(e,i){y(e)||t.equals(e,i)||(w&&w.destroy(),f(e))}),a.$on("$destroy",function(){w&&w.destroy()})}}}}e.defaults.global.responsive=!0,e.defaults.global.multiTooltipTemplate="<%if (datasetLabel){%><%=datasetLabel%>: <%}%><%= value %>",e.defaults.global.colours=["#97BBCD","#DCDCDC","#F7464A","#46BFBD","#FDB45C","#949FB1","#4D5360"];var s="object"==typeof window.G_vmlCanvasManager&&null!==window.G_vmlCanvasManager&&"function"==typeof window.G_vmlCanvasManager.initElement;return s&&(e.defaults.global.animation=!1),t.module("chart.js",[]).provider("ChartJs",i).factory("ChartJsFactory",["ChartJs","$timeout",n]).directive("chartBase",["ChartJsFactory",function(t){return new t}]).directive("chartLine",["ChartJsFactory",function(t){return new t("Line")}]).directive("chartBar",["ChartJsFactory",function(t){return new t("Bar")}]).directive("chartRadar",["ChartJsFactory",function(t){return new t("Radar")}]).directive("chartDoughnut",["ChartJsFactory",function(t){return new t("Doughnut")}]).directive("chartPie",["ChartJsFactory",function(t){return new t("Pie")}]).directive("chartPolarArea",["ChartJsFactory",function(t){return new t("PolarArea")}])}),function(t,e,i){"use strict";function n(t,e,i){if(!t)throw ngMinErr("areq","Argument '{0}' is {1}",e||"?",i||"required");return t}function s(t,e){return t||e?t?e?(q(t)&&(t=t.join(" ")),q(e)&&(e=e.join(" ")),t+" "+e):t:e:""}function o(t){var e={};return t&&(t.to||t.from)&&(e.to=t.to,e.from=t.from),e}function a(t,e,i){var n="";return t=q(t)?t:t&&X(t)&&t.length?t.split(/\s+/):[],j(t,function(t,s){t&&t.length>0&&(n+=s>0?" ":"",n+=i?e+t:t+e)}),n}function r(t,e){var i=t.indexOf(e);e>=0&&t.splice(i,1)}function l(t){if(t instanceof H)switch(t.length){case 0:return[];case 1:if(t[0].nodeType===U)return t;break;default:return H(h(t))}return t.nodeType===U?H(t):void 0}function h(t){if(!t[0])return t;for(var e=0;e<t.length;e++){var i=t[e];if(i.nodeType==U)return i}}function c(t,e,i){j(e,function(e){t.addClass(e,i)})}function u(t,e,i){j(e,function(e){t.removeClass(e,i)})}function d(t){return function(e,i){i.addClass&&(c(t,e,i.addClass),i.addClass=null),i.removeClass&&(u(t,e,i.removeClass),i.removeClass=null)}}function f(t){if(t=t||{},!t.$$prepared){var e=t.domOperation||B;t.domOperation=function(){t.$$domOperationFired=!0,e(),e=B},t.$$prepared=!0}return t}function p(t,e){g(t,e),v(t,e)}function g(t,e){e.from&&(t.css(e.from),e.from=null)}function v(t,e){e.to&&(t.css(e.to),e.to=null)}function m(t,e,i){var n=(e.addClass||"")+" "+(i.addClass||""),s=(e.removeClass||"")+" "+(i.removeClass||""),o=C(t.attr("class"),n,s);i.preparationClasses&&(e.preparationClasses=k(i.preparationClasses,e.preparationClasses),delete i.preparationClasses);var a=e.domOperation!==B?e.domOperation:null;return I(e,i),a&&(e.domOperation=a),o.addClass?e.addClass=o.addClass:e.addClass=null,o.removeClass?e.removeClass=o.removeClass:e.removeClass=null,e}function C(t,e,i){function n(t){X(t)&&(t=t.split(" "));var e={};return j(t,function(t){t.length&&(e[t]=!0)}),e}var s=1,o=-1,a={};t=n(t),e=n(e),j(e,function(t,e){a[e]=s}),i=n(i),j(i,function(t,e){a[e]=a[e]===s?null:o});var r={addClass:"",removeClass:""};return j(a,function(e,i){var n,a;e===s?(n="addClass",a=!t[i]):e===o&&(n="removeClass",a=t[i]),a&&(r[n].length&&(r[n]+=" "),r[n]+=i)}),r}function y(t){return t instanceof e.element?t[0]:t}function b(t,e,i){var n="";e&&(n=a(e,Z,!0)),i.addClass&&(n=k(n,a(i.addClass,J))),i.removeClass&&(n=k(n,a(i.removeClass,Q))),n.length&&(i.preparationClasses=n,t.addClass(n))}function w(t,e){e.preparationClasses&&(t.removeClass(e.preparationClasses),e.preparationClasses=null),e.activeClasses&&(t.removeClass(e.activeClasses),e.activeClasses=null)}function x(t,e){var i=e?"-"+e+"s":"";return P(t,[dt,i]),[dt,i]}function S(t,e){var i=e?"paused":"",n=z+lt;return P(t,[n,i]),[n,i]}function P(t,e){var i=e[0],n=e[1];t.style[i]=n}function k(t,e){return t?e?t+" "+e:t:e}function A(t){return[ut,t+"s"]}function L(t,e){var i=e?ct:dt;return[i,t+"s"]}function $(t,e,i){var n=Object.create(null),s=t.getComputedStyle(e)||{};return j(i,function(t,e){var i=s[t];if(i){var o=i.charAt(0);("-"===o||"+"===o||o>=0)&&(i=F(i)),0===i&&(i=null),n[e]=i}}),n}function F(t){var e=0,i=t.split(/\s*,\s*/);return j(i,function(t){"s"==t.charAt(t.length-1)&&(t=t.substring(0,t.length-1)),t=parseFloat(t)||0,e=e?Math.max(t,e):t}),e}function T(t){return 0===t||null!=t}function R(t,e){var i=W,n=t+"s";return e?i+=nt:n+=" linear all",[i,n]}function D(){var t=Object.create(null);return{flush:function(){t=Object.create(null)},count:function(e){var i=t[e];return i?i.total:0},get:function(e){var i=t[e];return i&&i.value},put:function(e,i){t[e]?t[e].total++:t[e]={total:1,value:i}}}}function M(t,e,i){j(i,function(i){t[i]=_(t[i])?t[i]:e.style.getPropertyValue(i)})}var W,O,z,E,B=e.noop,I=e.extend,H=e.element,j=e.forEach,q=e.isArray,X=e.isString,V=e.isObject,G=e.isUndefined,_=e.isDefined,N=e.isFunction,Y=e.isElement,U=1,J="-add",Q="-remove",Z="ng-",K="-active",tt="ng-animate",et="$$ngAnimateChildren",it="";G(t.ontransitionend)&&_(t.onwebkittransitionend)?(it="-webkit-",W="WebkitTransition",O="webkitTransitionEnd transitionend"):(W="transition",O="transitionend"),G(t.onanimationend)&&_(t.onwebkitanimationend)?(it="-webkit-",z="WebkitAnimation",E="webkitAnimationEnd animationend"):(z="animation",E="animationend");var nt="Duration",st="Property",ot="Delay",at="TimingFunction",rt="IterationCount",lt="PlayState",ht=9999,ct=z+ot,ut=z+nt,dt=W+ot,ft=W+nt,pt=["$$rAF",function(t){function e(t){n=n.concat(t),i()}function i(){if(n.length){for(var e=n.shift(),o=0;o<e.length;o++)e[o]();s||t(function(){s||i()})}}var n,s;return n=e.queue=[],e.waitUntilQuiet=function(e){s&&s(),s=t(function(){s=null,e(),i()})},e}],gt=[function(){return function(t,i,n){var s=n.ngAnimateChildren;e.isString(s)&&0===s.length?i.data(et,!0):n.$observe("ngAnimateChildren",function(t){t="on"===t||"true"===t,i.data(et,t)})}}],vt="$$animateCss",mt=1e3,Ct=3,yt=1.5,bt={transitionDuration:ft,transitionDelay:dt,transitionProperty:W+st,animationDuration:ut,animationDelay:ct,animationIterationCount:z+rt},wt={transitionDuration:ft,transitionDelay:dt,animationDuration:ut,animationDelay:ct},xt=["$animateProvider",function(t){var e=D(),i=D();this.$get=["$window","$$jqLite","$$AnimateRunner","$timeout","$$forceReflow","$sniffer","$$rAFScheduler","$animate",function(t,n,s,l,h,c,u,m){function C(t,e){var i="$$ngAnimateParentKey",n=t.parentNode,s=n[i]||(n[i]=++I);return s+"-"+t.getAttribute("class")+"-"+e}function b(i,n,s,o){var a=e.get(s);return a||(a=$(t,i,o),"infinite"===a.animationIterationCount&&(a.animationIterationCount=1)),e.put(s,a),a}function w(s,o,r,l){var h;if(e.count(r)>0&&(h=i.get(r),!h)){var c=a(o,"-stagger");n.addClass(s,c),h=$(t,s,l),h.animationDuration=Math.max(h.animationDuration,0),h.transitionDuration=Math.max(h.transitionDuration,0),n.removeClass(s,c),i.put(r,h)}return h||{}}function k(t){H.push(t),u.waitUntilQuiet(function(){e.flush(),i.flush();for(var t=h(),n=0;n<H.length;n++)H[n](t);H.length=0})}function F(t,e,i){var n=b(t,e,i,bt),s=n.animationDelay,o=n.transitionDelay;return n.maxDelay=s&&o?Math.max(s,o):s||o,n.maxDuration=Math.max(n.animationDuration*n.animationIterationCount,n.transitionDuration),n}var D=d(n),I=0,H=[];return function(t,i){function h(){d()}function u(){d(!0)}function d(e){V||_&&G||(V=!0,G=!1,i.$$skipPreparationClasses||n.removeClass(t,ft),n.removeClass(t,gt),S(X,!1),x(X,!1),j(nt,function(t){X.style[t[0]]=""}),D(t,i),p(t,i),Object.keys(H).length&&j(H,function(t,e){t?X.style.setProperty(e,t):X.style.removeProperty(e)}),i.onDone&&i.onDone(),N&&N.complete(!e));
-}function b(t){Wt.blockTransition&&x(X,t),Wt.blockKeyframeAnimation&&S(X,!!t)}function $(){return N=new s({end:h,cancel:u}),k(B),d(),{$$willAnimate:!1,start:function(){return N},end:h}}function I(){function e(){if(!V){if(b(!1),j(nt,function(t){var e=t[0],i=t[1];X.style[e]=i}),D(t,i),n.addClass(t,gt),Wt.recalculateTimingStyles){if(pt=X.className+" "+ft,St=C(X,pt),Dt=F(X,pt,St),Mt=Dt.maxDelay,U=Math.max(Mt,0),et=Dt.maxDuration,0===et)return void d();Wt.hasTransitions=Dt.transitionDuration>0,Wt.hasAnimations=Dt.animationDuration>0}if(Wt.applyAnimationDelay&&(Mt="boolean"!=typeof i.delay&&T(i.delay)?parseFloat(i.delay):Mt,U=Math.max(Mt,0),Dt.animationDelay=Mt,Ot=L(Mt,!0),nt.push(Ot),X.style[Ot[0]]=Ot[1]),tt=U*mt,it=et*mt,i.easing){var e,r=i.easing;Wt.hasTransitions&&(e=W+at,nt.push([e,r]),X.style[e]=r),Wt.hasAnimations&&(e=z+at,nt.push([e,r]),X.style[e]=r)}Dt.transitionDuration&&h.push(O),Dt.animationDuration&&h.push(E),a=Date.now();var c=tt+yt*it,u=a+c,f=t.data(vt)||[],p=!0;if(f.length){var g=f[0];p=u>g.expectedEndTime,p?l.cancel(g.timer):f.push(d)}if(p){var m=l(s,c,!1);f[0]={timer:m,expectedEndTime:u},f.push(d),t.data(vt,f)}t.on(h.join(" "),o),i.to&&(i.cleanupStyles&&M(H,X,Object.keys(i.to)),v(t,i))}}function s(){var e=t.data(vt);if(e){for(var i=1;i<e.length;i++)e[i]();t.removeData(vt)}}function o(t){t.stopPropagation();var e=t.originalEvent||t,i=e.$manualTimeStamp||e.timeStamp||Date.now(),n=parseFloat(e.elapsedTime.toFixed(Ct));Math.max(i-a,0)>=tt&&n>=et&&(_=!0,d())}if(!V){if(!X.parentNode)return void d();var a,h=[],c=function(t){if(_)G&&t&&(G=!1,d());else if(G=!t,Dt.animationDuration){var e=S(X,G);G?nt.push(e):r(nt,e)}},u=Tt>0&&(Dt.transitionDuration&&0===Pt.transitionDuration||Dt.animationDuration&&0===Pt.animationDuration)&&Math.max(Pt.animationDelay,Pt.transitionDelay);u?l(e,Math.floor(u*Tt*mt),!1):e(),Y.resume=function(){c(!0)},Y.pause=function(){c(!1)}}}var H={},X=y(t);if(!X||!X.parentNode||!m.enabled())return $();i=f(i);var V,G,_,N,Y,U,tt,et,it,nt=[],ot=t.attr("class"),rt=o(i);if(0===i.duration||!c.animations&&!c.transitions)return $();var lt=i.event&&q(i.event)?i.event.join(" "):i.event,ct=lt&&i.structural,ut="",dt="";ct?ut=a(lt,Z,!0):lt&&(ut=lt),i.addClass&&(dt+=a(i.addClass,J)),i.removeClass&&(dt.length&&(dt+=" "),dt+=a(i.removeClass,Q)),i.applyClassesEarly&&dt.length&&D(t,i);var ft=[ut,dt].join(" ").trim(),pt=ot+" "+ft,gt=a(ft,K),bt=rt.to&&Object.keys(rt.to).length>0,xt=(i.keyframeStyle||"").length>0;if(!xt&&!bt&&!ft)return $();var St,Pt;if(i.stagger>0){var kt=parseFloat(i.stagger);Pt={transitionDelay:kt,animationDelay:kt,transitionDuration:0,animationDuration:0}}else St=C(X,pt),Pt=w(X,ft,St,wt);i.$$skipPreparationClasses||n.addClass(t,ft);var At;if(i.transitionStyle){var Lt=[W,i.transitionStyle];P(X,Lt),nt.push(Lt)}if(i.duration>=0){At=X.style[W].length>0;var $t=R(i.duration,At);P(X,$t),nt.push($t)}if(i.keyframeStyle){var Ft=[z,i.keyframeStyle];P(X,Ft),nt.push(Ft)}var Tt=Pt?i.staggerIndex>=0?i.staggerIndex:e.count(St):0,Rt=0===Tt;Rt&&!i.skipBlocking&&x(X,ht);var Dt=F(X,pt,St),Mt=Dt.maxDelay;U=Math.max(Mt,0),et=Dt.maxDuration;var Wt={};if(Wt.hasTransitions=Dt.transitionDuration>0,Wt.hasAnimations=Dt.animationDuration>0,Wt.hasTransitionAll=Wt.hasTransitions&&"all"==Dt.transitionProperty,Wt.applyTransitionDuration=bt&&(Wt.hasTransitions&&!Wt.hasTransitionAll||Wt.hasAnimations&&!Wt.hasTransitions),Wt.applyAnimationDuration=i.duration&&Wt.hasAnimations,Wt.applyTransitionDelay=T(i.delay)&&(Wt.applyTransitionDuration||Wt.hasTransitions),Wt.applyAnimationDelay=T(i.delay)&&Wt.hasAnimations,Wt.recalculateTimingStyles=dt.length>0,(Wt.applyTransitionDuration||Wt.applyAnimationDuration)&&(et=i.duration?parseFloat(i.duration):et,Wt.applyTransitionDuration&&(Wt.hasTransitions=!0,Dt.transitionDuration=et,At=X.style[W+st].length>0,nt.push(R(et,At))),Wt.applyAnimationDuration&&(Wt.hasAnimations=!0,Dt.animationDuration=et,nt.push(A(et)))),0===et&&!Wt.recalculateTimingStyles)return $();if(null!=i.delay){var Ot=parseFloat(i.delay);Wt.applyTransitionDelay&&nt.push(L(Ot)),Wt.applyAnimationDelay&&nt.push(L(Ot,!0))}return null==i.duration&&Dt.transitionDuration>0&&(Wt.recalculateTimingStyles=Wt.recalculateTimingStyles||Rt),tt=U*mt,it=et*mt,i.skipBlocking||(Wt.blockTransition=Dt.transitionDuration>0,Wt.blockKeyframeAnimation=Dt.animationDuration>0&&Pt.animationDelay>0&&0===Pt.animationDuration),i.from&&(i.cleanupStyles&&M(H,X,Object.keys(i.from)),g(t,i)),Wt.blockTransition||Wt.blockKeyframeAnimation?b(et):i.skipBlocking||x(X,!1),{$$willAnimate:!0,end:h,start:function(){return V?void 0:(Y={end:h,cancel:u,resume:null,pause:null},N=new s(Y),k(I),N)}}}}]}],St=["$$animationProvider",function(t){function e(t){return t.parentNode&&11===t.parentNode.nodeType}t.drivers.push("$$animateCssDriver");var i="ng-animate-shim",n="ng-anchor",s="ng-anchor-out",o="ng-anchor-in";this.$get=["$animateCss","$rootScope","$$AnimateRunner","$rootElement","$sniffer","$$jqLite","$document",function(t,a,r,l,h,c,u){function f(t){return t.replace(/\bng-\S+\b/g,"")}function p(t,e){return X(t)&&(t=t.split(" ")),X(e)&&(e=e.split(" ")),t.filter(function(t){return-1===e.indexOf(t)}).join(" ")}function g(e,a,l){function h(t){var e={},i=y(t).getBoundingClientRect();return j(["width","height","top","left"],function(t){var n=i[t];switch(t){case"top":n+=C.scrollTop;break;case"left":n+=C.scrollLeft}e[t]=Math.floor(n)+"px"}),e}function c(){var e=t(v,{addClass:s,delay:!0,from:h(a)});return e.$$willAnimate?e:null}function u(t){return t.attr("class")||""}function d(){var e=f(u(l)),i=p(e,m),n=p(m,e),a=t(v,{to:h(l),addClass:o+" "+i,removeClass:s+" "+n,delay:!0});return a.$$willAnimate?a:null}function g(){v.remove(),a.removeClass(i),l.removeClass(i)}var v=H(y(a).cloneNode(!0)),m=f(u(v));a.addClass(i),l.addClass(i),v.addClass(n),w.append(v);var b,x=c();if(!x&&(b=d(),!b))return g();var S=x||b;return{start:function(){function t(){i&&i.end()}var e,i=S.start();return i.done(function(){return i=null,!b&&(b=d())?(i=b.start(),i.done(function(){i=null,g(),e.complete()}),i):(g(),void e.complete())}),e=new r({end:t,cancel:t})}}}function v(t,e,i,n){var s=m(t,B),o=m(e,B),a=[];return j(n,function(t){var e=t.out,n=t["in"],s=g(i,e,n);s&&a.push(s)}),s||o||0!==a.length?{start:function(){function t(){j(e,function(t){t.end()})}var e=[];s&&e.push(s.start()),o&&e.push(o.start()),j(a,function(t){e.push(t.start())});var i=new r({end:t,cancel:t});return r.all(e,function(t){i.complete(t)}),i}}:void 0}function m(e){var i=e.element,n=e.options||{};e.structural&&(n.event=e.event,n.structural=!0,n.applyClassesEarly=!0,"leave"===e.event&&(n.onDone=n.domOperation)),n.preparationClasses&&(n.event=k(n.event,n.preparationClasses));var s=t(i,n);return s.$$willAnimate?s:null}if(!h.animations&&!h.transitions)return B;var C=u[0].body,b=y(l),w=H(e(b)||C.contains(b)?b:C);d(c);return function(t){return t.from&&t.to?v(t.from,t.to,t.classes,t.anchors):m(t)}}]}],Pt=["$animateProvider",function(t){this.$get=["$injector","$$AnimateRunner","$$jqLite",function(e,i,n){function s(i){i=q(i)?i:i.split(" ");for(var n=[],s={},o=0;o<i.length;o++){var a=i[o],r=t.$$registeredAnimations[a];r&&!s[a]&&(n.push(e.get(r)),s[a]=!0)}return n}var o=d(n);return function(t,e,n,a){function r(){a.domOperation(),o(t,a)}function l(t,e,n,s,o){var a;switch(n){case"animate":a=[e,s.from,s.to,o];break;case"setClass":a=[e,g,v,o];break;case"addClass":a=[e,g,o];break;case"removeClass":a=[e,v,o];break;default:a=[e,o]}a.push(s);var r=t.apply(t,a);if(r)if(N(r.start)&&(r=r.start()),r instanceof i)r.done(o);else if(N(r))return r;return B}function h(t,e,n,s,o){var a=[];return j(s,function(s){var r=s[o];r&&a.push(function(){var s,o,a=!1,h=function(t){a||(a=!0,(o||B)(t),s.complete(!t))};return s=new i({end:function(){h()},cancel:function(){h(!0)}}),o=l(r,t,e,n,function(t){var e=t===!1;h(e)}),s})}),a}function c(t,e,n,s,o){var a=h(t,e,n,s,o);if(0===a.length){var r,l;"beforeSetClass"===o?(r=h(t,"removeClass",n,s,"beforeRemoveClass"),l=h(t,"addClass",n,s,"beforeAddClass")):"setClass"===o&&(r=h(t,"removeClass",n,s,"removeClass"),l=h(t,"addClass",n,s,"addClass")),r&&(a=a.concat(r)),l&&(a=a.concat(l))}if(0!==a.length)return function(t){var e=[];return a.length&&j(a,function(t){e.push(t())}),e.length?i.all(e,t):t(),function(t){j(e,function(e){t?e.cancel():e.end()})}}}3===arguments.length&&V(n)&&(a=n,n=null),a=f(a),n||(n=t.attr("class")||"",a.addClass&&(n+=" "+a.addClass),a.removeClass&&(n+=" "+a.removeClass));var u,d,g=a.addClass,v=a.removeClass,m=s(n);if(m.length){var C,y;"leave"==e?(y="leave",C="afterLeave"):(y="before"+e.charAt(0).toUpperCase()+e.substr(1),C=e),"enter"!==e&&"move"!==e&&(u=c(t,e,a,m,y)),d=c(t,e,a,m,C)}return u||d?{start:function(){function e(e){l=!0,r(),p(t,a),h.complete(e)}function n(t){l||((s||B)(t),e(t))}var s,o=[];u&&o.push(function(t){s=u(t)}),o.length?o.push(function(t){r(),t(!0)}):r(),d&&o.push(function(t){s=d(t)});var l=!1,h=new i({end:function(){n()},cancel:function(){n(!0)}});return i.chain(o,e),h}}:void 0}}]}],kt=["$$animationProvider",function(t){t.drivers.push("$$animateJsDriver"),this.$get=["$$animateJs","$$AnimateRunner",function(t,e){function i(e){var i=e.element,n=e.event,s=e.options,o=e.classes;return t(i,n,o,s)}return function(t){if(t.from&&t.to){var n=i(t.from),s=i(t.to);if(!n&&!s)return;return{start:function(){function t(){return function(){j(o,function(t){t.end()})}}function i(t){a.complete(t)}var o=[];n&&o.push(n.start()),s&&o.push(s.start()),e.all(o,i);var a=new e({end:t(),cancel:t()});return a}}}return i(t)}}]}],At="data-ng-animate",Lt="$ngAnimatePin",$t=["$animateProvider",function(t){function e(t,e,i,n){return a[t].some(function(t){return t(e,i,n)})}function i(t,e){t=t||{};var i=(t.addClass||"").length>0,n=(t.removeClass||"").length>0;return e?i&&n:i||n}var s=1,o=2,a=this.rules={skip:[],cancel:[],join:[]};a.join.push(function(t,e,n){return!e.structural&&i(e.options)}),a.skip.push(function(t,e,n){return!e.structural&&!i(e.options)}),a.skip.push(function(t,e,i){return"leave"==i.event&&e.structural}),a.skip.push(function(t,e,i){return i.structural&&i.state===o&&!e.structural}),a.cancel.push(function(t,e,i){return i.structural&&e.structural}),a.cancel.push(function(t,e,i){return i.state===o&&e.structural}),a.cancel.push(function(t,e,i){var n=e.options,s=i.options;return n.addClass&&n.addClass===s.removeClass||n.removeClass&&n.removeClass===s.addClass}),this.$get=["$$rAF","$rootScope","$rootElement","$document","$$HashMap","$$animation","$$AnimateRunner","$templateRequest","$$jqLite","$$forceReflow",function(a,r,c,u,g,v,C,x,S,P){function k(){var t=!1;return function(e){t?e():r.$$postDigest(function(){t=!0,e()})}}function A(t,e){return m(t,e,{})}function L(t,e){var i=y(t),n=[],s=B[e];return s&&j(s,function(t){t.node.contains(i)&&n.push(t.callback)}),n}function $(t,n,h){function c(e,i,n,s){S(function(){var e=L(t,i);e.length&&a(function(){j(e,function(e){e(t,n,s)})})}),e.progress(i,n,s)}function u(e){w(t,h),Q(t,h),p(t,h),h.domOperation(),x.complete(!e)}var d,g;t=l(t),t&&(d=y(t),g=t.parent()),h=f(h);var x=new C,S=k();if(q(h.addClass)&&(h.addClass=h.addClass.join(" ")),h.addClass&&!X(h.addClass)&&(h.addClass=null),q(h.removeClass)&&(h.removeClass=h.removeClass.join(" ")),h.removeClass&&!X(h.removeClass)&&(h.removeClass=null),h.from&&!V(h.from)&&(h.from=null),h.to&&!V(h.to)&&(h.to=null),!d)return u(),x;var P=[d.className,h.addClass,h.removeClass].join(" ");if(!J(P))return u(),x;var $=["enter","move","leave"].indexOf(n)>=0,R=!z||O.get(d),E=!R&&W.get(d)||{},B=!!E.state;if(R||B&&E.state==s||(R=!D(t,g,n)),R)return u(),x;$&&F(t);var I={structural:$,element:t,event:n,close:u,options:h,runner:x};if(B){var H=e("skip",t,I,E);if(H)return E.state===o?(u(),x):(m(t,E.options,h),E.runner);var G=e("cancel",t,I,E);if(G)if(E.state===o)E.runner.end();else{if(!E.structural)return m(t,E.options,I.options),E.runner;E.close()}else{var _=e("join",t,I,E);if(_){if(E.state!==o)return b(t,$?n:null,h),n=I.event=E.event,h=m(t,E.options,I.options),E.runner;A(t,h)}}}else A(t,h);var N=I.structural;if(N||(N="animate"===I.event&&Object.keys(I.options.to||{}).length>0||i(I.options)),!N)return u(),T(t),x;var Y=(E.counter||0)+1;return I.counter=Y,M(t,s,I),r.$$postDigest(function(){var e=W.get(d),s=!e;e=e||{};var a=t.parent()||[],r=a.length>0&&("animate"===e.event||e.structural||i(e.options));if(s||e.counter!==Y||!r)return s&&(Q(t,h),p(t,h)),(s||$&&e.event!==n)&&(h.domOperation(),x.end()),void(r||T(t));n=!e.structural&&i(e.options,!0)?"setClass":e.event,M(t,o);var l=v(t,n,e.options);l.done(function(e){u(!e);var i=W.get(d);i&&i.counter===Y&&T(y(t)),c(x,n,"close",{})}),x.setHost(l),c(x,n,"start",{})}),x}function F(t){var e=y(t),i=e.querySelectorAll("["+At+"]");j(i,function(t){var e=parseInt(t.getAttribute(At)),i=W.get(t);switch(e){case o:i.runner.end();case s:i&&W.remove(t)}})}function T(t){var e=y(t);e.removeAttribute(At),W.remove(e)}function R(t,e){return y(t)===y(e)}function D(t,e,i){var n,s=H(u[0].body),o=R(t,s)||"HTML"===t[0].nodeName,a=R(t,c),r=!1,l=t.data(Lt);for(l&&(e=l);e&&e.length;){a||(a=R(e,c));var h=e[0];if(h.nodeType!==U)break;var d=W.get(h)||{};if(r||(r=d.structural||O.get(h)),G(n)||n===!0){var f=e.data(et);_(f)&&(n=f)}if(r&&n===!1)break;a||(a=R(e,c),a||(l=e.data(Lt),l&&(e=l))),o||(o=R(e,s)),e=e.parent()}var p=!r||n;return p&&a&&o}function M(t,e,i){i=i||{},i.state=e;var n=y(t);n.setAttribute(At,e);var s=W.get(n),o=s?I(s,i):i;W.put(n,o)}var W=new g,O=new g,z=null,E=r.$watch(function(){return 0===x.totalPendingRequests},function(t){t&&(E(),r.$$postDigest(function(){r.$$postDigest(function(){null===z&&(z=!0)})}))}),B={},N=t.classNameFilter(),J=N?function(t){return N.test(t)}:function(){return!0},Q=d(S);return{on:function(t,e,i){var n=h(e);B[t]=B[t]||[],B[t].push({node:n,callback:i})},off:function(t,e,i){function n(t,e,i){var n=h(e);return t.filter(function(t){var e=t.node===n&&(!i||t.callback===i);return!e})}var s=B[t];s&&(B[t]=1===arguments.length?null:n(s,e,i))},pin:function(t,e){n(Y(t),"element","not an element"),n(Y(e),"parentElement","not an element"),t.data(Lt,e)},push:function(t,e,i,n){return i=i||{},i.domOperation=n,$(t,e,i)},enabled:function(t,e){var i=arguments.length;if(0===i)e=!!z;else{var n=Y(t);if(n){var s=y(t),o=O.get(s);1===i?e=!o:(e=!!e,e?o&&O.remove(s):O.put(s,!0))}else e=z=!!t}return e}}}]}],Ft=["$$rAF",function(t){function e(e){i.push(e),i.length>1||t(function(){for(var t=0;t<i.length;t++)i[t]();i=[]})}var i=[];return function(){var t=!1;return e(function(){t=!0}),function(i){t?i():e(i)}}}],Tt=["$q","$sniffer","$$animateAsyncRun",function(t,e,i){function n(t){this.setHost(t),this._doneCallbacks=[],this._runInAnimationFrame=i(),this._state=0}var s=0,o=1,a=2;return n.chain=function(t,e){function i(){return n===t.length?void e(!0):void t[n](function(t){return t===!1?void e(!1):(n++,void i())})}var n=0;i()},n.all=function(t,e){function i(i){s=s&&i,++n===t.length&&e(s)}var n=0,s=!0;j(t,function(t){t.done(i)})},n.prototype={setHost:function(t){this.host=t||{}},done:function(t){this._state===a?t():this._doneCallbacks.push(t)},progress:B,getPromise:function(){if(!this.promise){var e=this;this.promise=t(function(t,i){e.done(function(e){e===!1?i():t()})})}return this.promise},then:function(t,e){return this.getPromise().then(t,e)},"catch":function(t){return this.getPromise()["catch"](t)},"finally":function(t){return this.getPromise()["finally"](t)},pause:function(){this.host.pause&&this.host.pause()},resume:function(){this.host.resume&&this.host.resume()},end:function(){this.host.end&&this.host.end(),this._resolve(!0)},cancel:function(){this.host.cancel&&this.host.cancel(),this._resolve(!1)},complete:function(t){var e=this;e._state===s&&(e._state=o,e._runInAnimationFrame(function(){e._resolve(t)}))},_resolve:function(t){this._state!==a&&(j(this._doneCallbacks,function(e){e(t)}),this._doneCallbacks.length=0,this._state=a)}},n}],Rt=["$animateProvider",function(t){function e(t,e){t.data(r,e)}function i(t){t.removeData(r)}function n(t){return t.data(r)}var o="ng-animate-ref",a=this.drivers=[],r="$$animationRunner";this.$get=["$$jqLite","$rootScope","$injector","$$AnimateRunner","$$HashMap","$$rAFScheduler",function(t,r,l,h,c,u){function g(t){function e(t){if(t.processed)return t;t.processed=!0;var i=t.domNode,n=i.parentNode;o.put(i,t);for(var a;n;){if(a=o.get(n)){a.processed||(a=e(a));break}n=n.parentNode}return(a||s).children.push(t),t}function i(t){var e,i=[],n=[];for(e=0;e<t.children.length;e++)n.push(t.children[e]);var s=n.length,o=0,a=[];for(e=0;e<n.length;e++){var r=n[e];0>=s&&(s=o,o=0,i.push(a),a=[]),a.push(r.fn),r.children.forEach(function(t){o++,n.push(t)}),s--}return a.length&&i.push(a),i}var n,s={children:[]},o=new c;for(n=0;n<t.length;n++){var a=t[n];o.put(a.domNode,t[n]={domNode:a.domNode,fn:a.fn,children:[]})}for(n=0;n<t.length;n++)e(t[n]);return i(s)}var v=[],m=d(t);return function(c,d,C){function b(t){var e="["+o+"]",i=t.hasAttribute(o)?[t]:t.querySelectorAll(e),n=[];return j(i,function(t){var e=t.getAttribute(o);e&&e.length&&n.push(t)}),n}function w(t){var e=[],i={};j(t,function(t,n){var s=t.element,a=y(s),r=t.event,l=["enter","move"].indexOf(r)>=0,h=t.structural?b(a):[];if(h.length){var c=l?"to":"from";j(h,function(t){var e=t.getAttribute(o);i[e]=i[e]||{},i[e][c]={animationID:n,element:H(t)}})}else e.push(t)});var n={},s={};return j(i,function(i,o){var a=i.from,r=i.to;if(!a||!r){var l=a?a.animationID:r.animationID,h=l.toString();return void(n[h]||(n[h]=!0,e.push(t[l])))}var c=t[a.animationID],u=t[r.animationID],d=a.animationID.toString();if(!s[d]){var f=s[d]={structural:!0,beforeStart:function(){c.beforeStart(),u.beforeStart()},close:function(){c.close(),u.close()},classes:x(c.classes,u.classes),from:c,to:u,anchors:[]};f.classes.length?e.push(f):(e.push(c),e.push(u))}s[d].anchors.push({out:a.element,"in":r.element})}),e}function x(t,e){t=t.split(" "),e=e.split(" ");for(var i=[],n=0;n<t.length;n++){var s=t[n];if("ng-"!==s.substring(0,3))for(var o=0;o<e.length;o++)if(s===e[o]){i.push(s);break}}return i.join(" ")}function S(t){for(var e=a.length-1;e>=0;e--){var i=a[e];if(l.has(i)){var n=l.get(i),s=n(t);if(s)return s}}}function P(){c.addClass(tt),R&&t.addClass(c,R)}function k(t,e){function i(t){n(t).setHost(e)}t.from&&t.to?(i(t.from.element),i(t.to.element)):i(t.element)}function A(){var t=n(c);!t||"leave"===d&&C.$$domOperationFired||t.end()}function L(e){c.off("$destroy",A),i(c),m(c,C),p(c,C),C.domOperation(),R&&t.removeClass(c,R),c.removeClass(tt),F.complete(!e)}C=f(C);var $=["enter","move","leave"].indexOf(d)>=0,F=new h({end:function(){L()},cancel:function(){L(!0)}});if(!a.length)return L(),F;e(c,F);var T=s(c.attr("class"),s(C.addClass,C.removeClass)),R=C.tempClasses;return R&&(T+=" "+R,C.tempClasses=null),v.push({element:c,classes:T,event:d,structural:$,options:C,beforeStart:P,close:L}),c.on("$destroy",A),v.length>1?F:(r.$$postDigest(function(){var t=[];j(v,function(e){n(e.element)?t.push(e):e.close()}),v.length=0;var e=w(t),i=[];j(e,function(t){i.push({domNode:y(t.from?t.from.element:t.element),fn:function(){t.beforeStart();var e,i=t.close,s=t.anchors?t.from.element||t.to.element:t.element;if(n(s)){var o=S(t);o&&(e=o.start)}if(e){var a=e();a.done(function(t){i(!t)}),k(t,a)}else i()}})}),u(g(i))}),F)}}]}];e.module("ngAnimate",[]).directive("ngAnimateChildren",gt).factory("$$rAFScheduler",pt).factory("$$AnimateRunner",Tt).factory("$$animateAsyncRun",Ft).provider("$$animateQueue",$t).provider("$$animation",Rt).provider("$animateCss",xt).provider("$$animateCssDriver",St).provider("$$animateJs",Pt).provider("$$animateJsDriver",kt)}(window,window.angular),angular.module("ui.bootstrap.accordion",["ui.bootstrap.collapse"]).constant("uibAccordionConfig",{closeOthers:!0}).controller("UibAccordionController",["$scope","$attrs","uibAccordionConfig",function(t,e,i){this.groups=[],this.closeOthers=function(n){var s=angular.isDefined(e.closeOthers)?t.$eval(e.closeOthers):i.closeOthers;s&&angular.forEach(this.groups,function(t){t!==n&&(t.isOpen=!1)})},this.addGroup=function(t){var e=this;this.groups.push(t),t.$on("$destroy",function(i){e.removeGroup(t)})},this.removeGroup=function(t){var e=this.groups.indexOf(t);-1!==e&&this.groups.splice(e,1)}}]).directive("uibAccordion",function(){return{controller:"UibAccordionController",controllerAs:"accordion",transclude:!0,templateUrl:function(t,e){return e.templateUrl||"template/accordion/accordion.html"}}}).directive("uibAccordionGroup",function(){return{require:"^uibAccordion",transclude:!0,replace:!0,templateUrl:function(t,e){return e.templateUrl||"template/accordion/accordion-group.html"},scope:{heading:"@",isOpen:"=?",isDisabled:"=?"},controller:function(){this.setHeading=function(t){this.heading=t}},link:function(t,e,i,n){n.addGroup(t),t.openClass=i.openClass||"panel-open",t.panelClass=i.panelClass,t.$watch("isOpen",function(i){e.toggleClass(t.openClass,!!i),i&&n.closeOthers(t)}),t.toggleOpen=function(e){t.isDisabled||e&&32!==e.which||(t.isOpen=!t.isOpen)}}}}).directive("uibAccordionHeading",function(){return{transclude:!0,template:"",replace:!0,require:"^uibAccordionGroup",link:function(t,e,i,n,s){n.setHeading(s(t,angular.noop))}}}).directive("uibAccordionTransclude",function(){return{require:["?^uibAccordionGroup","?^accordionGroup"],link:function(t,e,i,n){n=n[0]?n[0]:n[1],t.$watch(function(){return n[i.uibAccordionTransclude]},function(t){t&&(e.find("span").html(""),e.find("span").append(t))})}}}),angular.module("ui.bootstrap.accordion").value("$accordionSuppressWarning",!1).controller("AccordionController",["$scope","$attrs","$controller","$log","$accordionSuppressWarning",function(t,e,i,n,s){s||n.warn("AccordionController is now deprecated. Use UibAccordionController instead."),angular.extend(this,i("UibAccordionController",{$scope:t,$attrs:e}))}]).directive("accordion",["$log","$accordionSuppressWarning",function(t,e){return{restrict:"EA",controller:"AccordionController",controllerAs:"accordion",transclude:!0,replace:!1,templateUrl:function(t,e){return e.templateUrl||"template/accordion/accordion.html"},link:function(){e||t.warn("accordion is now deprecated. Use uib-accordion instead.")}}}]).directive("accordionGroup",["$log","$accordionSuppressWarning",function(t,e){return{require:"^accordion",restrict:"EA",transclude:!0,replace:!0,templateUrl:function(t,e){return e.templateUrl||"template/accordion/accordion-group.html"},scope:{heading:"@",isOpen:"=?",isDisabled:"=?"},controller:function(){this.setHeading=function(t){this.heading=t}},link:function(i,n,s,o){e||t.warn("accordion-group is now deprecated. Use uib-accordion-group instead."),o.addGroup(i),i.openClass=s.openClass||"panel-open",i.panelClass=s.panelClass,i.$watch("isOpen",function(t){n.toggleClass(i.openClass,!!t),t&&o.closeOthers(i)}),i.toggleOpen=function(t){i.isDisabled||t&&32!==t.which||(i.isOpen=!i.isOpen)}}}}]).directive("accordionHeading",["$log","$accordionSuppressWarning",function(t,e){return{restrict:"EA",transclude:!0,template:"",replace:!0,require:"^accordionGroup",link:function(i,n,s,o,a){e||t.warn("accordion-heading is now deprecated. Use uib-accordion-heading instead."),o.setHeading(a(i,angular.noop))}}}]).directive("accordionTransclude",["$log","$accordionSuppressWarning",function(t,e){return{require:"^accordionGroup",link:function(i,n,s,o){e||t.warn("accordion-transclude is now deprecated. Use uib-accordion-transclude instead."),i.$watch(function(){return o[s.accordionTransclude]},function(t){t&&(n.find("span").html(""),n.find("span").append(t))})}}}]),angular.module("ui.bootstrap.collapse",[]).directive("uibCollapse",["$animate","$injector",function(t,e){var i=e.has("$animateCss")?e.get("$animateCss"):null;return{link:function(e,n,s){function o(){n.removeClass("collapse").addClass("collapsing").attr("aria-expanded",!0).attr("aria-hidden",!1),i?i(n,{addClass:"in",easing:"ease",to:{height:n[0].scrollHeight+"px"}}).start()["finally"](a):t.addClass(n,"in",{to:{height:n[0].scrollHeight+"px"}}).then(a)}function a(){n.removeClass("collapsing").addClass("collapse").css({height:"auto"})}function r(){return n.hasClass("collapse")||n.hasClass("in")?(n.css({height:n[0].scrollHeight+"px"}).removeClass("collapse").addClass("collapsing").attr("aria-expanded",!1).attr("aria-hidden",!0),void(i?i(n,{removeClass:"in",to:{height:"0"}}).start()["finally"](l):t.removeClass(n,"in",{to:{height:"0"}}).then(l))):l()}function l(){n.css({height:"0"}),n.removeClass("collapsing").addClass("collapse")}e.$watch(s.uibCollapse,function(t){t?r():o()})}}}]),angular.module("ui.bootstrap.collapse").value("$collapseSuppressWarning",!1).directive("collapse",["$animate","$injector","$log","$collapseSuppressWarning",function(t,e,i,n){var s=e.has("$animateCss")?e.get("$animateCss"):null;return{link:function(e,o,a){function r(){o.removeClass("collapse").addClass("collapsing").attr("aria-expanded",!0).attr("aria-hidden",!1),s?s(o,{easing:"ease",to:{height:o[0].scrollHeight+"px"}}).start().done(l):t.animate(o,{},{height:o[0].scrollHeight+"px"}).then(l)}function l(){o.removeClass("collapsing").addClass("collapse in").css({height:"auto"})}function h(){return o.hasClass("collapse")||o.hasClass("in")?(o.css({height:o[0].scrollHeight+"px"}).removeClass("collapse in").addClass("collapsing").attr("aria-expanded",!1).attr("aria-hidden",!0),void(s?s(o,{to:{height:"0"}}).start().done(c):t.animate(o,{},{height:"0"}).then(c))):c()}function c(){o.css({height:"0"}),o.removeClass("collapsing").addClass("collapse")}n||i.warn("collapse is now deprecated. Use uib-collapse instead."),e.$watch(a.collapse,function(t){t?h():r()})}}}]);
\ No newline at end of file
+/**
+ * @license AngularJS v1.4.7
+ * (c) 2010-2015 Google, Inc. http://angularjs.org
+ * License: MIT
+ */
+(function(window, angular, undefined) {'use strict';
+
+/* jshint ignore:start */
+var noop = angular.noop;
+var extend = angular.extend;
+var jqLite = angular.element;
+var forEach = angular.forEach;
+var isArray = angular.isArray;
+var isString = angular.isString;
+var isObject = angular.isObject;
+var isUndefined = angular.isUndefined;
+var isDefined = angular.isDefined;
+var isFunction = angular.isFunction;
+var isElement = angular.isElement;
+
+var ELEMENT_NODE = 1;
+var COMMENT_NODE = 8;
+
+var ADD_CLASS_SUFFIX = '-add';
+var REMOVE_CLASS_SUFFIX = '-remove';
+var EVENT_CLASS_PREFIX = 'ng-';
+var ACTIVE_CLASS_SUFFIX = '-active';
+
+var NG_ANIMATE_CLASSNAME = 'ng-animate';
+var NG_ANIMATE_CHILDREN_DATA = '$$ngAnimateChildren';
+
+// Detect proper transitionend/animationend event names.
+var CSS_PREFIX = '', TRANSITION_PROP, TRANSITIONEND_EVENT, ANIMATION_PROP, ANIMATIONEND_EVENT;
+
+// If unprefixed events are not supported but webkit-prefixed are, use the latter.
+// Otherwise, just use W3C names, browsers not supporting them at all will just ignore them.
+// Note: Chrome implements `window.onwebkitanimationend` and doesn't implement `window.onanimationend`
+// but at the same time dispatches the `animationend` event and not `webkitAnimationEnd`.
+// Register both events in case `window.onanimationend` is not supported because of that,
+// do the same for `transitionend` as Safari is likely to exhibit similar behavior.
+// Also, the only modern browser that uses vendor prefixes for transitions/keyframes is webkit
+// therefore there is no reason to test anymore for other vendor prefixes:
+// http://caniuse.com/#search=transition
+if (isUndefined(window.ontransitionend) && isDefined(window.onwebkittransitionend)) {
+ CSS_PREFIX = '-webkit-';
+ TRANSITION_PROP = 'WebkitTransition';
+ TRANSITIONEND_EVENT = 'webkitTransitionEnd transitionend';
+} else {
+ TRANSITION_PROP = 'transition';
+ TRANSITIONEND_EVENT = 'transitionend';
+}
+
+if (isUndefined(window.onanimationend) && isDefined(window.onwebkitanimationend)) {
+ CSS_PREFIX = '-webkit-';
+ ANIMATION_PROP = 'WebkitAnimation';
+ ANIMATIONEND_EVENT = 'webkitAnimationEnd animationend';
+} else {
+ ANIMATION_PROP = 'animation';
+ ANIMATIONEND_EVENT = 'animationend';
+}
+
+var DURATION_KEY = 'Duration';
+var PROPERTY_KEY = 'Property';
+var DELAY_KEY = 'Delay';
+var TIMING_KEY = 'TimingFunction';
+var ANIMATION_ITERATION_COUNT_KEY = 'IterationCount';
+var ANIMATION_PLAYSTATE_KEY = 'PlayState';
+var SAFE_FAST_FORWARD_DURATION_VALUE = 9999;
+
+var ANIMATION_DELAY_PROP = ANIMATION_PROP + DELAY_KEY;
+var ANIMATION_DURATION_PROP = ANIMATION_PROP + DURATION_KEY;
+var TRANSITION_DELAY_PROP = TRANSITION_PROP + DELAY_KEY;
+var TRANSITION_DURATION_PROP = TRANSITION_PROP + DURATION_KEY;
+
+var isPromiseLike = function(p) {
+ return p && p.then ? true : false;
+};
+
+function assertArg(arg, name, reason) {
+ if (!arg) {
+ throw ngMinErr('areq', "Argument '{0}' is {1}", (name || '?'), (reason || "required"));
+ }
+ return arg;
+}
+
+function mergeClasses(a,b) {
+ if (!a && !b) return '';
+ if (!a) return b;
+ if (!b) return a;
+ if (isArray(a)) a = a.join(' ');
+ if (isArray(b)) b = b.join(' ');
+ return a + ' ' + b;
+}
+
+function packageStyles(options) {
+ var styles = {};
+ if (options && (options.to || options.from)) {
+ styles.to = options.to;
+ styles.from = options.from;
+ }
+ return styles;
+}
+
+function pendClasses(classes, fix, isPrefix) {
+ var className = '';
+ classes = isArray(classes)
+ ? classes
+ : classes && isString(classes) && classes.length
+ ? classes.split(/\s+/)
+ : [];
+ forEach(classes, function(klass, i) {
+ if (klass && klass.length > 0) {
+ className += (i > 0) ? ' ' : '';
+ className += isPrefix ? fix + klass
+ : klass + fix;
+ }
+ });
+ return className;
+}
+
+function removeFromArray(arr, val) {
+ var index = arr.indexOf(val);
+ if (val >= 0) {
+ arr.splice(index, 1);
+ }
+}
+
+function stripCommentsFromElement(element) {
+ if (element instanceof jqLite) {
+ switch (element.length) {
+ case 0:
+ return [];
+ break;
+
+ case 1:
+ // there is no point of stripping anything if the element
+ // is the only element within the jqLite wrapper.
+ // (it's important that we retain the element instance.)
+ if (element[0].nodeType === ELEMENT_NODE) {
+ return element;
+ }
+ break;
+
+ default:
+ return jqLite(extractElementNode(element));
+ break;
+ }
+ }
+
+ if (element.nodeType === ELEMENT_NODE) {
+ return jqLite(element);
+ }
+}
+
+function extractElementNode(element) {
+ if (!element[0]) return element;
+ for (var i = 0; i < element.length; i++) {
+ var elm = element[i];
+ if (elm.nodeType == ELEMENT_NODE) {
+ return elm;
+ }
+ }
+}
+
+function $$addClass($$jqLite, element, className) {
+ forEach(element, function(elm) {
+ $$jqLite.addClass(elm, className);
+ });
+}
+
+function $$removeClass($$jqLite, element, className) {
+ forEach(element, function(elm) {
+ $$jqLite.removeClass(elm, className);
+ });
+}
+
+function applyAnimationClassesFactory($$jqLite) {
+ return function(element, options) {
+ if (options.addClass) {
+ $$addClass($$jqLite, element, options.addClass);
+ options.addClass = null;
+ }
+ if (options.removeClass) {
+ $$removeClass($$jqLite, element, options.removeClass);
+ options.removeClass = null;
+ }
+ }
+}
+
+function prepareAnimationOptions(options) {
+ options = options || {};
+ if (!options.$$prepared) {
+ var domOperation = options.domOperation || noop;
+ options.domOperation = function() {
+ options.$$domOperationFired = true;
+ domOperation();
+ domOperation = noop;
+ };
+ options.$$prepared = true;
+ }
+ return options;
+}
+
+function applyAnimationStyles(element, options) {
+ applyAnimationFromStyles(element, options);
+ applyAnimationToStyles(element, options);
+}
+
+function applyAnimationFromStyles(element, options) {
+ if (options.from) {
+ element.css(options.from);
+ options.from = null;
+ }
+}
+
+function applyAnimationToStyles(element, options) {
+ if (options.to) {
+ element.css(options.to);
+ options.to = null;
+ }
+}
+
+function mergeAnimationOptions(element, target, newOptions) {
+ var toAdd = (target.addClass || '') + ' ' + (newOptions.addClass || '');
+ var toRemove = (target.removeClass || '') + ' ' + (newOptions.removeClass || '');
+ var classes = resolveElementClasses(element.attr('class'), toAdd, toRemove);
+
+ if (newOptions.preparationClasses) {
+ target.preparationClasses = concatWithSpace(newOptions.preparationClasses, target.preparationClasses);
+ delete newOptions.preparationClasses;
+ }
+
+ // noop is basically when there is no callback; otherwise something has been set
+ var realDomOperation = target.domOperation !== noop ? target.domOperation : null;
+
+ extend(target, newOptions);
+
+ // TODO(matsko or sreeramu): proper fix is to maintain all animation callback in array and call at last,but now only leave has the callback so no issue with this.
+ if (realDomOperation) {
+ target.domOperation = realDomOperation;
+ }
+
+ if (classes.addClass) {
+ target.addClass = classes.addClass;
+ } else {
+ target.addClass = null;
+ }
+
+ if (classes.removeClass) {
+ target.removeClass = classes.removeClass;
+ } else {
+ target.removeClass = null;
+ }
+
+ return target;
+}
+
+function resolveElementClasses(existing, toAdd, toRemove) {
+ var ADD_CLASS = 1;
+ var REMOVE_CLASS = -1;
+
+ var flags = {};
+ existing = splitClassesToLookup(existing);
+
+ toAdd = splitClassesToLookup(toAdd);
+ forEach(toAdd, function(value, key) {
+ flags[key] = ADD_CLASS;
+ });
+
+ toRemove = splitClassesToLookup(toRemove);
+ forEach(toRemove, function(value, key) {
+ flags[key] = flags[key] === ADD_CLASS ? null : REMOVE_CLASS;
+ });
+
+ var classes = {
+ addClass: '',
+ removeClass: ''
+ };
+
+ forEach(flags, function(val, klass) {
+ var prop, allow;
+ if (val === ADD_CLASS) {
+ prop = 'addClass';
+ allow = !existing[klass];
+ } else if (val === REMOVE_CLASS) {
+ prop = 'removeClass';
+ allow = existing[klass];
+ }
+ if (allow) {
+ if (classes[prop].length) {
+ classes[prop] += ' ';
+ }
+ classes[prop] += klass;
+ }
+ });
+
+ function splitClassesToLookup(classes) {
+ if (isString(classes)) {
+ classes = classes.split(' ');
+ }
+
+ var obj = {};
+ forEach(classes, function(klass) {
+ // sometimes the split leaves empty string values
+ // incase extra spaces were applied to the options
+ if (klass.length) {
+ obj[klass] = true;
+ }
+ });
+ return obj;
+ }
+
+ return classes;
+}
+
+function getDomNode(element) {
+ return (element instanceof angular.element) ? element[0] : element;
+}
+
+function applyGeneratedPreparationClasses(element, event, options) {
+ var classes = '';
+ if (event) {
+ classes = pendClasses(event, EVENT_CLASS_PREFIX, true);
+ }
+ if (options.addClass) {
+ classes = concatWithSpace(classes, pendClasses(options.addClass, ADD_CLASS_SUFFIX));
+ }
+ if (options.removeClass) {
+ classes = concatWithSpace(classes, pendClasses(options.removeClass, REMOVE_CLASS_SUFFIX));
+ }
+ if (classes.length) {
+ options.preparationClasses = classes;
+ element.addClass(classes);
+ }
+}
+
+function clearGeneratedClasses(element, options) {
+ if (options.preparationClasses) {
+ element.removeClass(options.preparationClasses);
+ options.preparationClasses = null;
+ }
+ if (options.activeClasses) {
+ element.removeClass(options.activeClasses);
+ options.activeClasses = null;
+ }
+}
+
+function blockTransitions(node, duration) {
+ // we use a negative delay value since it performs blocking
+ // yet it doesn't kill any existing transitions running on the
+ // same element which makes this safe for class-based animations
+ var value = duration ? '-' + duration + 's' : '';
+ applyInlineStyle(node, [TRANSITION_DELAY_PROP, value]);
+ return [TRANSITION_DELAY_PROP, value];
+}
+
+function blockKeyframeAnimations(node, applyBlock) {
+ var value = applyBlock ? 'paused' : '';
+ var key = ANIMATION_PROP + ANIMATION_PLAYSTATE_KEY;
+ applyInlineStyle(node, [key, value]);
+ return [key, value];
+}
+
+function applyInlineStyle(node, styleTuple) {
+ var prop = styleTuple[0];
+ var value = styleTuple[1];
+ node.style[prop] = value;
+}
+
+function concatWithSpace(a,b) {
+ if (!a) return b;
+ if (!b) return a;
+ return a + ' ' + b;
+}
+
+var $$rAFSchedulerFactory = ['$$rAF', function($$rAF) {
+ var queue, cancelFn;
+
+ function scheduler(tasks) {
+ // we make a copy since RAFScheduler mutates the state
+ // of the passed in array variable and this would be difficult
+ // to track down on the outside code
+ queue = queue.concat(tasks);
+ nextTick();
+ }
+
+ queue = scheduler.queue = [];
+
+ /* waitUntilQuiet does two things:
+ * 1. It will run the FINAL `fn` value only when an uncancelled RAF has passed through
+ * 2. It will delay the next wave of tasks from running until the quiet `fn` has run.
+ *
+ * The motivation here is that animation code can request more time from the scheduler
+ * before the next wave runs. This allows for certain DOM properties such as classes to
+ * be resolved in time for the next animation to run.
+ */
+ scheduler.waitUntilQuiet = function(fn) {
+ if (cancelFn) cancelFn();
+
+ cancelFn = $$rAF(function() {
+ cancelFn = null;
+ fn();
+ nextTick();
+ });
+ };
+
+ return scheduler;
+
+ function nextTick() {
+ if (!queue.length) return;
+
+ var items = queue.shift();
+ for (var i = 0; i < items.length; i++) {
+ items[i]();
+ }
+
+ if (!cancelFn) {
+ $$rAF(function() {
+ if (!cancelFn) nextTick();
+ });
+ }
+ }
+}];
+
+var $$AnimateChildrenDirective = [function() {
+ return function(scope, element, attrs) {
+ var val = attrs.ngAnimateChildren;
+ if (angular.isString(val) && val.length === 0) { //empty attribute
+ element.data(NG_ANIMATE_CHILDREN_DATA, true);
+ } else {
+ attrs.$observe('ngAnimateChildren', function(value) {
+ value = value === 'on' || value === 'true';
+ element.data(NG_ANIMATE_CHILDREN_DATA, value);
+ });
+ }
+ };
+}];
+
+var ANIMATE_TIMER_KEY = '$$animateCss';
+
+/**
+ * @ngdoc service
+ * @name $animateCss
+ * @kind object
+ *
+ * @description
+ * The `$animateCss` service is a useful utility to trigger customized CSS-based transitions/keyframes
+ * from a JavaScript-based animation or directly from a directive. The purpose of `$animateCss` is NOT
+ * to side-step how `$animate` and ngAnimate work, but the goal is to allow pre-existing animations or
+ * directives to create more complex animations that can be purely driven using CSS code.
+ *
+ * Note that only browsers that support CSS transitions and/or keyframe animations are capable of
+ * rendering animations triggered via `$animateCss` (bad news for IE9 and lower).
+ *
+ * ## Usage
+ * Once again, `$animateCss` is designed to be used inside of a registered JavaScript animation that
+ * is powered by ngAnimate. It is possible to use `$animateCss` directly inside of a directive, however,
+ * any automatic control over cancelling animations and/or preventing animations from being run on
+ * child elements will not be handled by Angular. For this to work as expected, please use `$animate` to
+ * trigger the animation and then setup a JavaScript animation that injects `$animateCss` to trigger
+ * the CSS animation.
+ *
+ * The example below shows how we can create a folding animation on an element using `ng-if`:
+ *
+ * ```html
+ * <!-- notice the `fold-animation` CSS class -->
+ * <div ng-if="onOff" class="fold-animation">
+ * This element will go BOOM
+ * </div>
+ * <button ng-click="onOff=true">Fold In</button>
+ * ```
+ *
+ * Now we create the **JavaScript animation** that will trigger the CSS transition:
+ *
+ * ```js
+ * ngModule.animation('.fold-animation', ['$animateCss', function($animateCss) {
+ * return {
+ * enter: function(element, doneFn) {
+ * var height = element[0].offsetHeight;
+ * return $animateCss(element, {
+ * from: { height:'0px' },
+ * to: { height:height + 'px' },
+ * duration: 1 // one second
+ * });
+ * }
+ * }
+ * }]);
+ * ```
+ *
+ * ## More Advanced Uses
+ *
+ * `$animateCss` is the underlying code that ngAnimate uses to power **CSS-based animations** behind the scenes. Therefore CSS hooks
+ * like `.ng-EVENT`, `.ng-EVENT-active`, `.ng-EVENT-stagger` are all features that can be triggered using `$animateCss` via JavaScript code.
+ *
+ * This also means that just about any combination of adding classes, removing classes, setting styles, dynamically setting a keyframe animation,
+ * applying a hardcoded duration or delay value, changing the animation easing or applying a stagger animation are all options that work with
+ * `$animateCss`. The service itself is smart enough to figure out the combination of options and examine the element styling properties in order
+ * to provide a working animation that will run in CSS.
+ *
+ * The example below showcases a more advanced version of the `.fold-animation` from the example above:
+ *
+ * ```js
+ * ngModule.animation('.fold-animation', ['$animateCss', function($animateCss) {
+ * return {
+ * enter: function(element, doneFn) {
+ * var height = element[0].offsetHeight;
+ * return $animateCss(element, {
+ * addClass: 'red large-text pulse-twice',
+ * easing: 'ease-out',
+ * from: { height:'0px' },
+ * to: { height:height + 'px' },
+ * duration: 1 // one second
+ * });
+ * }
+ * }
+ * }]);
+ * ```
+ *
+ * Since we're adding/removing CSS classes then the CSS transition will also pick those up:
+ *
+ * ```css
+ * /* since a hardcoded duration value of 1 was provided in the JavaScript animation code,
+ * the CSS classes below will be transitioned despite them being defined as regular CSS classes */
+ * .red { background:red; }
+ * .large-text { font-size:20px; }
+ *
+ * /* we can also use a keyframe animation and $animateCss will make it work alongside the transition */
+ * .pulse-twice {
+ * animation: 0.5s pulse linear 2;
+ * -webkit-animation: 0.5s pulse linear 2;
+ * }
+ *
+ * @keyframes pulse {
+ * from { transform: scale(0.5); }
+ * to { transform: scale(1.5); }
+ * }
+ *
+ * @-webkit-keyframes pulse {
+ * from { -webkit-transform: scale(0.5); }
+ * to { -webkit-transform: scale(1.5); }
+ * }
+ * ```
+ *
+ * Given this complex combination of CSS classes, styles and options, `$animateCss` will figure everything out and make the animation happen.
+ *
+ * ## How the Options are handled
+ *
+ * `$animateCss` is very versatile and intelligent when it comes to figuring out what configurations to apply to the element to ensure the animation
+ * works with the options provided. Say for example we were adding a class that contained a keyframe value and we wanted to also animate some inline
+ * styles using the `from` and `to` properties.
+ *
+ * ```js
+ * var animator = $animateCss(element, {
+ * from: { background:'red' },
+ * to: { background:'blue' }
+ * });
+ * animator.start();
+ * ```
+ *
+ * ```css
+ * .rotating-animation {
+ * animation:0.5s rotate linear;
+ * -webkit-animation:0.5s rotate linear;
+ * }
+ *
+ * @keyframes rotate {
+ * from { transform: rotate(0deg); }
+ * to { transform: rotate(360deg); }
+ * }
+ *
+ * @-webkit-keyframes rotate {
+ * from { -webkit-transform: rotate(0deg); }
+ * to { -webkit-transform: rotate(360deg); }
+ * }
+ * ```
+ *
+ * The missing pieces here are that we do not have a transition set (within the CSS code nor within the `$animateCss` options) and the duration of the animation is
+ * going to be detected from what the keyframe styles on the CSS class are. In this event, `$animateCss` will automatically create an inline transition
+ * style matching the duration detected from the keyframe style (which is present in the CSS class that is being added) and then prepare both the transition
+ * and keyframe animations to run in parallel on the element. Then when the animation is underway the provided `from` and `to` CSS styles will be applied
+ * and spread across the transition and keyframe animation.
+ *
+ * ## What is returned
+ *
+ * `$animateCss` works in two stages: a preparation phase and an animation phase. Therefore when `$animateCss` is first called it will NOT actually
+ * start the animation. All that is going on here is that the element is being prepared for the animation (which means that the generated CSS classes are
+ * added and removed on the element). Once `$animateCss` is called it will return an object with the following properties:
+ *
+ * ```js
+ * var animator = $animateCss(element, { ... });
+ * ```
+ *
+ * Now what do the contents of our `animator` variable look like:
+ *
+ * ```js
+ * {
+ * // starts the animation
+ * start: Function,
+ *
+ * // ends (aborts) the animation
+ * end: Function
+ * }
+ * ```
+ *
+ * To actually start the animation we need to run `animation.start()` which will then return a promise that we can hook into to detect when the animation ends.
+ * If we choose not to run the animation then we MUST run `animation.end()` to perform a cleanup on the element (since some CSS classes and stlyes may have been
+ * applied to the element during the preparation phase). Note that all other properties such as duration, delay, transitions and keyframes are just properties
+ * and that changing them will not reconfigure the parameters of the animation.
+ *
+ * ### runner.done() vs runner.then()
+ * It is documented that `animation.start()` will return a promise object and this is true, however, there is also an additional method available on the
+ * runner called `.done(callbackFn)`. The done method works the same as `.finally(callbackFn)`, however, it does **not trigger a digest to occur**.
+ * Therefore, for performance reasons, it's always best to use `runner.done(callback)` instead of `runner.then()`, `runner.catch()` or `runner.finally()`
+ * unless you really need a digest to kick off afterwards.
+ *
+ * Keep in mind that, to make this easier, ngAnimate has tweaked the JS animations API to recognize when a runner instance is returned from $animateCss
+ * (so there is no need to call `runner.done(doneFn)` inside of your JavaScript animation code).
+ * Check the {@link ngAnimate.$animateCss#usage animation code above} to see how this works.
+ *
+ * @param {DOMElement} element the element that will be animated
+ * @param {object} options the animation-related options that will be applied during the animation
+ *
+ * * `event` - The DOM event (e.g. enter, leave, move). When used, a generated CSS class of `ng-EVENT` and `ng-EVENT-active` will be applied
+ * to the element during the animation. Multiple events can be provided when spaces are used as a separator. (Note that this will not perform any DOM operation.)
+ * * `easing` - The CSS easing value that will be applied to the transition or keyframe animation (or both).
+ * * `transitionStyle` - The raw CSS transition style that will be used (e.g. `1s linear all`).
+ * * `keyframeStyle` - The raw CSS keyframe animation style that will be used (e.g. `1s my_animation linear`).
+ * * `from` - The starting CSS styles (a key/value object) that will be applied at the start of the animation.
+ * * `to` - The ending CSS styles (a key/value object) that will be applied across the animation via a CSS transition.
+ * * `addClass` - A space separated list of CSS classes that will be added to the element and spread across the animation.
+ * * `removeClass` - A space separated list of CSS classes that will be removed from the element and spread across the animation.
+ * * `duration` - A number value representing the total duration of the transition and/or keyframe (note that a value of 1 is 1000ms). If a value of `0`
+ * is provided then the animation will be skipped entirely.
+ * * `delay` - A number value representing the total delay of the transition and/or keyframe (note that a value of 1 is 1000ms). If a value of `true` is
+ * used then whatever delay value is detected from the CSS classes will be mirrored on the elements styles (e.g. by setting delay true then the style value
+ * of the element will be `transition-delay: DETECTED_VALUE`). Using `true` is useful when you want the CSS classes and inline styles to all share the same
+ * CSS delay value.
+ * * `stagger` - A numeric time value representing the delay between successively animated elements
+ * ({@link ngAnimate#css-staggering-animations Click here to learn how CSS-based staggering works in ngAnimate.})
+ * * `staggerIndex` - The numeric index representing the stagger item (e.g. a value of 5 is equal to the sixth item in the stagger; therefore when a
+ * * `stagger` option value of `0.1` is used then there will be a stagger delay of `600ms`)
+ * * `applyClassesEarly` - Whether or not the classes being added or removed will be used when detecting the animation. This is set by `$animate` when enter/leave/move animations are fired to ensure that the CSS classes are resolved in time. (Note that this will prevent any transitions from occuring on the classes being added and removed.)
+ * * `cleanupStyles` - Whether or not the provided `from` and `to` styles will be removed once
+ * the animation is closed. This is useful for when the styles are used purely for the sake of
+ * the animation and do not have a lasting visual effect on the element (e.g. a colapse and open animation).
+ * By default this value is set to `false`.
+ *
+ * @return {object} an object with start and end methods and details about the animation.
+ *
+ * * `start` - The method to start the animation. This will return a `Promise` when called.
+ * * `end` - This method will cancel the animation and remove all applied CSS classes and styles.
+ */
+var ONE_SECOND = 1000;
+var BASE_TEN = 10;
+
+var ELAPSED_TIME_MAX_DECIMAL_PLACES = 3;
+var CLOSING_TIME_BUFFER = 1.5;
+
+var DETECT_CSS_PROPERTIES = {
+ transitionDuration: TRANSITION_DURATION_PROP,
+ transitionDelay: TRANSITION_DELAY_PROP,
+ transitionProperty: TRANSITION_PROP + PROPERTY_KEY,
+ animationDuration: ANIMATION_DURATION_PROP,
+ animationDelay: ANIMATION_DELAY_PROP,
+ animationIterationCount: ANIMATION_PROP + ANIMATION_ITERATION_COUNT_KEY
+};
+
+var DETECT_STAGGER_CSS_PROPERTIES = {
+ transitionDuration: TRANSITION_DURATION_PROP,
+ transitionDelay: TRANSITION_DELAY_PROP,
+ animationDuration: ANIMATION_DURATION_PROP,
+ animationDelay: ANIMATION_DELAY_PROP
+};
+
+function getCssKeyframeDurationStyle(duration) {
+ return [ANIMATION_DURATION_PROP, duration + 's'];
+}
+
+function getCssDelayStyle(delay, isKeyframeAnimation) {
+ var prop = isKeyframeAnimation ? ANIMATION_DELAY_PROP : TRANSITION_DELAY_PROP;
+ return [prop, delay + 's'];
+}
+
+function computeCssStyles($window, element, properties) {
+ var styles = Object.create(null);
+ var detectedStyles = $window.getComputedStyle(element) || {};
+ forEach(properties, function(formalStyleName, actualStyleName) {
+ var val = detectedStyles[formalStyleName];
+ if (val) {
+ var c = val.charAt(0);
+
+ // only numerical-based values have a negative sign or digit as the first value
+ if (c === '-' || c === '+' || c >= 0) {
+ val = parseMaxTime(val);
+ }
+
+ // by setting this to null in the event that the delay is not set or is set directly as 0
+ // then we can still allow for zegative values to be used later on and not mistake this
+ // value for being greater than any other negative value.
+ if (val === 0) {
+ val = null;
+ }
+ styles[actualStyleName] = val;
+ }
+ });
+
+ return styles;
+}
+
+function parseMaxTime(str) {
+ var maxValue = 0;
+ var values = str.split(/\s*,\s*/);
+ forEach(values, function(value) {
+ // it's always safe to consider only second values and omit `ms` values since
+ // getComputedStyle will always handle the conversion for us
+ if (value.charAt(value.length - 1) == 's') {
+ value = value.substring(0, value.length - 1);
+ }
+ value = parseFloat(value) || 0;
+ maxValue = maxValue ? Math.max(value, maxValue) : value;
+ });
+ return maxValue;
+}
+
+function truthyTimingValue(val) {
+ return val === 0 || val != null;
+}
+
+function getCssTransitionDurationStyle(duration, applyOnlyDuration) {
+ var style = TRANSITION_PROP;
+ var value = duration + 's';
+ if (applyOnlyDuration) {
+ style += DURATION_KEY;
+ } else {
+ value += ' linear all';
+ }
+ return [style, value];
+}
+
+function createLocalCacheLookup() {
+ var cache = Object.create(null);
+ return {
+ flush: function() {
+ cache = Object.create(null);
+ },
+
+ count: function(key) {
+ var entry = cache[key];
+ return entry ? entry.total : 0;
+ },
+
+ get: function(key) {
+ var entry = cache[key];
+ return entry && entry.value;
+ },
+
+ put: function(key, value) {
+ if (!cache[key]) {
+ cache[key] = { total: 1, value: value };
+ } else {
+ cache[key].total++;
+ }
+ }
+ };
+}
+
+// we do not reassign an already present style value since
+// if we detect the style property value again we may be
+// detecting styles that were added via the `from` styles.
+// We make use of `isDefined` here since an empty string
+// or null value (which is what getPropertyValue will return
+// for a non-existing style) will still be marked as a valid
+// value for the style (a falsy value implies that the style
+// is to be removed at the end of the animation). If we had a simple
+// "OR" statement then it would not be enough to catch that.
+function registerRestorableStyles(backup, node, properties) {
+ forEach(properties, function(prop) {
+ backup[prop] = isDefined(backup[prop])
+ ? backup[prop]
+ : node.style.getPropertyValue(prop);
+ });
+}
+
+var $AnimateCssProvider = ['$animateProvider', function($animateProvider) {
+ var gcsLookup = createLocalCacheLookup();
+ var gcsStaggerLookup = createLocalCacheLookup();
+
+ this.$get = ['$window', '$$jqLite', '$$AnimateRunner', '$timeout',
+ '$$forceReflow', '$sniffer', '$$rAFScheduler', '$animate',
+ function($window, $$jqLite, $$AnimateRunner, $timeout,
+ $$forceReflow, $sniffer, $$rAFScheduler, $animate) {
+
+ var applyAnimationClasses = applyAnimationClassesFactory($$jqLite);
+
+ var parentCounter = 0;
+ function gcsHashFn(node, extraClasses) {
+ var KEY = "$$ngAnimateParentKey";
+ var parentNode = node.parentNode;
+ var parentID = parentNode[KEY] || (parentNode[KEY] = ++parentCounter);
+ return parentID + '-' + node.getAttribute('class') + '-' + extraClasses;
+ }
+
+ function computeCachedCssStyles(node, className, cacheKey, properties) {
+ var timings = gcsLookup.get(cacheKey);
+
+ if (!timings) {
+ timings = computeCssStyles($window, node, properties);
+ if (timings.animationIterationCount === 'infinite') {
+ timings.animationIterationCount = 1;
+ }
+ }
+
+ // we keep putting this in multiple times even though the value and the cacheKey are the same
+ // because we're keeping an interal tally of how many duplicate animations are detected.
+ gcsLookup.put(cacheKey, timings);
+ return timings;
+ }
+
+ function computeCachedCssStaggerStyles(node, className, cacheKey, properties) {
+ var stagger;
+
+ // if we have one or more existing matches of matching elements
+ // containing the same parent + CSS styles (which is how cacheKey works)
+ // then staggering is possible
+ if (gcsLookup.count(cacheKey) > 0) {
+ stagger = gcsStaggerLookup.get(cacheKey);
+
+ if (!stagger) {
+ var staggerClassName = pendClasses(className, '-stagger');
+
+ $$jqLite.addClass(node, staggerClassName);
+
+ stagger = computeCssStyles($window, node, properties);
+
+ // force the conversion of a null value to zero incase not set
+ stagger.animationDuration = Math.max(stagger.animationDuration, 0);
+ stagger.transitionDuration = Math.max(stagger.transitionDuration, 0);
+
+ $$jqLite.removeClass(node, staggerClassName);
+
+ gcsStaggerLookup.put(cacheKey, stagger);
+ }
+ }
+
+ return stagger || {};
+ }
+
+ var cancelLastRAFRequest;
+ var rafWaitQueue = [];
+ function waitUntilQuiet(callback) {
+ rafWaitQueue.push(callback);
+ $$rAFScheduler.waitUntilQuiet(function() {
+ gcsLookup.flush();
+ gcsStaggerLookup.flush();
+
+ // DO NOT REMOVE THIS LINE OR REFACTOR OUT THE `pageWidth` variable.
+ // PLEASE EXAMINE THE `$$forceReflow` service to understand why.
+ var pageWidth = $$forceReflow();
+
+ // we use a for loop to ensure that if the queue is changed
+ // during this looping then it will consider new requests
+ for (var i = 0; i < rafWaitQueue.length; i++) {
+ rafWaitQueue[i](pageWidth);
+ }
+ rafWaitQueue.length = 0;
+ });
+ }
+
+ function computeTimings(node, className, cacheKey) {
+ var timings = computeCachedCssStyles(node, className, cacheKey, DETECT_CSS_PROPERTIES);
+ var aD = timings.animationDelay;
+ var tD = timings.transitionDelay;
+ timings.maxDelay = aD && tD
+ ? Math.max(aD, tD)
+ : (aD || tD);
+ timings.maxDuration = Math.max(
+ timings.animationDuration * timings.animationIterationCount,
+ timings.transitionDuration);
+
+ return timings;
+ }
+
+ return function init(element, options) {
+ var restoreStyles = {};
+ var node = getDomNode(element);
+ if (!node
+ || !node.parentNode
+ || !$animate.enabled()) {
+ return closeAndReturnNoopAnimator();
+ }
+
+ options = prepareAnimationOptions(options);
+
+ var temporaryStyles = [];
+ var classes = element.attr('class');
+ var styles = packageStyles(options);
+ var animationClosed;
+ var animationPaused;
+ var animationCompleted;
+ var runner;
+ var runnerHost;
+ var maxDelay;
+ var maxDelayTime;
+ var maxDuration;
+ var maxDurationTime;
+
+ if (options.duration === 0 || (!$sniffer.animations && !$sniffer.transitions)) {
+ return closeAndReturnNoopAnimator();
+ }
+
+ var method = options.event && isArray(options.event)
+ ? options.event.join(' ')
+ : options.event;
+
+ var isStructural = method && options.structural;
+ var structuralClassName = '';
+ var addRemoveClassName = '';
+
+ if (isStructural) {
+ structuralClassName = pendClasses(method, EVENT_CLASS_PREFIX, true);
+ } else if (method) {
+ structuralClassName = method;
+ }
+
+ if (options.addClass) {
+ addRemoveClassName += pendClasses(options.addClass, ADD_CLASS_SUFFIX);
+ }
+
+ if (options.removeClass) {
+ if (addRemoveClassName.length) {
+ addRemoveClassName += ' ';
+ }
+ addRemoveClassName += pendClasses(options.removeClass, REMOVE_CLASS_SUFFIX);
+ }
+
+ // there may be a situation where a structural animation is combined together
+ // with CSS classes that need to resolve before the animation is computed.
+ // However this means that there is no explicit CSS code to block the animation
+ // from happening (by setting 0s none in the class name). If this is the case
+ // we need to apply the classes before the first rAF so we know to continue if
+ // there actually is a detected transition or keyframe animation
+ if (options.applyClassesEarly && addRemoveClassName.length) {
+ applyAnimationClasses(element, options);
+ }
+
+ var preparationClasses = [structuralClassName, addRemoveClassName].join(' ').trim();
+ var fullClassName = classes + ' ' + preparationClasses;
+ var activeClasses = pendClasses(preparationClasses, ACTIVE_CLASS_SUFFIX);
+ var hasToStyles = styles.to && Object.keys(styles.to).length > 0;
+ var containsKeyframeAnimation = (options.keyframeStyle || '').length > 0;
+
+ // there is no way we can trigger an animation if no styles and
+ // no classes are being applied which would then trigger a transition,
+ // unless there a is raw keyframe value that is applied to the element.
+ if (!containsKeyframeAnimation
+ && !hasToStyles
+ && !preparationClasses) {
+ return closeAndReturnNoopAnimator();
+ }
+
+ var cacheKey, stagger;
+ if (options.stagger > 0) {
+ var staggerVal = parseFloat(options.stagger);
+ stagger = {
+ transitionDelay: staggerVal,
+ animationDelay: staggerVal,
+ transitionDuration: 0,
+ animationDuration: 0
+ };
+ } else {
+ cacheKey = gcsHashFn(node, fullClassName);
+ stagger = computeCachedCssStaggerStyles(node, preparationClasses, cacheKey, DETECT_STAGGER_CSS_PROPERTIES);
+ }
+
+ if (!options.$$skipPreparationClasses) {
+ $$jqLite.addClass(element, preparationClasses);
+ }
+
+ var applyOnlyDuration;
+
+ if (options.transitionStyle) {
+ var transitionStyle = [TRANSITION_PROP, options.transitionStyle];
+ applyInlineStyle(node, transitionStyle);
+ temporaryStyles.push(transitionStyle);
+ }
+
+ if (options.duration >= 0) {
+ applyOnlyDuration = node.style[TRANSITION_PROP].length > 0;
+ var durationStyle = getCssTransitionDurationStyle(options.duration, applyOnlyDuration);
+
+ // we set the duration so that it will be picked up by getComputedStyle later
+ applyInlineStyle(node, durationStyle);
+ temporaryStyles.push(durationStyle);
+ }
+
+ if (options.keyframeStyle) {
+ var keyframeStyle = [ANIMATION_PROP, options.keyframeStyle];
+ applyInlineStyle(node, keyframeStyle);
+ temporaryStyles.push(keyframeStyle);
+ }
+
+ var itemIndex = stagger
+ ? options.staggerIndex >= 0
+ ? options.staggerIndex
+ : gcsLookup.count(cacheKey)
+ : 0;
+
+ var isFirst = itemIndex === 0;
+
+ // this is a pre-emptive way of forcing the setup classes to be added and applied INSTANTLY
+ // without causing any combination of transitions to kick in. By adding a negative delay value
+ // it forces the setup class' transition to end immediately. We later then remove the negative
+ // transition delay to allow for the transition to naturally do it's thing. The beauty here is
+ // that if there is no transition defined then nothing will happen and this will also allow
+ // other transitions to be stacked on top of each other without any chopping them out.
+ if (isFirst && !options.skipBlocking) {
+ blockTransitions(node, SAFE_FAST_FORWARD_DURATION_VALUE);
+ }
+
+ var timings = computeTimings(node, fullClassName, cacheKey);
+ var relativeDelay = timings.maxDelay;
+ maxDelay = Math.max(relativeDelay, 0);
+ maxDuration = timings.maxDuration;
+
+ var flags = {};
+ flags.hasTransitions = timings.transitionDuration > 0;
+ flags.hasAnimations = timings.animationDuration > 0;
+ flags.hasTransitionAll = flags.hasTransitions && timings.transitionProperty == 'all';
+ flags.applyTransitionDuration = hasToStyles && (
+ (flags.hasTransitions && !flags.hasTransitionAll)
+ || (flags.hasAnimations && !flags.hasTransitions));
+ flags.applyAnimationDuration = options.duration && flags.hasAnimations;
+ flags.applyTransitionDelay = truthyTimingValue(options.delay) && (flags.applyTransitionDuration || flags.hasTransitions);
+ flags.applyAnimationDelay = truthyTimingValue(options.delay) && flags.hasAnimations;
+ flags.recalculateTimingStyles = addRemoveClassName.length > 0;
+
+ if (flags.applyTransitionDuration || flags.applyAnimationDuration) {
+ maxDuration = options.duration ? parseFloat(options.duration) : maxDuration;
+
+ if (flags.applyTransitionDuration) {
+ flags.hasTransitions = true;
+ timings.transitionDuration = maxDuration;
+ applyOnlyDuration = node.style[TRANSITION_PROP + PROPERTY_KEY].length > 0;
+ temporaryStyles.push(getCssTransitionDurationStyle(maxDuration, applyOnlyDuration));
+ }
+
+ if (flags.applyAnimationDuration) {
+ flags.hasAnimations = true;
+ timings.animationDuration = maxDuration;
+ temporaryStyles.push(getCssKeyframeDurationStyle(maxDuration));
+ }
+ }
+
+ if (maxDuration === 0 && !flags.recalculateTimingStyles) {
+ return closeAndReturnNoopAnimator();
+ }
+
+ if (options.delay != null) {
+ var delayStyle = parseFloat(options.delay);
+
+ if (flags.applyTransitionDelay) {
+ temporaryStyles.push(getCssDelayStyle(delayStyle));
+ }
+
+ if (flags.applyAnimationDelay) {
+ temporaryStyles.push(getCssDelayStyle(delayStyle, true));
+ }
+ }
+
+ // we need to recalculate the delay value since we used a pre-emptive negative
+ // delay value and the delay value is required for the final event checking. This
+ // property will ensure that this will happen after the RAF phase has passed.
+ if (options.duration == null && timings.transitionDuration > 0) {
+ flags.recalculateTimingStyles = flags.recalculateTimingStyles || isFirst;
+ }
+
+ maxDelayTime = maxDelay * ONE_SECOND;
+ maxDurationTime = maxDuration * ONE_SECOND;
+ if (!options.skipBlocking) {
+ flags.blockTransition = timings.transitionDuration > 0;
+ flags.blockKeyframeAnimation = timings.animationDuration > 0 &&
+ stagger.animationDelay > 0 &&
+ stagger.animationDuration === 0;
+ }
+
+ if (options.from) {
+ if (options.cleanupStyles) {
+ registerRestorableStyles(restoreStyles, node, Object.keys(options.from));
+ }
+ applyAnimationFromStyles(element, options);
+ }
+
+ if (flags.blockTransition || flags.blockKeyframeAnimation) {
+ applyBlocking(maxDuration);
+ } else if (!options.skipBlocking) {
+ blockTransitions(node, false);
+ }
+
+ // TODO(matsko): for 1.5 change this code to have an animator object for better debugging
+ return {
+ $$willAnimate: true,
+ end: endFn,
+ start: function() {
+ if (animationClosed) return;
+
+ runnerHost = {
+ end: endFn,
+ cancel: cancelFn,
+ resume: null, //this will be set during the start() phase
+ pause: null
+ };
+
+ runner = new $$AnimateRunner(runnerHost);
+
+ waitUntilQuiet(start);
+
+ // we don't have access to pause/resume the animation
+ // since it hasn't run yet. AnimateRunner will therefore
+ // set noop functions for resume and pause and they will
+ // later be overridden once the animation is triggered
+ return runner;
+ }
+ };
+
+ function endFn() {
+ close();
+ }
+
+ function cancelFn() {
+ close(true);
+ }
+
+ function close(rejected) { // jshint ignore:line
+ // if the promise has been called already then we shouldn't close
+ // the animation again
+ if (animationClosed || (animationCompleted && animationPaused)) return;
+ animationClosed = true;
+ animationPaused = false;
+
+ if (!options.$$skipPreparationClasses) {
+ $$jqLite.removeClass(element, preparationClasses);
+ }
+ $$jqLite.removeClass(element, activeClasses);
+
+ blockKeyframeAnimations(node, false);
+ blockTransitions(node, false);
+
+ forEach(temporaryStyles, function(entry) {
+ // There is only one way to remove inline style properties entirely from elements.
+ // By using `removeProperty` this works, but we need to convert camel-cased CSS
+ // styles down to hyphenated values.
+ node.style[entry[0]] = '';
+ });
+
+ applyAnimationClasses(element, options);
+ applyAnimationStyles(element, options);
+
+ if (Object.keys(restoreStyles).length) {
+ forEach(restoreStyles, function(value, prop) {
+ value ? node.style.setProperty(prop, value)
+ : node.style.removeProperty(prop);
+ });
+ }
+
+ // the reason why we have this option is to allow a synchronous closing callback
+ // that is fired as SOON as the animation ends (when the CSS is removed) or if
+ // the animation never takes off at all. A good example is a leave animation since
+ // the element must be removed just after the animation is over or else the element
+ // will appear on screen for one animation frame causing an overbearing flicker.
+ if (options.onDone) {
+ options.onDone();
+ }
+
+ // if the preparation function fails then the promise is not setup
+ if (runner) {
+ runner.complete(!rejected);
+ }
+ }
+
+ function applyBlocking(duration) {
+ if (flags.blockTransition) {
+ blockTransitions(node, duration);
+ }
+
+ if (flags.blockKeyframeAnimation) {
+ blockKeyframeAnimations(node, !!duration);
+ }
+ }
+
+ function closeAndReturnNoopAnimator() {
+ runner = new $$AnimateRunner({
+ end: endFn,
+ cancel: cancelFn
+ });
+
+ // should flush the cache animation
+ waitUntilQuiet(noop);
+ close();
+
+ return {
+ $$willAnimate: false,
+ start: function() {
+ return runner;
+ },
+ end: endFn
+ };
+ }
+
+ function start() {
+ if (animationClosed) return;
+ if (!node.parentNode) {
+ close();
+ return;
+ }
+
+ var startTime, events = [];
+
+ // even though we only pause keyframe animations here the pause flag
+ // will still happen when transitions are used. Only the transition will
+ // not be paused since that is not possible. If the animation ends when
+ // paused then it will not complete until unpaused or cancelled.
+ var playPause = function(playAnimation) {
+ if (!animationCompleted) {
+ animationPaused = !playAnimation;
+ if (timings.animationDuration) {
+ var value = blockKeyframeAnimations(node, animationPaused);
+ animationPaused
+ ? temporaryStyles.push(value)
+ : removeFromArray(temporaryStyles, value);
+ }
+ } else if (animationPaused && playAnimation) {
+ animationPaused = false;
+ close();
+ }
+ };
+
+ // checking the stagger duration prevents an accidently cascade of the CSS delay style
+ // being inherited from the parent. If the transition duration is zero then we can safely
+ // rely that the delay value is an intential stagger delay style.
+ var maxStagger = itemIndex > 0
+ && ((timings.transitionDuration && stagger.transitionDuration === 0) ||
+ (timings.animationDuration && stagger.animationDuration === 0))
+ && Math.max(stagger.animationDelay, stagger.transitionDelay);
+ if (maxStagger) {
+ $timeout(triggerAnimationStart,
+ Math.floor(maxStagger * itemIndex * ONE_SECOND),
+ false);
+ } else {
+ triggerAnimationStart();
+ }
+
+ // this will decorate the existing promise runner with pause/resume methods
+ runnerHost.resume = function() {
+ playPause(true);
+ };
+
+ runnerHost.pause = function() {
+ playPause(false);
+ };
+
+ function triggerAnimationStart() {
+ // just incase a stagger animation kicks in when the animation
+ // itself was cancelled entirely
+ if (animationClosed) return;
+
+ applyBlocking(false);
+
+ forEach(temporaryStyles, function(entry) {
+ var key = entry[0];
+ var value = entry[1];
+ node.style[key] = value;
+ });
+
+ applyAnimationClasses(element, options);
+ $$jqLite.addClass(element, activeClasses);
+
+ if (flags.recalculateTimingStyles) {
+ fullClassName = node.className + ' ' + preparationClasses;
+ cacheKey = gcsHashFn(node, fullClassName);
+
+ timings = computeTimings(node, fullClassName, cacheKey);
+ relativeDelay = timings.maxDelay;
+ maxDelay = Math.max(relativeDelay, 0);
+ maxDuration = timings.maxDuration;
+
+ if (maxDuration === 0) {
+ close();
+ return;
+ }
+
+ flags.hasTransitions = timings.transitionDuration > 0;
+ flags.hasAnimations = timings.animationDuration > 0;
+ }
+
+ if (flags.applyAnimationDelay) {
+ relativeDelay = typeof options.delay !== "boolean" && truthyTimingValue(options.delay)
+ ? parseFloat(options.delay)
+ : relativeDelay;
+
+ maxDelay = Math.max(relativeDelay, 0);
+ timings.animationDelay = relativeDelay;
+ delayStyle = getCssDelayStyle(relativeDelay, true);
+ temporaryStyles.push(delayStyle);
+ node.style[delayStyle[0]] = delayStyle[1];
+ }
+
+ maxDelayTime = maxDelay * ONE_SECOND;
+ maxDurationTime = maxDuration * ONE_SECOND;
+
+ if (options.easing) {
+ var easeProp, easeVal = options.easing;
+ if (flags.hasTransitions) {
+ easeProp = TRANSITION_PROP + TIMING_KEY;
+ temporaryStyles.push([easeProp, easeVal]);
+ node.style[easeProp] = easeVal;
+ }
+ if (flags.hasAnimations) {
+ easeProp = ANIMATION_PROP + TIMING_KEY;
+ temporaryStyles.push([easeProp, easeVal]);
+ node.style[easeProp] = easeVal;
+ }
+ }
+
+ if (timings.transitionDuration) {
+ events.push(TRANSITIONEND_EVENT);
+ }
+
+ if (timings.animationDuration) {
+ events.push(ANIMATIONEND_EVENT);
+ }
+
+ startTime = Date.now();
+ var timerTime = maxDelayTime + CLOSING_TIME_BUFFER * maxDurationTime;
+ var endTime = startTime + timerTime;
+
+ var animationsData = element.data(ANIMATE_TIMER_KEY) || [];
+ var setupFallbackTimer = true;
+ if (animationsData.length) {
+ var currentTimerData = animationsData[0];
+ setupFallbackTimer = endTime > currentTimerData.expectedEndTime;
+ if (setupFallbackTimer) {
+ $timeout.cancel(currentTimerData.timer);
+ } else {
+ animationsData.push(close);
+ }
+ }
+
+ if (setupFallbackTimer) {
+ var timer = $timeout(onAnimationExpired, timerTime, false);
+ animationsData[0] = {
+ timer: timer,
+ expectedEndTime: endTime
+ };
+ animationsData.push(close);
+ element.data(ANIMATE_TIMER_KEY, animationsData);
+ }
+
+ element.on(events.join(' '), onAnimationProgress);
+ if (options.to) {
+ if (options.cleanupStyles) {
+ registerRestorableStyles(restoreStyles, node, Object.keys(options.to));
+ }
+ applyAnimationToStyles(element, options);
+ }
+ }
+
+ function onAnimationExpired() {
+ var animationsData = element.data(ANIMATE_TIMER_KEY);
+
+ // this will be false in the event that the element was
+ // removed from the DOM (via a leave animation or something
+ // similar)
+ if (animationsData) {
+ for (var i = 1; i < animationsData.length; i++) {
+ animationsData[i]();
+ }
+ element.removeData(ANIMATE_TIMER_KEY);
+ }
+ }
+
+ function onAnimationProgress(event) {
+ event.stopPropagation();
+ var ev = event.originalEvent || event;
+ var timeStamp = ev.$manualTimeStamp || ev.timeStamp || Date.now();
+
+ /* Firefox (or possibly just Gecko) likes to not round values up
+ * when a ms measurement is used for the animation */
+ var elapsedTime = parseFloat(ev.elapsedTime.toFixed(ELAPSED_TIME_MAX_DECIMAL_PLACES));
+
+ /* $manualTimeStamp is a mocked timeStamp value which is set
+ * within browserTrigger(). This is only here so that tests can
+ * mock animations properly. Real events fallback to event.timeStamp,
+ * or, if they don't, then a timeStamp is automatically created for them.
+ * We're checking to see if the timeStamp surpasses the expected delay,
+ * but we're using elapsedTime instead of the timeStamp on the 2nd
+ * pre-condition since animations sometimes close off early */
+ if (Math.max(timeStamp - startTime, 0) >= maxDelayTime && elapsedTime >= maxDuration) {
+ // we set this flag to ensure that if the transition is paused then, when resumed,
+ // the animation will automatically close itself since transitions cannot be paused.
+ animationCompleted = true;
+ close();
+ }
+ }
+ }
+ };
+ }];
+}];
+
+var $$AnimateCssDriverProvider = ['$$animationProvider', function($$animationProvider) {
+ $$animationProvider.drivers.push('$$animateCssDriver');
+
+ var NG_ANIMATE_SHIM_CLASS_NAME = 'ng-animate-shim';
+ var NG_ANIMATE_ANCHOR_CLASS_NAME = 'ng-anchor';
+
+ var NG_OUT_ANCHOR_CLASS_NAME = 'ng-anchor-out';
+ var NG_IN_ANCHOR_CLASS_NAME = 'ng-anchor-in';
+
+ function isDocumentFragment(node) {
+ return node.parentNode && node.parentNode.nodeType === 11;
+ }
+
+ this.$get = ['$animateCss', '$rootScope', '$$AnimateRunner', '$rootElement', '$sniffer', '$$jqLite', '$document',
+ function($animateCss, $rootScope, $$AnimateRunner, $rootElement, $sniffer, $$jqLite, $document) {
+
+ // only browsers that support these properties can render animations
+ if (!$sniffer.animations && !$sniffer.transitions) return noop;
+
+ var bodyNode = $document[0].body;
+ var rootNode = getDomNode($rootElement);
+
+ var rootBodyElement = jqLite(
+ // this is to avoid using something that exists outside of the body
+ // we also special case the doc fragement case because our unit test code
+ // appends the $rootElement to the body after the app has been bootstrapped
+ isDocumentFragment(rootNode) || bodyNode.contains(rootNode) ? rootNode : bodyNode
+ );
+
+ var applyAnimationClasses = applyAnimationClassesFactory($$jqLite);
+
+ return function initDriverFn(animationDetails) {
+ return animationDetails.from && animationDetails.to
+ ? prepareFromToAnchorAnimation(animationDetails.from,
+ animationDetails.to,
+ animationDetails.classes,
+ animationDetails.anchors)
+ : prepareRegularAnimation(animationDetails);
+ };
+
+ function filterCssClasses(classes) {
+ //remove all the `ng-` stuff
+ return classes.replace(/\bng-\S+\b/g, '');
+ }
+
+ function getUniqueValues(a, b) {
+ if (isString(a)) a = a.split(' ');
+ if (isString(b)) b = b.split(' ');
+ return a.filter(function(val) {
+ return b.indexOf(val) === -1;
+ }).join(' ');
+ }
+
+ function prepareAnchoredAnimation(classes, outAnchor, inAnchor) {
+ var clone = jqLite(getDomNode(outAnchor).cloneNode(true));
+ var startingClasses = filterCssClasses(getClassVal(clone));
+
+ outAnchor.addClass(NG_ANIMATE_SHIM_CLASS_NAME);
+ inAnchor.addClass(NG_ANIMATE_SHIM_CLASS_NAME);
+
+ clone.addClass(NG_ANIMATE_ANCHOR_CLASS_NAME);
+
+ rootBodyElement.append(clone);
+
+ var animatorIn, animatorOut = prepareOutAnimation();
+
+ // the user may not end up using the `out` animation and
+ // only making use of the `in` animation or vice-versa.
+ // In either case we should allow this and not assume the
+ // animation is over unless both animations are not used.
+ if (!animatorOut) {
+ animatorIn = prepareInAnimation();
+ if (!animatorIn) {
+ return end();
+ }
+ }
+
+ var startingAnimator = animatorOut || animatorIn;
+
+ return {
+ start: function() {
+ var runner;
+
+ var currentAnimation = startingAnimator.start();
+ currentAnimation.done(function() {
+ currentAnimation = null;
+ if (!animatorIn) {
+ animatorIn = prepareInAnimation();
+ if (animatorIn) {
+ currentAnimation = animatorIn.start();
+ currentAnimation.done(function() {
+ currentAnimation = null;
+ end();
+ runner.complete();
+ });
+ return currentAnimation;
+ }
+ }
+ // in the event that there is no `in` animation
+ end();
+ runner.complete();
+ });
+
+ runner = new $$AnimateRunner({
+ end: endFn,
+ cancel: endFn
+ });
+
+ return runner;
+
+ function endFn() {
+ if (currentAnimation) {
+ currentAnimation.end();
+ }
+ }
+ }
+ };
+
+ function calculateAnchorStyles(anchor) {
+ var styles = {};
+
+ var coords = getDomNode(anchor).getBoundingClientRect();
+
+ // we iterate directly since safari messes up and doesn't return
+ // all the keys for the coods object when iterated
+ forEach(['width','height','top','left'], function(key) {
+ var value = coords[key];
+ switch (key) {
+ case 'top':
+ value += bodyNode.scrollTop;
+ break;
+ case 'left':
+ value += bodyNode.scrollLeft;
+ break;
+ }
+ styles[key] = Math.floor(value) + 'px';
+ });
+ return styles;
+ }
+
+ function prepareOutAnimation() {
+ var animator = $animateCss(clone, {
+ addClass: NG_OUT_ANCHOR_CLASS_NAME,
+ delay: true,
+ from: calculateAnchorStyles(outAnchor)
+ });
+
+ // read the comment within `prepareRegularAnimation` to understand
+ // why this check is necessary
+ return animator.$$willAnimate ? animator : null;
+ }
+
+ function getClassVal(element) {
+ return element.attr('class') || '';
+ }
+
+ function prepareInAnimation() {
+ var endingClasses = filterCssClasses(getClassVal(inAnchor));
+ var toAdd = getUniqueValues(endingClasses, startingClasses);
+ var toRemove = getUniqueValues(startingClasses, endingClasses);
+
+ var animator = $animateCss(clone, {
+ to: calculateAnchorStyles(inAnchor),
+ addClass: NG_IN_ANCHOR_CLASS_NAME + ' ' + toAdd,
+ removeClass: NG_OUT_ANCHOR_CLASS_NAME + ' ' + toRemove,
+ delay: true
+ });
+
+ // read the comment within `prepareRegularAnimation` to understand
+ // why this check is necessary
+ return animator.$$willAnimate ? animator : null;
+ }
+
+ function end() {
+ clone.remove();
+ outAnchor.removeClass(NG_ANIMATE_SHIM_CLASS_NAME);
+ inAnchor.removeClass(NG_ANIMATE_SHIM_CLASS_NAME);
+ }
+ }
+
+ function prepareFromToAnchorAnimation(from, to, classes, anchors) {
+ var fromAnimation = prepareRegularAnimation(from, noop);
+ var toAnimation = prepareRegularAnimation(to, noop);
+
+ var anchorAnimations = [];
+ forEach(anchors, function(anchor) {
+ var outElement = anchor['out'];
+ var inElement = anchor['in'];
+ var animator = prepareAnchoredAnimation(classes, outElement, inElement);
+ if (animator) {
+ anchorAnimations.push(animator);
+ }
+ });
+
+ // no point in doing anything when there are no elements to animate
+ if (!fromAnimation && !toAnimation && anchorAnimations.length === 0) return;
+
+ return {
+ start: function() {
+ var animationRunners = [];
+
+ if (fromAnimation) {
+ animationRunners.push(fromAnimation.start());
+ }
+
+ if (toAnimation) {
+ animationRunners.push(toAnimation.start());
+ }
+
+ forEach(anchorAnimations, function(animation) {
+ animationRunners.push(animation.start());
+ });
+
+ var runner = new $$AnimateRunner({
+ end: endFn,
+ cancel: endFn // CSS-driven animations cannot be cancelled, only ended
+ });
+
+ $$AnimateRunner.all(animationRunners, function(status) {
+ runner.complete(status);
+ });
+
+ return runner;
+
+ function endFn() {
+ forEach(animationRunners, function(runner) {
+ runner.end();
+ });
+ }
+ }
+ };
+ }
+
+ function prepareRegularAnimation(animationDetails) {
+ var element = animationDetails.element;
+ var options = animationDetails.options || {};
+
+ if (animationDetails.structural) {
+ options.event = animationDetails.event;
+ options.structural = true;
+ options.applyClassesEarly = true;
+
+ // we special case the leave animation since we want to ensure that
+ // the element is removed as soon as the animation is over. Otherwise
+ // a flicker might appear or the element may not be removed at all
+ if (animationDetails.event === 'leave') {
+ options.onDone = options.domOperation;
+ }
+ }
+
+ // We assign the preparationClasses as the actual animation event since
+ // the internals of $animateCss will just suffix the event token values
+ // with `-active` to trigger the animation.
+ if (options.preparationClasses) {
+ options.event = concatWithSpace(options.event, options.preparationClasses);
+ }
+
+ var animator = $animateCss(element, options);
+
+ // the driver lookup code inside of $$animation attempts to spawn a
+ // driver one by one until a driver returns a.$$willAnimate animator object.
+ // $animateCss will always return an object, however, it will pass in
+ // a flag as a hint as to whether an animation was detected or not
+ return animator.$$willAnimate ? animator : null;
+ }
+ }];
+}];
+
+// TODO(matsko): use caching here to speed things up for detection
+// TODO(matsko): add documentation
+// by the time...
+
+var $$AnimateJsProvider = ['$animateProvider', function($animateProvider) {
+ this.$get = ['$injector', '$$AnimateRunner', '$$jqLite',
+ function($injector, $$AnimateRunner, $$jqLite) {
+
+ var applyAnimationClasses = applyAnimationClassesFactory($$jqLite);
+ // $animateJs(element, 'enter');
+ return function(element, event, classes, options) {
+ // the `classes` argument is optional and if it is not used
+ // then the classes will be resolved from the element's className
+ // property as well as options.addClass/options.removeClass.
+ if (arguments.length === 3 && isObject(classes)) {
+ options = classes;
+ classes = null;
+ }
+
+ options = prepareAnimationOptions(options);
+ if (!classes) {
+ classes = element.attr('class') || '';
+ if (options.addClass) {
+ classes += ' ' + options.addClass;
+ }
+ if (options.removeClass) {
+ classes += ' ' + options.removeClass;
+ }
+ }
+
+ var classesToAdd = options.addClass;
+ var classesToRemove = options.removeClass;
+
+ // the lookupAnimations function returns a series of animation objects that are
+ // matched up with one or more of the CSS classes. These animation objects are
+ // defined via the module.animation factory function. If nothing is detected then
+ // we don't return anything which then makes $animation query the next driver.
+ var animations = lookupAnimations(classes);
+ var before, after;
+ if (animations.length) {
+ var afterFn, beforeFn;
+ if (event == 'leave') {
+ beforeFn = 'leave';
+ afterFn = 'afterLeave'; // TODO(matsko): get rid of this
+ } else {
+ beforeFn = 'before' + event.charAt(0).toUpperCase() + event.substr(1);
+ afterFn = event;
+ }
+
+ if (event !== 'enter' && event !== 'move') {
+ before = packageAnimations(element, event, options, animations, beforeFn);
+ }
+ after = packageAnimations(element, event, options, animations, afterFn);
+ }
+
+ // no matching animations
+ if (!before && !after) return;
+
+ function applyOptions() {
+ options.domOperation();
+ applyAnimationClasses(element, options);
+ }
+
+ return {
+ start: function() {
+ var closeActiveAnimations;
+ var chain = [];
+
+ if (before) {
+ chain.push(function(fn) {
+ closeActiveAnimations = before(fn);
+ });
+ }
+
+ if (chain.length) {
+ chain.push(function(fn) {
+ applyOptions();
+ fn(true);
+ });
+ } else {
+ applyOptions();
+ }
+
+ if (after) {
+ chain.push(function(fn) {
+ closeActiveAnimations = after(fn);
+ });
+ }
+
+ var animationClosed = false;
+ var runner = new $$AnimateRunner({
+ end: function() {
+ endAnimations();
+ },
+ cancel: function() {
+ endAnimations(true);
+ }
+ });
+
+ $$AnimateRunner.chain(chain, onComplete);
+ return runner;
+
+ function onComplete(success) {
+ animationClosed = true;
+ applyOptions();
+ applyAnimationStyles(element, options);
+ runner.complete(success);
+ }
+
+ function endAnimations(cancelled) {
+ if (!animationClosed) {
+ (closeActiveAnimations || noop)(cancelled);
+ onComplete(cancelled);
+ }
+ }
+ }
+ };
+
+ function executeAnimationFn(fn, element, event, options, onDone) {
+ var args;
+ switch (event) {
+ case 'animate':
+ args = [element, options.from, options.to, onDone];
+ break;
+
+ case 'setClass':
+ args = [element, classesToAdd, classesToRemove, onDone];
+ break;
+
+ case 'addClass':
+ args = [element, classesToAdd, onDone];
+ break;
+
+ case 'removeClass':
+ args = [element, classesToRemove, onDone];
+ break;
+
+ default:
+ args = [element, onDone];
+ break;
+ }
+
+ args.push(options);
+
+ var value = fn.apply(fn, args);
+ if (value) {
+ if (isFunction(value.start)) {
+ value = value.start();
+ }
+
+ if (value instanceof $$AnimateRunner) {
+ value.done(onDone);
+ } else if (isFunction(value)) {
+ // optional onEnd / onCancel callback
+ return value;
+ }
+ }
+
+ return noop;
+ }
+
+ function groupEventedAnimations(element, event, options, animations, fnName) {
+ var operations = [];
+ forEach(animations, function(ani) {
+ var animation = ani[fnName];
+ if (!animation) return;
+
+ // note that all of these animations will run in parallel
+ operations.push(function() {
+ var runner;
+ var endProgressCb;
+
+ var resolved = false;
+ var onAnimationComplete = function(rejected) {
+ if (!resolved) {
+ resolved = true;
+ (endProgressCb || noop)(rejected);
+ runner.complete(!rejected);
+ }
+ };
+
+ runner = new $$AnimateRunner({
+ end: function() {
+ onAnimationComplete();
+ },
+ cancel: function() {
+ onAnimationComplete(true);
+ }
+ });
+
+ endProgressCb = executeAnimationFn(animation, element, event, options, function(result) {
+ var cancelled = result === false;
+ onAnimationComplete(cancelled);
+ });
+
+ return runner;
+ });
+ });
+
+ return operations;
+ }
+
+ function packageAnimations(element, event, options, animations, fnName) {
+ var operations = groupEventedAnimations(element, event, options, animations, fnName);
+ if (operations.length === 0) {
+ var a,b;
+ if (fnName === 'beforeSetClass') {
+ a = groupEventedAnimations(element, 'removeClass', options, animations, 'beforeRemoveClass');
+ b = groupEventedAnimations(element, 'addClass', options, animations, 'beforeAddClass');
+ } else if (fnName === 'setClass') {
+ a = groupEventedAnimations(element, 'removeClass', options, animations, 'removeClass');
+ b = groupEventedAnimations(element, 'addClass', options, animations, 'addClass');
+ }
+
+ if (a) {
+ operations = operations.concat(a);
+ }
+ if (b) {
+ operations = operations.concat(b);
+ }
+ }
+
+ if (operations.length === 0) return;
+
+ // TODO(matsko): add documentation
+ return function startAnimation(callback) {
+ var runners = [];
+ if (operations.length) {
+ forEach(operations, function(animateFn) {
+ runners.push(animateFn());
+ });
+ }
+
+ runners.length ? $$AnimateRunner.all(runners, callback) : callback();
+
+ return function endFn(reject) {
+ forEach(runners, function(runner) {
+ reject ? runner.cancel() : runner.end();
+ });
+ };
+ };
+ }
+ };
+
+ function lookupAnimations(classes) {
+ classes = isArray(classes) ? classes : classes.split(' ');
+ var matches = [], flagMap = {};
+ for (var i=0; i < classes.length; i++) {
+ var klass = classes[i],
+ animationFactory = $animateProvider.$$registeredAnimations[klass];
+ if (animationFactory && !flagMap[klass]) {
+ matches.push($injector.get(animationFactory));
+ flagMap[klass] = true;
+ }
+ }
+ return matches;
+ }
+ }];
+}];
+
+var $$AnimateJsDriverProvider = ['$$animationProvider', function($$animationProvider) {
+ $$animationProvider.drivers.push('$$animateJsDriver');
+ this.$get = ['$$animateJs', '$$AnimateRunner', function($$animateJs, $$AnimateRunner) {
+ return function initDriverFn(animationDetails) {
+ if (animationDetails.from && animationDetails.to) {
+ var fromAnimation = prepareAnimation(animationDetails.from);
+ var toAnimation = prepareAnimation(animationDetails.to);
+ if (!fromAnimation && !toAnimation) return;
+
+ return {
+ start: function() {
+ var animationRunners = [];
+
+ if (fromAnimation) {
+ animationRunners.push(fromAnimation.start());
+ }
+
+ if (toAnimation) {
+ animationRunners.push(toAnimation.start());
+ }
+
+ $$AnimateRunner.all(animationRunners, done);
+
+ var runner = new $$AnimateRunner({
+ end: endFnFactory(),
+ cancel: endFnFactory()
+ });
+
+ return runner;
+
+ function endFnFactory() {
+ return function() {
+ forEach(animationRunners, function(runner) {
+ // at this point we cannot cancel animations for groups just yet. 1.5+
+ runner.end();
+ });
+ };
+ }
+
+ function done(status) {
+ runner.complete(status);
+ }
+ }
+ };
+ } else {
+ return prepareAnimation(animationDetails);
+ }
+ };
+
+ function prepareAnimation(animationDetails) {
+ // TODO(matsko): make sure to check for grouped animations and delegate down to normal animations
+ var element = animationDetails.element;
+ var event = animationDetails.event;
+ var options = animationDetails.options;
+ var classes = animationDetails.classes;
+ return $$animateJs(element, event, classes, options);
+ }
+ }];
+}];
+
+var NG_ANIMATE_ATTR_NAME = 'data-ng-animate';
+var NG_ANIMATE_PIN_DATA = '$ngAnimatePin';
+var $$AnimateQueueProvider = ['$animateProvider', function($animateProvider) {
+ var PRE_DIGEST_STATE = 1;
+ var RUNNING_STATE = 2;
+
+ var rules = this.rules = {
+ skip: [],
+ cancel: [],
+ join: []
+ };
+
+ function isAllowed(ruleType, element, currentAnimation, previousAnimation) {
+ return rules[ruleType].some(function(fn) {
+ return fn(element, currentAnimation, previousAnimation);
+ });
+ }
+
+ function hasAnimationClasses(options, and) {
+ options = options || {};
+ var a = (options.addClass || '').length > 0;
+ var b = (options.removeClass || '').length > 0;
+ return and ? a && b : a || b;
+ }
+
+ rules.join.push(function(element, newAnimation, currentAnimation) {
+ // if the new animation is class-based then we can just tack that on
+ return !newAnimation.structural && hasAnimationClasses(newAnimation.options);
+ });
+
+ rules.skip.push(function(element, newAnimation, currentAnimation) {
+ // there is no need to animate anything if no classes are being added and
+ // there is no structural animation that will be triggered
+ return !newAnimation.structural && !hasAnimationClasses(newAnimation.options);
+ });
+
+ rules.skip.push(function(element, newAnimation, currentAnimation) {
+ // why should we trigger a new structural animation if the element will
+ // be removed from the DOM anyway?
+ return currentAnimation.event == 'leave' && newAnimation.structural;
+ });
+
+ rules.skip.push(function(element, newAnimation, currentAnimation) {
+ // if there is an ongoing current animation then don't even bother running the class-based animation
+ return currentAnimation.structural && currentAnimation.state === RUNNING_STATE && !newAnimation.structural;
+ });
+
+ rules.cancel.push(function(element, newAnimation, currentAnimation) {
+ // there can never be two structural animations running at the same time
+ return currentAnimation.structural && newAnimation.structural;
+ });
+
+ rules.cancel.push(function(element, newAnimation, currentAnimation) {
+ // if the previous animation is already running, but the new animation will
+ // be triggered, but the new animation is structural
+ return currentAnimation.state === RUNNING_STATE && newAnimation.structural;
+ });
+
+ rules.cancel.push(function(element, newAnimation, currentAnimation) {
+ var nO = newAnimation.options;
+ var cO = currentAnimation.options;
+
+ // if the exact same CSS class is added/removed then it's safe to cancel it
+ return (nO.addClass && nO.addClass === cO.removeClass) || (nO.removeClass && nO.removeClass === cO.addClass);
+ });
+
+ this.$get = ['$$rAF', '$rootScope', '$rootElement', '$document', '$$HashMap',
+ '$$animation', '$$AnimateRunner', '$templateRequest', '$$jqLite', '$$forceReflow',
+ function($$rAF, $rootScope, $rootElement, $document, $$HashMap,
+ $$animation, $$AnimateRunner, $templateRequest, $$jqLite, $$forceReflow) {
+
+ var activeAnimationsLookup = new $$HashMap();
+ var disabledElementsLookup = new $$HashMap();
+ var animationsEnabled = null;
+
+ function postDigestTaskFactory() {
+ var postDigestCalled = false;
+ return function(fn) {
+ // we only issue a call to postDigest before
+ // it has first passed. This prevents any callbacks
+ // from not firing once the animation has completed
+ // since it will be out of the digest cycle.
+ if (postDigestCalled) {
+ fn();
+ } else {
+ $rootScope.$$postDigest(function() {
+ postDigestCalled = true;
+ fn();
+ });
+ }
+ };
+ }
+
+ // Wait until all directive and route-related templates are downloaded and
+ // compiled. The $templateRequest.totalPendingRequests variable keeps track of
+ // all of the remote templates being currently downloaded. If there are no
+ // templates currently downloading then the watcher will still fire anyway.
+ var deregisterWatch = $rootScope.$watch(
+ function() { return $templateRequest.totalPendingRequests === 0; },
+ function(isEmpty) {
+ if (!isEmpty) return;
+ deregisterWatch();
+
+ // Now that all templates have been downloaded, $animate will wait until
+ // the post digest queue is empty before enabling animations. By having two
+ // calls to $postDigest calls we can ensure that the flag is enabled at the
+ // very end of the post digest queue. Since all of the animations in $animate
+ // use $postDigest, it's important that the code below executes at the end.
+ // This basically means that the page is fully downloaded and compiled before
+ // any animations are triggered.
+ $rootScope.$$postDigest(function() {
+ $rootScope.$$postDigest(function() {
+ // we check for null directly in the event that the application already called
+ // .enabled() with whatever arguments that it provided it with
+ if (animationsEnabled === null) {
+ animationsEnabled = true;
+ }
+ });
+ });
+ }
+ );
+
+ var callbackRegistry = {};
+
+ // remember that the classNameFilter is set during the provider/config
+ // stage therefore we can optimize here and setup a helper function
+ var classNameFilter = $animateProvider.classNameFilter();
+ var isAnimatableClassName = !classNameFilter
+ ? function() { return true; }
+ : function(className) {
+ return classNameFilter.test(className);
+ };
+
+ var applyAnimationClasses = applyAnimationClassesFactory($$jqLite);
+
+ function normalizeAnimationOptions(element, options) {
+ return mergeAnimationOptions(element, options, {});
+ }
+
+ function findCallbacks(element, event) {
+ var targetNode = getDomNode(element);
+
+ var matches = [];
+ var entries = callbackRegistry[event];
+ if (entries) {
+ forEach(entries, function(entry) {
+ if (entry.node.contains(targetNode)) {
+ matches.push(entry.callback);
+ }
+ });
+ }
+
+ return matches;
+ }
+
+ return {
+ on: function(event, container, callback) {
+ var node = extractElementNode(container);
+ callbackRegistry[event] = callbackRegistry[event] || [];
+ callbackRegistry[event].push({
+ node: node,
+ callback: callback
+ });
+ },
+
+ off: function(event, container, callback) {
+ var entries = callbackRegistry[event];
+ if (!entries) return;
+
+ callbackRegistry[event] = arguments.length === 1
+ ? null
+ : filterFromRegistry(entries, container, callback);
+
+ function filterFromRegistry(list, matchContainer, matchCallback) {
+ var containerNode = extractElementNode(matchContainer);
+ return list.filter(function(entry) {
+ var isMatch = entry.node === containerNode &&
+ (!matchCallback || entry.callback === matchCallback);
+ return !isMatch;
+ });
+ }
+ },
+
+ pin: function(element, parentElement) {
+ assertArg(isElement(element), 'element', 'not an element');
+ assertArg(isElement(parentElement), 'parentElement', 'not an element');
+ element.data(NG_ANIMATE_PIN_DATA, parentElement);
+ },
+
+ push: function(element, event, options, domOperation) {
+ options = options || {};
+ options.domOperation = domOperation;
+ return queueAnimation(element, event, options);
+ },
+
+ // this method has four signatures:
+ // () - global getter
+ // (bool) - global setter
+ // (element) - element getter
+ // (element, bool) - element setter<F37>
+ enabled: function(element, bool) {
+ var argCount = arguments.length;
+
+ if (argCount === 0) {
+ // () - Global getter
+ bool = !!animationsEnabled;
+ } else {
+ var hasElement = isElement(element);
+
+ if (!hasElement) {
+ // (bool) - Global setter
+ bool = animationsEnabled = !!element;
+ } else {
+ var node = getDomNode(element);
+ var recordExists = disabledElementsLookup.get(node);
+
+ if (argCount === 1) {
+ // (element) - Element getter
+ bool = !recordExists;
+ } else {
+ // (element, bool) - Element setter
+ bool = !!bool;
+ if (!bool) {
+ disabledElementsLookup.put(node, true);
+ } else if (recordExists) {
+ disabledElementsLookup.remove(node);
+ }
+ }
+ }
+ }
+
+ return bool;
+ }
+ };
+
+ function queueAnimation(element, event, options) {
+ var node, parent;
+ element = stripCommentsFromElement(element);
+ if (element) {
+ node = getDomNode(element);
+ parent = element.parent();
+ }
+
+ options = prepareAnimationOptions(options);
+
+ // we create a fake runner with a working promise.
+ // These methods will become available after the digest has passed
+ var runner = new $$AnimateRunner();
+
+ // this is used to trigger callbacks in postDigest mode
+ var runInNextPostDigestOrNow = postDigestTaskFactory();
+
+ if (isArray(options.addClass)) {
+ options.addClass = options.addClass.join(' ');
+ }
+
+ if (options.addClass && !isString(options.addClass)) {
+ options.addClass = null;
+ }
+
+ if (isArray(options.removeClass)) {
+ options.removeClass = options.removeClass.join(' ');
+ }
+
+ if (options.removeClass && !isString(options.removeClass)) {
+ options.removeClass = null;
+ }
+
+ if (options.from && !isObject(options.from)) {
+ options.from = null;
+ }
+
+ if (options.to && !isObject(options.to)) {
+ options.to = null;
+ }
+
+ // there are situations where a directive issues an animation for
+ // a jqLite wrapper that contains only comment nodes... If this
+ // happens then there is no way we can perform an animation
+ if (!node) {
+ close();
+ return runner;
+ }
+
+ var className = [node.className, options.addClass, options.removeClass].join(' ');
+ if (!isAnimatableClassName(className)) {
+ close();
+ return runner;
+ }
+
+ var isStructural = ['enter', 'move', 'leave'].indexOf(event) >= 0;
+
+ // this is a hard disable of all animations for the application or on
+ // the element itself, therefore there is no need to continue further
+ // past this point if not enabled
+ var skipAnimations = !animationsEnabled || disabledElementsLookup.get(node);
+ var existingAnimation = (!skipAnimations && activeAnimationsLookup.get(node)) || {};
+ var hasExistingAnimation = !!existingAnimation.state;
+
+ // there is no point in traversing the same collection of parent ancestors if a followup
+ // animation will be run on the same element that already did all that checking work
+ if (!skipAnimations && (!hasExistingAnimation || existingAnimation.state != PRE_DIGEST_STATE)) {
+ skipAnimations = !areAnimationsAllowed(element, parent, event);
+ }
+
+ if (skipAnimations) {
+ close();
+ return runner;
+ }
+
+ if (isStructural) {
+ closeChildAnimations(element);
+ }
+
+ var newAnimation = {
+ structural: isStructural,
+ element: element,
+ event: event,
+ close: close,
+ options: options,
+ runner: runner
+ };
+
+ if (hasExistingAnimation) {
+ var skipAnimationFlag = isAllowed('skip', element, newAnimation, existingAnimation);
+ if (skipAnimationFlag) {
+ if (existingAnimation.state === RUNNING_STATE) {
+ close();
+ return runner;
+ } else {
+ mergeAnimationOptions(element, existingAnimation.options, options);
+ return existingAnimation.runner;
+ }
+ }
+
+ var cancelAnimationFlag = isAllowed('cancel', element, newAnimation, existingAnimation);
+ if (cancelAnimationFlag) {
+ if (existingAnimation.state === RUNNING_STATE) {
+ // this will end the animation right away and it is safe
+ // to do so since the animation is already running and the
+ // runner callback code will run in async
+ existingAnimation.runner.end();
+ } else if (existingAnimation.structural) {
+ // this means that the animation is queued into a digest, but
+ // hasn't started yet. Therefore it is safe to run the close
+ // method which will call the runner methods in async.
+ existingAnimation.close();
+ } else {
+ // this will merge the new animation options into existing animation options
+ mergeAnimationOptions(element, existingAnimation.options, newAnimation.options);
+ return existingAnimation.runner;
+ }
+ } else {
+ // a joined animation means that this animation will take over the existing one
+ // so an example would involve a leave animation taking over an enter. Then when
+ // the postDigest kicks in the enter will be ignored.
+ var joinAnimationFlag = isAllowed('join', element, newAnimation, existingAnimation);
+ if (joinAnimationFlag) {
+ if (existingAnimation.state === RUNNING_STATE) {
+ normalizeAnimationOptions(element, options);
+ } else {
+ applyGeneratedPreparationClasses(element, isStructural ? event : null, options);
+
+ event = newAnimation.event = existingAnimation.event;
+ options = mergeAnimationOptions(element, existingAnimation.options, newAnimation.options);
+
+ //we return the same runner since only the option values of this animation will
+ //be fed into the `existingAnimation`.
+ return existingAnimation.runner;
+ }
+ }
+ }
+ } else {
+ // normalization in this case means that it removes redundant CSS classes that
+ // already exist (addClass) or do not exist (removeClass) on the element
+ normalizeAnimationOptions(element, options);
+ }
+
+ // when the options are merged and cleaned up we may end up not having to do
+ // an animation at all, therefore we should check this before issuing a post
+ // digest callback. Structural animations will always run no matter what.
+ var isValidAnimation = newAnimation.structural;
+ if (!isValidAnimation) {
+ // animate (from/to) can be quickly checked first, otherwise we check if any classes are present
+ isValidAnimation = (newAnimation.event === 'animate' && Object.keys(newAnimation.options.to || {}).length > 0)
+ || hasAnimationClasses(newAnimation.options);
+ }
+
+ if (!isValidAnimation) {
+ close();
+ clearElementAnimationState(element);
+ return runner;
+ }
+
+ // the counter keeps track of cancelled animations
+ var counter = (existingAnimation.counter || 0) + 1;
+ newAnimation.counter = counter;
+
+ markElementAnimationState(element, PRE_DIGEST_STATE, newAnimation);
+
+ $rootScope.$$postDigest(function() {
+ var animationDetails = activeAnimationsLookup.get(node);
+ var animationCancelled = !animationDetails;
+ animationDetails = animationDetails || {};
+
+ // if addClass/removeClass is called before something like enter then the
+ // registered parent element may not be present. The code below will ensure
+ // that a final value for parent element is obtained
+ var parentElement = element.parent() || [];
+
+ // animate/structural/class-based animations all have requirements. Otherwise there
+ // is no point in performing an animation. The parent node must also be set.
+ var isValidAnimation = parentElement.length > 0
+ && (animationDetails.event === 'animate'
+ || animationDetails.structural
+ || hasAnimationClasses(animationDetails.options));
+
+ // this means that the previous animation was cancelled
+ // even if the follow-up animation is the same event
+ if (animationCancelled || animationDetails.counter !== counter || !isValidAnimation) {
+ // if another animation did not take over then we need
+ // to make sure that the domOperation and options are
+ // handled accordingly
+ if (animationCancelled) {
+ applyAnimationClasses(element, options);
+ applyAnimationStyles(element, options);
+ }
+
+ // if the event changed from something like enter to leave then we do
+ // it, otherwise if it's the same then the end result will be the same too
+ if (animationCancelled || (isStructural && animationDetails.event !== event)) {
+ options.domOperation();
+ runner.end();
+ }
+
+ // in the event that the element animation was not cancelled or a follow-up animation
+ // isn't allowed to animate from here then we need to clear the state of the element
+ // so that any future animations won't read the expired animation data.
+ if (!isValidAnimation) {
+ clearElementAnimationState(element);
+ }
+
+ return;
+ }
+
+ // this combined multiple class to addClass / removeClass into a setClass event
+ // so long as a structural event did not take over the animation
+ event = !animationDetails.structural && hasAnimationClasses(animationDetails.options, true)
+ ? 'setClass'
+ : animationDetails.event;
+
+ markElementAnimationState(element, RUNNING_STATE);
+ var realRunner = $$animation(element, event, animationDetails.options);
+
+ realRunner.done(function(status) {
+ close(!status);
+ var animationDetails = activeAnimationsLookup.get(node);
+ if (animationDetails && animationDetails.counter === counter) {
+ clearElementAnimationState(getDomNode(element));
+ }
+ notifyProgress(runner, event, 'close', {});
+ });
+
+ // this will update the runner's flow-control events based on
+ // the `realRunner` object.
+ runner.setHost(realRunner);
+ notifyProgress(runner, event, 'start', {});
+ });
+
+ return runner;
+
+ function notifyProgress(runner, event, phase, data) {
+ runInNextPostDigestOrNow(function() {
+ var callbacks = findCallbacks(element, event);
+ if (callbacks.length) {
+ // do not optimize this call here to RAF because
+ // we don't know how heavy the callback code here will
+ // be and if this code is buffered then this can
+ // lead to a performance regression.
+ $$rAF(function() {
+ forEach(callbacks, function(callback) {
+ callback(element, phase, data);
+ });
+ });
+ }
+ });
+ runner.progress(event, phase, data);
+ }
+
+ function close(reject) { // jshint ignore:line
+ clearGeneratedClasses(element, options);
+ applyAnimationClasses(element, options);
+ applyAnimationStyles(element, options);
+ options.domOperation();
+ runner.complete(!reject);
+ }
+ }
+
+ function closeChildAnimations(element) {
+ var node = getDomNode(element);
+ var children = node.querySelectorAll('[' + NG_ANIMATE_ATTR_NAME + ']');
+ forEach(children, function(child) {
+ var state = parseInt(child.getAttribute(NG_ANIMATE_ATTR_NAME));
+ var animationDetails = activeAnimationsLookup.get(child);
+ switch (state) {
+ case RUNNING_STATE:
+ animationDetails.runner.end();
+ /* falls through */
+ case PRE_DIGEST_STATE:
+ if (animationDetails) {
+ activeAnimationsLookup.remove(child);
+ }
+ break;
+ }
+ });
+ }
+
+ function clearElementAnimationState(element) {
+ var node = getDomNode(element);
+ node.removeAttribute(NG_ANIMATE_ATTR_NAME);
+ activeAnimationsLookup.remove(node);
+ }
+
+ function isMatchingElement(nodeOrElmA, nodeOrElmB) {
+ return getDomNode(nodeOrElmA) === getDomNode(nodeOrElmB);
+ }
+
+ function areAnimationsAllowed(element, parentElement, event) {
+ var bodyElement = jqLite($document[0].body);
+ var bodyElementDetected = isMatchingElement(element, bodyElement) || element[0].nodeName === 'HTML';
+ var rootElementDetected = isMatchingElement(element, $rootElement);
+ var parentAnimationDetected = false;
+ var animateChildren;
+
+ var parentHost = element.data(NG_ANIMATE_PIN_DATA);
+ if (parentHost) {
+ parentElement = parentHost;
+ }
+
+ while (parentElement && parentElement.length) {
+ if (!rootElementDetected) {
+ // angular doesn't want to attempt to animate elements outside of the application
+ // therefore we need to ensure that the rootElement is an ancestor of the current element
+ rootElementDetected = isMatchingElement(parentElement, $rootElement);
+ }
+
+ var parentNode = parentElement[0];
+ if (parentNode.nodeType !== ELEMENT_NODE) {
+ // no point in inspecting the #document element
+ break;
+ }
+
+ var details = activeAnimationsLookup.get(parentNode) || {};
+ // either an enter, leave or move animation will commence
+ // therefore we can't allow any animations to take place
+ // but if a parent animation is class-based then that's ok
+ if (!parentAnimationDetected) {
+ parentAnimationDetected = details.structural || disabledElementsLookup.get(parentNode);
+ }
+
+ if (isUndefined(animateChildren) || animateChildren === true) {
+ var value = parentElement.data(NG_ANIMATE_CHILDREN_DATA);
+ if (isDefined(value)) {
+ animateChildren = value;
+ }
+ }
+
+ // there is no need to continue traversing at this point
+ if (parentAnimationDetected && animateChildren === false) break;
+
+ if (!rootElementDetected) {
+ // angular doesn't want to attempt to animate elements outside of the application
+ // therefore we need to ensure that the rootElement is an ancestor of the current element
+ rootElementDetected = isMatchingElement(parentElement, $rootElement);
+ if (!rootElementDetected) {
+ parentHost = parentElement.data(NG_ANIMATE_PIN_DATA);
+ if (parentHost) {
+ parentElement = parentHost;
+ }
+ }
+ }
+
+ if (!bodyElementDetected) {
+ // we also need to ensure that the element is or will be apart of the body element
+ // otherwise it is pointless to even issue an animation to be rendered
+ bodyElementDetected = isMatchingElement(parentElement, bodyElement);
+ }
+
+ parentElement = parentElement.parent();
+ }
+
+ var allowAnimation = !parentAnimationDetected || animateChildren;
+ return allowAnimation && rootElementDetected && bodyElementDetected;
+ }
+
+ function markElementAnimationState(element, state, details) {
+ details = details || {};
+ details.state = state;
+
+ var node = getDomNode(element);
+ node.setAttribute(NG_ANIMATE_ATTR_NAME, state);
+
+ var oldValue = activeAnimationsLookup.get(node);
+ var newValue = oldValue
+ ? extend(oldValue, details)
+ : details;
+ activeAnimationsLookup.put(node, newValue);
+ }
+ }];
+}];
+
+var $$AnimateAsyncRunFactory = ['$$rAF', function($$rAF) {
+ var waitQueue = [];
+
+ function waitForTick(fn) {
+ waitQueue.push(fn);
+ if (waitQueue.length > 1) return;
+ $$rAF(function() {
+ for (var i = 0; i < waitQueue.length; i++) {
+ waitQueue[i]();
+ }
+ waitQueue = [];
+ });
+ }
+
+ return function() {
+ var passed = false;
+ waitForTick(function() {
+ passed = true;
+ });
+ return function(callback) {
+ passed ? callback() : waitForTick(callback);
+ };
+ };
+}];
+
+var $$AnimateRunnerFactory = ['$q', '$sniffer', '$$animateAsyncRun',
+ function($q, $sniffer, $$animateAsyncRun) {
+
+ var INITIAL_STATE = 0;
+ var DONE_PENDING_STATE = 1;
+ var DONE_COMPLETE_STATE = 2;
+
+ AnimateRunner.chain = function(chain, callback) {
+ var index = 0;
+
+ next();
+ function next() {
+ if (index === chain.length) {
+ callback(true);
+ return;
+ }
+
+ chain[index](function(response) {
+ if (response === false) {
+ callback(false);
+ return;
+ }
+ index++;
+ next();
+ });
+ }
+ };
+
+ AnimateRunner.all = function(runners, callback) {
+ var count = 0;
+ var status = true;
+ forEach(runners, function(runner) {
+ runner.done(onProgress);
+ });
+
+ function onProgress(response) {
+ status = status && response;
+ if (++count === runners.length) {
+ callback(status);
+ }
+ }
+ };
+
+ function AnimateRunner(host) {
+ this.setHost(host);
+
+ this._doneCallbacks = [];
+ this._runInAnimationFrame = $$animateAsyncRun();
+ this._state = 0;
+ }
+
+ AnimateRunner.prototype = {
+ setHost: function(host) {
+ this.host = host || {};
+ },
+
+ done: function(fn) {
+ if (this._state === DONE_COMPLETE_STATE) {
+ fn();
+ } else {
+ this._doneCallbacks.push(fn);
+ }
+ },
+
+ progress: noop,
+
+ getPromise: function() {
+ if (!this.promise) {
+ var self = this;
+ this.promise = $q(function(resolve, reject) {
+ self.done(function(status) {
+ status === false ? reject() : resolve();
+ });
+ });
+ }
+ return this.promise;
+ },
+
+ then: function(resolveHandler, rejectHandler) {
+ return this.getPromise().then(resolveHandler, rejectHandler);
+ },
+
+ 'catch': function(handler) {
+ return this.getPromise()['catch'](handler);
+ },
+
+ 'finally': function(handler) {
+ return this.getPromise()['finally'](handler);
+ },
+
+ pause: function() {
+ if (this.host.pause) {
+ this.host.pause();
+ }
+ },
+
+ resume: function() {
+ if (this.host.resume) {
+ this.host.resume();
+ }
+ },
+
+ end: function() {
+ if (this.host.end) {
+ this.host.end();
+ }
+ this._resolve(true);
+ },
+
+ cancel: function() {
+ if (this.host.cancel) {
+ this.host.cancel();
+ }
+ this._resolve(false);
+ },
+
+ complete: function(response) {
+ var self = this;
+ if (self._state === INITIAL_STATE) {
+ self._state = DONE_PENDING_STATE;
+ self._runInAnimationFrame(function() {
+ self._resolve(response);
+ });
+ }
+ },
+
+ _resolve: function(response) {
+ if (this._state !== DONE_COMPLETE_STATE) {
+ forEach(this._doneCallbacks, function(fn) {
+ fn(response);
+ });
+ this._doneCallbacks.length = 0;
+ this._state = DONE_COMPLETE_STATE;
+ }
+ }
+ };
+
+ return AnimateRunner;
+}];
+
+var $$AnimationProvider = ['$animateProvider', function($animateProvider) {
+ var NG_ANIMATE_REF_ATTR = 'ng-animate-ref';
+
+ var drivers = this.drivers = [];
+
+ var RUNNER_STORAGE_KEY = '$$animationRunner';
+
+ function setRunner(element, runner) {
+ element.data(RUNNER_STORAGE_KEY, runner);
+ }
+
+ function removeRunner(element) {
+ element.removeData(RUNNER_STORAGE_KEY);
+ }
+
+ function getRunner(element) {
+ return element.data(RUNNER_STORAGE_KEY);
+ }
+
+ this.$get = ['$$jqLite', '$rootScope', '$injector', '$$AnimateRunner', '$$HashMap', '$$rAFScheduler',
+ function($$jqLite, $rootScope, $injector, $$AnimateRunner, $$HashMap, $$rAFScheduler) {
+
+ var animationQueue = [];
+ var applyAnimationClasses = applyAnimationClassesFactory($$jqLite);
+
+ function sortAnimations(animations) {
+ var tree = { children: [] };
+ var i, lookup = new $$HashMap();
+
+ // this is done first beforehand so that the hashmap
+ // is filled with a list of the elements that will be animated
+ for (i = 0; i < animations.length; i++) {
+ var animation = animations[i];
+ lookup.put(animation.domNode, animations[i] = {
+ domNode: animation.domNode,
+ fn: animation.fn,
+ children: []
+ });
+ }
+
+ for (i = 0; i < animations.length; i++) {
+ processNode(animations[i]);
+ }
+
+ return flatten(tree);
+
+ function processNode(entry) {
+ if (entry.processed) return entry;
+ entry.processed = true;
+
+ var elementNode = entry.domNode;
+ var parentNode = elementNode.parentNode;
+ lookup.put(elementNode, entry);
+
+ var parentEntry;
+ while (parentNode) {
+ parentEntry = lookup.get(parentNode);
+ if (parentEntry) {
+ if (!parentEntry.processed) {
+ parentEntry = processNode(parentEntry);
+ }
+ break;
+ }
+ parentNode = parentNode.parentNode;
+ }
+
+ (parentEntry || tree).children.push(entry);
+ return entry;
+ }
+
+ function flatten(tree) {
+ var result = [];
+ var queue = [];
+ var i;
+
+ for (i = 0; i < tree.children.length; i++) {
+ queue.push(tree.children[i]);
+ }
+
+ var remainingLevelEntries = queue.length;
+ var nextLevelEntries = 0;
+ var row = [];
+
+ for (i = 0; i < queue.length; i++) {
+ var entry = queue[i];
+ if (remainingLevelEntries <= 0) {
+ remainingLevelEntries = nextLevelEntries;
+ nextLevelEntries = 0;
+ result.push(row);
+ row = [];
+ }
+ row.push(entry.fn);
+ entry.children.forEach(function(childEntry) {
+ nextLevelEntries++;
+ queue.push(childEntry);
+ });
+ remainingLevelEntries--;
+ }
+
+ if (row.length) {
+ result.push(row);
+ }
+
+ return result;
+ }
+ }
+
+ // TODO(matsko): document the signature in a better way
+ return function(element, event, options) {
+ options = prepareAnimationOptions(options);
+ var isStructural = ['enter', 'move', 'leave'].indexOf(event) >= 0;
+
+ // there is no animation at the current moment, however
+ // these runner methods will get later updated with the
+ // methods leading into the driver's end/cancel methods
+ // for now they just stop the animation from starting
+ var runner = new $$AnimateRunner({
+ end: function() { close(); },
+ cancel: function() { close(true); }
+ });
+
+ if (!drivers.length) {
+ close();
+ return runner;
+ }
+
+ setRunner(element, runner);
+
+ var classes = mergeClasses(element.attr('class'), mergeClasses(options.addClass, options.removeClass));
+ var tempClasses = options.tempClasses;
+ if (tempClasses) {
+ classes += ' ' + tempClasses;
+ options.tempClasses = null;
+ }
+
+ animationQueue.push({
+ // this data is used by the postDigest code and passed into
+ // the driver step function
+ element: element,
+ classes: classes,
+ event: event,
+ structural: isStructural,
+ options: options,
+ beforeStart: beforeStart,
+ close: close
+ });
+
+ element.on('$destroy', handleDestroyedElement);
+
+ // we only want there to be one function called within the post digest
+ // block. This way we can group animations for all the animations that
+ // were apart of the same postDigest flush call.
+ if (animationQueue.length > 1) return runner;
+
+ $rootScope.$$postDigest(function() {
+ var animations = [];
+ forEach(animationQueue, function(entry) {
+ // the element was destroyed early on which removed the runner
+ // form its storage. This means we can't animate this element
+ // at all and it already has been closed due to destruction.
+ if (getRunner(entry.element)) {
+ animations.push(entry);
+ } else {
+ entry.close();
+ }
+ });
+
+ // now any future animations will be in another postDigest
+ animationQueue.length = 0;
+
+ var groupedAnimations = groupAnimations(animations);
+ var toBeSortedAnimations = [];
+
+ forEach(groupedAnimations, function(animationEntry) {
+ toBeSortedAnimations.push({
+ domNode: getDomNode(animationEntry.from ? animationEntry.from.element : animationEntry.element),
+ fn: function triggerAnimationStart() {
+ // it's important that we apply the `ng-animate` CSS class and the
+ // temporary classes before we do any driver invoking since these
+ // CSS classes may be required for proper CSS detection.
+ animationEntry.beforeStart();
+
+ var startAnimationFn, closeFn = animationEntry.close;
+
+ // in the event that the element was removed before the digest runs or
+ // during the RAF sequencing then we should not trigger the animation.
+ var targetElement = animationEntry.anchors
+ ? (animationEntry.from.element || animationEntry.to.element)
+ : animationEntry.element;
+
+ if (getRunner(targetElement)) {
+ var operation = invokeFirstDriver(animationEntry);
+ if (operation) {
+ startAnimationFn = operation.start;
+ }
+ }
+
+ if (!startAnimationFn) {
+ closeFn();
+ } else {
+ var animationRunner = startAnimationFn();
+ animationRunner.done(function(status) {
+ closeFn(!status);
+ });
+ updateAnimationRunners(animationEntry, animationRunner);
+ }
+ }
+ });
+ });
+
+ // we need to sort each of the animations in order of parent to child
+ // relationships. This ensures that the child classes are applied at the
+ // right time.
+ $$rAFScheduler(sortAnimations(toBeSortedAnimations));
+ });
+
+ return runner;
+
+ // TODO(matsko): change to reference nodes
+ function getAnchorNodes(node) {
+ var SELECTOR = '[' + NG_ANIMATE_REF_ATTR + ']';
+ var items = node.hasAttribute(NG_ANIMATE_REF_ATTR)
+ ? [node]
+ : node.querySelectorAll(SELECTOR);
+ var anchors = [];
+ forEach(items, function(node) {
+ var attr = node.getAttribute(NG_ANIMATE_REF_ATTR);
+ if (attr && attr.length) {
+ anchors.push(node);
+ }
+ });
+ return anchors;
+ }
+
+ function groupAnimations(animations) {
+ var preparedAnimations = [];
+ var refLookup = {};
+ forEach(animations, function(animation, index) {
+ var element = animation.element;
+ var node = getDomNode(element);
+ var event = animation.event;
+ var enterOrMove = ['enter', 'move'].indexOf(event) >= 0;
+ var anchorNodes = animation.structural ? getAnchorNodes(node) : [];
+
+ if (anchorNodes.length) {
+ var direction = enterOrMove ? 'to' : 'from';
+
+ forEach(anchorNodes, function(anchor) {
+ var key = anchor.getAttribute(NG_ANIMATE_REF_ATTR);
+ refLookup[key] = refLookup[key] || {};
+ refLookup[key][direction] = {
+ animationID: index,
+ element: jqLite(anchor)
+ };
+ });
+ } else {
+ preparedAnimations.push(animation);
+ }
+ });
+
+ var usedIndicesLookup = {};
+ var anchorGroups = {};
+ forEach(refLookup, function(operations, key) {
+ var from = operations.from;
+ var to = operations.to;
+
+ if (!from || !to) {
+ // only one of these is set therefore we can't have an
+ // anchor animation since all three pieces are required
+ var index = from ? from.animationID : to.animationID;
+ var indexKey = index.toString();
+ if (!usedIndicesLookup[indexKey]) {
+ usedIndicesLookup[indexKey] = true;
+ preparedAnimations.push(animations[index]);
+ }
+ return;
+ }
+
+ var fromAnimation = animations[from.animationID];
+ var toAnimation = animations[to.animationID];
+ var lookupKey = from.animationID.toString();
+ if (!anchorGroups[lookupKey]) {
+ var group = anchorGroups[lookupKey] = {
+ structural: true,
+ beforeStart: function() {
+ fromAnimation.beforeStart();
+ toAnimation.beforeStart();
+ },
+ close: function() {
+ fromAnimation.close();
+ toAnimation.close();
+ },
+ classes: cssClassesIntersection(fromAnimation.classes, toAnimation.classes),
+ from: fromAnimation,
+ to: toAnimation,
+ anchors: [] // TODO(matsko): change to reference nodes
+ };
+
+ // the anchor animations require that the from and to elements both have at least
+ // one shared CSS class which effictively marries the two elements together to use
+ // the same animation driver and to properly sequence the anchor animation.
+ if (group.classes.length) {
+ preparedAnimations.push(group);
+ } else {
+ preparedAnimations.push(fromAnimation);
+ preparedAnimations.push(toAnimation);
+ }
+ }
+
+ anchorGroups[lookupKey].anchors.push({
+ 'out': from.element, 'in': to.element
+ });
+ });
+
+ return preparedAnimations;
+ }
+
+ function cssClassesIntersection(a,b) {
+ a = a.split(' ');
+ b = b.split(' ');
+ var matches = [];
+
+ for (var i = 0; i < a.length; i++) {
+ var aa = a[i];
+ if (aa.substring(0,3) === 'ng-') continue;
+
+ for (var j = 0; j < b.length; j++) {
+ if (aa === b[j]) {
+ matches.push(aa);
+ break;
+ }
+ }
+ }
+
+ return matches.join(' ');
+ }
+
+ function invokeFirstDriver(animationDetails) {
+ // we loop in reverse order since the more general drivers (like CSS and JS)
+ // may attempt more elements, but custom drivers are more particular
+ for (var i = drivers.length - 1; i >= 0; i--) {
+ var driverName = drivers[i];
+ if (!$injector.has(driverName)) continue; // TODO(matsko): remove this check
+
+ var factory = $injector.get(driverName);
+ var driver = factory(animationDetails);
+ if (driver) {
+ return driver;
+ }
+ }
+ }
+
+ function beforeStart() {
+ element.addClass(NG_ANIMATE_CLASSNAME);
+ if (tempClasses) {
+ $$jqLite.addClass(element, tempClasses);
+ }
+ }
+
+ function updateAnimationRunners(animation, newRunner) {
+ if (animation.from && animation.to) {
+ update(animation.from.element);
+ update(animation.to.element);
+ } else {
+ update(animation.element);
+ }
+
+ function update(element) {
+ getRunner(element).setHost(newRunner);
+ }
+ }
+
+ function handleDestroyedElement() {
+ var runner = getRunner(element);
+ if (runner && (event !== 'leave' || !options.$$domOperationFired)) {
+ runner.end();
+ }
+ }
+
+ function close(rejected) { // jshint ignore:line
+ element.off('$destroy', handleDestroyedElement);
+ removeRunner(element);
+
+ applyAnimationClasses(element, options);
+ applyAnimationStyles(element, options);
+ options.domOperation();
+
+ if (tempClasses) {
+ $$jqLite.removeClass(element, tempClasses);
+ }
+
+ element.removeClass(NG_ANIMATE_CLASSNAME);
+ runner.complete(!rejected);
+ }
+ };
+ }];
+}];
+
+/* global angularAnimateModule: true,
+
+ $$AnimateAsyncRunFactory,
+ $$rAFSchedulerFactory,
+ $$AnimateChildrenDirective,
+ $$AnimateRunnerFactory,
+ $$AnimateQueueProvider,
+ $$AnimationProvider,
+ $AnimateCssProvider,
+ $$AnimateCssDriverProvider,
+ $$AnimateJsProvider,
+ $$AnimateJsDriverProvider,
+*/
+
+/**
+ * @ngdoc module
+ * @name ngAnimate
+ * @description
+ *
+ * The `ngAnimate` module provides support for CSS-based animations (keyframes and transitions) as well as JavaScript-based animations via
+ * callback hooks. Animations are not enabled by default, however, by including `ngAnimate` the animation hooks are enabled for an Angular app.
+ *
+ * <div doc-module-components="ngAnimate"></div>
+ *
+ * # Usage
+ * Simply put, there are two ways to make use of animations when ngAnimate is used: by using **CSS** and **JavaScript**. The former works purely based
+ * using CSS (by using matching CSS selectors/styles) and the latter triggers animations that are registered via `module.animation()`. For
+ * both CSS and JS animations the sole requirement is to have a matching `CSS class` that exists both in the registered animation and within
+ * the HTML element that the animation will be triggered on.
+ *
+ * ## Directive Support
+ * The following directives are "animation aware":
+ *
+ * | Directive | Supported Animations |
+ * |----------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------|
+ * | {@link ng.directive:ngRepeat#animations ngRepeat} | enter, leave and move |
+ * | {@link ngRoute.directive:ngView#animations ngView} | enter and leave |
+ * | {@link ng.directive:ngInclude#animations ngInclude} | enter and leave |
+ * | {@link ng.directive:ngSwitch#animations ngSwitch} | enter and leave |
+ * | {@link ng.directive:ngIf#animations ngIf} | enter and leave |
+ * | {@link ng.directive:ngClass#animations ngClass} | add and remove (the CSS class(es) present) |
+ * | {@link ng.directive:ngShow#animations ngShow} & {@link ng.directive:ngHide#animations ngHide} | add and remove (the ng-hide class value) |
+ * | {@link ng.directive:form#animation-hooks form} & {@link ng.directive:ngModel#animation-hooks ngModel} | add and remove (dirty, pristine, valid, invalid & all other validations) |
+ * | {@link module:ngMessages#animations ngMessages} | add and remove (ng-active & ng-inactive) |
+ * | {@link module:ngMessages#animations ngMessage} | enter and leave |
+ *
+ * (More information can be found by visiting each the documentation associated with each directive.)
+ *
+ * ## CSS-based Animations
+ *
+ * CSS-based animations with ngAnimate are unique since they require no JavaScript code at all. By using a CSS class that we reference between our HTML
+ * and CSS code we can create an animation that will be picked up by Angular when an the underlying directive performs an operation.
+ *
+ * The example below shows how an `enter` animation can be made possible on an element using `ng-if`:
+ *
+ * ```html
+ * <div ng-if="bool" class="fade">
+ * Fade me in out
+ * </div>
+ * <button ng-click="bool=true">Fade In!</button>
+ * <button ng-click="bool=false">Fade Out!</button>
+ * ```
+ *
+ * Notice the CSS class **fade**? We can now create the CSS transition code that references this class:
+ *
+ * ```css
+ * /* The starting CSS styles for the enter animation */
+ * .fade.ng-enter {
+ * transition:0.5s linear all;
+ * opacity:0;
+ * }
+ *
+ * /* The finishing CSS styles for the enter animation */
+ * .fade.ng-enter.ng-enter-active {
+ * opacity:1;
+ * }
+ * ```
+ *
+ * The key thing to remember here is that, depending on the animation event (which each of the directives above trigger depending on what's going on) two
+ * generated CSS classes will be applied to the element; in the example above we have `.ng-enter` and `.ng-enter-active`. For CSS transitions, the transition
+ * code **must** be defined within the starting CSS class (in this case `.ng-enter`). The destination class is what the transition will animate towards.
+ *
+ * If for example we wanted to create animations for `leave` and `move` (ngRepeat triggers move) then we can do so using the same CSS naming conventions:
+ *
+ * ```css
+ * /* now the element will fade out before it is removed from the DOM */
+ * .fade.ng-leave {
+ * transition:0.5s linear all;
+ * opacity:1;
+ * }
+ * .fade.ng-leave.ng-leave-active {
+ * opacity:0;
+ * }
+ * ```
+ *
+ * We can also make use of **CSS Keyframes** by referencing the keyframe animation within the starting CSS class:
+ *
+ * ```css
+ * /* there is no need to define anything inside of the destination
+ * CSS class since the keyframe will take charge of the animation */
+ * .fade.ng-leave {
+ * animation: my_fade_animation 0.5s linear;
+ * -webkit-animation: my_fade_animation 0.5s linear;
+ * }
+ *
+ * @keyframes my_fade_animation {
+ * from { opacity:1; }
+ * to { opacity:0; }
+ * }
+ *
+ * @-webkit-keyframes my_fade_animation {
+ * from { opacity:1; }
+ * to { opacity:0; }
+ * }
+ * ```
+ *
+ * Feel free also mix transitions and keyframes together as well as any other CSS classes on the same element.
+ *
+ * ### CSS Class-based Animations
+ *
+ * Class-based animations (animations that are triggered via `ngClass`, `ngShow`, `ngHide` and some other directives) have a slightly different
+ * naming convention. Class-based animations are basic enough that a standard transition or keyframe can be referenced on the class being added
+ * and removed.
+ *
+ * For example if we wanted to do a CSS animation for `ngHide` then we place an animation on the `.ng-hide` CSS class:
+ *
+ * ```html
+ * <div ng-show="bool" class="fade">
+ * Show and hide me
+ * </div>
+ * <button ng-click="bool=true">Toggle</button>
+ *
+ * <style>
+ * .fade.ng-hide {
+ * transition:0.5s linear all;
+ * opacity:0;
+ * }
+ * </style>
+ * ```
+ *
+ * All that is going on here with ngShow/ngHide behind the scenes is the `.ng-hide` class is added/removed (when the hidden state is valid). Since
+ * ngShow and ngHide are animation aware then we can match up a transition and ngAnimate handles the rest.
+ *
+ * In addition the addition and removal of the CSS class, ngAnimate also provides two helper methods that we can use to further decorate the animation
+ * with CSS styles.
+ *
+ * ```html
+ * <div ng-class="{on:onOff}" class="highlight">
+ * Highlight this box
+ * </div>
+ * <button ng-click="onOff=!onOff">Toggle</button>
+ *
+ * <style>
+ * .highlight {
+ * transition:0.5s linear all;
+ * }
+ * .highlight.on-add {
+ * background:white;
+ * }
+ * .highlight.on {
+ * background:yellow;
+ * }
+ * .highlight.on-remove {
+ * background:black;
+ * }
+ * </style>
+ * ```
+ *
+ * We can also make use of CSS keyframes by placing them within the CSS classes.
+ *
+ *
+ * ### CSS Staggering Animations
+ * A Staggering animation is a collection of animations that are issued with a slight delay in between each successive operation resulting in a
+ * curtain-like effect. The ngAnimate module (versions >=1.2) supports staggering animations and the stagger effect can be
+ * performed by creating a **ng-EVENT-stagger** CSS class and attaching that class to the base CSS class used for
+ * the animation. The style property expected within the stagger class can either be a **transition-delay** or an
+ * **animation-delay** property (or both if your animation contains both transitions and keyframe animations).
+ *
+ * ```css
+ * .my-animation.ng-enter {
+ * /* standard transition code */
+ * transition: 1s linear all;
+ * opacity:0;
+ * }
+ * .my-animation.ng-enter-stagger {
+ * /* this will have a 100ms delay between each successive leave animation */
+ * transition-delay: 0.1s;
+ *
+ * /* As of 1.4.4, this must always be set: it signals ngAnimate
+ * to not accidentally inherit a delay property from another CSS class */
+ * transition-duration: 0s;
+ * }
+ * .my-animation.ng-enter.ng-enter-active {
+ * /* standard transition styles */
+ * opacity:1;
+ * }
+ * ```
+ *
+ * Staggering animations work by default in ngRepeat (so long as the CSS class is defined). Outside of ngRepeat, to use staggering animations
+ * on your own, they can be triggered by firing multiple calls to the same event on $animate. However, the restrictions surrounding this
+ * are that each of the elements must have the same CSS className value as well as the same parent element. A stagger operation
+ * will also be reset if one or more animation frames have passed since the multiple calls to `$animate` were fired.
+ *
+ * The following code will issue the **ng-leave-stagger** event on the element provided:
+ *
+ * ```js
+ * var kids = parent.children();
+ *
+ * $animate.leave(kids[0]); //stagger index=0
+ * $animate.leave(kids[1]); //stagger index=1
+ * $animate.leave(kids[2]); //stagger index=2
+ * $animate.leave(kids[3]); //stagger index=3
+ * $animate.leave(kids[4]); //stagger index=4
+ *
+ * window.requestAnimationFrame(function() {
+ * //stagger has reset itself
+ * $animate.leave(kids[5]); //stagger index=0
+ * $animate.leave(kids[6]); //stagger index=1
+ *
+ * $scope.$digest();
+ * });
+ * ```
+ *
+ * Stagger animations are currently only supported within CSS-defined animations.
+ *
+ * ### The `ng-animate` CSS class
+ *
+ * When ngAnimate is animating an element it will apply the `ng-animate` CSS class to the element for the duration of the animation.
+ * This is a temporary CSS class and it will be removed once the animation is over (for both JavaScript and CSS-based animations).
+ *
+ * Therefore, animations can be applied to an element using this temporary class directly via CSS.
+ *
+ * ```css
+ * .zipper.ng-animate {
+ * transition:0.5s linear all;
+ * }
+ * .zipper.ng-enter {
+ * opacity:0;
+ * }
+ * .zipper.ng-enter.ng-enter-active {
+ * opacity:1;
+ * }
+ * .zipper.ng-leave {
+ * opacity:1;
+ * }
+ * .zipper.ng-leave.ng-leave-active {
+ * opacity:0;
+ * }
+ * ```
+ *
+ * (Note that the `ng-animate` CSS class is reserved and it cannot be applied on an element directly since ngAnimate will always remove
+ * the CSS class once an animation has completed.)
+ *
+ *
+ * ## JavaScript-based Animations
+ *
+ * ngAnimate also allows for animations to be consumed by JavaScript code. The approach is similar to CSS-based animations (where there is a shared
+ * CSS class that is referenced in our HTML code) but in addition we need to register the JavaScript animation on the module. By making use of the
+ * `module.animation()` module function we can register the ainmation.
+ *
+ * Let's see an example of a enter/leave animation using `ngRepeat`:
+ *
+ * ```html
+ * <div ng-repeat="item in items" class="slide">
+ * {{ item }}
+ * </div>
+ * ```
+ *
+ * See the **slide** CSS class? Let's use that class to define an animation that we'll structure in our module code by using `module.animation`:
+ *
+ * ```js
+ * myModule.animation('.slide', [function() {
+ * return {
+ * // make note that other events (like addClass/removeClass)
+ * // have different function input parameters
+ * enter: function(element, doneFn) {
+ * jQuery(element).fadeIn(1000, doneFn);
+ *
+ * // remember to call doneFn so that angular
+ * // knows that the animation has concluded
+ * },
+ *
+ * move: function(element, doneFn) {
+ * jQuery(element).fadeIn(1000, doneFn);
+ * },
+ *
+ * leave: function(element, doneFn) {
+ * jQuery(element).fadeOut(1000, doneFn);
+ * }
+ * }
+ * }]
+ * ```
+ *
+ * The nice thing about JS-based animations is that we can inject other services and make use of advanced animation libraries such as
+ * greensock.js and velocity.js.
+ *
+ * If our animation code class-based (meaning that something like `ngClass`, `ngHide` and `ngShow` triggers it) then we can still define
+ * our animations inside of the same registered animation, however, the function input arguments are a bit different:
+ *
+ * ```html
+ * <div ng-class="color" class="colorful">
+ * this box is moody
+ * </div>
+ * <button ng-click="color='red'">Change to red</button>
+ * <button ng-click="color='blue'">Change to blue</button>
+ * <button ng-click="color='green'">Change to green</button>
+ * ```
+ *
+ * ```js
+ * myModule.animation('.colorful', [function() {
+ * return {
+ * addClass: function(element, className, doneFn) {
+ * // do some cool animation and call the doneFn
+ * },
+ * removeClass: function(element, className, doneFn) {
+ * // do some cool animation and call the doneFn
+ * },
+ * setClass: function(element, addedClass, removedClass, doneFn) {
+ * // do some cool animation and call the doneFn
+ * }
+ * }
+ * }]
+ * ```
+ *
+ * ## CSS + JS Animations Together
+ *
+ * AngularJS 1.4 and higher has taken steps to make the amalgamation of CSS and JS animations more flexible. However, unlike earlier versions of Angular,
+ * defining CSS and JS animations to work off of the same CSS class will not work anymore. Therefore the example below will only result in **JS animations taking
+ * charge of the animation**:
+ *
+ * ```html
+ * <div ng-if="bool" class="slide">
+ * Slide in and out
+ * </div>
+ * ```
+ *
+ * ```js
+ * myModule.animation('.slide', [function() {
+ * return {
+ * enter: function(element, doneFn) {
+ * jQuery(element).slideIn(1000, doneFn);
+ * }
+ * }
+ * }]
+ * ```
+ *
+ * ```css
+ * .slide.ng-enter {
+ * transition:0.5s linear all;
+ * transform:translateY(-100px);
+ * }
+ * .slide.ng-enter.ng-enter-active {
+ * transform:translateY(0);
+ * }
+ * ```
+ *
+ * Does this mean that CSS and JS animations cannot be used together? Do JS-based animations always have higher priority? We can make up for the
+ * lack of CSS animations by using the `$animateCss` service to trigger our own tweaked-out, CSS-based animations directly from
+ * our own JS-based animation code:
+ *
+ * ```js
+ * myModule.animation('.slide', ['$animateCss', function($animateCss) {
+ * return {
+ * enter: function(element, doneFn) {
+* // this will trigger `.slide.ng-enter` and `.slide.ng-enter-active`.
+ * var runner = $animateCss(element, {
+ * event: 'enter',
+ * structural: true
+ * }).start();
+* runner.done(doneFn);
+ * }
+ * }
+ * }]
+ * ```
+ *
+ * The nice thing here is that we can save bandwidth by sticking to our CSS-based animation code and we don't need to rely on a 3rd-party animation framework.
+ *
+ * The `$animateCss` service is very powerful since we can feed in all kinds of extra properties that will be evaluated and fed into a CSS transition or
+ * keyframe animation. For example if we wanted to animate the height of an element while adding and removing classes then we can do so by providing that
+ * data into `$animateCss` directly:
+ *
+ * ```js
+ * myModule.animation('.slide', ['$animateCss', function($animateCss) {
+ * return {
+ * enter: function(element, doneFn) {
+ * var runner = $animateCss(element, {
+ * event: 'enter',
+ * structural: true,
+ * addClass: 'maroon-setting',
+ * from: { height:0 },
+ * to: { height: 200 }
+ * }).start();
+ *
+ * runner.done(doneFn);
+ * }
+ * }
+ * }]
+ * ```
+ *
+ * Now we can fill in the rest via our transition CSS code:
+ *
+ * ```css
+ * /* the transition tells ngAnimate to make the animation happen */
+ * .slide.ng-enter { transition:0.5s linear all; }
+ *
+ * /* this extra CSS class will be absorbed into the transition
+ * since the $animateCss code is adding the class */
+ * .maroon-setting { background:red; }
+ * ```
+ *
+ * And `$animateCss` will figure out the rest. Just make sure to have the `done()` callback fire the `doneFn` function to signal when the animation is over.
+ *
+ * To learn more about what's possible be sure to visit the {@link ngAnimate.$animateCss $animateCss service}.
+ *
+ * ## Animation Anchoring (via `ng-animate-ref`)
+ *
+ * ngAnimate in AngularJS 1.4 comes packed with the ability to cross-animate elements between
+ * structural areas of an application (like views) by pairing up elements using an attribute
+ * called `ng-animate-ref`.
+ *
+ * Let's say for example we have two views that are managed by `ng-view` and we want to show
+ * that there is a relationship between two components situated in within these views. By using the
+ * `ng-animate-ref` attribute we can identify that the two components are paired together and we
+ * can then attach an animation, which is triggered when the view changes.
+ *
+ * Say for example we have the following template code:
+ *
+ * ```html
+ * <!-- index.html -->
+ * <div ng-view class="view-animation">
+ * </div>
+ *
+ * <!-- home.html -->
+ * <a href="#/banner-page">
+ * <img src="./banner.jpg" class="banner" ng-animate-ref="banner">
+ * </a>
+ *
+ * <!-- banner-page.html -->
+ * <img src="./banner.jpg" class="banner" ng-animate-ref="banner">
+ * ```
+ *
+ * Now, when the view changes (once the link is clicked), ngAnimate will examine the
+ * HTML contents to see if there is a match reference between any components in the view
+ * that is leaving and the view that is entering. It will scan both the view which is being
+ * removed (leave) and inserted (enter) to see if there are any paired DOM elements that
+ * contain a matching ref value.
+ *
+ * The two images match since they share the same ref value. ngAnimate will now create a
+ * transport element (which is a clone of the first image element) and it will then attempt
+ * to animate to the position of the second image element in the next view. For the animation to
+ * work a special CSS class called `ng-anchor` will be added to the transported element.
+ *
+ * We can now attach a transition onto the `.banner.ng-anchor` CSS class and then
+ * ngAnimate will handle the entire transition for us as well as the addition and removal of
+ * any changes of CSS classes between the elements:
+ *
+ * ```css
+ * .banner.ng-anchor {
+ * /* this animation will last for 1 second since there are
+ * two phases to the animation (an `in` and an `out` phase) */
+ * transition:0.5s linear all;
+ * }
+ * ```
+ *
+ * We also **must** include animations for the views that are being entered and removed
+ * (otherwise anchoring wouldn't be possible since the new view would be inserted right away).
+ *
+ * ```css
+ * .view-animation.ng-enter, .view-animation.ng-leave {
+ * transition:0.5s linear all;
+ * position:fixed;
+ * left:0;
+ * top:0;
+ * width:100%;
+ * }
+ * .view-animation.ng-enter {
+ * transform:translateX(100%);
+ * }
+ * .view-animation.ng-leave,
+ * .view-animation.ng-enter.ng-enter-active {
+ * transform:translateX(0%);
+ * }
+ * .view-animation.ng-leave.ng-leave-active {
+ * transform:translateX(-100%);
+ * }
+ * ```
+ *
+ * Now we can jump back to the anchor animation. When the animation happens, there are two stages that occur:
+ * an `out` and an `in` stage. The `out` stage happens first and that is when the element is animated away
+ * from its origin. Once that animation is over then the `in` stage occurs which animates the
+ * element to its destination. The reason why there are two animations is to give enough time
+ * for the enter animation on the new element to be ready.
+ *
+ * The example above sets up a transition for both the in and out phases, but we can also target the out or
+ * in phases directly via `ng-anchor-out` and `ng-anchor-in`.
+ *
+ * ```css
+ * .banner.ng-anchor-out {
+ * transition: 0.5s linear all;
+ *
+ * /* the scale will be applied during the out animation,
+ * but will be animated away when the in animation runs */
+ * transform: scale(1.2);
+ * }
+ *
+ * .banner.ng-anchor-in {
+ * transition: 1s linear all;
+ * }
+ * ```
+ *
+ *
+ *
+ *
+ * ### Anchoring Demo
+ *
+ <example module="anchoringExample"
+ name="anchoringExample"
+ id="anchoringExample"
+ deps="angular-animate.js;angular-route.js"
+ animations="true">
+ <file name="index.html">
+ <a href="#/">Home</a>
+ <hr />
+ <div class="view-container">
+ <div ng-view class="view"></div>
+ </div>
+ </file>
+ <file name="script.js">
+ angular.module('anchoringExample', ['ngAnimate', 'ngRoute'])
+ .config(['$routeProvider', function($routeProvider) {
+ $routeProvider.when('/', {
+ templateUrl: 'home.html',
+ controller: 'HomeController as home'
+ });
+ $routeProvider.when('/profile/:id', {
+ templateUrl: 'profile.html',
+ controller: 'ProfileController as profile'
+ });
+ }])
+ .run(['$rootScope', function($rootScope) {
+ $rootScope.records = [
+ { id:1, title: "Miss Beulah Roob" },
+ { id:2, title: "Trent Morissette" },
+ { id:3, title: "Miss Ava Pouros" },
+ { id:4, title: "Rod Pouros" },
+ { id:5, title: "Abdul Rice" },
+ { id:6, title: "Laurie Rutherford Sr." },
+ { id:7, title: "Nakia McLaughlin" },
+ { id:8, title: "Jordon Blanda DVM" },
+ { id:9, title: "Rhoda Hand" },
+ { id:10, title: "Alexandrea Sauer" }
+ ];
+ }])
+ .controller('HomeController', [function() {
+ //empty
+ }])
+ .controller('ProfileController', ['$rootScope', '$routeParams', function($rootScope, $routeParams) {
+ var index = parseInt($routeParams.id, 10);
+ var record = $rootScope.records[index - 1];
+
+ this.title = record.title;
+ this.id = record.id;
+ }]);
+ </file>
+ <file name="home.html">
+ <h2>Welcome to the home page</h1>
+ <p>Please click on an element</p>
+ <a class="record"
+ ng-href="#/profile/{{ record.id }}"
+ ng-animate-ref="{{ record.id }}"
+ ng-repeat="record in records">
+ {{ record.title }}
+ </a>
+ </file>
+ <file name="profile.html">
+ <div class="profile record" ng-animate-ref="{{ profile.id }}">
+ {{ profile.title }}
+ </div>
+ </file>
+ <file name="animations.css">
+ .record {
+ display:block;
+ font-size:20px;
+ }
+ .profile {
+ background:black;
+ color:white;
+ font-size:100px;
+ }
+ .view-container {
+ position:relative;
+ }
+ .view-container > .view.ng-animate {
+ position:absolute;
+ top:0;
+ left:0;
+ width:100%;
+ min-height:500px;
+ }
+ .view.ng-enter, .view.ng-leave,
+ .record.ng-anchor {
+ transition:0.5s linear all;
+ }
+ .view.ng-enter {
+ transform:translateX(100%);
+ }
+ .view.ng-enter.ng-enter-active, .view.ng-leave {
+ transform:translateX(0%);
+ }
+ .view.ng-leave.ng-leave-active {
+ transform:translateX(-100%);
+ }
+ .record.ng-anchor-out {
+ background:red;
+ }
+ </file>
+ </example>
+ *
+ * ### How is the element transported?
+ *
+ * When an anchor animation occurs, ngAnimate will clone the starting element and position it exactly where the starting
+ * element is located on screen via absolute positioning. The cloned element will be placed inside of the root element
+ * of the application (where ng-app was defined) and all of the CSS classes of the starting element will be applied. The
+ * element will then animate into the `out` and `in` animations and will eventually reach the coordinates and match
+ * the dimensions of the destination element. During the entire animation a CSS class of `.ng-animate-shim` will be applied
+ * to both the starting and destination elements in order to hide them from being visible (the CSS styling for the class
+ * is: `visibility:hidden`). Once the anchor reaches its destination then it will be removed and the destination element
+ * will become visible since the shim class will be removed.
+ *
+ * ### How is the morphing handled?
+ *
+ * CSS Anchoring relies on transitions and keyframes and the internal code is intelligent enough to figure out
+ * what CSS classes differ between the starting element and the destination element. These different CSS classes
+ * will be added/removed on the anchor element and a transition will be applied (the transition that is provided
+ * in the anchor class). Long story short, ngAnimate will figure out what classes to add and remove which will
+ * make the transition of the element as smooth and automatic as possible. Be sure to use simple CSS classes that
+ * do not rely on DOM nesting structure so that the anchor element appears the same as the starting element (since
+ * the cloned element is placed inside of root element which is likely close to the body element).
+ *
+ * Note that if the root element is on the `<html>` element then the cloned node will be placed inside of body.
+ *
+ *
+ * ## Using $animate in your directive code
+ *
+ * So far we've explored how to feed in animations into an Angular application, but how do we trigger animations within our own directives in our application?
+ * By injecting the `$animate` service into our directive code, we can trigger structural and class-based hooks which can then be consumed by animations. Let's
+ * imagine we have a greeting box that shows and hides itself when the data changes
+ *
+ * ```html
+ * <greeting-box active="onOrOff">Hi there</greeting-box>
+ * ```
+ *
+ * ```js
+ * ngModule.directive('greetingBox', ['$animate', function($animate) {
+ * return function(scope, element, attrs) {
+ * attrs.$observe('active', function(value) {
+ * value ? $animate.addClass(element, 'on') : $animate.removeClass(element, 'on');
+ * });
+ * });
+ * }]);
+ * ```
+ *
+ * Now the `on` CSS class is added and removed on the greeting box component. Now if we add a CSS class on top of the greeting box element
+ * in our HTML code then we can trigger a CSS or JS animation to happen.
+ *
+ * ```css
+ * /* normally we would create a CSS class to reference on the element */
+ * greeting-box.on { transition:0.5s linear all; background:green; color:white; }
+ * ```
+ *
+ * The `$animate` service contains a variety of other methods like `enter`, `leave`, `animate` and `setClass`. To learn more about what's
+ * possible be sure to visit the {@link ng.$animate $animate service API page}.
+ *
+ *
+ * ### Preventing Collisions With Third Party Libraries
+ *
+ * Some third-party frameworks place animation duration defaults across many element or className
+ * selectors in order to make their code small and reuseable. This can lead to issues with ngAnimate, which
+ * is expecting actual animations on these elements and has to wait for their completion.
+ *
+ * You can prevent this unwanted behavior by using a prefix on all your animation classes:
+ *
+ * ```css
+ * /* prefixed with animate- */
+ * .animate-fade-add.animate-fade-add-active {
+ * transition:1s linear all;
+ * opacity:0;
+ * }
+ * ```
+ *
+ * You then configure `$animate` to enforce this prefix:
+ *
+ * ```js
+ * $animateProvider.classNameFilter(/animate-/);
+ * ```
+ *
+ * This also may provide your application with a speed boost since only specific elements containing CSS class prefix
+ * will be evaluated for animation when any DOM changes occur in the application.
+ *
+ * ## Callbacks and Promises
+ *
+ * When `$animate` is called it returns a promise that can be used to capture when the animation has ended. Therefore if we were to trigger
+ * an animation (within our directive code) then we can continue performing directive and scope related activities after the animation has
+ * ended by chaining onto the returned promise that animation method returns.
+ *
+ * ```js
+ * // somewhere within the depths of the directive
+ * $animate.enter(element, parent).then(function() {
+ * //the animation has completed
+ * });
+ * ```
+ *
+ * (Note that earlier versions of Angular prior to v1.4 required the promise code to be wrapped using `$scope.$apply(...)`. This is not the case
+ * anymore.)
+ *
+ * In addition to the animation promise, we can also make use of animation-related callbacks within our directives and controller code by registering
+ * an event listener using the `$animate` service. Let's say for example that an animation was triggered on our view
+ * routing controller to hook into that:
+ *
+ * ```js
+ * ngModule.controller('HomePageController', ['$animate', function($animate) {
+ * $animate.on('enter', ngViewElement, function(element) {
+ * // the animation for this route has completed
+ * }]);
+ * }])
+ * ```
+ *
+ * (Note that you will need to trigger a digest within the callback to get angular to notice any scope-related changes.)
+ */
+
+/**
+ * @ngdoc service
+ * @name $animate
+ * @kind object
+ *
+ * @description
+ * The ngAnimate `$animate` service documentation is the same for the core `$animate` service.
+ *
+ * Click here {@link ng.$animate to learn more about animations with `$animate`}.
+ */
+angular.module('ngAnimate', [])
+ .directive('ngAnimateChildren', $$AnimateChildrenDirective)
+ .factory('$$rAFScheduler', $$rAFSchedulerFactory)
+
+ .factory('$$AnimateRunner', $$AnimateRunnerFactory)
+ .factory('$$animateAsyncRun', $$AnimateAsyncRunFactory)
+
+ .provider('$$animateQueue', $$AnimateQueueProvider)
+ .provider('$$animation', $$AnimationProvider)
+
+ .provider('$animateCss', $AnimateCssProvider)
+ .provider('$$animateCssDriver', $$AnimateCssDriverProvider)
+
+ .provider('$$animateJs', $$AnimateJsProvider)
+ .provider('$$animateJsDriver', $$AnimateJsDriverProvider);
+
+
+})(window, window.angular);
+
+angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse'])
+
+.constant('uibAccordionConfig', {
+ closeOthers: true
+})
+
+.controller('UibAccordionController', ['$scope', '$attrs', 'uibAccordionConfig', function($scope, $attrs, accordionConfig) {
+ // This array keeps track of the accordion groups
+ this.groups = [];
+
+ // Ensure that all the groups in this accordion are closed, unless close-others explicitly says not to
+ this.closeOthers = function(openGroup) {
+ var closeOthers = angular.isDefined($attrs.closeOthers) ?
+ $scope.$eval($attrs.closeOthers) : accordionConfig.closeOthers;
+ if (closeOthers) {
+ angular.forEach(this.groups, function(group) {
+ if (group !== openGroup) {
+ group.isOpen = false;
+ }
+ });
+ }
+ };
+
+ // This is called from the accordion-group directive to add itself to the accordion
+ this.addGroup = function(groupScope) {
+ var that = this;
+ this.groups.push(groupScope);
+
+ groupScope.$on('$destroy', function(event) {
+ that.removeGroup(groupScope);
+ });
+ };
+
+ // This is called from the accordion-group directive when to remove itself
+ this.removeGroup = function(group) {
+ var index = this.groups.indexOf(group);
+ if (index !== -1) {
+ this.groups.splice(index, 1);
+ }
+ };
+
+}])
+
+// The accordion directive simply sets up the directive controller
+// and adds an accordion CSS class to itself element.
+.directive('uibAccordion', function() {
+ return {
+ controller: 'UibAccordionController',
+ controllerAs: 'accordion',
+ transclude: true,
+ templateUrl: function(element, attrs) {
+ return attrs.templateUrl || 'template/accordion/accordion.html';
+ }
+ };
+})
+
+// The accordion-group directive indicates a block of html that will expand and collapse in an accordion
+.directive('uibAccordionGroup', function() {
+ return {
+ require: '^uibAccordion', // We need this directive to be inside an accordion
+ transclude: true, // It transcludes the contents of the directive into the template
+ replace: true, // The element containing the directive will be replaced with the template
+ templateUrl: function(element, attrs) {
+ return attrs.templateUrl || 'template/accordion/accordion-group.html';
+ },
+ scope: {
+ heading: '@', // Interpolate the heading attribute onto this scope
+ isOpen: '=?',
+ isDisabled: '=?'
+ },
+ controller: function() {
+ this.setHeading = function(element) {
+ this.heading = element;
+ };
+ },
+ link: function(scope, element, attrs, accordionCtrl) {
+ accordionCtrl.addGroup(scope);
+
+ scope.openClass = attrs.openClass || 'panel-open';
+ scope.panelClass = attrs.panelClass;
+ scope.$watch('isOpen', function(value) {
+ element.toggleClass(scope.openClass, !!value);
+ if (value) {
+ accordionCtrl.closeOthers(scope);
+ }
+ });
+
+ scope.toggleOpen = function($event) {
+ if (!scope.isDisabled) {
+ if (!$event || $event.which === 32) {
+ scope.isOpen = !scope.isOpen;
+ }
+ }
+ };
+ }
+ };
+})
+
+// Use accordion-heading below an accordion-group to provide a heading containing HTML
+.directive('uibAccordionHeading', function() {
+ return {
+ transclude: true, // Grab the contents to be used as the heading
+ template: '', // In effect remove this element!
+ replace: true,
+ require: '^uibAccordionGroup',
+ link: function(scope, element, attrs, accordionGroupCtrl, transclude) {
+ // Pass the heading to the accordion-group controller
+ // so that it can be transcluded into the right place in the template
+ // [The second parameter to transclude causes the elements to be cloned so that they work in ng-repeat]
+ accordionGroupCtrl.setHeading(transclude(scope, angular.noop));
+ }
+ };
+})
+
+// Use in the accordion-group template to indicate where you want the heading to be transcluded
+// You must provide the property on the accordion-group controller that will hold the transcluded element
+.directive('uibAccordionTransclude', function() {
+ return {
+ require: ['?^uibAccordionGroup', '?^accordionGroup'],
+ link: function(scope, element, attrs, controller) {
+ controller = controller[0] ? controller[0] : controller[1]; // Delete after we remove deprecation
+ scope.$watch(function() { return controller[attrs.uibAccordionTransclude]; }, function(heading) {
+ if (heading) {
+ element.find('span').html('');
+ element.find('span').append(heading);
+ }
+ });
+ }
+ };
+});
+
+/* Deprecated accordion below */
+
+angular.module('ui.bootstrap.accordion')
+
+ .value('$accordionSuppressWarning', false)
+
+ .controller('AccordionController', ['$scope', '$attrs', '$controller', '$log', '$accordionSuppressWarning', function($scope, $attrs, $controller, $log, $accordionSuppressWarning) {
+ if (!$accordionSuppressWarning) {
+ $log.warn('AccordionController is now deprecated. Use UibAccordionController instead.');
+ }
+
+ angular.extend(this, $controller('UibAccordionController', {
+ $scope: $scope,
+ $attrs: $attrs
+ }));
+ }])
+
+ .directive('accordion', ['$log', '$accordionSuppressWarning', function($log, $accordionSuppressWarning) {
+ return {
+ restrict: 'EA',
+ controller: 'AccordionController',
+ controllerAs: 'accordion',
+ transclude: true,
+ replace: false,
+ templateUrl: function(element, attrs) {
+ return attrs.templateUrl || 'template/accordion/accordion.html';
+ },
+ link: function() {
+ if (!$accordionSuppressWarning) {
+ $log.warn('accordion is now deprecated. Use uib-accordion instead.');
+ }
+ }
+ };
+ }])
+
+ .directive('accordionGroup', ['$log', '$accordionSuppressWarning', function($log, $accordionSuppressWarning) {
+ return {
+ require: '^accordion', // We need this directive to be inside an accordion
+ restrict: 'EA',
+ transclude: true, // It transcludes the contents of the directive into the template
+ replace: true, // The element containing the directive will be replaced with the template
+ templateUrl: function(element, attrs) {
+ return attrs.templateUrl || 'template/accordion/accordion-group.html';
+ },
+ scope: {
+ heading: '@', // Interpolate the heading attribute onto this scope
+ isOpen: '=?',
+ isDisabled: '=?'
+ },
+ controller: function() {
+ this.setHeading = function(element) {
+ this.heading = element;
+ };
+ },
+ link: function(scope, element, attrs, accordionCtrl) {
+ if (!$accordionSuppressWarning) {
+ $log.warn('accordion-group is now deprecated. Use uib-accordion-group instead.');
+ }
+
+ accordionCtrl.addGroup(scope);
+
+ scope.openClass = attrs.openClass || 'panel-open';
+ scope.panelClass = attrs.panelClass;
+ scope.$watch('isOpen', function(value) {
+ element.toggleClass(scope.openClass, !!value);
+ if (value) {
+ accordionCtrl.closeOthers(scope);
+ }
+ });
+
+ scope.toggleOpen = function($event) {
+ if (!scope.isDisabled) {
+ if (!$event || $event.which === 32) {
+ scope.isOpen = !scope.isOpen;
+ }
+ }
+ };
+ }
+ };
+ }])
+
+ .directive('accordionHeading', ['$log', '$accordionSuppressWarning', function($log, $accordionSuppressWarning) {
+ return {
+ restrict: 'EA',
+ transclude: true, // Grab the contents to be used as the heading
+ template: '', // In effect remove this element!
+ replace: true,
+ require: '^accordionGroup',
+ link: function(scope, element, attr, accordionGroupCtrl, transclude) {
+ if (!$accordionSuppressWarning) {
+ $log.warn('accordion-heading is now deprecated. Use uib-accordion-heading instead.');
+ }
+ // Pass the heading to the accordion-group controller
+ // so that it can be transcluded into the right place in the template
+ // [The second parameter to transclude causes the elements to be cloned so that they work in ng-repeat]
+ accordionGroupCtrl.setHeading(transclude(scope, angular.noop));
+ }
+ };
+ }])
+
+ .directive('accordionTransclude', ['$log', '$accordionSuppressWarning', function($log, $accordionSuppressWarning) {
+ return {
+ require: '^accordionGroup',
+ link: function(scope, element, attr, controller) {
+ if (!$accordionSuppressWarning) {
+ $log.warn('accordion-transclude is now deprecated. Use uib-accordion-transclude instead.');
+ }
+
+ scope.$watch(function() { return controller[attr.accordionTransclude]; }, function(heading) {
+ if (heading) {
+ element.find('span').html('');
+ element.find('span').append(heading);
+ }
+ });
+ }
+ };
+ }]);
+
+
+angular.module('ui.bootstrap.collapse', [])
+
+ .directive('uibCollapse', ['$animate', '$injector', function($animate, $injector) {
+ var $animateCss = $injector.has('$animateCss') ? $injector.get('$animateCss') : null;
+ return {
+ link: function(scope, element, attrs) {
+ function expand() {
+ element.removeClass('collapse')
+ .addClass('collapsing')
+ .attr('aria-expanded', true)
+ .attr('aria-hidden', false);
+
+ if ($animateCss) {
+ $animateCss(element, {
+ addClass: 'in',
+ easing: 'ease',
+ to: { height: element[0].scrollHeight + 'px' }
+ }).start().finally(expandDone);
+ } else {
+ $animate.addClass(element, 'in', {
+ to: { height: element[0].scrollHeight + 'px' }
+ }).then(expandDone);
+ }
+ }
+
+ function expandDone() {
+ element.removeClass('collapsing')
+ .addClass('collapse')
+ .css({height: 'auto'});
+ }
+
+ function collapse() {
+ if (!element.hasClass('collapse') && !element.hasClass('in')) {
+ return collapseDone();
+ }
+
+ element
+ // IMPORTANT: The height must be set before adding "collapsing" class.
+ // Otherwise, the browser attempts to animate from height 0 (in
+ // collapsing class) to the given height here.
+ .css({height: element[0].scrollHeight + 'px'})
+ // initially all panel collapse have the collapse class, this removal
+ // prevents the animation from jumping to collapsed state
+ .removeClass('collapse')
+ .addClass('collapsing')
+ .attr('aria-expanded', false)
+ .attr('aria-hidden', true);
+
+ if ($animateCss) {
+ $animateCss(element, {
+ removeClass: 'in',
+ to: {height: '0'}
+ }).start().finally(collapseDone);
+ } else {
+ $animate.removeClass(element, 'in', {
+ to: {height: '0'}
+ }).then(collapseDone);
+ }
+ }
+
+ function collapseDone() {
+ element.css({height: '0'}); // Required so that collapse works when animation is disabled
+ element.removeClass('collapsing')
+ .addClass('collapse');
+ }
+
+ scope.$watch(attrs.uibCollapse, function(shouldCollapse) {
+ if (shouldCollapse) {
+ collapse();
+ } else {
+ expand();
+ }
+ });
+ }
+ };
+ }]);
+
+/* Deprecated collapse below */
+
+angular.module('ui.bootstrap.collapse')
+
+ .value('$collapseSuppressWarning', false)
+
+ .directive('collapse', ['$animate', '$injector', '$log', '$collapseSuppressWarning', function($animate, $injector, $log, $collapseSuppressWarning) {
+ var $animateCss = $injector.has('$animateCss') ? $injector.get('$animateCss') : null;
+ return {
+ link: function(scope, element, attrs) {
+ if (!$collapseSuppressWarning) {
+ $log.warn('collapse is now deprecated. Use uib-collapse instead.');
+ }
+
+ function expand() {
+ element.removeClass('collapse')
+ .addClass('collapsing')
+ .attr('aria-expanded', true)
+ .attr('aria-hidden', false);
+
+ if ($animateCss) {
+ $animateCss(element, {
+ easing: 'ease',
+ to: { height: element[0].scrollHeight + 'px' }
+ }).start().done(expandDone);
+ } else {
+ $animate.animate(element, {}, {
+ height: element[0].scrollHeight + 'px'
+ }).then(expandDone);
+ }
+ }
+
+ function expandDone() {
+ element.removeClass('collapsing')
+ .addClass('collapse in')
+ .css({height: 'auto'});
+ }
+
+ function collapse() {
+ if (!element.hasClass('collapse') && !element.hasClass('in')) {
+ return collapseDone();
+ }
+
+ element
+ // IMPORTANT: The height must be set before adding "collapsing" class.
+ // Otherwise, the browser attempts to animate from height 0 (in
+ // collapsing class) to the given height here.
+ .css({height: element[0].scrollHeight + 'px'})
+ // initially all panel collapse have the collapse class, this removal
+ // prevents the animation from jumping to collapsed state
+ .removeClass('collapse in')
+ .addClass('collapsing')
+ .attr('aria-expanded', false)
+ .attr('aria-hidden', true);
+
+ if ($animateCss) {
+ $animateCss(element, {
+ to: {height: '0'}
+ }).start().done(collapseDone);
+ } else {
+ $animate.animate(element, {}, {
+ height: '0'
+ }).then(collapseDone);
+ }
+ }
+
+ function collapseDone() {
+ element.css({height: '0'}); // Required so that collapse works when animation is disabled
+ element.removeClass('collapsing')
+ .addClass('collapse');
+ }
+
+ scope.$watch(attrs.collapse, function(shouldCollapse) {
+ if (shouldCollapse) {
+ collapse();
+ } else {
+ expand();
+ }
+ });
+ }
+ };
+ }]);
diff --git a/xos/core/xoslib/static/js/xosAdminSite.js b/xos/core/xoslib/static/js/xosAdminSite.js
deleted file mode 100644
index 035caab..0000000
--- a/xos/core/xoslib/static/js/xosAdminSite.js
+++ /dev/null
@@ -1,249 +0,0 @@
-/* eslint-disable */
-OBJS = ['deployment', 'image', 'networkTemplate', 'network', 'port',
- 'node', 'service', 'site', 'slice', 'slicePrivilege', 'instance',
- 'user', 'sliceRole', 'flavor', 'controller', 'siteDeployment',
- 'controller_image', 'controller_network', 'controller_slice', 'controller_user'];
-NAV_OBJS = ['deployment', 'site', 'slice', 'user'];
-
-REWRITES = {"/admin/core/deployment/": "#deployments",
- "/admin/core/site/" : "#sites",
- "/admin/core/slice/" : "#slices",
- "/admin/core/user/" : "#users"};
-
-XOSAdminApp = new XOSApplication({
- logTableId: "#logTable",
- statusMsgId: "#statusMsg",
- hideTabsByDefault: true
-});
-
-XOSAdminApp.addRegions({
- navigation: "#navigationPanel",
-
- detail: "#detail",
- linkedObjs1: "#linkedObjs1",
- linkedObjs2: "#linkedObjs2",
- linkedObjs3: "#linkedObjs3",
- linkedObjs4: "#linkedObjs4",
-
- addChildDetail: "#xos-addchild-detail",
-
- rightButtonPanel: "#rightButtonPanel"
-});
-
-XOSAdminApp.navigate = function(what, modelName, modelId) {
- console.log("XOSAsminApp.navigate");
- collection_name = modelName + "s";
- if (what=="list") {
- XOSAdminApp.Router.navigate(collection_name, {trigger: true})
- } else if (what=="detail") {
- XOSAdminApp.Router.navigate(collection_name + "/" + modelId, {trigger: true})
- } else if (what=="add") {
- XOSAdminApp.Router.navigate("add" + firstCharUpper(modelName), {trigger: true, force: true})
- }
-}
-
-ICON_CLASSES = {home: "icon-home", deployments: "icon-deployment", sites: "icon-site", slices: "icon-slice", users: "icon-user"};
-
-XOSAdminApp.updateNavigationPanel = function() {
- console.log('UPDATE NAV!!!');
- buttonTemplate=$("#xos-navbutton").html();
- assert(buttonTemplate != undefined, "buttonTemplate is undefined");
- html="<div class='left-nav'><ul>";
- for (var index in NAV_OBJS) {
- name = NAV_OBJS[index];
- collection_name = name+"s";
- nav_url = "#" + collection_name;
- id = "nav-"+name;
- icon_class = ICON_CLASSES[collection_name] || "icon-cog";
-
- html = html + _.template(buttonTemplate, {name: collection_name, router: "XOSAdminApp.Router", routeUrl: nav_url, iconClass: icon_class});
- }
-
- html = html + "</ul>";
-
- $("#navigationPanel").html(html);
-};
-
-XOSAdminApp.buildViews = function() {
- genericAddChildClass = XOSDetailView.extend({template: "#xos-add-template",
- app: XOSAdminApp});
- XOSAdminApp["genericAddChildView"] = genericAddChildClass;
-
- genericDetailClass = XOSDetailView.extend({template: "#xos-detail-template",
- app: XOSAdminApp});
- XOSAdminApp["genericDetailView"] = genericDetailClass;
-
- genericItemViewClass = XOSItemView.extend({template: "#xos-listitem-template",
- app: XOSAdminApp});
- XOSAdminApp["genericItemView"] = genericItemViewClass;
-
- //genericListViewClass = XOSListView.extend({template: "#xos-list-template",
- // app: XOSAdminApp});
-
- genericListViewClass = XOSDataTableView.extend({template: "#xos-list-template", app: XOSAdminApp});
- XOSAdminApp["genericListView"] = genericListViewClass;
-
- for (var index in OBJS) {
- name = OBJS[index];
- tr_template = '#xosAdmin-' + name + '-listitem-template';
- table_template = '#xosAdmin-' + name + '-list-template';
- detail_template = '#xosAdmin-' + name + '-detail-template';
- add_child_template = '#xosAdmin-' + name + '-add-child-template';
- collection_name = name + "s";
- region_name = name + "List";
-
- if (window["XOSDetailView_" + name]) {
- detailClass = window["XOSDetailView_" + name].extend({template: "#xos-detail-template",
- app: XOSAdminApp});
- } else {
- detailClass = genericDetailClass;
- }
- if ($(detail_template).length) {
- detailClass = detailClass.extend({
- template: detail_template,
- });
- }
- XOSAdminApp[collection_name + "DetailView"] = detailClass;
-
- if (window["XOSDetailView_" + name]) {
- addClass = window["XOSDetailView_" + name].extend({template: "#xos-add-template",
- app: XOSAdminApp});
- } else {
- addClass = genericAddChildClass;
- }
- if ($(add_child_template).length) {
- addClass = detailClass.extend({
- template: add_child_template,
- });
- }
- XOSAdminApp[collection_name + "AddChildView"] = addClass;
-
- if ($(tr_template).length) {
- itemViewClass = XOSItemView.extend({
- template: tr_template,
- app: XOSAdminApp,
- });
- } else {
- itemViewClass = genericItemViewClass;
- }
-
- if ($(table_template).length) {
- listViewClass = XOSListView.extend({
- childView: itemViewClass,
- template: table_template,
- collection: xos[collection_name],
- title: name + "s",
- app: XOSAdminApp,
- });
- } else {
- listViewClass = genericListViewClass.extend( { childView: itemViewClass,
- collection: xos[collection_name],
- title: name + "s",
- } );
- }
-
- XOSAdminApp[collection_name + "ListView"] = listViewClass;
-
- xos[collection_name].fetch(); //startPolling();
- }
-};
-
-XOSAdminApp.initRouter = function() {
- router = XOSRouter;
- var api = {};
- var routes = {};
-
- for (var index in OBJS) {
- name = OBJS[index];
- collection_name = name + "s";
- nav_url = collection_name;
- api_command = "list" + firstCharUpper(collection_name);
- listViewName = collection_name + "ListView";
- detailViewName = collection_name + "DetailView";
- addChildViewName = collection_name + "AddChildView";
-
- api[api_command] = XOSAdminApp.createListHandler(listViewName, collection_name, "detail", collection_name);
- routes[nav_url] = api_command;
-
- nav_url = collection_name + "/:id";
- api_command = "detail" + firstCharUpper(collection_name);
-
- api[api_command] = XOSAdminApp.createDetailHandler(detailViewName, collection_name, "detail", name);
- routes[nav_url] = api_command;
-
- nav_url = "add" + firstCharUpper(name);
- api_command = "add" + firstCharUpper(name);
- api[api_command] = XOSAdminApp.createAddHandler(detailViewName, collection_name, "detail", name);
- routes[nav_url] = api_command;
-
- nav_url = "addChild" + firstCharUpper(name) + "/:parentModel/:parentField/:parentId";
- api_command = "addChild" + firstCharUpper(name);
- api[api_command] = XOSAdminApp.createAddChildHandler(addChildViewName, collection_name);
- routes[nav_url] = api_command;
-
- nav_url = "delete" + firstCharUpper(name) + "/:id";
- api_command = "delete" + firstCharUpper(name);
- api[api_command] = XOSAdminApp.createDeleteHandler(collection_name, name);
- routes[nav_url] = api_command;
- };
-
- routes["*part"] = "listSlices";
-
- XOSAdminApp.Router = new router({ appRoutes: routes, controller: api });
-};
-
-/* rewriteLinks
-
- Rewrite the links in the suit navbar from django-links to marionette
- links. This let's us intercept the navbar and make it function within
- this view rather than jumping back out to a django view.
-*/
-
-XOSAdminApp.rewriteLinks = function () {
- $("a").each(function() {
- href=$(this).attr("href");
- rewrite_href=REWRITES[href];
- if (rewrite_href) {
- $(this).attr("href", rewrite_href);
- }
- });
-};
-
-XOSAdminApp.startNavigation = function() {
- Backbone.history.start();
- XOSAdminApp.navigationStarted = true;
-}
-
-XOSAdminApp.collectionLoadChange = function() {
- stats = xos.getCollectionStatus();
-
- if (!XOSAdminApp.navigationStarted) {
- if (stats["isLoaded"] + stats["failedLoad"] >= stats["startedLoad"]) {
- XOSAdminApp.startNavigation();
- } else {
- $("#detail").html("<h3>Loading...</h3><div id='xos-startup-progress'></div>");
- $("#xos-startup-progress").progressbar({value: stats["completedLoad"], max: stats["startedLoad"]});
- }
- }
-};
-
-XOSAdminApp.on("start", function() {
- XOSAdminApp.buildViews();
-
- XOSAdminApp.initRouter();
-
- XOSAdminApp.updateNavigationPanel();
-
- XOSAdminApp.rewriteLinks();
-
- // fire it once to initially show the progress bar
- XOSAdminApp.collectionLoadChange();
-
- // fire it each time the collection load status is updated
- Backbone.on("xoslib:collectionLoadChange", XOSAdminApp.collectionLoadChange);
-});
-
-$(document).ready(function(){
- XOSAdminApp.start();
-});
-/* eslint-enable */
diff --git a/xos/core/xoslib/static/js/xosCord.js b/xos/core/xoslib/static/js/xosCord.js
deleted file mode 100644
index c9be375..0000000
--- a/xos/core/xoslib/static/js/xosCord.js
+++ /dev/null
@@ -1,197 +0,0 @@
-/* eslint-disable */
-OBJS = ['cordSubscriber', 'cordUser'];
-
-CordAdminApp = new XOSApplication({
- logTableId: "#logTable",
- statusMsgId: "#statusMsg",
- hideTabsByDefault: true
-});
-
-CordAdminApp.addRegions({
- navigation: "#navigationPanel",
-
- detail: "#detail",
- linkedObjs1: "#linkedObjs1",
- linkedObjs2: "#linkedObjs2",
- linkedObjs3: "#linkedObjs3",
- linkedObjs4: "#linkedObjs4",
-
- addChildDetail: "#xos-addchild-detail",
-
- rightButtonPanel: "#rightButtonPanel"
-});
-
-CordAdminApp.navigate = function(what, modelName, modelId) {
- collection_name = modelName + "s";
- if (what=="list") {
- CordAdminApp.Router.navigate(collection_name, {trigger: true})
- } else if (what=="detail") {
- CordAdminApp.Router.navigate(collection_name + "/" + modelId, {trigger: true})
- } else if (what=="add") {
- CordAdminApp.Router.navigate("add" + firstCharUpper(modelName), {trigger: true, force: true})
- }
-}
-
-CordAdminApp.buildViews = function() {
- genericAddChildClass = XOSDetailView.extend({template: "#xos-add-template",
- app: CordAdminApp});
- CordAdminApp["genericAddChildView"] = genericAddChildClass;
-
- genericDetailClass = XOSDetailView.extend({template: "#xos-detail-template",
- app: CordAdminApp});
- CordAdminApp["genericDetailView"] = genericDetailClass;
-
- genericItemViewClass = XOSItemView.extend({template: "#xos-listitem-template",
- app: CordAdminApp});
- CordAdminApp["genericItemView"] = genericItemViewClass;
-
- //genericListViewClass = XOSListView.extend({template: "#xos-list-template",
- // app: CordAdminApp});
-
- genericListViewClass = XOSDataTableView.extend({template: "#xos-list-template", app: CordAdminApp});
- CordAdminApp["genericListView"] = genericListViewClass;
-
- for (var index in OBJS) {
- name = OBJS[index];
- tr_template = '#xosAdmin-' + name + '-listitem-template';
- table_template = '#xosAdmin-' + name + '-list-template';
- detail_template = '#xosAdmin-' + name + '-detail-template';
- add_child_template = '#xosAdmin-' + name + '-add-child-template';
- collection_name = name + "s";
- region_name = name + "List";
- templates = {cordSubscriber: "#xos-cord-subscriber-template"};
-
- if (window["XOSDetailView_" + name]) {
- detailClass = window["XOSDetailView_" + name].extend( {template: templates[name] || "#xos-detail-template",
- app: CordAdminApp});
- } else {
- detailClass = genericDetailClass.extend( {template: templates[name] || "#xos-detail-template", });
- }
- if ($(detail_template).length) {
- detailClass = detailClass.extend({
- template: detail_template,
- });
- }
- CordAdminApp[collection_name + "DetailView"] = detailClass;
-
- if (window["XOSDetailView_" + name]) {
- addClass = window["XOSDetailView_" + name].extend({template: "#xos-add-template",
- app: CordAdminApp});
- } else {
- addClass = genericAddChildClass;
- }
- if ($(add_child_template).length) {
- addClass = detailClass.extend({
- template: add_child_template,
- });
- }
- CordAdminApp[collection_name + "AddChildView"] = addClass;
-
- if ($(tr_template).length) {
- itemViewClass = XOSItemView.extend({
- template: tr_template,
- app: CordAdminApp,
- });
- } else {
- itemViewClass = genericItemViewClass;
- }
-
- if ($(table_template).length) {
- listViewClass = XOSListView.extend({
- childView: itemViewClass,
- template: table_template,
- collection: xos[collection_name],
- title: name + "s",
- app: CordAdminApp,
- });
- } else {
- listViewClass = genericListViewClass.extend( { childView: itemViewClass,
- collection: xos[collection_name],
- title: name + "s",
- } );
- }
-
- CordAdminApp[collection_name + "ListView"] = listViewClass;
-
- xos[collection_name].fetch(); //startPolling();
- }
-};
-
-CordAdminApp.initRouter = function() {
- router = XOSRouter;
- var api = {};
- var routes = {};
-
- for (var index in OBJS) {
- name = OBJS[index];
- collection_name = name + "s";
- nav_url = collection_name;
- api_command = "list" + firstCharUpper(collection_name);
- listViewName = collection_name + "ListView";
- detailViewName = collection_name + "DetailView";
- addChildViewName = collection_name + "AddChildView";
-
- api[api_command] = CordAdminApp.createListHandler(listViewName, collection_name, "detail", collection_name);
- routes[nav_url] = api_command;
-
- nav_url = collection_name + "/:id";
- api_command = "detail" + firstCharUpper(collection_name);
-
- api[api_command] = CordAdminApp.createDetailHandler(detailViewName, collection_name, "detail", name);
- routes[nav_url] = api_command;
-
- nav_url = "add" + firstCharUpper(name);
- api_command = "add" + firstCharUpper(name);
- api[api_command] = CordAdminApp.createAddHandler(detailViewName, collection_name, "detail", name);
- routes[nav_url] = api_command;
-
- nav_url = "addChild" + firstCharUpper(name) + "/:parentModel/:parentField/:parentId";
- api_command = "addChild" + firstCharUpper(name);
- api[api_command] = CordAdminApp.createAddChildHandler(addChildViewName, collection_name);
- routes[nav_url] = api_command;
-
- nav_url = "delete" + firstCharUpper(name) + "/:id";
- api_command = "delete" + firstCharUpper(name);
- api[api_command] = CordAdminApp.createDeleteHandler(collection_name, name);
- routes[nav_url] = api_command;
- };
-
- routes["*part"] = "listCordSubscribers";
-
- CordAdminApp.Router = new router({ appRoutes: routes, controller: api });
-};
-
-CordAdminApp.startNavigation = function() {
- Backbone.history.start();
- CordAdminApp.navigationStarted = true;
-}
-
-CordAdminApp.collectionLoadChange = function() {
- stats = xos.getCollectionStatus();
-
- if (!CordAdminApp.navigationStarted) {
- if (stats["isLoaded"] + stats["failedLoad"] >= stats["startedLoad"]) {
- CordAdminApp.startNavigation();
- } else {
- $("#detail").html("<h3>Loading...</h3><div id='xos-startup-progress'></div>");
- $("#xos-startup-progress").progressbar({value: stats["completedLoad"], max: stats["startedLoad"]});
- }
- }
-};
-
-CordAdminApp.on("start", function() {
- CordAdminApp.buildViews();
-
- CordAdminApp.initRouter();
-
- // fire it once to initially show the progress bar
- CordAdminApp.collectionLoadChange();
-
- // fire it each time the collection load status is updated
- Backbone.on("xoslib:collectionLoadChange", CordAdminApp.collectionLoadChange);
-});
-
-$(document).ready(function(){
- CordAdminApp.start();
-});
-/* eslint-enable */
diff --git a/xos/core/xoslib/static/js/xosHpcNodes.js b/xos/core/xoslib/static/js/xosHpcNodes.js
deleted file mode 100644
index 850aeca..0000000
--- a/xos/core/xoslib/static/js/xosHpcNodes.js
+++ /dev/null
@@ -1,109 +0,0 @@
-/* eslint-disable */
-SC_HPC_FETCH = 3600;
-
-var hpc_data = null;
-
-function updateHpcUrlTable() {
- hpcnode = null;
- selected_url = $("#xos-hpc-url-select").val();
-
- $('#xos-hpc-urls').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="dynamic_hpc_urls"></table>' );
- var actualEntries = [];
-
- for (index in hpc_data) {
- hpc_node = hpc_data[index];
-
- if (parseInt(hpc_node["watcher.HPC-fetch.time"]) > SC_HPC_FETCH) {
- $("#xos-hpc-urls").html("stale");
- actualEntries.push( [hpc_node.name, "stale", "stale", "stale", "stale"] );
- } else {
- urls = hpc_node["watcher.HPC-fetch.urls"];
-
- found = null;
- for (j in urls) {
- url = urls[j];
-
- if (url[0] == selected_url) {
- found = url;
- }
- }
-
- if (found==null) {
- actualEntries.push( [hpc_node.name, "not found", "not found", "not found", "not found"] );
- } else {
- bytes_downloaded=url[2];
- total_time = url[3];
- if (total_time > 0) {
- KBps = Math.round(bytes_downloaded/total_time/1024.0);
- } else {
- KBps = 0;
- }
- actualEntries.push( [hpc_node.name, url[1], bytes_downloaded, total_time, KBps] );
- }
- }
- }
-
- oTable = $('#dynamic_hpc_urls').dataTable( {
- "bJQueryUI": true,
- "aaData": actualEntries ,
- "bStateSave": true,
- "bFilter": false,
- "bPaginate": false,
- "aoColumns": [
- { "sTitle": "Node", },
- { "sTitle": "Status" },
- { "sTitle": "Bytes_Downloaded" },
- { "sTitle": "Total_Time" },
- { "sTitle": "KBps" },
- ]
- } );
-}
-
-function updateUrlList() {
- selected_url = $("#xos-hpc-url-select").val();
-
- urls = [];
- for (index in hpc_data) {
- node = hpc_data[index];
- node_urls = node["watcher.HPC-fetch.urls"];
- for (j in node_urls) {
- url = node_urls[j][0];
- if ($.inArray(url, urls) < 0) {
- urls.push(url);
- }
- }
- }
-
- console.log(urls);
-
- options = [];
- for (index in urls) {
- url = urls[index];
- if (node.name == selected_url) {
- options.push("<option value=\"" + url + "\" selected>" + url + "</option>");
- } else {
- options.push("<option value=\"" + url + "\">" + url + "</option>");
- }
- }
-
- $("#xos-hpc-url-select").html(options);
-}
-
-function updateHpcView(data) {
- data = data[0];
- hpc_data = data.attributes.hpc;
- updateUrlList();
- updateHpcUrlTable();
-}
-
-$(document).ready(function(){
- xos.hpcview.on("change", function() { console.log("change"); updateHpcView(xos.hpcview.models); });
- xos.hpcview.on("remove", function() { console.log("sort"); updateHpcView(xos.hpcview.models); });
- xos.hpcview.on("sort", function() { console.log("sort"); updateHpcView(xos.hpcview.models); });
-
- $("#xos-hpc-node-select").click( function() { updateHpcUrlTable(); } );
-
- xos.hpcview.startPolling();
-});
-/* eslint-enable */
-
diff --git a/xos/core/xoslib/static/js/xosHpcUrls.js b/xos/core/xoslib/static/js/xosHpcUrls.js
deleted file mode 100644
index cda7b2d..0000000
--- a/xos/core/xoslib/static/js/xosHpcUrls.js
+++ /dev/null
@@ -1,92 +0,0 @@
-/* eslint-disable */
-SC_HPC_FETCH = 3600;
-
-var hpc_data = null;
-
-function updateHpcUrlTable() {
- hpcnode = null;
- selected_node_name = $("#xos-hpc-node-select").val();
-
- for (index in hpc_data) {
- if (hpc_data[index].name == selected_node_name) {
- hpcnode = hpc_data[index];
- };
- }
-
- if (hpcnode == null) {
- $("#xos-hpc-urls").html("select a node");
- return;
- }
-
- $('#xos-hpc-urls').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="dynamic_hpc_urls"></table>' );
- var actualEntries = [];
-
- if (parseInt(hpcnode["watcher.HPC-fetch.time"])> SC_HPC_FETCH) {
- $("#xos-hpc-urls").html("stale");
- return;
- }
-
- urls = hpcnode["watcher.HPC-fetch.urls"];
-
- for (index in urls) {
- url = urls[index];
- bytes_downloaded=url[2];
- total_time = url[3];
- if (total_time > 0) {
- KBps = Math.round(bytes_downloaded/total_time/1024.0);
- } else {
- KBps = 0;
- }
- actualEntries.push( [url[0], url[1], bytes_downloaded, total_time, KBps] );
- }
-
- oTable = $('#dynamic_hpc_urls').dataTable( {
- "bJQueryUI": true,
- "aaData": actualEntries ,
- "bStateSave": true,
- "bFilter": false,
- "bPaginate": false,
- "aoColumns": [
- { "sTitle": "Url", },
- { "sTitle": "Status" },
- { "sTitle": "Bytes_Downloaded" },
- { "sTitle": "Total_Time" },
- { "sTitle": "KBps" },
- ]
- } );
-}
-
-function updateNodeList() {
- selected_node_name = $("#xos-hpc-node-select").val();
-
- options = [];
- for (index in hpc_data) {
- node = hpc_data[index];
- if (node.name == selected_node_name) {
- options.push("<option value=\"" + node.name + "\" selected>" + node.name + "</option>");
- } else {
- options.push("<option value=\"" + node.name + "\">" + node.name + "</option>");
- }
- }
-
- $("#xos-hpc-node-select").html(options);
-}
-
-function updateHpcView(data) {
- data = data[0];
- hpc_data = data.attributes.hpc;
- updateNodeList();
- updateHpcUrlTable();
-}
-
-$(document).ready(function(){
- xos.hpcview.on("change", function() { console.log("change"); updateHpcView(xos.hpcview.models); });
- xos.hpcview.on("remove", function() { console.log("sort"); updateHpcView(xos.hpcview.models); });
- xos.hpcview.on("sort", function() { console.log("sort"); updateHpcView(xos.hpcview.models); });
-
- $("#xos-hpc-node-select").click( function() { updateHpcUrlTable(); } );
-
- xos.hpcview.startPolling();
-});
-
-/* eslint-enable */
diff --git a/xos/core/xoslib/static/js/xoslib/xos-backbone.js b/xos/core/xoslib/static/js/xoslib/xos-backbone.js
deleted file mode 100644
index d22d0ec..0000000
--- a/xos/core/xoslib/static/js/xoslib/xos-backbone.js
+++ /dev/null
@@ -1,905 +0,0 @@
-
-/* eslint-disable*/
-if (! window.XOSLIB_LOADED) {
- window.XOSLIB_LOADED=true;
-
- XOS_BASE = "/xos";
-
- SLIVER_API = XOS_BASE+"/instances/";
- SLICE_API = XOS_BASE+"/slices/";
- SLICEROLE_API = XOS_BASE+"/slice_roles/";
- NODE_API = XOS_BASE+"/nodes/";
- SITE_API = XOS_BASE+"/sites/";
- SITEDEPLOYMENT_API = XOS_BASE+"/sitedeployments/";
- USER_API = XOS_BASE+"/users/";
- USERDEPLOYMENT_API = XOS_BASE+"/user_deployments/";
- DEPLOYMENT_API = XOS_BASE+"/deployments/";
- IMAGE_API = XOS_BASE+"/images/";
- IMAGEDEPLOYMENTS_API = XOS_BASE+"/imagedeployments/";
- NETWORKTEMPLATE_API = XOS_BASE+"/networktemplates/";
- NETWORK_API = XOS_BASE+"/networks/";
- PORT_API = XOS_BASE+"/ports/";
- SERVICE_API = XOS_BASE+"/services/";
- SLICEPRIVILEGE_API = XOS_BASE+"/slice_privileges/";
- NETWORKDEPLOYMENT_API = XOS_BASE+"/networkdeployments/";
- FLAVOR_API = XOS_BASE+"/flavors/";
- CONTROLLER_API = XOS_BASE+"/controllers/";
-
- CONTROLLERIMAGE_API = XOS_BASE+"/controllerimages/";
- CONTROLLERNETWORK_API = XOS_BASE+"/controllernetworks/";
- CONTROLLERSLICE_API = XOS_BASE+"/controllerslices/";
- CONTROLLERUSER_API = XOS_BASE+"/controllerusers/";
-
- SLICEDEPLOYMENT_API = XOS_BASE+"/slicedeployments/";
- USERDEPLOYMENT_API = XOS_BASE+"/userdeployments/";
-
- XOSLIB_BASE = "/xoslib";
-
- SLICEPLUS_API = XOSLIB_BASE + "/slicesplus/";
- TENANTVIEW_API = XOSLIB_BASE + "/tenantview/";
- HPCVIEW_API = XOSLIB_BASE + "/hpcview/";
-
- CORDSUBSCRIBER_API = XOSLIB_BASE + "/cordsubscriber/";
- CORDUSER_API = XOSLIB_BASE + "/corduser/";
-
- XOSModel = Backbone.Model.extend({
- relatedCollections: [],
- foreignCollections: [],
- foreignFields: {},
- m2mFields: {},
- readonlyFields: [],
- detailLinkFields: [],
-
- /* from backbone-tastypie.js */
- //idAttribute: 'resource_uri',
-
- /* from backbone-tastypie.js */
- url: function() {
- // TODO handle error if no property
- var url = this.attributes.resource_uri;
-
- if (!url) {
- if (this.id) {
- url = this.urlRoot + this.id;
- }
- else {
- // this happens when creating a new model.
- url = this.urlRoot;
- }
- }
-
- if (!url) {
- // XXX I'm not sure this does anything useful
- url = _.isFunction(this.collection.url) ? this.collection.url() : this.collection.url;
- url = url || this.urlRoot;
- }
-
- // remove any existing query parameters
- url && url.indexOf("?") > -1 && (url = url.split("?")[0]);
-
- url && ( url += ( url.length > 0 && url.charAt( url.length - 1 ) === '/' ) ? '' : '/' );
-
- url && ( url += "?no_hyperlinks=1" );
-
- return url;
- },
-
- listMethods: function() {
- var res = [];
- for(var m in this) {
- if(typeof this[m] == "function") {
- res.push(m)
- }
- }
- return res;
- },
-
- save: function(attributes, options) {
- if (this.preSave) {
- this.preSave();
- }
- return Backbone.Model.prototype.save.call(this, attributes, options);
- },
-
- getChoices: function(fieldName, excludeChosen) {
- choices=[];
-
- if (fieldName in this.m2mFields) {
- for (index in xos[this.m2mFields[fieldName]].models) {
- candidate = xos[this.m2mFields[fieldName]].models[index];
- if (excludeChosen && idInArray(candidate.id, this.attributes[fieldName])) {
- continue;
- }
- choices.push(candidate.id);
- }
- }
- return choices;
- },
-
- /* If a 'validate' method is supplied, then it will be called
- automatically on save. Unfortunately, save calls neither the
- 'error' nor the 'success' callback if the validator fails.
-
- For now, we're calling our validator 'xosValidate' so this
- autoamtic validation doesn't occur.
- */
-
- /**
- * This should call custom validators defined in the model
- *
- * @param {object} attrs an object containin the model attributes
- * @param {object} options (unused)
- * @returns {Array} Errors list
- */
- xosValidate: function(attrs, options) {
- errors = {};
- foundErrors = false;
-
- _.each(this.validators, function(validatorList, fieldName) {
- _.each(validatorList, function(validator) {
- if (fieldName in attrs) {
- // call validateField method in xos-utils.js
- validatorResult = validateField(validator, attrs[fieldName], this);
- if (validatorResult != true) {
- errors[fieldName] = validatorResult;
- foundErrors = true;
- }
- }
- });
- });
- if (foundErrors) {
- return errors;
- }
- // backbone.js semantics -- on successful validate, return nothing
- },
-
- /* uncommenting this would make validate() call xosValidate()
- validate: function(attrs, options) {
- r = this.xosValidate(attrs, options);
- console.log("validate");
- console.log(r);
- return r;
- }, */
- });
-
- XOSCollection = Backbone.Collection.extend({
- objects: function() {
- return this.models.map(function(element) {
- return element.attributes;
- });
- },
-
- initialize: function() {
- this.isLoaded = false;
- this.failedLoad = false;
- this.startedLoad = false;
- this.sortVar = 'name';
- this.sortOrder = 'asc';
- this.on('sort', this.sorted);
- },
-
- relatedCollections: [],
- foreignCollections: [],
- foreignFields: {},
- m2mFields: {},
- readonlyFields: [],
- detailLinkFields: [],
-
- sorted: function() {
- //console.log("sorted " + this.modelName);
- },
-
- simpleComparator: function(model) {
- parts=this.sortVar.split(".");
- result = model.get(parts[0]);
- for (index=1; index<parts.length; ++index) {
- result=result[parts[index]];
- }
- return result;
- },
-
- comparator: function(left, right) {
- var l = this.simpleComparator(left);
- var r = this.simpleComparator(right);
-
- if (l === void 0) {
- return -1;
- }
- if (r === void 0) {
- return 1;
- }
-
- if (this.sortOrder == "desc") {
- return l < r ? 1 : l > r ? -1 : 0;
- }
- else {
- return l < r ? -1 : l > r ? 1 : 0;
- }
- },
-
- fetchSuccess: function(collection, response, options) {
- //console.log("fetch succeeded " + collection.modelName);
- this.failedLoad = false;
- this.fetching = false;
- if (!this.isLoaded) {
- this.isLoaded = true;
- Backbone.trigger("xoslib:collectionLoadChange", this);
- }
- this.trigger("fetchStateChange");
- if (options["orig_success"]) {
- options["orig_success"](collection, response, options);
- }
- },
-
- fetchFailure: function(collection, response, options) {
- //console.log("fetch failed " + collection.modelName);
- this.fetching = false;
- if (!this.isLoaded && !this.failedLoad) {
- this.failedLoad=true;
- Backbone.trigger("xoslib:collectionLoadChange", this);
- }
- this.trigger("fetchStateChange");
- if (options["orig_failure"]) {
- options["orig_failure"](collection, response, options);
- }
- },
-
- fetch: function(options) {
- var self=this;
-
- this.fetching=true;
- //console.log("fetch " + this.modelName);
- if (!this.startedLoad) {
- this.startedLoad=true;
- Backbone.trigger("xoslib:collectionLoadChange", this);
- }
- this.trigger("fetchStateChange");
- if (options == undefined) {
- options = {};
- }
- options["orig_success"] = options["success"];
- options["orig_failure"] = options["failure"];
- options["success"] = function(collection, response, options) {
- self.fetchSuccess.call(self, collection, response, options);
- };
- options["failure"] = this.fetchFailure;
- Backbone.Collection.prototype.fetch.call(this, options);
- },
-
- startPolling: function() {
- if (!this._polling) {
- var collection=this;
-
- setInterval(function() {
- collection.fetch();
- }, 10000);
- this._polling=true;
- this.fetch();
- }
- },
-
- refresh: function(refreshRelated) {
- if (!this.fetching) {
- this.fetch();
- }
- if (refreshRelated) {
- for (related in this.relatedCollections) {
- related = xos[related];
- if (!related.fetching) {
- related.fetch();
- }
- }
- }
- },
-
- maybeFetch: function(options){
- // Helper function to fetch only if this collection has not been fetched before.
- if(this._fetched){
- // If this has already been fetched, call the success, if it exists
- options.success && options.success();
- console.log("alreadyFetched");
- return;
- }
-
- // when the original success function completes mark this collection as fetched
- var self = this;
- var successWrapper = function(success){
- return function(){
- self._fetched = true;
- success && success.apply(this, arguments);
- };
- };
- options.success = successWrapper(options.success);
- console.log("call fetch");
- this.fetch(options);
- },
-
- getOrFetch: function(id, options){
- // Helper function to use this collection as a cache for models on the server
- var model = this.get(id);
-
- if(model){
- options.success && options.success(model);
- return;
- }
-
- model = new this.model({
- resource_uri: id
- });
-
- model.fetch(options);
- },
-
- /* filterBy: note that this yields a new collection. If you pass that
- collection to a CompositeView, then the CompositeView won't get
- any events that trigger on the original collection.
-
- Using this function is probably wrong, and I wrote
- FilteredCompositeView() to replace it.
- */
-
- filterBy: function(fieldName, value) {
- filtered = this.filter(function(obj) {
- return obj.get(fieldName) == value;
- });
- return new this.constructor(filtered);
- },
-
- /* from backbone-tastypie.js */
- url: function( models ) {
- var url = this.urlRoot || ( models && models.length && models[0].urlRoot );
- url && ( url += ( url.length > 0 && url.charAt( url.length - 1 ) === '/' ) ? '' : '/' );
-
- url && ( url += "?no_hyperlinks=1" );
-
- if (this.currentUserCanSee) {
- url && ( url += "¤t_user_can_see=1" );
- }
-
- return url;
- },
-
- listMethods: function() {
- var res = [];
- for(var m in this) {
- if(typeof this[m] == "function") {
- res.push(m)
- }
- }
- return res;
- },
- });
-
- function get_defaults(modelName) {
- if ((typeof xosdefaults !== "undefined") && xosdefaults[modelName]) {
- return xosdefaults[modelName];
- }
- return undefined;
- }
-
- function extend_defaults(modelName, stuff) {
- defaults = get_defaults(modelName);
- if (defaults) {
- return $.extend({}, defaults, stuff);
- } else {
- return stuff;
- }
- }
-
- /**
- * This is an helper function to define XOS model.
- *
- * @param {object} lib A backbone collection library (eg: xos)
- * @param {object} attrs The model attributes
- * @param {string} attrs.modelName The name of the model
- * @param {string} attrs.urlRoot The base url for the collection
- * @param {object} [attrs.relatedCollections] collections which should be drawn as an inline
- list when the detail view is displayed.
- Format: **collection:collectionFieldName**
- where **collectionFieldName** is the name of the field
- in the collection that points back to the collection
- in the detail view.
- * @param {array} [attrs.foreignCollections] collections which are used in idToName() calls
- when presenting the data to the user. Used to
- create a listento event. Somewhat
- redundant with foreignFields.
- * @param {object} [attrs.foreignFields] **localFieldName:collection**. Used to
- automatically map ids into humanReadableNames
- when presenting data to the user.
- * @param {object} [attrs.m2mFields] **localFieldName:collection**. Used to
- populate choices in picker lists. Similar to
- foreignFields.
- * @param {Array} [attrs.listFields] Fields to display in lists
- * @param {Array} {attrs.detailFields} Fields to display in detail views
- * @param {Array} [attrs.addFields] Fields to display in popup add windows
- * @param {Object} [attrs.inputType] by default, "detailFields" will be displayed
- as text input controls. This will let you display
- a checkbox or a picker instead.
- * @param {Object} [attrs.defaults] Override the model defaults, `extend_defaults` can be used.
- * @param {Object} [attrs.validators] Add validators to this model. Use `validateField` method in xos-util.js
- * @param {function} [attrs.preSave] A pre-save method
- * @param {function} [attrs.xosValidate] Override the default xosValidate.
- * If you want to call it either start the function with
- * `errors = XOSModel.prototype.xosValidate.call(this, attrs, options);`
- * @returns void
- */
-
- function define_model(lib, attrs) {
-
- // NOTE shouldn't we trhow an error if no:
- // - attrs.urlRoot
- // - attrs.modelName
-
- modelName = attrs.modelName;
- modelClassName = modelName;
- collectionClass = attrs.collectionClass || XOSCollection;
- collectionClassName = modelName + "Collection";
-
- if (!attrs.addFields) {
- attrs.addFields = attrs.detailFields;
- }
-
- attrs.inputType = attrs.inputType || {};
- attrs.foreignFields = attrs.foreignFields || {};
- // NOTE m2mFields are not set in modelAttr,
- // see list in for loop
- attrs.m2mFields = attrs.m2mFields || {};
- attrs.readOnlyFields = attrs.readOnlyFields || [];
- attrs.detailLinkFields = attrs.detailLinkFields || ["id","name"];
-
- if (!attrs.collectionName) {
- attrs.collectionName = modelName + "s";
- }
- collectionName = attrs.collectionName;
-
- modelAttrs = {}
- collectionAttrs = {}
-
- for (key in attrs) {
- value = attrs[key];
- if ($.inArray(key, ["urlRoot", "modelName", "collectionName", "listFields", "addFields", "detailFields", "detailLinkFields", "foreignFields", "inputType", "relatedCollections", "foreignCollections", "defaults", "disableAdd"])>=0) {
- modelAttrs[key] = value;
- collectionAttrs[key] = value;
- }
- // NOTE xosValidate added by Matteo Scandolo
- // check with Scott
- if ($.inArray(key, ["validate", "preSave", "readOnlyFields", "xosValidate", "m2mFields"]) >= 0) {
- modelAttrs[key] = value;
- }
- }
-
- if (!modelAttrs.defaults) {
- modelAttrs.defaults = get_defaults(modelName);
- }
-
- // if there are default validators for this model
- // extend with customs
- if ((typeof xosvalidators !== "undefined") && xosvalidators[modelName]) {
- modelAttrs["validators"] = $.extend({}, xosvalidators[modelName], attrs["validators"] || {});
- }
- // else use custom
- else if (attrs["validators"]) {
- modelAttrs["validators"] = attrs["validators"];
- // console.log(attrs);
- // console.log(modelAttrs);
- }
- // NOTE Why define validators in multiple places?
-
- lib[modelName] = XOSModel.extend(modelAttrs);
-
- collectionAttrs["model"] = lib[modelName];
-
- lib[collectionClassName] = collectionClass.extend(collectionAttrs);
- lib[collectionName] = new lib[collectionClassName]();
-
- lib.allCollectionNames.push(collectionName);
- lib.allCollections.push(lib[collectionName]);
- };
-
- function xoslib() {
- this.allCollectionNames = [];
- this.allCollections = [];
-
- /* Give an id, the name of a collection, and the name of a field for models
- within that collection, lookup the id and return the value of the field.
- */
-
- this.idToName = function(id, collectionName, fieldName) {
- linkedObject = xos[collectionName].get(id);
- if (linkedObject == undefined) {
- return "#" + id;
- } else {
- return linkedObject.attributes[fieldName];
- }
- };
-
- /* defining the models
-
- modelName - name of the model.
-
- relatedCollections - collections which should be drawn as an inline
- list when the detail view is displayed.
- Format: <collection>:<collectionFieldName> where
- <collectionFieldName> is the name of the field
- in the collection that points back to the
- collection in the detail view.
-
- foreignCollections - collections which are used in idToName() calls
- when presenting the data to the user. Used to
- create a listento event. Somewhat
- redundant with foreignFields.
-
- foreignFields - <localFieldName>:<collection>. Used to
- automatically map ids into humanReadableNames
- when presenting data to the user.
-
- m2mfields - <localFieldName>:<colleciton>. Used to
- populate choices in picker lists. Simalar to
- foreignFields.
-
- listFields - fields to display in lists
-
- detailFields - fields to display in detail views
-
- addFields - fields to display in popup add windows
-
- inputType - by default, "detailFields" will be displayed
- as text input controls. This will let you display
- a checkbox or a picker instead.
- */
-
- define_model(this, {urlRoot: SLIVER_API,
- relatedCollections: {"ports": "instance"},
- foreignCollections: ["slices", "deployments", "images", "nodes", "users", "flavors"],
- foreignFields: {"creator": "users", "image": "images", "node": "nodes", "deployment": "deployments", "slice": "slices", "flavor": "flavors"},
- modelName: "instance",
- listFields: ["backend_status", "id", "name", "instance_id", "instance_name", "slice", "deployment", "image", "node", "flavor"],
- addFields: ["slice", "deployment", "flavor", "image", "node"],
- detailFields: ["backend_status", "backend_register", "name", "instance_id", "instance_name", "slice", "deployment", "flavor", "image", "node", "creator"],
- preSave: function() { if (!this.attributes.name && this.attributes.slice) { this.attributes.name = xos.idToName(this.attributes.slice, "slices", "name"); } },
- });
-
- define_model(this, {urlRoot: SLICE_API,
- relatedCollections: {"instances": "slice", "slicePrivileges": "slice", "networks": "owner", "controller_slices": "slice"},
- foreignCollections: ["services", "sites"],
- foreignFields: {"service": "services", "site": "sites"},
- listFields: ["backend_status", "id", "name", "enabled", "description", "slice_url", "site", "max_instances", "service"],
- detailFields: ["backend_status", "backend_register", "name", "site", "enabled", "description", "slice_url", "max_instances"],
- inputType: {"enabled": "checkbox"},
- modelName: "slice",
- xosValidate: function(attrs, options) {
- errors = XOSModel.prototype.xosValidate.call(this, attrs, options);
- // validate that slice.name starts with site.login_base
- site = attrs.site || this.site;
- console.log('Slice Validate!!!', site);
- if ((site!=undefined) && (attrs.name!=undefined)) {
- site = xos.sites.get(site);
- if (attrs.name.indexOf(site.attributes.login_base+"_") != 0) {
- errors = errors || {};
- errors["name"] = "must start with " + site.attributes.login_base + "_";
- }
-
- if(attrs.name.indexOf(' ') >= 0){
- errors = errors || {};
- errors["name"] = "must not contain spaces";
- }
- }
- return errors;
- },
- });
-
- define_model(this, {urlRoot: SLICEPRIVILEGE_API,
- foreignCollections: ["slices", "users", "sliceRoles"],
- modelName: "slicePrivilege",
- foreignFields: {"user": "users", "slice": "slices", "role": "sliceRoles"},
- listFields: ["backend_status", "id", "user", "slice", "role"],
- detailFields: ["backend_status", "backend_register", "user", "slice", "role"],
- });
-
- define_model(this, {urlRoot: SLICEROLE_API,
- modelName: "sliceRole",
- listFields: ["backend_status", "id", "role"],
- detailFields: ["backend_status", "backend_register", "role"],
- });
-
- define_model(this, {urlRoot: NODE_API,
- foreignCollections: ["sites", "deployments"],
- modelName: "node",
- foreignFields: {"site": "sites", "deployment": "deployments"},
- listFields: ["backend_status", "id", "name", "site", "deployment"],
- detailFields: ["backend_status", "backend_register", "name", "site", "deployment"],
- });
-
- define_model(this, {urlRoot: SITE_API,
- relatedCollections: {"users": "site", "slices": "site", "nodes": "site", "siteDeployments": "site"},
- modelName: "site",
- listFields: ["backend_status", "id", "name", "site_url", "enabled", "login_base", "is_public", "abbreviated_name"],
- detailFields: ["backend_status", "backend_register", "name", "abbreviated_name", "url", "enabled", "is_public", "login_base"],
- inputType: {"enabled": "checkbox", "is_public": "checkbox"},
- });
-
- define_model(this, {urlRoot: SITEDEPLOYMENT_API,
- foreignCollections: ["sites", "deployments", "controllers"],
- foreignFields: {"site": "sites", "deployment": "deployments", "controller": "controllers"},
- modelName: "siteDeployment",
- listFields: ["backend_status", "id", "site", "deployment", "controller", "availability_zone"],
- detailFields: ["backend_status", "backend_register", "site", "deployment", "controller", "availability_zone"],
- inputType: {"enabled": "checkbox", "is_public": "checkbox"},
- });
-
- define_model(this, {urlRoot: USER_API,
- relatedCollections: {"slicePrivileges": "user", "slices": "owner", "controller_users": "user"},
- foreignCollections: ["sites"],
- modelName: "user",
- foreignFields: {"site": "sites"},
- listFields: ["backend_status", "id", "username", "firstname", "lastname", "phone", "user_url", "site"],
- detailFields: ["backend_status", "backend_register", "username", "firstname", "lastname", "phone", "user_url", "site"],
- });
-
- define_model(this, { urlRoot: DEPLOYMENT_API,
- relatedCollections: {"nodes": "deployment", "instances": "deployment"},
- m2mFields: {"flavors": "flavors", "sites": "sites", "images": "images"},
- modelName: "deployment",
- listFields: ["backend_status", "id", "name", "backend_type", "admin_tenant"],
- detailFields: ["backend_status", "backend_register", "name", "backend_type", "admin_tenant", "flavors", "sites", "images"],
- inputType: {"flavors": "picker", "sites": "picker", "images": "picker"},
- });
-
- define_model(this, {urlRoot: IMAGE_API,
- relatedCollections: {"controller_images": "image"},
- model: this.image,
- modelName: "image",
- listFields: ["backend_status", "id", "name", "disk_format", "container_format", "path"],
- detailFields: ["backend_status", "backend_register", "name", "disk_format", "admin_tenant"],
- });
-
- define_model(this, {urlRoot: NETWORKTEMPLATE_API,
- modelName: "networkTemplate",
- listFields: ["backend_status", "id", "name", "visibility", "translation", "shared_network_name", "shared_network_id"],
- detailFields: ["backend_status", "backend_register", "name", "description", "visibility", "translation", "shared_network_name", "shared_network_id"],
- });
-
- define_model(this, {urlRoot: NETWORK_API,
- relatedCollections: {"ports": "network", "controller_networks": "network"},
- foreignCollections: ["slices", "networkTemplates"],
- modelName: "network",
- foreignFields: {"template": "networkTemplates", "owner": "slices"},
- listFields: ["backend_status", "id", "name", "template", "ports", "labels", "owner"],
- detailFields: ["backend_status", "backend_register", "name", "template", "ports", "labels", "owner"],
- });
-
- define_model(this, {urlRoot: PORT_API,
- modelName: "port",
- foreignFields: {"network": "networks", "instance": "instances"},
- listFields: ["backend_status", "id", "network", "instance", "ip", "port_id"],
- detailFields: ["backend_status", "backend_register", "network", "instance", "ip", "mac", "port_id"],
- });
-
- define_model(this, {urlRoot: SERVICE_API,
- modelName: "service",
- listFields: ["backend_status", "id", "name", "enabled", "versionNumber", "published"],
- detailFields: ["backend_status", "backend_register", "name", "description", "versionNumber"],
- });
-
- define_model(this, {urlRoot: FLAVOR_API,
- modelName: "flavor",
- m2mFields: {"deployments": "deployments"},
- listFields: ["backend_status", "id", "name", "flavor", "order", "default"],
- detailFields: ["backend_status", "backend_register", "name", "description", "flavor", "order", "default", "deployments"],
- inputType: {"default": "checkbox", "deployments": "picker"},
- });
-
- define_model(this, {urlRoot: CONTROLLER_API,
- relatedCollections: {"controller_images": "controller", "controller_networks": "controller", "controller_slices": "controller"},
- modelName: "controller",
- listFields: ["backend_status", "id", "name", "version", "backend_type"],
- detailFields: ["backend_status", "backend_register", "name", "version", "backend_type", "auth_url", "admin_user", "admin_password", "admin_tenant"],
- });
-
- define_model(this, {urlRoot: CONTROLLERIMAGE_API,
- foreignCollections: ["images", "controllers"],
- foreignFields: {"image": "images", "controller": "controllers"},
- modelName: "controller_image",
- listFields: ["backend_status", "id", "image", "controller", "glance_image_id"],
- detailFields: ["backend_status", "backend_register", "image", "controller", "glance_image_id"],
- });
-
- define_model(this, {urlRoot: CONTROLLERNETWORK_API,
- foreignCollections: ["networks", "controllers"],
- foreignFields: {"network": "networks", "controller": "controllers"},
- modelName: "controller_network",
- listFields: ["backend_status", "id", "network", "controller", "net_id"],
- detailFields: ["backend_status", "backend_register", "network", "controller", "net_id"],
- });
-
- define_model(this, {urlRoot: CONTROLLERSLICE_API,
- foreignCollections: ["slices", "controllers"],
- foreignFields: {"slice": "slices", "controller": "controllers"},
- modelName: "controller_slice",
- listFields: ["backend_status", "id", "slice", "controller", "tenant_id"],
- detailFields: ["backend_status", "backend_register", "slice", "controller", "tenant_id"],
- });
-
- define_model(this, {urlRoot: CONTROLLERUSER_API,
- foreignCollections: ["users", "controllers"],
- foreignFields: {"user": "users", "controller": "controllers"},
- modelName: "controller_user",
- listFields: ["backend_status", "id", "user", "controller", "kuser_id"],
- detailFields: ["backend_status", "backend_register", "user", "controller", "kuser_id"],
- });
-
- /* removed
- define_model(this, {urlRoot: CONTROLLERSITEDEPLOYMENT_API,
- modelName: "controllerSiteDeployment",
- foreignCollections: ["site_deployments", "controllers"],
- foreignFields: {"site_deployment": "siteDeployments", "controller": "controllers"},
- listFields: ["backend_status", "id", "site_deployment", "controller", "tenant_id"],
- detailFields: ["backend_status", "site_deployment", "controller", "tenant_id"],
- });
- */
-
- /* DELETED in site-controller branch
-
- define_model(this, {urlRoot: NETWORKDEPLOYMENT_API,
- modelName: "networkDeployment",
- foreignFields: {"network": "networks", "deployment": "deployments"},
- listFields: ["backend_status", "id", "network", "deployment", "net_id"],
- detailFields: ["backend_status", "network", "deployment", "net_id"],
- });
-
- define_model(this, {urlRoot: SLICEDEPLOYMENT_API,
- foreignCollections: ["slices", "deployments"],
- modelName: "sliceDeployment",
- foreignFields: {"slice": "slices", "deployment": "deployments"},
- listFields: ["backend_status", "id", "slice", "deployment", "tenant_id"],
- detailFields: ["backend_status", "slice", "deployment", "tenant_id"],
- });
-
- define_model(this, {urlRoot: USERDEPLOYMENT_API,
- foreignCollections: ["users","deployments"],
- modelName: "userDeployment",
- foreignFields: {"deployment": "deployments", "user": "users"},
- listFields: ["backend_status", "id", "user", "deployment", "kuser_id"],
- detailFields: ["backend_status", "user", "deployment", "kuser_id"],
- });
-
- END stuff deleted in site-controller branch */
-
- /* not deleted, but obsolete since it has degenerated to a ManyToMany with no other fields
-
- define_model(this, {urlRoot: IMAGEDEPLOYMENTS_API,
- modelName: "imageDeployment",
- foreignCollections: ["images", "deployments"],
- listFields: ["backend_status", "id", "image", "deployment", "glance_image_id"],
- detailFields: ["backend_status", "image", "deployment", "glance_image_id"],
- });
-
- */
-
- // enhanced REST
- // XXX this really needs to somehow be combined with Slice, to avoid duplication
- define_model(this, {urlRoot: SLICEPLUS_API,
- relatedCollections: {"instances": "slice", "slicePrivileges": "slice", "networks": "owner"},
- foreignCollections: ["services", "sites"],
- foreignFields: {"service": "services", "site": "sites"},
- listFields: ["backend_status", "id", "name", "enabled", "description", "slice_url", "site", "max_instances", "service"],
- detailFields: ["backend_status", "backend_register", "name", "site", "enabled", "description", "slice_url", "max_instances"],
- inputType: {"enabled": "checkbox"},
- modelName: "slicePlus",
- collectionName: "slicesPlus",
- defaults: extend_defaults("slice", {"network_ports": "", "site_allocation": []}),
- validators: {"network_ports": ["portspec"]},
- xosValidate: function(attrs, options) {
- errors = XOSModel.prototype.xosValidate.call(this, attrs, options);
- // validate that slice.name starts with site.login_base
-
- var site = xos.tenant().current_user_login_base;
- if ((site!=undefined) && (attrs.name!=undefined)) {
- if (attrs.name.indexOf(site + "_") < 0) {
- errors = errors || {};
- errors["name"] = "must start with " + site + "_";
- }
-
- if(attrs.name.indexOf(' ') >= 0){
- errors = errors || {};
- errors["name"] = "must not contain spaces";
- }
- }
-
- return errors;
- },
- });
-
- define_model(this, {urlRoot: TENANTVIEW_API,
- modelName: "tenantview",
- collectionName: "tenantview",
- listFields: [],
- detailFields: [],
- });
-
- define_model(this, {urlRoot: HPCVIEW_API,
- modelName: "hpcview",
- collectionName: "hpcview",
- listFields: [],
- detailFields: [],
- });
-
- define_model(this, {urlRoot: CORDSUBSCRIBER_API,
- modelName: "cordSubscriber",
- relatedCollections: {"cordUsers": "subscriber"},
- listFields: ["id", "service_specific_id", "routeable_subnet"],
- detailFields: ["id", "service_specific_id", "vcpe_id", "image_name", "instance_name",
- "firewall_enable", "firewall_rules", "url_filter_enable", "url_filter_rules", "cdn_enable",
- "nat_ip", "lan_ip", "wan_ip", "private_ip",
- "vbng_id", "routeable_subnet"],
- inputType: {"firewall_enable": "checkbox",
- "url_filter_enable": "checkbox",
- "cdn_enable": "checkbox"},
- disableAdd: true,
- });
-
- define_model(this, {urlRoot: CORDUSER_API,
- modelName: "cordUser",
- listFields: ["id", "subscriber", "name", "level", "mac"],
- detailFields: ["subscriber", "name", "level", "mac"],
- disableAdd: true,
- });
-
- /* by default, have slicePlus only fetch the slices the user can see */
- this.slicesPlus.currentUserCanSee = true;
-
- this.tenant = function() { return this.tenantview.models[0].attributes; };
-
- this.listObjects = function() { return this.allCollectionNames; };
-
- this.getCollectionStatus = function() {
- stats = {isLoaded: 0, failedLoad: 0, startedLoad: 0};
- for (index in this.allCollections) {
- collection = this.allCollections[index];
- if (collection.isLoaded) {
- stats["isLoaded"] = stats["isLoaded"] + 1;
- }
- if (collection.failedLoad) {
- stats["failedLoad"] = stats["failedLoad"] + 1;
- }
- if (collection.startedLoad) {
- stats["startedLoad"] = stats["startedLoad"] + 1;
- }
- }
- stats["completedLoad"] = stats["failedLoad"] + stats["isLoaded"];
- return stats;
- };
- };
-
- xos = new xoslib();
-
- function getCookie(name) {
- var cookieValue = null;
- if (document.cookie && document.cookie != '') {
- var cookies = document.cookie.split(';');
- for (var i = 0; i < cookies.length; i++) {
- var cookie = jQuery.trim(cookies[i]);
- // Does this cookie string begin with the name we want?
- if (cookie.substring(0, name.length + 1) == (name + '=')) {
- cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
- break;
- }
- }
- }
- return cookieValue;
- }
-
- (function() {
- var _sync = Backbone.sync;
- Backbone.sync = function(method, model, options){
- options.beforeSend = function(xhr){
- // var token = getCookie("csrftoken");
- // xhr.setRequestHeader('X-CSRFToken', token);
- var xosToken = getCookie('xoscsrftoken');
- xhr.setRequestHeader('X-CSRFToken', xosToken);
- };
- return _sync(method, model, options);
- };
- })();
-}
-/* eslint-enable */
\ No newline at end of file
diff --git a/xos/core/xoslib/static/js/xoslib/xos-defaults.js b/xos/core/xoslib/static/js/xoslib/xos-defaults.js
deleted file mode 100644
index 4ce5f6b..0000000
--- a/xos/core/xoslib/static/js/xoslib/xos-defaults.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/* eslint-disable quotes, no-undef, max-len, new-cap*/
-/* eslint indent: [2, 2]*/
-console.warn('**** XOS DEFAULT ****');
-function xos_get_defaults(){
- this.account = {"updated": null, "policed": null, "created": null, "deleted": false, "site": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.charge = {"updated": null, "slice": null, "date": null, "policed": null, "created": null, "deleted": false, "object": null, "account": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "amount": 0.0, "state": "pending", "invoice": null, "coreHours": 0.0, "backend_status": "0 - Provisioning in progress", "kind": "besteffort", "no_sync": false, "enacted": null};
- this.coarseTenant = {"subscriber_service": null, "connect_method": "na", "updated": null, "backend_status": "0 - Provisioning in progress", "policed": null, "created": null, "deleted": false, "service_specific_attribute": null, "kind": "coarse", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "service_specific_id": null, "subscriber_tenant": null, "subscriber_root": null, "subscriber_user": null, "no_sync": false, "provider_service": null};
- this.controller = {"updated": null, "backend_type": "", "policed": null, "admin_user": null, "created": null, "deleted": false, "domain": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "version": "", "auth_url": null, "admin_password": null, "deployment": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "admin_tenant": null, "no_sync": false, "name": ""};
- this.controllerDashboardView = {"updated": null, "policed": null, "created": null, "deleted": false, "enabled": true, "dashboardView": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "controller": null, "url": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.controllerImages = {"updated": null, "policed": null, "created": null, "deleted": false, "image": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "controller": null, "backend_status": "0 - Provisioning in progress", "glance_image_id": null, "no_sync": false, "enacted": null};
- this.controllerNetwork = {"router_id": null, "subnet": "", "updated": null, "policed": null, "created": null, "deleted": false, "net_id": null, "lazy_blocked": false, "backend_register": "{}", "subnet_id": null, "controller": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "write_protect": false, "no_sync": false, "network": null};
- this.controllerRole = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.controllerSite = {"updated": null, "policed": null, "created": null, "deleted": false, "tenant_id": null, "site": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "controller": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.controllerSitePrivilege = {"updated": null, "backend_status": "0 - Provisioning in progress", "policed": null, "created": null, "deleted": false, "site_privilege": null, "role_id": null, "backend_register": "{}", "write_protect": false, "controller": null, "lazy_blocked": false, "no_sync": false, "enacted": null};
- this.controllerSlice = {"updated": null, "slice": null, "policed": null, "created": null, "deleted": false, "tenant_id": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "controller": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.controllerSlicePrivilege = {"updated": null, "backend_status": "0 - Provisioning in progress", "slice_privilege": null, "created": null, "deleted": false, "role_id": null, "backend_register": "{}", "write_protect": false, "controller": null, "enacted": null, "lazy_blocked": false, "no_sync": false, "policed": null};
- this.controllerUser = {"updated": null, "policed": null, "created": null, "deleted": false, "controller": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "kuser_id": null, "user": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.dashboardView = {"updated": null, "policed": null, "created": null, "deleted": false, "enabled": true, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "url": "", "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.deployment = {"accessControl": "allow all", "updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.deploymentPrivilege = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": null, "user": null, "deployment": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.deploymentRole = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.flavor = {"updated": null, "policed": null, "created": null, "default": false, "description": null, "enacted": null, "lazy_blocked": false, "backend_register": "{}", "deleted": false, "flavor": "", "backend_status": "0 - Provisioning in progress", "order": 0, "write_protect": false, "no_sync": false, "name": ""};
- this.image = {"updated": null, "policed": null, "created": null, "deleted": false, "container_format": "", "disk_format": "", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "path": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.imageDeployments = {"updated": null, "policed": null, "created": null, "deleted": false, "image": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "deployment": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.instance = {"policed": null, "creator": null, "ip": null, "image": null, "backend_register": "{}", "flavor": 3, "backend_status": "0 - Provisioning in progress", "instance_id": null, "slice": null, "no_sync": false, "node": null, "userData": null, "updated": null, "deleted": false, "lazy_blocked": false, "deployment": null, "enacted": null, "instance_uuid": null, "numberCores": 0, "name": "", "created": null, "write_protect": false, "instance_name": null};
- this.invoice = {"updated": null, "policed": null, "created": null, "deleted": false, "account": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "date": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.network = {"permit_all_slices": false, "policed": null, "labels": null, "backend_register": "{}", "owner": null, "backend_status": "0 - Provisioning in progress", "subnet": "", "subnet_id": null, "controller_parameters": null, "no_sync": false, "router_id": null, "updated": null, "controller_url": null, "template": null, "deleted": false, "lazy_blocked": false, "guaranteed_bandwidth": 0, "enacted": null, "autoconnect": true, "name": "", "created": null, "network_id": null, "write_protect": false, "topology_parameters": null, "ports": null};
- this.networkParameter = {"updated": null, "policed": null, "created": null, "deleted": false, "value": "", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "object_id": null, "content_type": null, "backend_status": "0 - Provisioning in progress", "parameter": null, "no_sync": false, "enacted": null};
- this.networkParameterType = {"updated": null, "backend_status": "0 - Provisioning in progress", "description": "", "created": null, "deleted": false, "name": "", "backend_register": "{}", "write_protect": false, "enacted": null, "lazy_blocked": false, "no_sync": false, "policed": null};
- this.networkSlice = {"updated": null, "slice": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "network": null};
- this.networkTemplate = {"updated": null, "shared_network_name": null, "name": "", "created": null, "deleted": false, "description": null, "enacted": null, "visibility": "private", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "no_sync": false, "topology_kind": "bigswitch", "guaranteed_bandwidth": 0, "translation": "none", "backend_status": "0 - Provisioning in progress", "shared_network_id": null, "controller_kind": null, "policed": null};
- this.node = {"updated": null, "policed": null, "created": null, "deleted": false, "site": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "no_sync": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "site_deployment": null, "name": ""};
- this.payment = {"updated": null, "policed": null, "created": null, "deleted": false, "account": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "amount": 0.0, "date": "2015-09-14T22:58:03.982Z", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.port = {"updated": null, "policed": null, "created": null, "deleted": false, "ip": null, "lazy_blocked": false, "backend_register": "{}", "instance": null, "mac": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "port_id": null, "write_protect": false, "no_sync": false, "network": null};
- this.program = {"status": null, "updated": null, "policed": null, "created": null, "deleted": false, "description": null, "messages": null, "kind": "", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "command": null, "no_sync": false, "owner": null, "output": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "contents": null, "name": ""};
- this.project = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.provider = {"updated": null, "policed": null, "created": null, "deleted": false, "service_specific_attribute": null, "kind": "Provider", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "service_specific_id": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": null};
- this.reservation = {"updated": null, "slice": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "startTime": null, "duration": 1, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.reservedResource = {"updated": null, "resource": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "instance": null, "reservationSet": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "write_protect": false, "no_sync": false, "quantity": 1};
- this.role = {"updated": null, "description": "", "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": null, "no_sync": false, "content_type": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "role_type": "", "policed": null};
- this.router = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "owner": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.service = {"public_key": null, "updated": null, "policed": null, "created": null, "deleted": false, "view_url": null, "description": null, "service_specific_attribute": null, "enabled": true, "kind": "generic", "published": true, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "versionNumber": "", "service_specific_id": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "icon_url": null, "no_sync": false, "name": ""};
- this.serviceAttribute = {"updated": null, "policed": null, "service": null, "created": null, "deleted": false, "value": "", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.serviceClass = {"backend_register": "{}", "updated": null, "name": "", "membershipFeeMonths": 12, "created": null, "deleted": false, "description": "", "commitment": 365, "lazy_blocked": false, "policed": null, "write_protect": false, "no_sync": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "upgradeRequiresApproval": false, "membershipFee": 0};
- this.servicePrivilege = {"updated": null, "policed": null, "service": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": null, "user": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.serviceResource = {"updated": null, "backend_status": "0 - Provisioning in progress", "name": "", "bucketMaxSize": 0, "created": null, "deleted": false, "maxUnitsNode": 1, "serviceClass": null, "maxUnitsDeployment": 1, "calendarReservable": true, "maxDuration": 1, "backend_register": "{}", "write_protect": false, "cost": 0, "enacted": null, "lazy_blocked": false, "bucketInRate": 0, "no_sync": false, "policed": null};
- this.site = {"updated": null, "backend_status": "0 - Provisioning in progress", "hosts_users": true, "name": "", "created": null, "deleted": false, "enabled": true, "enacted": null, "longitude": null, "site_url": null, "backend_register": "{}", "write_protect": false, "login_base": "", "location": null, "hosts_nodes": true, "is_public": true, "latitude": null, "lazy_blocked": false, "abbreviated_name": "", "no_sync": false, "policed": null};
- this.siteCredential = {"updated": null, "backend_status": "0 - Provisioning in progress", "policed": null, "created": null, "deleted": false, "site": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "key_id": "", "enacted": null, "enc_value": "", "no_sync": false, "name": ""};
- this.siteDeployment = {"updated": null, "policed": null, "availability_zone": null, "deleted": false, "created": null, "site": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "controller": null, "deployment": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.sitePrivilege = {"updated": null, "policed": null, "created": null, "deleted": false, "site": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": null, "user": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.siteRole = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.slice = {"policed": null, "creator": null, "site": null, "max_instances": 10, "backend_register": "{}", "backend_status": "0 - Provisioning in progress", "network": "Private Only", "service": null, "no_sync": false, "default_flavor": null, "updated": null, "description": "", "deleted": false, "slice_url": "", "serviceClass": 1, "lazy_blocked": false, "omf_friendly": false, "mount_data_sets": "GenBank", "enacted": null, "name": "", "created": null, "write_protect": false, "enabled": true, "default_image": null};
- this.sliceCredential = {"updated": null, "slice": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "key_id": "", "enacted": null, "enc_value": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.slicePrivilege = {"updated": null, "slice": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": null, "user": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.sliceRole = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.sliceTag = {"updated": null, "slice": null, "policed": null, "created": null, "deleted": false, "value": "", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.subscriber = {"updated": null, "policed": null, "created": null, "deleted": false, "service_specific_attribute": null, "kind": "Subscriber", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "service_specific_id": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": null};
- this.tag = {"updated": null, "name": "", "service": null, "created": null, "deleted": false, "value": "", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "object_id": null, "content_type": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "policed": null};
- this.tenant = {"subscriber_service": null, "connect_method": "na", "updated": null, "backend_status": "0 - Provisioning in progress", "policed": null, "created": null, "deleted": false, "service_specific_attribute": null, "kind": "generic", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "service_specific_id": null, "subscriber_tenant": null, "subscriber_root": null, "subscriber_user": null, "no_sync": false, "provider_service": null};
- this.tenantRoot = {"updated": null, "policed": null, "created": null, "deleted": false, "service_specific_attribute": null, "kind": "generic", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "service_specific_id": null, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": null};
- this.tenantRootPrivilege = {"updated": null, "policed": null, "created": null, "deleted": false, "tenant_root": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": null, "user": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.tenantRootRole = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "role": "", "backend_status": "0 - Provisioning in progress", "no_sync": false, "enacted": null};
- this.tenantWithContainer = {"subscriber_service": null, "connect_method": "na", "updated": null, "backend_status": "0 - Provisioning in progress", "policed": null, "created": null, "deleted": false, "service_specific_attribute": null, "kind": "generic", "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "service_specific_id": null, "subscriber_tenant": null, "subscriber_root": null, "subscriber_user": null, "no_sync": false, "provider_service": null};
- this.usableObject = {"updated": null, "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "enacted": null, "backend_status": "0 - Provisioning in progress", "no_sync": false, "name": ""};
- this.user = {"policed": null, "site": null, "is_appuser": false, "is_staff": true, "timezone": "America/New_York", "backend_status": "Provisioning in progress", "is_registering": false, "last_login": "2015-09-14T22:58:04.005Z", "email": "", "username": "Something", "updated": null, "login_page": null, "firstname": "", "user_url": null, "deleted": false, "lastname": "", "is_active": true, "phone": null, "is_admin": false, "password": "", "enacted": null, "public_key": null, "is_readonly": false, "created": null, "write_protect": false};
- this.userCredential = {"updated": null, "backend_status": "0 - Provisioning in progress", "policed": null, "created": null, "deleted": false, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "user": null, "key_id": "", "enacted": null, "enc_value": "", "no_sync": false, "name": ""};
- this.userDashboardView = {"updated": null, "policed": null, "created": null, "deleted": false, "dashboardView": null, "lazy_blocked": false, "backend_register": "{}", "write_protect": false, "user": null, "backend_status": "0 - Provisioning in progress", "order": 0, "no_sync": false, "enacted": null};
-};
-xosdefaults = new xos_get_defaults();
-/* eslint-enable quotes, no-undef, max-len, new-cap*/
\ No newline at end of file
diff --git a/xos/core/xoslib/static/js/xoslib/xos-util.js b/xos/core/xoslib/static/js/xoslib/xos-util.js
deleted file mode 100644
index 2b574e7..0000000
--- a/xos/core/xoslib/static/js/xoslib/xos-util.js
+++ /dev/null
@@ -1,314 +0,0 @@
-/* eslint-disable indent, space-before-blocks, no-unused-vars*/
-////////////////////////////
-// misc utility functions //
-////////////////////////////
-
-function idInArray(id, arr) {
- // because sometimes ids are strings and sometimes they're integers
- for (var index in arr) {
- if (id.toString() === arr[index].toString()) {
- return true;
- }
- }
- return false;
-}
-
-function assert(outcome, description) {
- if (!outcome) {
- console.log(description);
- }
-}
-
-function templateFromId(id) {
- return _.template($(id).html());
-}
-
-function firstCharUpper(s) {
- return s.charAt(0).toUpperCase() + s.slice(1);
-}
-
-function toTitleCase(str) {
- return str.replace(/\w\S*/g, function(txt) {
- return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
- });
-}
-
-function fieldNameToHumanReadable(str) {
- str = str.replace('_', ' ');
- return toTitleCase(str);
-}
-
-// http://stackoverflow.com/questions/2117320/set-maximum-displayed-rows-count-for-html-table
-function limitTableRows(tableSelector, maxRows) {
- var table = $(tableSelector)[0]; //document.getElementById(tableId);
- var wrapper = table.parentNode;
- var rowsInTable = table.rows.length;
-
- try {
- var border = getComputedStyle(table.rows[0].cells[0], '').getPropertyValue('border-top-width');
-
- border = border.replace('px', '') * 1;
- }
- catch (e) {
- var border = table.rows[0].cells[0].currentStyle.borderWidth;
-
- border = border.replace('px', '') * 1 / 2;
- }
- var height = 0;
-
- if (rowsInTable > maxRows) {
- for (var i = 0; i < maxRows; i++) {
- height += table.rows[i].clientHeight + border;
- //console.log('XXX ' + height + ' ' + table.rows[i].clientHeight + ' ' + border);
- }
- wrapper.style.height = height + 'px';
- }
-}
-
-function validateField(validatorName, value, obj) {
- if (validatorName === 'notBlank') {
- if (value === undefined || value === null || value === '') {
- return 'can not be blank';
- }
- }
-
- // if notBlank wasn't set, and the field is blank, then we can return
- if (value === undefined || value === null || value === '') {
- return true;
- }
- /* eslint-disable default-case */
- switch (validatorName) {
- case 'url':
- /* eslint-disable max-len*/
- if (! /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value)) {
- /* eslint-enable max-len*/
- return 'must be a valid url';
- }
- break;
-
- case 'portspec':
- if (! $.trim(value).match(portlist_regexp())) {
- return 'must be a valid portspec (example: \'tcp 123, udp 456-789\')';
- }
- break;
- // TODO test this before add
- // default:
- // return true;
- // break;
- /* eslint-enable default-case */
- }
-
- return true;
-}
-
-function array_diff(a1, a2) {
- var a = [], diff = [];
-
- for(var i = 0;i < a1.length;i++) {
- a[a1[i]] = true;
- }
-
- for(var i = 0;i < a2.length;i++) {
- if(a[a2[i]]) {
- delete a[a2[i]];
- }
- else {
- a[a2[i]] = true;
- }
- }
-
- for(var k in a) {
- // check that the property in not inherithed
- if ({}.hasOwnProperty.call(a, k)) {
- diff.push(k);
- }
- }
-
- return diff;
-}
-
-function array_subtract(a1, a2) {
- var result = [];
-
- // why not for ... of, move to lodash instead
- for (var index in a1) {
- if ({}.hasOwnProperty.call(a1, index)) {
- var value = a1[index];
-
- if (!$.inArray(value, a2) >= 0) {
- result.push(value);
- }
- }
-
- }
- return result;
-}
-
-function array_same_elements(arr1, arr2) {
- // return true if arrays have same elements, even if order is different
- return $(arr1).not(arr2).length === 0 && $(arr2).not(arr1).length === 0;
-}
-
-function array_pair_lookup(x, names, values) {
- for (var index in values) {
- if (values[index] === x) {
- return names[index];
- }
- }
- return 'object #' + x;
-}
-
-function all_options(selector) {
- var el = $(selector);
- var result = [];
-
- _.each(el.find('option'), function(option) {
- result.push($(option).val());
- });
- return result;
-}
-
-function make_same_width(containerSelector, itemSelector) {
- var maxWidth = 0;
-
- $(containerSelector).find(itemSelector).each(function() {
- maxWidth = Math.max(maxWidth, $(this).width());
- });
-
- $(containerSelector).find(itemSelector).each(function() {
- $(this).width(maxWidth);
- });
-}
-
-function strip_scripts(s) {
- var div = document.createElement('div');
-
- div.innerHTML = s;
- var scripts = div.getElementsByTagName('script');
- var i = scripts.length;
-
- while (i--) {
- scripts[i].parentNode.removeChild(scripts[i]);
- }
- return div.innerHTML;
-}
-
-function parse_portlist(ports) {
- /* Support a list of ports in the format 'protocol:port, protocol:port, ...'
- examples:
- tcp 123
- tcp 123:133
- tcp 123, tcp 124, tcp 125, udp 201, udp 202
-
- User can put either a '/' or a ' ' between protocol and ports
- Port ranges can be specified with '-' or ':'
-
- This is a straightforward port of the code in core/models/network.py
- */
-
- var nats = [];
-
- if (ports) {
- var parts = ports.split(',');
- var parts2, protocol, first, last, portStr;
-
- $.each(parts, function(index, part) {
- part = $.trim(part);
- if (part.indexOf('/') >= 0) {
- parts2 = part.split('/',2);
-
- protocol = parts2[0];
- ports = parts2[1];
- }
- else if (part.indexOf(' ') >= 0) {
- parts2 = part.split(' ',2);
- protocol = parts2[0];
- ports = parts2[1];
- }
- else {
- throw 'malformed port specifier ' +
- part + ', format example: "tcp 123, tcp 201:206, udp 333"';
- }
-
- protocol = $.trim(protocol);
- ports = $.trim(ports);
-
- if (protocol !== 'tcp' && protocol !== 'udp') {
- throw 'unknown protocol ' + protocol;
- }
-
- if (ports.indexOf('-') >= 0) {
- parts2 = ports.split('-');
- first = parseInt($.trim(parts2[0]));
- last = parseInt($.trim(parts2[1]));
- portStr = first + ':' + last;
- }
- else if (ports.indexOf(':') >= 0) {
- parts2 = ports.split(':');
- first = parseInt($.trim(parts2[0]));
- last = parseInt($.trim(parts2[1]));
- portStr = first + ':' + last;
- }
- else {
- portStr = parseInt(ports).toString();
- }
-
- nats.push({l4_protocol: protocol, l4_port: portStr});
- }); /* end $.each(ports) */
- }
- return nats;
-}
-
-function portlist_regexp() {
- /* this constructs the big complicated regexp that validates port
- specifiers. Saved here in long form, in case we need to change it
- in the future.
- */
- var paren, whitespace, protocol,
- protocolSlash, numbers, range,
- protoPorts, protoPortsCommas,
- numbersOrRange, portSpec, multiProtoPorts;
-
- paren = function(x) {
- return '(?:' + x + ')';
- };
-
- whitespace = ' *';
- protocol = paren('tcp|udp');
- protocolSlash = protocol + paren(whitespace + '|\/');
- numbers = paren('[0-9]+');
- range = paren(numbers + paren('-|:') + numbers);
- numbersOrRange = paren(numbers + '|' + range);
- protoPorts = paren(protocolSlash + numbersOrRange);
- protoPortsCommas = paren(paren(protoPorts + ',' + whitespace) + '+');
- multiProtoPorts = paren(protoPortsCommas + protoPorts);
- portSpec = '^' + paren(protoPorts + '|' + multiProtoPorts) + '$';
- return RegExp(portSpec);
-}
-
-function portlist_selftest() {
- var r = portlist_regexp();
-
-/* eslint-disable quotes, max-len*/
- assert(! "tcp".match(r), 'should not have matched: "tcp"');
- assert("tcp 1".match(r), 'should have matched: "tcp 1"');
- assert("tcp 123".match(r), 'should have matched: "tcp 123"');
- assert("tcp 123".match(r), 'should have matched: "tcp 123"');
- assert("tcp 123-456".match(r), 'should have matched: "tcp 123-456"');
- assert("tcp 123:456".match(r), 'should have matched: "tcp 123:456"');
- assert(! "tcp 123-".match(r), 'should have matched: "tcp 123-"');
- assert(! "tcp 123:".match(r), 'should have matched: "tcp 123:"');
- assert(! "foo 123".match(r), 'should not have matched "foo 123"');
- assert("udp 123".match(r), 'should have matched: "udp 123"');
- assert("tcp 123,udp 456".match(r), 'should have matched: "tcp 123,udp 456"');
- assert("tcp 123, udp 456".match(r), 'should have matched: "tcp 123, udp 456"');
- assert("tcp 123, udp 456".match(r), 'should have matched: "tcp 123, udp 456"');
- assert("tcp 123-45, udp 456".match(r), 'should have matched: "tcp 123-45, udp 456"');
- assert("tcp 123-45, udp 456, tcp 11, tcp 22:45, udp 76, udp 47:49, udp 60-61".match(r), 'should have matched: "tcp 123-45, udp 456, tcp 11, tcp 22:45, udp 76, udp 47:49, udp 60-61"');
- /* eslint-enable quotes, max-len*/
- return 'done';
-}
-
-//portlist_selftest();
-
-
diff --git a/xos/core/xoslib/static/js/xoslib/xos-validators.js b/xos/core/xoslib/static/js/xoslib/xos-validators.js
deleted file mode 100644
index aa8e544..0000000
--- a/xos/core/xoslib/static/js/xoslib/xos-validators.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/**
-* List of model validator
-*
-* @constructor
-*/
-
-/* eslint-disable quotes, no-undef, max-len, new-cap*/
-/* eslint indent: [2, 2]*/
-function xos_get_validators(){
- this.account = {"updated": [], "policed": [], "created": [], "deleted": [], "site": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.charge = {"updated": [], "slice": [], "policed": [], "created": [], "deleted": [], "amount": ["notBlank"], "object": ["notBlank"], "account": ["notBlank"], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "state": ["notBlank"], "coreHours": ["notBlank"], "invoice": [], "date": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.coarseTenant = {"subscriber_service": [], "connect_method": ["notBlank"], "updated": [], "policed": [], "created": [], "deleted": [], "service_specific_attribute": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "subscriber_user": [], "provider_service": ["notBlank"], "service_specific_id": [], "subscriber_tenant": [], "subscriber_root": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controller = {"updated": [], "backend_type": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "domain": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "version": ["notBlank"], "auth_url": [], "admin_user": [], "deployment": ["notBlank"], "admin_password": [], "backend_status": ["notBlank"], "admin_tenant": [], "id": [], "no_sync": [], "enacted": []};
- this.controllerDashboardView = {"updated": [], "policed": [], "created": [], "deleted": [], "enabled": [], "dashboardView": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "url": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerImages = {"updated": [], "glance_image_id": [], "policed": [], "created": [], "deleted": [], "image": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerNetwork = {"router_id": [], "subnet": [], "updated": [], "policed": [], "created": [], "deleted": [], "subnet_id": [], "net_id": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "network": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerRole = {"updated": [], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerSite = {"updated": [], "policed": [], "created": [], "deleted": [], "tenant_id": [], "site": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerSitePrivilege = {"updated": [], "policed": [], "created": [], "deleted": [], "role_id": [], "site_privilege": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerSlice = {"updated": [], "slice": ["notBlank"], "policed": [], "created": [], "deleted": [], "tenant_id": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerSlicePrivilege = {"updated": [], "slice_privilege": ["notBlank"], "policed": [], "created": [], "deleted": [], "role_id": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.controllerUser = {"updated": [], "policed": [], "created": [], "deleted": [], "kuser_id": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": ["notBlank"], "user": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.dashboardView = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "enabled": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "url": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.deployment = {"accessControl": ["notBlank"], "updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.deploymentPrivilege = {"updated": [], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "user": ["notBlank"], "deployment": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.deploymentRole = {"updated": [], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.flavor = {"default": [], "updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "description": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "flavor": ["notBlank"], "backend_status": ["notBlank"], "order": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.image = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "container_format": ["notBlank"], "disk_format": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "path": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.imageDeployments = {"updated": [], "policed": [], "created": [], "deleted": [], "image": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "deployment": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.instance = {"policed": [], "creator": [], "ip": [], "image": ["notBlank"], "backend_register": ["notBlank"], "flavor": ["notBlank"], "backend_status": ["notBlank"], "id": [], "instance_name": [], "slice": ["notBlank"], "no_sync": [], "node": ["notBlank"], "userData": [], "updated": [], "deleted": [], "lazy_blocked": [], "deployment": ["notBlank"], "enacted": [], "instance_uuid": [], "numberCores": ["notBlank"], "name": ["notBlank"], "created": [], "write_protect": [], "instance_id": []};
- this.invoice = {"updated": [], "policed": [], "created": [], "deleted": [], "account": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "date": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.network = {"router_id": [], "policed": [], "labels": [], "backend_register": ["notBlank"], "owner": ["notBlank"], "backend_status": ["notBlank"], "id": [], "subnet": [], "subnet_id": [], "controller_parameters": [], "no_sync": [], "permit_all_slices": [], "updated": [], "controller_url": [], "template": ["notBlank"], "deleted": [], "lazy_blocked": [], "guaranteed_bandwidth": ["notBlank"], "enacted": [], "autoconnect": [], "name": ["notBlank"], "created": [], "write_protect": [], "network_id": [], "topology_parameters": [], "ports": []};
- this.networkParameter = {"updated": [], "policed": [], "created": [], "deleted": [], "value": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "object_id": ["notBlank"], "content_type": ["notBlank"], "backend_status": ["notBlank"], "parameter": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.networkParameterType = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "description": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.networkSlice = {"updated": [], "slice": ["notBlank"], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "network": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.networkTemplate = {"shared_network_id": [], "updated": [], "shared_network_name": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "description": [], "visibility": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller_kind": [], "topology_kind": ["notBlank"], "guaranteed_bandwidth": ["notBlank"], "translation": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.node = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "site": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "site_deployment": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.payment = {"updated": [], "policed": [], "created": [], "deleted": [], "account": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "amount": ["notBlank"], "date": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.port = {"instance": [], "updated": [], "policed": [], "created": [], "deleted": [], "ip": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "mac": [], "network": ["notBlank"], "backend_status": ["notBlank"], "port_id": [], "id": [], "no_sync": [], "enacted": []};
- this.program = {"status": [], "updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "description": [], "messages": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "command": [], "contents": [], "owner": ["notBlank"], "output": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.project = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.provider = {"updated": [], "policed": [], "name": [], "created": [], "deleted": [], "service_specific_attribute": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "service_specific_id": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.reservation = {"updated": [], "slice": ["notBlank"], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "startTime": ["notBlank"], "duration": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.reservedResource = {"instance": ["notBlank"], "updated": [], "resource": ["notBlank"], "policed": [], "created": [], "deleted": [], "quantity": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "reservationSet": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.role = {"updated": [], "policed": [], "created": [], "deleted": [], "description": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": [], "role_type": ["notBlank"], "content_type": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.router = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "owner": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.service = {"policed": [], "view_url": [], "backend_register": ["notBlank"], "backend_status": ["notBlank"], "id": [], "icon_url": [], "no_sync": [], "updated": [], "description": [], "deleted": [], "lazy_blocked": [], "versionNumber": ["notBlank"], "service_specific_id": [], "enacted": [], "public_key": [], "kind": ["notBlank"], "name": ["notBlank"], "created": [], "write_protect": [], "service_specific_attribute": [], "enabled": [], "published": []};
- this.serviceAttribute = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "value": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "service": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.serviceClass = {"membershipFeeMonths": ["notBlank"], "updated": [], "membershipFee": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "description": ["notBlank"], "commitment": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "upgradeRequiresApproval": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.servicePrivilege = {"updated": [], "policed": [], "service": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "user": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.serviceResource = {"updated": [], "maxUnitsNode": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "serviceClass": ["notBlank"], "maxUnitsDeployment": ["notBlank"], "maxDuration": ["notBlank"], "bucketMaxSize": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "cost": ["notBlank"], "calendarReservable": [], "bucketInRate": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.site = {"policed": [], "backend_register": ["notBlank"], "id": [], "backend_status": ["notBlank"], "abbreviated_name": ["notBlank"], "site_url": ["url"], "location": ["notBlank"], "hosts_nodes": [], "no_sync": [], "updated": [], "deleted": [], "lazy_blocked": [], "latitude": [], "is_public": [], "enacted": [], "name": ["notBlank"], "created": [], "write_protect": [], "enabled": [], "longitude": [], "hosts_users": [], "login_base": ["notBlank"]};
- this.siteCredential = {"updated": [], "enc_value": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "site": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "key_id": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.siteDeployment = {"updated": [], "policed": [], "created": [], "deleted": [], "availability_zone": [], "site": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "controller": [], "deployment": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.sitePrivilege = {"updated": [], "policed": [], "created": [], "deleted": [], "site": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "user": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.siteRole = {"updated": [], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.slice = {"policed": [], "creator": [], "site": ["notBlank"], "max_instances": ["notBlank"], "backend_register": ["notBlank"], "backend_status": ["notBlank"], "id": [], "network": [], "service": [], "no_sync": [], "default_flavor": [], "updated": [], "description": [], "deleted": [], "slice_url": ["url"], "serviceClass": ["notBlank"], "lazy_blocked": [], "omf_friendly": [], "mount_data_sets": [], "enacted": [], "name": ["notBlank"], "created": [], "write_protect": [], "enabled": [], "default_image": []};
- this.sliceCredential = {"updated": [], "slice": ["notBlank"], "enc_value": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "key_id": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.slicePrivilege = {"updated": [], "slice": ["notBlank"], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "user": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.sliceRole = {"updated": [], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.sliceTag = {"updated": [], "slice": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "value": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.subscriber = {"updated": [], "policed": [], "name": [], "created": [], "deleted": [], "service_specific_attribute": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "service_specific_id": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.tag = {"updated": [], "policed": [], "service": ["notBlank"], "created": [], "deleted": [], "name": ["notBlank"], "value": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "object_id": ["notBlank"], "content_type": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.tenant = {"subscriber_service": [], "connect_method": ["notBlank"], "updated": [], "policed": [], "created": [], "deleted": [], "service_specific_attribute": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "subscriber_user": [], "provider_service": ["notBlank"], "service_specific_id": [], "subscriber_tenant": [], "subscriber_root": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.tenantRoot = {"updated": [], "policed": [], "name": [], "created": [], "deleted": [], "service_specific_attribute": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "service_specific_id": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.tenantRootPrivilege = {"updated": [], "policed": [], "created": [], "deleted": [], "tenant_root": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "user": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.tenantRootRole = {"updated": [], "policed": [], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "role": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.tenantWithContainer = {"subscriber_service": [], "connect_method": ["notBlank"], "updated": [], "policed": [], "created": [], "deleted": [], "service_specific_attribute": [], "kind": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "subscriber_user": [], "provider_service": ["notBlank"], "service_specific_id": [], "subscriber_tenant": [], "subscriber_root": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.usableObject = {"updated": [], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.user = {"policed": ["notBlank"], "site": ["notBlank"], "is_appuser": [], "is_staff": [], "timezone": ["notBlank"], "backend_status": ["notBlank"], "id": [], "is_registering": [], "last_login": ["notBlank"], "email": ["notBlank"], "username": ["notBlank"], "updated": [], "login_page": [], "firstname": ["notBlank"], "user_url": ["url"], "deleted": [], "lastname": ["notBlank"], "is_active": [], "phone": [], "is_admin": [], "password": ["notBlank"], "enacted": ["notBlank"], "public_key": [], "is_readonly": [], "created": [], "write_protect": []};
- this.userCredential = {"updated": [], "enc_value": ["notBlank"], "policed": [], "name": ["notBlank"], "created": [], "deleted": [], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "user": ["notBlank"], "key_id": ["notBlank"], "backend_status": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
- this.userDashboardView = {"updated": [], "policed": [], "created": [], "deleted": [], "dashboardView": ["notBlank"], "lazy_blocked": [], "backend_register": ["notBlank"], "write_protect": [], "user": ["notBlank"], "backend_status": ["notBlank"], "order": ["notBlank"], "id": [], "no_sync": [], "enacted": []};
-};
-xosvalidators = new xos_get_validators();
-/* eslint-enable quotes, no-undef, max-len, new-cap*/
diff --git a/xos/core/xoslib/static/js/xoslib/xosHelper.js b/xos/core/xoslib/static/js/xoslib/xosHelper.js
deleted file mode 100644
index 2f49a02..0000000
--- a/xos/core/xoslib/static/js/xoslib/xosHelper.js
+++ /dev/null
@@ -1,1183 +0,0 @@
-/* eslint-disable */
-HTMLView = Marionette.ItemView.extend({
- render: function() {
- this.$el.append(this.options.html);
- },
-});
-
-FilteredCompositeView = Marionette.CompositeView.extend( {
- showCollection: function() {
- var ChildView;
- this.collection.each(function(child, index) {
- filterFunc = this.options.filter || this.filter;
- if (filterFunc && !filterFunc(child)) {
- return;
- }
- ChildView = this.getChildView(child);
- this.addChild(child, ChildView, index);
- }, this);
-
- },
-});
-
-SliceSelectorOption = Marionette.ItemView.extend({
- template: "#xos-sliceselector-option",
- tagName: "option",
- attributes: function() {
- if (this.options.selectedID == this.model.get("id")) {
- return { value: this.model.get("id"), selected: 1 };
- } else {
- return { value: this.model.get("id") };
- }
- },
-});
-
-SliceSelectorView = FilteredCompositeView.extend({
- template: "#xos-sliceselector-select",
- childViewContainer: "select",
- childView: SliceSelectorOption,
- caption: "Slice",
-
- events: {"change select": "onSliceChanged"},
-
- childViewOptions: function() {
- return { selectedID: this.options.selectedID || this.selectedID || null };
- },
-
- onSliceChanged: function() {
- this.sliceChanged(this.$el.find("select").val());
- },
-
- sliceChanged: function(id) {
- console.log("sliceChanged " + id);
- },
-
- templateHelpers: function() { return {caption: this.options.caption || this.caption }; },
-});
-
-XOSRouter = Marionette.AppRouter.extend({
- initialize: function() {
- this.routeStack=[];
- },
-
- onRoute: function(x,y,z) {
- this.routeStack.push(Backbone.history.fragment);
- this.routeStack = this.routeStack.slice(-32); // limit the size of routeStack to something reasonable
- },
-
- prevPage: function() {
- return this.routeStack.slice(-1)[0];
- },
-
- showPreviousURL: function() {
- prevPage = this.prevPage();
- //console.log("showPreviousURL");
- //console.log(this.routeStack);
- if (prevPage) {
- this.navigate("#"+prevPage, {trigger: false, replace: true} );
- }
- },
-
- navigate: function(href, options) {
- if (options.force) {
- Marionette.AppRouter.prototype.navigate.call(this, "nowhere", {trigger: false, replace: true});
- }
- Marionette.AppRouter.prototype.navigate.call(this, href, options);
- },
- });
-
-// XXX - We import backbone multiple times (BAD!) since the import happens
-// inside of the view's html. The second time it's imported (developer
-// view), it wipes out Backbone.Syphon. So, save it as Backbone_Syphon for
-// now.
-Backbone_Syphon = Backbone.Syphon
-Backbone_Syphon.InputReaders.register('select', function(el) {
- // Modify syphon so that if a select has "syphonall" in the class, then
- // the value of every option will be returned, regardless of whether of
- // not it is selected.
- if (el.hasClass("syphonall")) {
- result = [];
- _.each(el.find("option"), function(option) {
- result.push($(option).val());
- });
- return result;
- }
- return el.val();
-});
-
-XOSApplication = Marionette.Application.extend({
- detailBoxId: "#detailBox",
- errorBoxId: "#errorBox",
- errorCloseButtonId: "#close-error-box",
- successBoxId: "#successBox",
- successCloseButtonId: "#close-success-box",
- errorTemplate: "#xos-error-template",
- successTemplate: "#xos-success-template",
- logMessageCount: 0,
-
- confirmDialog: function(view, event, callback) {
- $("#xos-confirm-dialog").dialog({
- autoOpen: false,
- modal: true,
- buttons : {
- "Confirm" : function() {
- $(this).dialog("close");
- if (event) {
- view.trigger(event);
- }
- if (callback) {
- callback();
- }
- },
- "Cancel" : function() {
- $(this).dialog("close");
- }
- }
- });
- $("#xos-confirm-dialog").dialog("open");
- },
-
- popupErrorDialog: function(responseText) {
- try {
- parsed_error=$.parseJSON(responseText);
- width=300;
- }
- catch(err) {
- parsed_error=undefined;
- width=640; // django stacktraces like wide width
- }
-
- console.log(responseText);
- console.log(parsed_error);
-
- if (parsed_error && ("detail" in parsed_error)) {
- parsed_error = parsed_error["detail"];
- }
-
- if (parsed_error && ("error" in parsed_error)) {
- if ((!parsed_error.reasons) && (parsed_error.fields)) {
- // deal with me renaming 'reasons' to 'fields'
- parsed_error.reasons = parsed_error.fields;
- }
- // this error comes from genapi views
- $("#xos-error-dialog").html(templateFromId("#xos-error-response")(parsed_error));
- } else {
- $("#xos-error-dialog").html(templateFromId("#xos-error-rawresponse")({responseText: strip_scripts(responseText)}))
- }
-
- $("#xos-error-dialog").dialog({
- modal: true,
- width: width,
- buttons: {
- Ok: function() { $(this).dialog("close"); }
- }
- });
- },
-
- hideLinkedItems: function(result) {
- var index=0;
- while (index<4) {
- this["linkedObjs" + (index+1)].empty();
- index = index + 1;
- }
- },
-
- hideTabs: function() { $("#tabs").hide(); },
- showTabs: function() { $("#tabs").show(); },
-
- createListHandler: function(listViewName, collection_name, regionName, title) {
- var app=this;
- return function() {
- listView = new app[listViewName];
- app[regionName].show(listView);
- app.hideLinkedItems();
- $("#contentTitle").html(templateFromId("#xos-title-list")({"title": title}));
- $(document).attr('title', title);
- $("#detail").show();
- app.hideTabs();
-
- listButtons = new XOSListButtonView({linkedView: listView});
- app["rightButtonPanel"].show(listButtons);
- }
- },
-
- createAddHandler: function(detailName, collection_name, regionName, title) {
- var app=this;
- return function() {
- console.log("addHandler");
-
- app.hideLinkedItems();
- app.hideTabs();
-
- model = new xos[collection_name].model();
- detailViewClass = app[detailName];
- detailView = new detailViewClass({model: model, collection:xos[collection_name]});
- app[regionName].show(detailView);
-
- detailButtons = new XOSDetailButtonView({linkedView: detailView});
- app["rightButtonPanel"].show(detailButtons);
- }
- },
-
- createAddChildHandler: function(addChildName, collection_name) {
- var app=this;
- return function(parent_modelName, parent_fieldName, parent_id) {
- app.Router.showPreviousURL();
- model = new xos[collection_name].model();
- model.attributes[parent_fieldName] = parent_id;
- model.readOnlyFields.push(parent_fieldName);
- detailViewClass = app[addChildName];
- var detailView = new detailViewClass({model: model, collection:xos[collection_name]});
- detailView.dialog = $("xos-addchild-dialog");
- app["addChildDetail"].show(detailView);
- $("#xos-addchild-dialog").dialog({
- autoOpen: false,
- modal: true,
- width: 640,
- buttons : {
- "Save" : function() {
- var addDialog = this;
- detailView.synchronous = true;
- detailView.afterSave = function() { console.log("addChild afterSave"); $(addDialog).dialog("close"); }
- detailView.save();
-
- //$(this).dialog("close");
- },
- "Cancel" : function() {
- $(this).dialog("close");
- }
- }
- });
- $("#xos-addchild-dialog").dialog("open");
- }
- },
-
- createDeleteHandler: function(collection_name) {
- var app=this;
- return function(model_id) {
- console.log("deleteCalled");
- collection = xos[collection_name];
- model = collection.get(model_id);
- assert(model!=undefined, "failed to get model " + model_id + " from collection " + collection_name);
- app.Router.showPreviousURL();
- app.deleteDialog(model);
- }
- },
-
- createDetailHandler: function(detailName, collection_name, regionName, title) {
- var app=this;
- var detail_title=title;
- showModelId = function(model_id) {
- collection = xos[collection_name];
- model = collection.get(model_id);
- if (model == undefined) {
- app[regionName].show(new HTMLView({html: "failed to load object " + model_id + " from collection " + collection_name}));
- } else {
- var title = detail_title + ": " + model.attributes.humanReadableName;
-
- $("#contentTitle").html(templateFromId("#xos-title-detail")({"title": title}));
-
- $(document).attr('title', title);
-
- detailViewClass = app[detailName];
- detailView = new detailViewClass({model: model});
- app[regionName].show(detailView);
- detailView.showLinkedItems();
-
- detailButtons = new XOSDetailButtonView({linkedView: detailView});
- app["rightButtonPanel"].show(detailButtons);
- }
- }
- return showModelId;
- },
-
- /* error handling callbacks */
-
- hideError: function() {
- if (this.logWindowId) {
- } else {
- $(this.errorBoxId).hide();
- $(this.successBoxId).hide();
- }
- },
-
- showSuccess: function(result) {
- result["statusclass"] = "success";
- if (this.logTableId) {
- this.appendLogWindow(result);
- } else {
- $(this.successBoxId).show();
- $(this.successBoxId).html(_.template($(this.successTemplate).html())(result));
- var that=this;
- $(this.successCloseButtonId).unbind().bind('click', function() {
- $(that.successBoxId).hide();
- });
- }
- },
-
- showError: function(result) {
- result["statusclass"] = "failure";
- if (this.logTableId) {
- this.appendLogWindow(result);
- this.popupErrorDialog(result.responseText);
- } else {
- // this is really old stuff
- $(this.errorBoxId).show();
- $(this.errorBoxId).html(_.template($(this.errorTemplate).html())(result));
- var that=this;
- $(this.errorCloseButtonId).unbind().bind('click', function() {
- $(that.errorBoxId).hide();
- });
- }
- },
-
- showInformational: function(result) {
- result["statusclass"] = "inprog";
- if (this.logTableId) {
- return this.appendLogWindow(result);
- } else {
- return undefined;
- }
- },
-
- appendLogWindow: function(result) {
- // compute a new logMessageId for this log message
- logMessageId = "logMessage" + this.logMessageCount;
- this.logMessageCount = this.logMessageCount + 1;
- result["logMessageId"] = logMessageId;
-
- logMessageTemplate=$("#xos-log-template").html();
- assert(logMessageTemplate != undefined, "logMessageTemplate is undefined");
- newRow = _.template(logMessageTemplate, result);
- assert(newRow != undefined, "newRow is undefined");
-
- if (result["infoMsgId"] != undefined) {
- // We were passed the logMessageId of an informational message,
- // and the caller wants us to replace that message with our own.
- // i.e. replace an informational message with a success or an error.
- $("#"+result["infoMsgId"]).replaceWith(newRow);
- } else {
- // Create a brand new log message rather than replacing one.
- logTableBody = $(this.logTableId + " tbody");
- logTableBody.prepend(newRow);
- }
-
- if (this.statusMsgId) {
- $(this.statusMsgId).html( templateFromId("#xos-status-template")(result) );
- }
-
- limitTableRows(this.logTableId, 5);
-
- return logMessageId;
- },
-
- saveError: function(model, result, xhr, infoMsgId) {
- console.log("saveError");
- result["what"] = "save " + model.modelName + " " + model.attributes.humanReadableName;
- result["infoMsgId"] = infoMsgId;
- this.showError(result);
- },
-
- saveSuccess: function(model, result, xhr, infoMsgId, addToCollection) {
- console.log("saveSuccess");
- if (model.addToCollection) {
- console.log("addToCollection");
- console.log(model.addToCollection);
- model.addToCollection.add(model);
- model.addToCollection.sort();
- model.addToCollection = undefined;
- }
- result = {status: xhr.xhr.status, statusText: xhr.xhr.statusText};
- result["what"] = "save " + model.modelName + " " + model.attributes.humanReadableName;
- result["infoMsgId"] = infoMsgId;
- this.showSuccess(result);
- },
-
- destroyError: function(model, result, xhr, infoMsgId) {
- result["what"] = "destroy " + model.modelName + " " + model.attributes.humanReadableName;
- result["infoMsgId"] = infoMsgId;
- this.showError(result);
- },
-
- destroySuccess: function(model, result, xhr, infoMsgId) {
- result = {status: xhr.xhr.status, statusText: xhr.xhr.statusText};
- result["what"] = "destroy " + model.modelName + " " + model.attributes.humanReadableName;
- result["infoMsgId"] = infoMsgId;
- this.showSuccess(result);
- },
-
- /* end error handling callbacks */
-
- destroyModel: function(model) {
- //console.log("destroyModel"); console.log(model);
- this.hideError();
- var infoMsgId = this.showInformational( {what: "destroy " + model.modelName + " " + model.attributes.humanReadableName, status: "", statusText: "in progress..."} );
- var that = this;
- model.destroy({error: function(model, result, xhr) { that.destroyError(model,result,xhr,infoMsgId);},
- success: function(model, result, xhr) { that.destroySuccess(model,result,xhr,infoMsgId);}});
- },
-
- deleteDialog: function(model, afterDelete) {
- var that=this;
- assert(model!=undefined, "deleteDialog's model is undefined");
- //console.log("deleteDialog"); console.log(model);
- this.confirmDialog(null, null, function() {
- //console.log("deleteConfirm"); console.log(model);
- modelName = model.modelName;
- that.destroyModel(model);
- if (afterDelete=="list") {
- that.navigate("list", modelName);
- } else if (afterDelete) {
- afterDelete();
- }
- });
- },
-});
-
-XOSButtonView = Marionette.ItemView.extend({
- events: {"click button.btn-xos-save-continue": "submitContinueClicked",
- "click button.btn-xos-save-leave": "submitLeaveClicked",
- "click button.btn-xos-save-another": "submitAddAnotherClicked",
- "click button.btn-xos-delete": "deleteClicked",
- "click button.btn-xos-add": "addClicked",
- "click button.btn-xos-refresh": "refreshClicked",
- },
-
- submitLeaveClicked: function(e) {
- this.options.linkedView.submitLeaveClicked.call(this.options.linkedView, e);
- },
-
- submitContinueClicked: function(e) {
- this.options.linkedView.submitContinueClicked.call(this.options.linkedView, e);
- },
-
- submitAddAnotherClicked: function(e) {
- this.options.linkedView.submitAddAnotherClicked.call(this.options.linkedView, e);
- },
-
- submitDeleteClicked: function(e) {
- this.options.linkedView.deleteClicked.call(this.options.linkedView, e);
- },
-
- addClicked: function(e) {
- this.options.linkedView.addClicked.call(this.options.linkedView, e);
- },
-
- refreshClicked: function(e) {
- this.options.linkedView.refreshClicked.call(this.options.linkedView, e);
- },
-
- templateHelpers: function() { return {disableAdd: this.options.linkedView.disableAdd }; },
- });
-
-
-XOSDetailButtonView = XOSButtonView.extend({ template: "#xos-savebuttons-template" });
-XOSListButtonView = XOSButtonView.extend({ template: "#xos-listbuttons-template" });
-
-/* XOSDetailView
- extend with:
- app - MarionetteApplication
- template - template (See XOSHelper.html)
-*/
-
-XOSDetailView = Marionette.ItemView.extend({
- tagName: "div",
-
- viewInitializers: [],
-
- events: {"click button.btn-xos-save-continue": "submitContinueClicked",
- "click button.btn-xos-save-leave": "submitLeaveClicked",
- "click button.btn-xos-save-another": "submitAddAnotherClicked",
- "click button.btn-xos-delete": "deleteClicked",
- "change input": "inputChanged"},
-
- /* inputChanged is watching the onChange events of the input controls. We
- do this to track when this view is 'dirty', so we can throw up a warning
- if the user tries to change his slices without saving first.
- */
-
- initialize: function() {
- this.on("saveSuccess", this.onSaveSuccess);
- this.synchronous = false;
- },
-
- onShow: function() {
- _.each(this.viewInitializers, function(initializer) {
- initializer();
- });
- },
-
- saveSuccess: function(e) {
- // always called after a save succeeds
- },
-
- afterSave: function(e) {
- // if this.synchronous, then called after the save succeeds
- // if !this.synchronous, then called after save is initiated
- },
-
- onSaveSuccess: function(e) {
- this.saveSuccess(e);
- if (this.synchronous) {
- this.afterSave(e);
- }
- },
-
- inputChanged: function(e) {
- this.dirty = true;
- },
-
- submitContinueClicked: function(e) {
- console.log("saveContinue");
- e.preventDefault();
- this.afterSave = function() { };
- this.save();
- },
-
- submitLeaveClicked: function(e) {
- console.log("saveLeave");
- e.preventDefault();
- if (this.options.noSubmitButton || this.noSubmitButton) {
- return;
- }
- var that=this;
- this.afterSave = function() {
- that.app.navigate("list", that.model.modelName);
- }
- this.save();
- },
-
- submitAddAnotherClicked: function(e) {
- console.log("saveAnother");
- console.log(this);
- e.preventDefault();
- var that=this;
- this.afterSave = function() {
- console.log("addAnother afterSave");
- that.app.navigate("add", that.model.modelName);
- }
- this.save();
- },
-
- save: function() {
- this.app.hideError();
- var data = Backbone_Syphon.serialize(this);
- var that = this;
- var isNew = !this.model.id;
-
- console.log('data', data);
-
- this.$el.find(".help-inline").remove();
-
- /* although model.validate() is called automatically by
- model.save, we call it ourselves, so we can throw up our
- validation error before creating the infoMsg in the log
- */
-
- errors = this.model.xosValidate(data);
-
- if (errors) {
- this.onFormDataInvalid(errors);
- return;
- }
-
- if (isNew) {
- this.model.attributes.humanReadableName = "new " + this.model.modelName;
- this.model.addToCollection = this.collection;
- } else {
- this.model.addToCollection = undefined;
- }
-
- var infoMsgId = this.app.showInformational( {what: "save " + this.model.modelName + " " + this.model.attributes.humanReadableName, status: "", statusText: "in progress..."} );
-
- this.model.save(data, {error: function(model, result, xhr) { that.app.saveError(model,result,xhr,infoMsgId);},
- success: function(model, result, xhr) { that.app.saveSuccess(model,result,xhr,infoMsgId);
- that.trigger("saveSuccess");
- }});
- this.dirty = false;
-
- if (!this.synchronous) {
- this.afterSave();
- }
- },
-
- deleteClicked: function(e) {
- e.preventDefault();
- this.app.deleteDialog(this.model, "list");
- },
-
- tabClick: function(tabId, regionName) {
- region = this.app[regionName];
- if (this.currentTabRegion != undefined) {
- this.currentTabRegion.$el.hide();
- }
- if (this.currentTabId != undefined) {
- $(this.currentTabId).removeClass('active');
- }
- this.currentTabRegion = region;
- this.currentTabRegion.$el.show();
-
- this.currentTabId = tabId;
- $(tabId).addClass('active');
- },
-
- showTabs: function(tabs) {
- template = templateFromId("#xos-tabs-template", {tabs: tabs});
- $("#tabs").html(template(tabs));
- var that = this;
-
- _.each(tabs, function(tab) {
- var regionName = tab["region"];
- var tabId = '#xos-nav-'+regionName;
- $(tabId).bind('click', function() { that.tabClick(tabId, regionName); });
- });
-
- $("#tabs").show();
- },
-
- showLinkedItems: function() {
- tabs=[];
-
- tabs.push({name: "details", region: "detail"});
-
- makeFilter = function(relatedField, relatedId) {
- return function(model) { return model.attributes[relatedField] == relatedId; }
- };
-
- var index=0;
- for (relatedName in this.model.collection.relatedCollections) {
- var relatedField = this.model.collection.relatedCollections[relatedName];
- var relatedId = this.model.id;
- regionName = "linkedObjs" + (index+1);
-
- relatedListViewClassName = relatedName + "ListView";
- assert(this.app[relatedListViewClassName] != undefined, relatedListViewClassName + " not found");
- relatedListViewClass = this.app[relatedListViewClassName].extend({collection: xos[relatedName],
- filter: makeFilter(relatedField, relatedId),
- parentModel: this.model});
- this.app[regionName].show(new relatedListViewClass());
- if (this.app.hideTabsByDefault) {
- this.app[regionName].$el.hide();
- }
- tabs.push({name: relatedName, region: regionName});
- index = index + 1;
- }
-
- while (index<4) {
- this.app["linkedObjs" + (index+1)].empty();
- index = index + 1;
- }
-
- this.showTabs(tabs);
- this.tabClick('#xos-nav-detail', 'detail');
- },
-
- onFormDataInvalid: function(errors) {
-
-
- var self=this;
-
- var markErrors = function(value, key) {
- var $inputElement = self.$el.find("[name='" + key + "']");
- var $inputContainer = $inputElement.parent();
- //$inputContainer.find(".help-inline").remove();
- // var $errorEl = $("<span>", {class: "help-inline error", text: value});
- $inputContainer.find(".alert.alert-danger").remove();
- var $errorEl = $("<span>", {class: "alert alert-danger", text: value});
- $inputContainer.append($errorEl).addClass("error");
- }
- _.each(errors, markErrors);
- },
-
- templateHelpers: function() { return { modelName: this.model.modelName,
- collectionName: this.model.collectionName,
- addFields: this.model.addFields,
- listFields: this.model.listFields,
- detailFields: this.options.detailFields || this.detailFields || this.model.detailFields,
- fieldDisplayNames: this.options.fieldDisplayNames || this.fieldDisplayNames || this.model.fieldDisplayNames || {},
- foreignFields: this.model.foreignFields,
- detailLinkFields: this.model.detailLinkFields,
- inputType: this.model.inputType,
- model: this.model,
- detailView: this,
- choices: this.options.choices || this.choices || this.model.choices || {},
- helpText: this.options.helpText || this.helpText || this.model.helpText || {},
- }},
-
- disableAdd: function() { return this.disableAdd || this.options.disableAdd || this.model.disableAdd; },
-});
-
-XOSDetailView_instance = XOSDetailView.extend( {
- events: $.extend(XOSDetailView.events,
- {"change #field_deployment": "onDeploymentChange"}
- ),
-
- onShow: function() {
- // Note that this causes the selects to be updated a second time. The
- // first time was when the template was originally invoked, and the
- // selects will all have the full unfiltered set of candidates. Then
- // onShow will fire, and we'll update them with the filtered values.
- this.onDeploymentChange();
- },
-
- onDeploymentChange: function(e) {
- var deploymentID = this.$el.find("#field_deployment").val();
-
- //console.log("onDeploymentChange");
-
- filterFunc = function(model) { for (index in xos.siteDeployments.models) {
- site_deployment = xos.siteDeployments.models[index];
- if (site_deployment.attributes.id == model.attributes.site_deployment) {
- return (site_deployment.attributes.deployment == deploymentID);
- }
- }
- return false;
- // return (model.attributes.deployment==deploymentID); }
- };
- newSelect = idToSelect("node",
- this.model.attributes.node,
- this.model.foreignFields["node"],
- "humanReadableName",
- false,
- filterFunc);
- this.$el.find("#field_node").html(newSelect);
-
- filterFunc = function(model) { for (index in model.attributes.deployments) {
- if (model.attributes.deployments[index] == deploymentID) return true;
- };
- return false;
- }
- newSelect = idToSelect("flavor",
- this.model.attributes.flavor,
- this.model.foreignFields["flavor"],
- "humanReadableName",
- false,
- filterFunc);
- this.$el.find("#field_flavor").html(newSelect);
-
- filterFunc = function(model) { for (index in model.attributes.deployments) {
- if (model.attributes.deployments[index] == deploymentID) return true;
- };
- return false;
- };
- newSelect = idToSelect("image",
- this.model.attributes.image,
- this.model.foreignFields["image"],
- "humanReadableName",
- false,
- filterFunc);
- this.$el.find("#field_image").html(newSelect);
- },
-});
-
-/* XOSItemView
- This is for items that will be displayed as table rows.
- extend with:
- app - MarionetteApplication
- template - template (See XOSHelper.html)
-*/
-
-XOSItemView = Marionette.ItemView.extend({
- tagName: 'tr',
- className: 'test-tablerow',
-
- templateHelpers: function() { return { modelName: this.model.modelName,
- collectionName: this.model.collectionName,
- listFields: this.model.listFields,
- addFields: this.model.addFields,
- detailFields: this.model.detailFields,
- foreignFields: this.model.foreignFields,
- detailLinkFields: this.model.detailLinkFields,
- inputType: this.model.inputType,
- model: this.model,
- }},
-});
-
-/* XOSListView:
- extend with:
- app - MarionetteApplication
- childView - class of ItemView, probably an XOSItemView
- template - template (see xosHelper.html)
- collection - collection that holds these objects
- title - title to display in template
-*/
-
-XOSListView = FilteredCompositeView.extend({
- childViewContainer: 'tbody',
- parentModel: null,
-
- events: {"click button.btn-xos-add": "addClicked",
- "click button.btn-xos-refresh": "refreshClicked",
- },
-
- _fetchStateChange: function() {
- if (this.collection.fetching) {
- $("#xos-list-title-spinner").show();
- } else {
- $("#xos-list-title-spinner").hide();
- }
- },
-
- addClicked: function(e) {
- e.preventDefault();
- this.app.Router.navigate("add" + firstCharUpper(this.collection.modelName), {trigger: true});
- },
-
- refreshClicked: function(e) {
- e.preventDefault();
- this.collection.refresh(refreshRelated=true);
- },
-
- initialize: function() {
- this.listenTo(this.collection, 'change', this._renderChildren)
- this.listenTo(this.collection, 'sort', function() { console.log("sort"); })
- this.listenTo(this.collection, 'add', function() { console.log("add"); })
- this.listenTo(this.collection, 'fetchStateChange', this._fetchStateChange);
-
- // Because many of the templates use idToName(), we need to
- // listen to the collections that hold the names for the ids
- // that we want to display.
- for (i in this.collection.foreignCollections) {
- foreignName = this.collection.foreignCollections[i];
- if (xos[foreignName] == undefined) {
- console.log("Failed to find xos class " + foreignName);
- }
- this.listenTo(xos[foreignName], 'change', this._renderChildren);
- this.listenTo(xos[foreignName], 'sort', this._renderChildren);
- }
- },
-
- getAddChildHash: function() {
- if (this.parentModel) {
- parentFieldName = this.parentModel.relatedCollections[this.collection.collectionName];
- parentFieldName = parentFieldName || "unknown";
-
- /*parentFieldName = "unknown";
-
- for (fieldName in this.collection.foreignFields) {
- cname = this.collection.foreignFields[fieldName];
- if (cname = this.collection.collectionName) {
- parentFieldName = fieldName;
- }
- }*/
- return "#addChild" + firstCharUpper(this.collection.modelName) + "/" + this.parentModel.modelName + "/" + parentFieldName + "/" + this.parentModel.id; // modelName, fieldName, id
- } else {
- return null;
- }
- },
-
- templateHelpers: function() {
- return { title: this.title,
- addChildHash: this.getAddChildHash(),
- foreignFields: this.collection.foreignFields,
- listFields: this.collection.listFields,
- detailLinkFields: this.collection.detailLinkFields, };
- },
-
- disableAdd: function() { return this.disableAdd || this.options.disableAdd || this.collection.disableAdd; }
-});
-
-XOSDataTableView = Marionette.View.extend( {
- el: '<div style="overflow: hidden">' +
- '<h3 class="xos-list-title title_placeholder"></h3>' +
- '<div class="header_placeholder"></div>' +
- '<table></table>' +
- '<div class="footer_placeholder"></div>' +
- '</div>',
-
- filter: undefined,
-
- events: {"click button.btn-xos-add": "addClicked",
- "click button.btn-xos-refresh": "refreshClicked",
- },
-
- _fetchStateChange: function() {
- if (this.collection.fetching) {
- $("#xos-list-title-spinner").show();
- } else {
- $("#xos-list-title-spinner").hide();
- }
- },
-
- addClicked: function(e) {
- e.preventDefault();
- this.app.Router.navigate("add" + firstCharUpper(this.collection.modelName), {trigger: true});
- },
-
- refreshClicked: function(e) {
- e.preventDefault();
- this.collection.refresh(refreshRelated=true);
- },
-
-
- initialize: function() {
- $(this.el).find(".footer_placeholder").html( xosListFooterTemplate({addChildHash: this.getAddChildHash()}) );
- $(this.el).find(".header_placeholder").html( xosListHeaderTemplate() );
-
- this.listenTo(this.collection, 'fetchStateChange', this._fetchStateChange);
- },
-
- render: function() {
- var view = this;
- var fieldDisplayNames = view.options.fieldDisplayNames || view.fieldDisplayNames || {};
-
- view.columnsByIndex = [];
- view.columnsByFieldName = {};
- _.each(this.collection.listFields, function(fieldName) {
- inputType = view.options.inputType || view.inputType || {};
- mRender = undefined;
- mSearchText = undefined;
- sTitle = fieldName in fieldDisplayNames ? fieldDisplayNames[fieldName] : fieldNameToHumanReadable(fieldName);
- bSortable = true;
- if (fieldName=="backend_status") {
- mRender = function(x,y,z) { return xosBackendStatusIconTemplate(z); };
- sTitle = "";
- bSortable = false;
- } else if (fieldName in view.collection.foreignFields) {
- var foreignCollection = view.collection.foreignFields[fieldName];
- mSearchText = function(x) { return idToName(x, foreignCollection, "humanReadableName"); };
- } else if (inputType[fieldName] == "spinner") {
- mRender = function(x,y,z) { return xosDataTableSpinnerTemplate( {value: x, collectionName: view.collection.collectionName, fieldName: fieldName, id: z.id, app: view.app} ); };
- }
- if ($.inArray(fieldName, view.collection.detailLinkFields)>=0) {
- var collectionName = view.collection.collectionName;
- mRender = function(x,y,z) { return '<a href="#' + collectionName + '/' + z.id + '">' + x + '</a>'; };
- }
- thisColumn = {sTitle: sTitle, bSortable: bSortable, mData: fieldName, mRender: mRender, mSearchText: mSearchText};
- view.columnsByIndex.push( thisColumn );
- view.columnsByFieldName[fieldName] = thisColumn;
- });
-
- if (!view.noDeleteColumn) {
- deleteColumn = {sTitle: "", bSortable: false, mRender: function(x,y,z) { return xosDeleteButtonTemplate({modelName: view.collection.modelName, id: z.id}); }, mData: function() { return "delete"; }};
- view.columnsByIndex.push(deleteColumn);
- view.columnsByFieldName["delete"] = deleteColumn;
- };
-
- oTable = $(this.el).find("table").dataTable( {
- "bJQueryUI": true,
- "bStateSave": true,
- "bServerSide": true,
- "bFilter": ! (view.options.disableFilter || view.disableFilter),
- "bPaginate": ! (view.options.disablePaginate || view.disablePaginate),
- "aoColumns": view.columnsByIndex,
-
- fnServerData: function(sSource, aoData, fnCallback, settings) {
- var compareColumns = function(sortCols, sortDirs, a, b) {
- a = a[sortCols[0]];
- b = b[sortCols[0]];
- result = (a==b) ? 0 : ((a<b) ? -1 : 1);
- if (sortDirs[0] == "desc") {
- result = -result;
- }
- return result;
- };
-
- var searchMatch = function(row, sSearch) {
- for (fieldName in row) {
- if (fieldName in view.columnsByFieldName) {
- try {
- value = row[fieldName].toString();
- } catch(e) {
- continue;
- }
- if (value.indexOf(sSearch) >= 0) {
- return true;
- }
- }
- }
- return false;
- };
-
- //console.log(aoData);
-
- // function used to populate the DataTable with the current
- // content of the collection
- var populateTable = function()
- {
- //console.log("populatetable!");
-
- // clear out old row views
- rows = [];
-
- sSearch = null;
- iDisplayStart = 0;
- iDisplayLength = 1000;
- sortDirs = [];
- sortCols = [];
- _.each(aoData, function(param) {
- if (param.name == "sSortDir_0") {
- sortDirs = [param.value];
- } else if (param.name == "iSortCol_0") {
- sortCols = [view.columnsByIndex[param.value].mData];
- } else if (param.name == "iDisplayStart") {
- iDisplayStart = param.value;
- } else if (param.name == "iDisplayLength") {
- iDisplayLength = param.value;
- } else if (param.name == "sSearch") {
- sSearch = param.value;
- }
- });
-
- aaData = view.collection.toJSON();
-
- // apply backbone filtering on the models
- if (view.filter) {
- aaData = aaData.filter( function(row) { model = {}; model.attributes = row; return view.filter(model); } );
- }
-
- var totalSize = aaData.length;
-
- // turn the ForeignKey fields into human readable things
- for (rowIndex in aaData) {
- row = aaData[rowIndex];
- for (fieldName in row) {
- if (fieldName in view.columnsByFieldName) {
- mSearchText = view.columnsByFieldName[fieldName].mSearchText;
- if (mSearchText) {
- row[fieldName] = mSearchText(row[fieldName]);
- }
- }
- }
- }
-
- // apply datatables search
- if (sSearch) {
- aaData = aaData.filter( function(row) { return searchMatch(row, sSearch); });
- }
-
- var filteredSize = aaData.length;
-
- // apply datatables sort
- aaData.sort(function(a,b) { return compareColumns(sortCols, sortDirs, a, b); });
-
- // slice it for pagination
- if (iDisplayLength >= 0) {
- aaData = aaData.slice(iDisplayStart, iDisplayStart+iDisplayLength);
- }
-
- return fnCallback({iTotalRecords: totalSize,
- iTotalDisplayRecords: filteredSize,
- aaData: aaData});
- };
-
- aoData.shift(); // ignore sEcho
- populateTable();
-
- view.listenTo(view.collection, 'change', populateTable);
- view.listenTo(view.collection, 'add', populateTable);
- view.listenTo(view.collection, 'remove', populateTable);
- },
- } );
-
- return this;
- },
-
- getAddChildHash: function() {
- if (this.parentModel) {
- parentFieldName = this.parentModel.relatedCollections[this.collection.collectionName];
- parentFieldName = parentFieldName || "unknown";
-
- /*parentFieldName = "unknown";
-
- for (fieldName in this.collection.foreignFields) {
- cname = this.collection.foreignFields[fieldName];
- if (cname = this.collection.collectionName) {
- parentFieldName = fieldName;
- }
- }*/
- return "#addChild" + firstCharUpper(this.collection.modelName) + "/" + this.parentModel.modelName + "/" + parentFieldName + "/" + this.parentModel.id; // modelName, fieldName, id
- } else {
- return null;
- }
- },
-
- disableAdd: function() { return this.disableAdd || this.options.disableAdd || this.collection.disableAdd; },
-
-});
-
-idToName = function(id, collectionName, fieldName) {
- return xos.idToName(id, collectionName, fieldName);
-};
-
-makeIdToName = function(collectionName, fieldName) {
- return function(id) { return idToName(id, collectionName, fieldName); }
-};
-
-/* Constructs lists of <option> html blocks for items in a collection.
-
- selectedId = the id of an object that should be selected, if any
- collectionName = name of collection
- fieldName = name of field within models of collection that will be displayed
-*/
-
-idToOptions = function(selectedId, collectionName, fieldName, filterFunc) {
- result=""
- for (index in xos[collectionName].models) {
- linkedObject = xos[collectionName].models[index];
- linkedId = linkedObject["id"];
- linkedName = linkedObject.attributes[fieldName];
- if (linkedId == selectedId) {
- selected = " selected";
- } else {
- selected = "";
- }
- if ((filterFunc) && (!filterFunc(linkedObject))) {
- continue;
- }
- result = result + '<option value="' + linkedId + '"' + selected + '>' + linkedName + '</option>';
- }
- return result;
-};
-
-/* Constructs an html <select> and the <option>s to go with it.
-
- variable = variable name to return to form
- selectedId = the id of an object that should be selected, if any
- collectionName = name of collection
- fieldName = name of field within models of collection that will be displayed
-*/
-
-idToSelect = function(variable, selectedId, collectionName, fieldName, readOnly, filterFunc) {
- if (readOnly) {
- readOnly = " readonly";
- } else {
- readOnly = "";
- }
- result = '<select class="form-control" name="' + variable + '" id="field_' + variable + '"' + readOnly + '>' +
- idToOptions(selectedId, collectionName, fieldName, filterFunc) +
- '</select>';
- return result;
-}
-
-choicesToOptions = function(selectedValue, choices) {
- result="";
- for (index in choices) {
- choice = choices[index];
- displayName = choice[0];
- value = choice[1];
- if (value == selectedValue) {
- selected = " selected";
- } else {
- selected = "";
- }
- result = result + '<option value="' + value + '"' + selected + '>' + displayName + '</option>';
- }
- return result;
-}
-
-choicesToSelect = function(variable, selectedValue, choices) {
- result = '<select class="form-control" name="' + variable + '" id="field_' + variable + '">' +
- choicesToOptions(selectedValue, choices) +
- '</select>';
- return result;
-}
-
-escapeForFormField = function(s) {
- if (s===undefined) {
- return "";
- } else {
- return String(s).replace(/"/g,'"')
- }
-}
-/* eslint-enable */
\ No newline at end of file
diff --git a/xos/core/xoslib/static/js/xsh/constants.js b/xos/core/xoslib/static/js/xsh/constants.js
deleted file mode 100644
index 97b690a..0000000
--- a/xos/core/xoslib/static/js/xsh/constants.js
+++ /dev/null
@@ -1,39 +0,0 @@
-// TryMongo
-//
-// Copyright (c) 2009 Kyle Banker
-// Licensed under the MIT Licence.
-// http://www.opensource.org/licenses/mit-license.php
-
-var DefaultInputHtml = function(stack) {
- var linePrompt = "";
- if(stack == 0) {
- linePrompt += "<span class='prompt'> ></span>";
- }
- else {
- for(var i=0; i <= stack; i++) {
- linePrompt += "<span class='prompt'>.</span>";
- }
- }
- return "<div class='terminal_line'>" +
- linePrompt +
- "<input type='text' class='readLine active' />" +
- "</div>";
-}
-
-var EnterKeyCode = 13;
-var UpArrowKeyCode = 38;
-var DownArrowKeyCode = 40;
-
-var PTAG = function(str) {
- return '<pre class="terminal_help">' + str + '</pre>';
-}
-
-var BR = function() {
- return "<br/>";
-}
-
-var JavascriptKeywords = ['abstract', 'boolean', 'break', 'byte', 'case', 'catch', 'char', 'class', 'const', 'continue', 'debugger', 'default', 'delete', 'do', 'double', 'else', 'enum', 'export', 'extends', 'false', 'final', 'finally', 'float', 'for', 'function', 'goto', 'if', 'implements', 'import', 'in', 'instanceof', 'int', 'interface', 'long', 'native', 'new', 'null', 'package', 'private', 'protected', 'public', 'return', 'short', 'static', 'super', 'switch', 'synchronized', 'this', 'throw', 'throws', 'transient', 'true', 'try', 'typeof', 'var', 'void', 'volatile', 'while', 'with', 'alert', 'date', 'eval'];
-
-var JavascriptClassNames = ['Array', 'String', 'Object']
-
-var MongoKeywords = ['help','tutorial','next','back','t0','t1','t2','t3','t4'];
diff --git a/xos/core/xoslib/static/js/xsh/object_id.js b/xos/core/xoslib/static/js/xsh/object_id.js
deleted file mode 100644
index 15cbbb9..0000000
--- a/xos/core/xoslib/static/js/xsh/object_id.js
+++ /dev/null
@@ -1,12 +0,0 @@
-var ObjectIdCounter = 0;
-
-var ObjectId = function() {
- this.counter = (ObjectIdCounter += 1);
- this.str = this.counter;
- this.initialize();
- return this.counter;
-};
-
-ObjectId.prototype.initialize = function() {
- return this.counter;
-}
diff --git a/xos/core/xoslib/static/js/xsh/shell_utils.js b/xos/core/xoslib/static/js/xsh/shell_utils.js
deleted file mode 100644
index 8ed5f4f..0000000
--- a/xos/core/xoslib/static/js/xsh/shell_utils.js
+++ /dev/null
@@ -1,548 +0,0 @@
-DB = function() {
-}
-
-print = function(msg) {
- //console.log(msg);
-}
-
-
-friendlyEqual = function( a , b ){
- if ( a == b )
- return true;
-
- if ( tojson( a ) == tojson( b ) )
- return true;
-
- return false;
-}
-
-
-doassert = function( msg ){
- print( "assert: " + msg );
- throw msg;
-}
-
-assert = function( b , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( b )
- return;
-
- doassert( "assert failed : " + msg );
-}
-
-assert.eq = function( a , b , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( a == b )
- return;
-
- if ( ( a != null && b != null ) && friendlyEqual( a , b ) )
- return;
-
- doassert( "[" + tojson( a ) + "] != [" + tojson( b ) + "] are not equal : " + msg );
-}
-
-assert.neq = function( a , b , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
- if ( a != b )
- return;
-
- doassert( "[" + a + "] != [" + b + "] are equal : " + msg );
-}
-
-assert.soon = function( f, msg, timeout, interval ) {
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- var start = new Date();
- timeout = timeout || 30000;
- interval = interval || 200;
- var last;
- while( 1 ) {
-
- if ( typeof( f ) == "string" ){
- if ( eval( f ) )
- return;
- }
- else {
- if ( f() )
- return;
- }
-
- if ( ( new Date() ).getTime() - start.getTime() > timeout )
- doassert( "assert.soon failed: " + f + ", msg:" + msg );
- sleep( interval );
- }
-}
-
-assert.throws = function( func , params , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
- try {
- func.apply( null , params );
- }
- catch ( e ){
- return e;
- }
-
- doassert( "did not throw exception: " + msg );
-}
-
-assert.commandWorked = function( res , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( res.ok == 1 )
- return;
-
- doassert( "command failed: " + tojson( res ) + " : " + msg );
-}
-
-assert.commandFailed = function( res , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( res.ok == 0 )
- return;
-
- doassert( "command worked when it should have failed: " + tojson( res ) + " : " + msg );
-}
-
-assert.isnull = function( what , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( what == null )
- return;
-
- doassert( "supposed to null (" + ( msg || "" ) + ") was: " + tojson( what ) );
-}
-
-assert.lt = function( a , b , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( a < b )
- return;
- doassert( a + " is not less than " + b + " : " + msg );
-}
-
-assert.gt = function( a , b , msg ){
- if ( assert._debug && msg ) print( "in assert for: " + msg );
-
- if ( a > b )
- return;
- doassert( a + " is not greater than " + b + " : " + msg );
-}
-
-Object.extend = function( dst , src , deep ){
- for ( var k in src ){
- var v = src[k];
- if ( deep && typeof(v) == "object" ){
- v = Object.extend( typeof ( v.length ) == "number" ? [] : {} , v , true );
- }
- dst[k] = v;
- }
- return dst;
-}
-
-argumentsToArray = function( a ){
- var arr = [];
- for ( var i=0; i<a.length; i++ )
- arr[i] = a[i];
- return arr;
-}
-
-isString = function( x ){
- return typeof( x ) == "string";
-}
-
-isNumber = function(x){
- return typeof( x ) == "number";
-}
-
-isObject = function( x ){
- return typeof( x ) == "object";
-}
-
-String.prototype.trim = function() {
- return this.replace(/^\s+|\s+$/g,"");
-}
-String.prototype.ltrim = function() {
- return this.replace(/^\s+/,"");
-}
-String.prototype.rtrim = function() {
- return this.replace(/\s+$/,"");
-}
-
-Date.timeFunc = function( theFunc , numTimes ){
-
- var start = new Date();
-
- numTimes = numTimes || 1;
- for ( var i=0; i<numTimes; i++ ){
- theFunc.apply( null , argumentsToArray( arguments ).slice( 2 ) );
- }
-
- return (new Date()).getTime() - start.getTime();
-}
-
-Date.prototype.tojson = function(){
- return "\"" + this.toString() + "\"";
-}
-
-RegExp.prototype.tojson = RegExp.prototype.toString;
-
-Array.contains = function( a , x ){
- for ( var i=0; i<a.length; i++ ){
- if ( a[i] == x )
- return true;
- }
- return false;
-}
-
-Array.unique = function( a ){
- var u = [];
- for ( var i=0; i<a.length; i++){
- var o = a[i];
- if ( ! Array.contains( u , o ) ){
- u.push( o );
- }
- }
- return u;
-}
-
-Array.shuffle = function( arr ){
- for ( var i=0; i<arr.length-1; i++ ){
- var pos = i+Math.floor(Math.random()*(arr.length-i));
- var save = arr[i];
- arr[i] = arr[pos];
- arr[pos] = save;
- }
- return arr;
-}
-
-
-Array.tojson = function( a , indent , x , html){
- if (!indent)
- indent = "";
- var spacer = "";
- if(html) {
- spacer = "<br/>";
- indent = " "
- }
-
- var s = spacer + "[ " + spacer;
- indent += " ";
- for ( var i=0; i<a.length; i++){
- s += indent + tojson( a[i], indent );
- if ( i < a.length - 1 ){
- s += "," + spacer;
- }
- }
- if ( a.length == 0 ) {
- s += indent;
- }
-
- indent = indent.substring(1);
- s += spacer + " "+"]";
- return s;
-}
-
-Array.fetchRefs = function( arr , coll ){
- var n = [];
- for ( var i=0; i<arr.length; i ++){
- var z = arr[i];
- if ( coll && coll != z.getCollection() )
- continue;
- n.push( z.fetch() );
- }
-
- return n;
-}
-
-Array.sum = function( arr ){
- if ( arr.length == 0 )
- return null;
- var s = arr[0];
- for ( var i=1; i<arr.length; i++ )
- s += arr[i];
- return s;
-}
-
-Array.avg = function( arr ){
- if ( arr.length == 0 )
- return null;
- return Array.sum( arr ) / arr.length;
-}
-
-Array.stdDev = function( arr ){
- var avg = Array.avg( arr );
- var sum = 0;
-
- for ( var i=0; i<arr.length; i++ ){
- sum += Math.pow( arr[i] - avg , 2 );
- }
-
- return Math.sqrt( sum / arr.length );
-}
-
-if ( ! ObjectId.prototype )
- ObjectId.prototype = {}
-
-ObjectId.prototype.toString = function(){
- return this.str;
-}
-
-ObjectId.prototype.tojson = function(){
- return "ObjectId(\"" + this.str + "\")";
-}
-
-ObjectId.prototype.isObjectId = true;
-
-tojson = function( x, indent , nolint , html){
- if ( x == null )
- return "null";
-
- if ( x == undefined )
- return "undefined";
-
- if (!indent)
- indent = "";
-
- switch ( typeof x ){
-
- case "string": {
- var s = "\"";
- for ( var i=0; i<x.length; i++ ){
- if ( x[i] == '"' ){
- s += "\\\"";
- }
- else
- s += x[i];
- }
- return s + "\"";
- }
-
- case "number":
- case "boolean":
- return "" + x;
-
- case "object":{
- var s = tojsonObject( x, indent , nolint , html);
- if ( ( nolint == null || nolint == true ) && s.length < 80 && ( indent == null || indent.length == 0 ) ){
- s = s.replace( /[\s\r\n ]+/gm , " " );
- }
- return s;
- }
-
- case "function":
- return x.toString();
-
-
- default:
- throw "tojson can't handle type " + ( typeof x );
- }
-
-}
-
-tojsonObject = function( x, indent , nolint , html){
- if(html) {
- var lineEnding = "<br/>";
- var tabSpace = " ";
- }
- else {
- var lineEnding = nolint ? " " : "\n";
- var tabSpace = nolint ? "" : "\t";
- }
-
- assert.eq( ( typeof x ) , "object" , "tojsonObject needs object, not [" + ( typeof x ) + "]" );
-
- if (!indent)
- indent = "";
-
- if ( x.hasOwnProperty("__str__")) {
- return x.__str__();
- }
-
- if ( typeof( x.tojson ) == "function" && x.tojson != tojson ) {
- return x.tojson(indent,nolint,html);
- }
-
- if ( typeof( x.constructor.tojson ) == "function" && x.constructor.tojson != tojson ) {
- return x.constructor.tojson( x, indent , nolint, html );
- }
-
- if ( x.toString() == "[object MaxKey]" )
- return "{ $maxKey : 1 }";
- if ( x.toString() == "[object MinKey]" )
- return "{ $minKey : 1 }";
-
- var s = "{" + lineEnding;
-
- // push one level of indent
- indent += tabSpace;
-
- var total = 0;
- for ( var k in x ) total++;
- if ( total == 0 ) {
- s += indent + lineEnding;
- }
-
- var keys = x;
- if ( typeof( x._simpleKeys ) == "function" )
- keys = x._simpleKeys();
- var num = 1;
- for ( var k in keys ){
- var val = x[k];
-
- s += indent + "\"" + k + "\" : " + tojson( val, indent , nolint );
- if (num != total) {
- s += ",";
- num++;
- }
- s += lineEnding;
- }
-
- // pop one level of indent
- indent = indent.substring(1);
- return s + indent + "}";
-}
-
-shellPrint = function( x ){
- it = x;
- if ( x != undefined )
- shellPrintHelper( x );
-}
-
-printjson = function(x){
- print( tojson( x ) );
-}
-
-shellPrintHelper = function( x ){
-
- if ( typeof( x ) == "undefined" ){
-
- return;
- }
-
- if ( x == null ){
- print( "null" );
- return;
- }
-
- if ( typeof x != "object" )
- return print( x );
-
- var p = x.shellPrint;
- if ( typeof p == "function" )
- return x.shellPrint();
-
- var p = x.tojson;
- if ( typeof p == "function" )
- print( x.tojson() );
- else
- print( tojson( x ) );
-}
-
-shellHelper = function( command , rest , shouldPrint ){
- command = command.trim();
- var args = rest.trim().replace(/;$/,"").split( "\s+" );
-
- if ( ! shellHelper[command] )
- throw "no command [" + command + "]";
-
- var res = shellHelper[command].apply( null , args );
- if ( shouldPrint ){
- shellPrintHelper( res );
- }
- return res;
-}
-
-help = shellHelper.help = function(){
- print( "HELP" );
- print( "\t" + "show dbs show database names");
- print( "\t" + "show collections show collections in current database");
- print( "\t" + "show users show users in current database");
- print( "\t" + "show profile show most recent system.profile entries with time >= 1ms");
- print( "\t" + "use <db name> set curent database to <db name>" );
- print( "\t" + "db.help() help on DB methods");
- print( "\t" + "db.foo.help() help on collection methods");
- print( "\t" + "db.foo.find() list objects in collection foo" );
- print( "\t" + "db.foo.find( { a : 1 } ) list objects in foo where a == 1" );
- print( "\t" + "it result of the last line evaluated; use to further iterate");
-}
-
-if ( typeof( Map ) == "undefined" ){
- Map = function(){
- this._data = {};
- }
-}
-
-Map.hash = function( val ){
- if ( ! val )
- return val;
-
- switch ( typeof( val ) ){
- case 'string':
- case 'number':
- case 'date':
- return val.toString();
- case 'object':
- case 'array':
- var s = "";
- for ( var k in val ){
- s += k + val[k];
- }
- return s;
- }
-
- throw "can't hash : " + typeof( val );
-}
-
-Map.prototype.put = function( key , value ){
- var o = this._get( key );
- var old = o.value;
- o.value = value;
- return old;
-}
-
-Map.prototype.get = function( key ){
- return this._get( key ).value;
-}
-
-Map.prototype._get = function( key ){
- var h = Map.hash( key );
- var a = this._data[h];
- if ( ! a ){
- a = [];
- this._data[h] = a;
- }
-
- for ( var i=0; i<a.length; i++ ){
- if ( friendlyEqual( key , a[i].key ) ){
- return a[i];
- }
- }
- var o = { key : key , value : null };
- a.push( o );
- return o;
-}
-
-Map.prototype.values = function(){
- var all = [];
- for ( var k in this._data ){
- this._data[k].forEach( function(z){ all.push( z.value ); } );
- }
- return all;
-}
-
-if ( typeof( gc ) == "undefined" ){
- gc = function(){
- }
-}
-
-
-Math.sigFig = function( x , N ){
- if ( ! N ){
- N = 3;
- }
- var p = Math.pow( 10, N - Math.ceil( Math.log( Math.abs(x) ) / Math.log( 10 )) );
- return Math.round(x*p)/p;
-}
-
diff --git a/xos/core/xoslib/static/js/xsh/tokens.js b/xos/core/xoslib/static/js/xsh/tokens.js
deleted file mode 100644
index 49c246e..0000000
--- a/xos/core/xoslib/static/js/xsh/tokens.js
+++ /dev/null
@@ -1,268 +0,0 @@
-// tokens.js
-// 2009-05-17
-
-// (c) 2006 Douglas Crockford
-
-// Produce an array of simple token objects from a string.
-// A simple token object contains these members:
-// type: 'name', 'string', 'number', 'operator'
-// value: string or number value of the token
-// from: index of first character of the token
-// to: index of the last character + 1
-
-// Comments of the // type are ignored.
-
-// Operators are by default single characters. Multicharacter
-// operators can be made by supplying a string of prefix and
-// suffix characters.
-// characters. For example,
-// '<>+-&', '=>&:'
-// will match any of these:
-// <= >> >>> <> >= +: -: &: &&: &&
-
-
-
-String.prototype.tokens = function (prefix, suffix) {
- var c; // The current character.
- var from; // The index of the start of the token.
- var i = 0; // The index of the current character.
- var length = this.length;
- var n; // The number value.
- var q; // The quote character.
- var str; // The string value.
-
- var result = []; // An array to hold the results.
-
- var make = function (type, value) {
-
-// Make a token object.
-
- return {
- type: type,
- value: value,
- from: from,
- to: i
- };
- };
-
-// Begin tokenization. If the source string is empty, return nothing.
-
- if (!this) {
- return;
- }
-
-// If prefix and suffix strings are not provided, supply defaults.
-
- if (typeof prefix !== 'string') {
- prefix = '<>+-&';
- }
- if (typeof suffix !== 'string') {
- suffix = '=>&:';
- }
-
-
-// Loop through this text, one character at a time.
-
- c = this.charAt(i);
- while (c) {
- from = i;
-
-// Ignore whitespace.
-
- if (c <= ' ') {
- i += 1;
- c = this.charAt(i);
-
-// name.
-
- } else if (c >= 'a' && c <= 'z' || c >= 'A' && c <= 'Z') {
- str = c;
- i += 1;
- for (;;) {
- c = this.charAt(i);
- if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z') ||
- (c >= '0' && c <= '9') || c === '_') {
- str += c;
- i += 1;
- } else {
- break;
- }
- }
- result.push(make('name', str));
-
-// number.
-
-// A number cannot start with a decimal point. It must start with a digit,
-// possibly '0'.
-
- } else if (c >= '0' && c <= '9') {
- str = c;
- i += 1;
-
-// Look for more digits.
-
- for (;;) {
- c = this.charAt(i);
- if (c < '0' || c > '9') {
- break;
- }
- i += 1;
- str += c;
- }
-
-// Look for a decimal fraction part.
-
- if (c === '.') {
- i += 1;
- str += c;
- for (;;) {
- c = this.charAt(i);
- if (c < '0' || c > '9') {
- break;
- }
- i += 1;
- str += c;
- }
- }
-
-// Look for an exponent part.
-
- if (c === 'e' || c === 'E') {
- i += 1;
- str += c;
- c = this.charAt(i);
- if (c === '-' || c === '+') {
- i += 1;
- str += c;
- c = this.charAt(i);
- }
- if (c < '0' || c > '9') {
- make('number', str).error("Bad exponent");
- }
- do {
- i += 1;
- str += c;
- c = this.charAt(i);
- } while (c >= '0' && c <= '9');
- }
-
-// Make sure the next character is not a letter.
-
- if (c >= 'a' && c <= 'z') {
- str += c;
- i += 1;
- make('number', str).error("Bad number");
- }
-
-// Convert the string value to a number. If it is finite, then it is a good
-// token.
-
- n = +str;
- if (isFinite(n)) {
- result.push(make('number', n));
- } else {
- make('number', str).error("Bad number");
- }
-
-// string
-
- } else if (c === '\'' || c === '"') {
- str = '';
- q = c;
- i += 1;
- for (;;) {
- c = this.charAt(i);
- if (c < ' ') {
- make('string', str).error(c === '\n' || c === '\r' || c === '' ?
- "Unterminated string." :
- "Control character in string.", make('', str));
- }
-
-// Look for the closing quote.
-
- if (c === q) {
- break;
- }
-
-// Look for escapement.
-
- if (c === '\\') {
- i += 1;
- if (i >= length) {
- make('string', str).error("Unterminated string");
- }
- c = this.charAt(i);
- switch (c) {
- case 'b':
- c = '\b';
- break;
- case 'f':
- c = '\f';
- break;
- case 'n':
- c = '\n';
- break;
- case 'r':
- c = '\r';
- break;
- case 't':
- c = '\t';
- break;
- case 'u':
- if (i >= length) {
- make('string', str).error("Unterminated string");
- }
- c = parseInt(this.substr(i + 1, 4), 16);
- if (!isFinite(c) || c < 0) {
- make('string', str).error("Unterminated string");
- }
- c = String.fromCharCode(c);
- i += 4;
- break;
- }
- }
- str += c;
- i += 1;
- }
- i += 1;
- result.push(make('string', str));
- c = this.charAt(i);
-
-// comment.
-
- } else if (c === '/' && this.charAt(i + 1) === '/') {
- i += 1;
- for (;;) {
- c = this.charAt(i);
- if (c === '\n' || c === '\r' || c === '') {
- break;
- }
- i += 1;
- }
-
-// combining
-
- } else if (prefix.indexOf(c) >= 0) {
- str = c;
- i += 1;
- while (i < length) {
- c = this.charAt(i);
- if (suffix.indexOf(c) < 0) {
- break;
- }
- str += c;
- i += 1;
- }
- result.push(make('operator', str));
-
-// single-character operator
-
- } else {
- i += 1;
- result.push(make('operator', c));
- c = this.charAt(i);
- }
- }
- return result;
-};
-
diff --git a/xos/core/xoslib/static/js/xsh/utils.js b/xos/core/xoslib/static/js/xsh/utils.js
deleted file mode 100644
index 1ded27e..0000000
--- a/xos/core/xoslib/static/js/xsh/utils.js
+++ /dev/null
@@ -1,81 +0,0 @@
-// Try Mongo
-//
-// Copyright (c) 2009 Kyle Banker
-// Licensed under the MIT licence.
-// http://www.opensource.org/licenses/mit-license.php
-
-// extending array like this is breaking datatables
-
-/*Array.prototype.include = function(value) {
- for(var i=0; i < this.length; i++) {
- if(this[i] == value) {
- return this[i];
- }
- }
- return false;
-};
-
-Array.prototype.empty = function() {
- return (this.length == 0);
-};*/
-
-function ArrayInclude(arr,value) {
- for(var i=0; i < arr.length; i++) {
- if(arr[i] == value) {
- return arr[i];
- }
- }
- return false;
-};
-
-Function.prototype.bind = function() {
- var __method = this, object = arguments[0], args = [];
-
- for(i = 1; i < arguments.length; i++) {
- args.push(arguments[i]);
- }
-
- return function() {
- return __method.apply(object, args);
- };
-};
-
-String.prototype.trim = function() {
- return this.replace(/^\s+|\s+$/g,"");
-};
-
-// Prints javascript types as readable strings.
-Inspect = function(obj) {
- if(typeof(obj) != 'object') {
- return obj;
- }
-
- else if (obj instanceof Array) {
- var objRep = [];
- for(var prop in obj) {
- if(obj.hasOwnProperty(prop)) {
- objRep.push(obj[prop]);
- }
- }
- return '[' + objRep.join(', ') + ']';
- }
-
- else {
- var objRep = [];
- for(var prop in obj) {
- if(obj.hasOwnProperty(prop)) {
- objRep.push(prop + ': ' + ((typeof(obj[prop]) == 'object') ? Inspect(obj[prop]) : obj[prop]));
- }
- }
- return '{' + objRep.join(', ') + '}';
- }
-};
-
-// Prints an array of javascript objects.
-CollectionInspect = function(coll) {
- var str = '';
- for(var i=0; i<coll.length; i++) {
- str += Inspect(coll[i]) + '<br />';
- }
- return str;
-};
diff --git a/xos/core/xoslib/static/js/xsh/xsh.js b/xos/core/xoslib/static/js/xsh/xsh.js
deleted file mode 100644
index 758559f..0000000
--- a/xos/core/xoslib/static/js/xsh/xsh.js
+++ /dev/null
@@ -1,408 +0,0 @@
-// TryMongo
-//
-// Copyright (c) 2009 Kyle Banker
-// Licensed under the MIT Licence.
-// http://www.opensource.org/licenses/mit-license.php
-
-// Readline class to handle line input.
-var ReadLine = function(options) {
- this.options = options || {};
- this.htmlForInput = this.options.htmlForInput;
- this.inputHandler = this.options.handler || this.mockHandler;
- this.scoper = this.options.scoper;
- this.terminal = $(this.options.terminalId || "#terminal");
- this.lineClass = this.options.lineClass || '.readLine';
- this.history = [];
- this.historyPtr = 0;
-
- this.initialize();
-};
-
-ReadLine.prototype = {
-
- initialize: function() {
- this.addInputLine();
- },
-
- // Enter a new input line with proper behavior.
- addInputLine: function(stackLevel) {
- stackLevel = stackLevel || 0;
- this.terminal.append(this.htmlForInput(stackLevel));
- var ctx = this;
- ctx.activeLine = $(this.lineClass + '.active');
-
- // Bind key events for entering and navigting history.
- ctx.activeLine.bind("keydown", function(ev) {
- switch (ev.keyCode) {
- case EnterKeyCode:
- ctx.processInput(this.value);
- break;
- case UpArrowKeyCode:
- ctx.getCommand('previous');
- break;
- case DownArrowKeyCode:
- ctx.getCommand('next');
- break;
- }
- });
-
- this.activeLine.focus();
- },
-
- // Returns the 'next' or 'previous' command in this history.
- getCommand: function(direction) {
- if(this.history.length === 0) {
- return;
- }
- this.adjustHistoryPointer(direction);
- this.activeLine[0].value = this.history[this.historyPtr];
- $(this.activeLine[0]).focus();
- //this.activeLine[0].value = this.activeLine[0].value;
- },
-
- // Moves the history pointer to the 'next' or 'previous' position.
- adjustHistoryPointer: function(direction) {
- if(direction == 'previous') {
- if(this.historyPtr - 1 >= 0) {
- this.historyPtr -= 1;
- }
- }
- else {
- if(this.historyPtr + 1 < this.history.length) {
- this.historyPtr += 1;
- }
- }
- },
-
- // Return the handler's response.
- processInput: function(value) {
- var response = this.inputHandler.apply(this.scoper, [value]);
- this.insertResponse(response.result);
-
- // Save to the command history...
- if((lineValue = value.trim()) !== "") {
- this.history.push(lineValue);
- this.historyPtr = this.history.length;
- }
-
- // deactivate the line...
- this.activeLine.value = "";
- this.activeLine.attr({disabled: true});
- this.activeLine.removeClass('active');
-
- // and add add a new command line.
- this.addInputLine(response.stack);
- },
-
- insertResponse: function(response) {
- if((response.length < 1) || (response=='"donotprintme"') || (response=='donotprintme')) {
- this.activeLine.parent().append("<p class='response'></p>");
- }
- else {
- this.activeLine.parent().append("<p class='response'>" + response + "</p>");
- }
- },
-
- // Simply return the entered string if the user hasn't specified a smarter handler.
- mockHandler: function(inputString) {
- return function() {
- this._process = function() { return inputString; };
- };
- }
-};
-
-var MongoHandler = function() {
- this._currentCommand = "";
- this._rawCommand = "";
- this._commandStack = 0;
- this._tutorialPtr = 0;
- this._tutorialMax = 4;
-
- this._mongo = {};
- this._mongo.test = [];
- this.collections = [];
-};
-
-MongoHandler.prototype = {
-
- _process: function(inputString, errorCheck) {
- this._rawCommand += ' ' + inputString;
-
- try {
- inputString += ' '; // fixes certain bugs with the tokenizer.
- var tokens = inputString.tokens();
- var mongoFunc = this._getCommand(tokens);
- if(this._commandStack === 0 && inputString.match(/^\s*$/)) {
- return {stack: 0, result: ''};
- }
- else if(this._commandStack === 0 && mongoFunc) {
- this._resetCurrentCommand();
- return {stack: 0, result: mongoFunc.apply(this, [tokens])};
- }
- else {
- return this._evaluator(tokens);
- }
- }
-
- catch(err) {
- this._resetCurrentCommand();
- console.trace();
- return {stack: 0, result: "JS Error: " + err};
- }
- },
-
- // Calls eval on the input string when ready.
- _evaluator: function(tokens) {
- isAssignment = tokens.length>=2 && tokens[0].type=="name" && tokens[1].type=="operator" && tokens[1].value=="=";
-
- this._currentCommand += " " + this._massageTokens(tokens);
- if(this._shouldEvaluateCommand(tokens)) {
- print = this.print;
-
- // So this eval statement is the heart of the REPL.
- var result = eval(this._currentCommand.trim());
- if(result === undefined) {
- throw('result is undefined');
- } else if (typeof(result) === 'function') {
- throw('result is a function. did you mean to call it?');
- } else {
- result = $htmlFormat(result);
- }
- this._resetCurrentCommand();
- if (isAssignment) {
- return {stack: this._commandStack, result: ""};
- } else {
- return {stack: this._commandStack, result: result};
- }
- }
-
- else {
- return {stack: this._commandStack, result: ""};
- }
- },
-
- _resetCurrentCommand: function() {
- this._currentCommand = '';
- this._rawCommand = '';
- },
-
- // Evaluate only when we've exited any blocks.
- _shouldEvaluateCommand: function(tokens) {
- for(var i=0; i < tokens.length; i++) {
- var token = tokens[i];
- if(token.type == 'operator') {
- if(token.value == '(' || token.value == '{') {
- this._commandStack += 1;
- }
- else if(token.value == ')' || token.value == '}') {
- this._commandStack -= 1;
- }
- }
- }
-
- if(this._commandStack === 0) {
- return true;
- }
- else {
- return false;
- }
- },
-
- _massageTokens: function(tokens) {
- for(var i=0; i < tokens.length; i++) {
- if(tokens[i].type == 'name') {
- if(tokens[i].value == 'var') {
- tokens[i].value = '';
- }
- }
- }
- return this._collectTokens(tokens);
- },
-
- // Collects tokens into a string, placing spaces between variables.
- // This methods is called after we scope the vars.
- _collectTokens: function(tokens) {
- var result = "";
- for(var i=0; i < tokens.length; i++) {
- if(tokens[i].type == "name" && tokens[i+1] && tokens[i+1].type == 'name') {
- result += tokens[i].value + ' ';
- }
- else if (tokens[i].type == 'string') {
- result += "'" + tokens[i].value + "'";
- }
- else {
- result += tokens[i].value;
- }
- }
- return result;
- },
-
- // print output to the screen, e.g., in a loop
- // TODO: remove dependency here
- print: function() {
- $('.readLine.active').parent().append('<p>' + JSON.stringify(arguments[0]) + '</p>');
- return "donotprintme";
- },
-
- /* MongoDB */
- /* ________________________________________ */
-
- // help command
- _help: function() {
- return PTAG('HELP') +
- PTAG('xos list xos API object types') +
- PTAG('xos.slices.fetch() fetch slices from the server') +
- PTAG('xos.slices get the slices that were fetched');
-
- },
-
- _tutorial: function() {
- this._tutorialPtr = 0;
- return PTAG("This is a self-guided tutorial on the xos shell.") +
- PTAG("The tutorial is simple, more or less a few basic commands to try.") +
- PTAG("To go directly to any part tutorial, enter one of the commands t0, t1, t2...t10") +
- PTAG("Otherwise, use 'next' and 'back'. Start by typing 'next' and pressing enter.");
- },
-
- // go to the next step in the tutorial.
- _next: function() {
- if(this._tutorialPtr < this._tutorialMax) {
- return this['_t' + (this._tutorialPtr + 1)]();
- }
- else {
- return "You've reached the end of the tutorial. To go to the beginning, type 'tutorial'";
- }
- },
-
- // go to the previous step in the tutorial.
- _back: function() {
- if(this._tutorialPtr > 1) {
- return this['_t' + (this._tutorialPtr - 1)]();
- }
- else {
- return this._tutorial();
- }
- },
-
- _t1: function() {
- this._tutorialPtr = 1;
- return PTAG('1. JavaScript Shell') +
- PTAG('The first thing to notice is that the MongoDB shell is JavaScript-based.') +
- PTAG('So you can do things like:') +
- PTAG(' a = 5; ') +
- PTAG(' a * 10; ') +
- PTAG(' print(a); ') +
- PTAG(" for(i=0; i<10; i++) { print('hello'); }; ") +
- PTAG("Try a few JS commands; when you're ready to move on, enter 'next'");
-
- },
-
- _t2: function() {
- this._tutorialPtr = 2;
- return PTAG('2. Reading from the server is asynchronous') +
- PTAG('Try these:') +
- PTAG(' xos.slices.models;') +
- PTAG(' // the above should have printed empty list') +
- PTAG(' xos.slices.fetch();') +
- PTAG(' // wait a second or two...') +
- PTAG(' xos.slices.models;');
-
- },
-
- _t3: function() {
- this._tutorialPtr = 3;
- return PTAG('3. Responding to events') +
- PTAG('Try these:') +
- PTAG(' xos.slices.fetch();') +
- PTAG(' tmp=xos.slices.on("change", function() { alert("woot!"); });') +
- PTAG(' xos.slices.models[0].set("description", "somerandomtext");');
-
- },
-
- _t4: function() {
- this._tutorialPtr = 4;
- return PTAG('4. Available xos objects and methods') +
- PTAG('Try these:') +
- PTAG(' xos.listObjects();') +
- PTAG(' xos.slices.listMethods();');
-
- },
-
- _getCommand: function(tokens) {
- if(tokens[0] && ArrayInclude(MongoKeywords,(tokens[0].value + '').toLowerCase())) {
- switch(tokens[0].value.toLowerCase()) {
- case 'help':
- return this._help;
-
- case 'tutorial':
- return this._tutorial;
- case 'next':
- return this._next;
- case 'back':
- return this._back;
- case 't0':
- return this._tutorial;
- case 't1':
- return this._t1;
- case 't2':
- return this._t2;
- case 't3':
- return this._t3;
- case 't4':
- return this._t4;
- }
- }
- }
-};
-
-function replaceAll(find, replace, str) {
- return str.replace(new RegExp(find, 'g'), replace);
-}
-
-/* stackoverflow: http://stackoverflow.com/questions/4810841/how-can-i-pretty-print-json-using-javascript */
-function syntaxHighlight(json) {
- if ( json.hasOwnProperty("__str__")) {
- return syntaxHighlight(json.__str__());
- }
- if (typeof json != 'string') {
- json = JSON.stringify(json, undefined, "\t");
- }
- json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
- return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
- var cls = 'terminal_number';
- if (/^"/.test(match)) {
- if (/:$/.test(match)) {
- cls = 'terminal_key';
- } else {
- cls = 'terminal_string';
- }
- } else if (/true|false/.test(match)) {
- cls = 'terminal_boolean';
- } else if (/null/.test(match)) {
- cls = 'terminal_null';
- }
- return '<span class="' + cls + '">' + match + '</span>';
- });
-}
-
-$htmlFormat = function(obj) {
- //JSON.stringify(obj,undefined,2)
- result=replaceAll("\t"," ",replaceAll("\n","<br>",syntaxHighlight(obj))); //tojson(obj, ' ', ' ', true);
- return result;
-}
-
-function startTerminal() {
- var mongo = new MongoHandler();
- var terminal = new ReadLine({htmlForInput: DefaultInputHtml,
- handler: mongo._process,
- scoper: mongo});
- $("#terminal_help1").show();
- $("#terminal_help2").show();
- $("#terminal_wait").hide();
-
- $("#terminal").bind('click', function() { $(".readLine.active").focus(); });
-};
-
-$(document).ready(function() {
- startTerminal();
-});
diff --git a/xos/tests/ui-e2e/.gitignore b/xos/tests/ui-e2e/.gitignore
new file mode 100644
index 0000000..f00183e
--- /dev/null
+++ b/xos/tests/ui-e2e/.gitignore
@@ -0,0 +1,2 @@
+ghostdriver.log
+xos/*
diff --git a/xos/tests/ui-e2e/REAME.md b/xos/tests/ui-e2e/REAME.md
new file mode 100644
index 0000000..7572307
--- /dev/null
+++ b/xos/tests/ui-e2e/REAME.md
@@ -0,0 +1,18 @@
+# XOS UI End to End Test
+
+This tests are implemented using `selenium`.
+
+To execute them, you should install it with `pip install selenium` and you should have `phantomjs` available as a command. You can install it with `npm install phantomjs -g`.
+
+# Execute the test
+If you want to execute the tests locally, simply navigate to this folder and execute: `python xos-e2e-test.py`
+
+You can optionally use Firefox as target browser with `python xos-e2e-test.py firefox`
+
+You can eventually add also a target url with `python xos-e2e-test.py firefox 'http://xos.dev:9999'`
+
+# Execute the test from inside the docker container
+- `cd xos/configurations/test-standalone`
+- `make containers`
+- `make`
+- `make test-ui`
\ No newline at end of file
diff --git a/xos/tests/ui-e2e/xos-e2e-test.py b/xos/tests/ui-e2e/xos-e2e-test.py
new file mode 100644
index 0000000..54de5f6
--- /dev/null
+++ b/xos/tests/ui-e2e/xos-e2e-test.py
@@ -0,0 +1,159 @@
+import unittest
+from selenium import webdriver
+from selenium.webdriver.common.keys import Keys
+from selenium.webdriver.common.by import By
+from selenium.webdriver.support.ui import WebDriverWait
+from selenium.webdriver.support import expected_conditions as EC
+import sys
+import time
+
+
+class XosUI(unittest.TestCase):
+ """Test cases for XOS"""
+
+ url = 'http://127.0.0.1:8000/'
+
+ def setUp(self):
+ if(hasattr(self, 'browser') and self.browser == 'firefox'):
+ self.driver = webdriver.Firefox()
+ elif(hasattr(self, 'browser') and self.browser == 'chrome'):
+ self.driver = webdriver.Chrome()
+ else:
+ self.driver = webdriver.PhantomJS()
+
+ self.driver.set_window_size(1920, 1280)
+ self.driver.get(self.url)
+
+ def tearDown(self):
+ self.driver.quit()
+ # self.driver.close()
+
+ def doLogin(self):
+ username = self.driver.find_element_by_css_selector('#id_username')
+ password = self.driver.find_element_by_css_selector('#id_password')
+ sign_in = self.driver.find_element_by_css_selector('.btn.btn-primary')
+
+ username.send_keys('padmin@vicci.org')
+ password.send_keys('letmein')
+ sign_in.click()
+
+ def goToPage(self, page):
+ self.driver.get(self.url + '/admin/core/' + page)
+
+ def listPageAssertion(self, page):
+ self.doLogin()
+ self.goToPage(page)
+ title = self.driver.find_element_by_css_selector('#content > h2').text
+ assert (title == 'Select %s to change' % page), 'Title is wrong!'
+
+ add_button = self.driver.find_element_by_css_selector('.addlink.btn.btn-success')
+ assert add_button
+
+ table = self.driver.find_element_by_css_selector('table')
+ rows = table.find_elements_by_css_selector('tbody tr')
+ assert (len(rows) == 1), 'Elements are not printed in table!'
+
+ def detailPageAssertion(self, page, expectedTabs):
+ self.doLogin()
+ self.goToPage(page)
+ try:
+ detail_link = self.driver.find_element_by_css_selector('table tbody tr td > a')
+ except:
+ # the user template is different, it has just one th (with the link) in the table,
+ # not sure why or how to fix it
+ detail_link = self.driver.find_element_by_css_selector('table tbody tr th > a')
+ detail_link.click()
+
+ title = self.driver.find_element_by_css_selector('#content > h2').text
+ assert (title == 'Change %s' % page), 'Expected "%s" to be "%s"!' % (title, 'Change %s' % page)
+
+ tabs = self.driver.find_elements_by_css_selector('#suit_form_tabs > li')
+ assert (len(tabs) == expectedTabs), 'Found %s of %s expected tabs' % (len(tabs), expectedTabs)
+
+ activeTab = self.driver.find_element_by_css_selector('#suit_form_tabs > li.active')
+ assert (activeTab), 'No tab is active!'
+
+ saveBtn = self.driver.find_element_by_css_selector('.btn.btn-success')
+ assert saveBtn, 'Save button is missing'
+
+ continueBtn = self.driver.find_element_by_css_selector('[name="_continue"]')
+ assert continueBtn, 'Save and continue button is missing'
+
+ addanotherBtn = self.driver.find_element_by_css_selector('[name="_addanother"]')
+ assert addanotherBtn, 'Save and continue button is missing'
+
+ deleteBtn = self.driver.find_element_by_css_selector('.btn.btn-danger')
+ assert deleteBtn, 'Delete button is missing'
+
+ def test_login_page(self):
+ """
+ Test that the login page has the login form
+ """
+
+ login_container = self.driver.find_element_by_css_selector('body.login #content-main')
+ assert login_container
+ username = login_container.find_element_by_css_selector('#id_username')
+ password = login_container.find_element_by_css_selector('#id_password')
+ sign_in = login_container.find_element_by_css_selector('.btn.btn-primary')
+ assert username
+ assert password
+ assert sign_in
+
+ def test_login_function(self):
+ """
+ Test that login is working
+ """
+ self.doLogin()
+
+ # if we have a sidebar the login has worked
+ sidebar = self.driver.find_element_by_css_selector('#sidebar-wrapper')
+ assert sidebar
+
+ def test_deployment_list(self):
+ self.listPageAssertion('deployment')
+
+ def test_deployment_detail(self):
+ self.detailPageAssertion('deployment', 3)
+
+ def test_site_list(self):
+ self.listPageAssertion('site')
+
+ def test_site_detail(self):
+ self.detailPageAssertion('site', 6)
+
+ def test_slice_list(self):
+ self.listPageAssertion('slice')
+
+ def test_slice_detail(self):
+ self.detailPageAssertion('slice', 6)
+
+ def test_user_list(self):
+ self.listPageAssertion('user')
+
+ def test_user_detail(self):
+ self.detailPageAssertion('user', 5)
+
+ def test_service_list(self):
+ self.doLogin()
+ self.driver.get(self.url + '/serviceGrid/')
+ element = WebDriverWait(self.driver, 10).until(
+ EC.visibility_of_element_located((By.CSS_SELECTOR, 'xos-table table'))
+ )
+ serviceGrid = self.driver.find_element_by_css_selector('service-grid')
+ assert serviceGrid, "Service Grid not found"
+
+ serviceList = serviceGrid.find_elements_by_css_selector('tbody')
+ services = serviceList[1].find_elements_by_css_selector('tr')
+ assert (len(services) == 4), 'Found %s of %s expected tabs' % (len(services), 4)
+
+ addBtn = self.driver.find_element_by_css_selector('.btn.btn-success')
+ assert addBtn, 'Add button is missing'
+
+if __name__ == "__main__":
+ if len(sys.argv) > 1:
+ XosUI.browser = sys.argv[1]
+ if(sys.argv[2]):
+ XosUI.url = sys.argv[2]
+ del sys.argv[2]
+ del sys.argv[1]
+ unittest.main()