v16.4.0.42
This commit is contained in:
build
Родитель
3ac935df80
Коммит
947d7ab77a
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"directory": "bower_components",
|
||||
"analytics": false
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
# EditorConfig helps developers define and maintain consistent
|
||||
# coding styles between different editors and IDEs
|
||||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
|
||||
[*]
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
[*.hbs]
|
||||
insert_final_newline = false
|
||||
|
||||
[*.{diff,md}]
|
||||
trim_trailing_whitespace = false
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
/**
|
||||
Ember CLI sends analytics information by default. The data is completely
|
||||
anonymous, but there are times when you might want to disable this behavior.
|
||||
|
||||
Setting `disableAnalytics` to true will prevent any data from being sent.
|
||||
*/
|
||||
"disableAnalytics": false
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
module.exports = {
|
||||
root: true,
|
||||
parserOptions: {
|
||||
ecmaVersion: 2017,
|
||||
sourceType: 'module'
|
||||
},
|
||||
extends: 'eslint:recommended',
|
||||
env: {
|
||||
browser: true
|
||||
},
|
||||
rules: {
|
||||
},
|
||||
globals: {
|
||||
ej: false,
|
||||
onUpdate: false
|
||||
}
|
||||
};
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
# See https://help.github.com/ignore-files/ for more about ignoring files.
|
||||
|
||||
# compiled output
|
||||
/dist
|
||||
/tmp
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/bower_components
|
||||
|
||||
# misc
|
||||
/.sass-cache
|
||||
/connect.lock
|
||||
/coverage/*
|
||||
/libpeerconnection.log
|
||||
npm-debug.log*
|
||||
testem.log
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
---
|
||||
language: node_js
|
||||
node_js:
|
||||
- "6"
|
||||
|
||||
sudo: false
|
||||
|
||||
cache:
|
||||
directories:
|
||||
- $HOME/.npm
|
||||
- $HOME/.cache # includes bowers cache
|
||||
|
||||
before_install:
|
||||
- npm config set spin false
|
||||
- npm install -g bower phantomjs-prebuilt
|
||||
- bower --version
|
||||
- phantomjs --version
|
||||
|
||||
install:
|
||||
- npm install
|
||||
- bower install
|
||||
|
||||
script:
|
||||
- npm test
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"ignore_dirs": ["tmp", "dist"]
|
||||
}
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
# Syncfusion Essential JS for Ember Samples
|
||||
|
||||
This repository contains demos of [Syncfusion Essential JS for Ember components](https://www.syncfusion.com/products/jquery/emberjs). This is the best place to check out our controls to get more insight about the usage of their APIs. You can browse the demos for all the controls and view the source code of each sample.
|
||||
|
||||
The following sections will guide you through using the Syncfusion Essential JS for Ember samples
|
||||
|
||||
* Requirements to run the demo
|
||||
* License
|
||||
* Using the samples
|
||||
* How to Run the samples
|
||||
* Controls Catalog
|
||||
* Support and Feedback
|
||||
|
||||
## Requirements to run the demo
|
||||
|
||||
Install the following items:
|
||||
|
||||
* Node.js [version 5.x.x+](https://nodejs.org/en/)
|
||||
* npm [version 3.x.x+](https://blog.npmjs.org/post/85484771375/how-to-install-npm)
|
||||
* Ember CLI [version 2.x.x+](https://ember-cli.com/)
|
||||
* Any text editor
|
||||
|
||||
## License
|
||||
|
||||
Syncfusion has no liability for any damage or consequence that may arise by the use or viewing of the samples. The samples are for demonstrative purposes and if you choose to use or access the samples you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, accessing or otherwise viewing the samples. By accessing, viewing, or otherwise seeing the samples you acknowledge and agree Syncfusion’s samples will not allow you to seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize or otherwise do anything with Syncfusion’s samples.
|
||||
|
||||
## Using the samples
|
||||
|
||||
If you download the samples using the **Download ZIP** option:
|
||||
|
||||
* Before you unzip the archive, right-click it, select **Properties**, and then select **Unblock**.
|
||||
* Be sure to unzip the entire archive.
|
||||
|
||||
If you clone the application, run **git clone <repository-url>** to clone the repository.
|
||||
|
||||
To use the Syncfusion Essential JS 1 samples, Syncfusion license key should be registered in samples. Refer [this](https://www.syncfusion.com/kb/9002/how-to-apply-the-license-key-for-syncfusion-samples-published-in-github) link for more information.
|
||||
|
||||
## How to Run the samples
|
||||
|
||||
* Open the command prompt in the root folder.
|
||||
* Run **npm install** to install the dependent packages.
|
||||
* Run **npm start** to run the application.
|
||||
* Visit your app at [http://localhost:4200](http://localhost:4200).
|
||||
|
||||
## Controls catalog
|
||||
|
||||
| | All Controls | | |
|
||||
| ------------- | --------------- | ----------- ||
|
||||
| **GRIDS** | **DATA VISUALIZATION** | **LAYOUT** | **EDITORS** |
|
||||
| [DataGrid](https://emberjq.syncfusion.com/#/grid/default?utm_source=github&utm_medium=listing) | [Charts](https://emberjq.syncfusion.com/#/chart/default?utm_source=github&utm_medium=listing) | [Splitter](https://emberjq.syncfusion.com/#/splitter/default?utm_source=github&utm_medium=listing) | [Text Box](https://emberjq.syncfusion.com/#/textboxes/default?utm_source=github&utm_medium=listing) |
|
||||
| [Tree Grid](https://emberjq.syncfusion.com/#/treegrid/default?utm_source=github&utm_medium=listing) | [Diagramming](https://emberjq.syncfusion.com/#/diagram/default ?utm_source=github&utm_medium=listing) | [Dialog](https://emberjq.syncfusion.com/#/dialog/default?utm_source=github&utm_medium=listing) | [Autocomplete](https://emberjq.syncfusion.com/#/autocomplete/default?utm_source=github&utm_medium=listing) |
|
||||
| [Spreadsheet](https://emberjq.syncfusion.com/#/spreadsheet/default?utm_source=github&utm_medium=listing) | [Maps](https://emberjq.syncfusion.com/#/map/default?utm_source=github&utm_medium=listing) | [File Explorer](https://emberjq.syncfusion.com/#/fileexplorer/default?utm_source=github&utm_medium=listing) | [Rich Text Box](https://emberjq.syncfusion.com/#/rte/default?utm_source=github&utm_medium=listing) |
|
||||
| **NAVIGATION** | [Tree Map](https://emberjq.syncfusion.com/#/treemap/default?utm_source=github&utm_medium=listing) | [ListView](https://emberjq.syncfusion.com/#/listview/default?utm_source=github&utm_medium=listing) |[Rating](https://emberjq.syncfusion.com/#/rating/default?utm_source=github&utm_medium=listing) |
|
||||
| [Accordion](https://emberjq.syncfusion.com/#/accordion/default?utm_source=github&utm_medium=listing) | [Heat Map](https://emberjq.syncfusion.com/#/heatmap/default?utm_source=github&utm_medium=listing) | [Tile View](https://emberjq.syncfusion.com/#/tileview/default?utm_source=github&utm_medium=listing) | [Slider](https://emberjq.syncfusion.com/#/slider/default?utm_source=github&utm_medium=listing) |
|
||||
| [Tree View](https://emberjq.syncfusion.com/#/treeview/default?utm_source=github&utm_medium=listing) | [Scheduler](https://emberjq.syncfusion.com/#/schedule/default?utm_source=github&utm_medium=listing) |**NOTIFICATION** |[Combo Box](https://emberjq.syncfusion.com/#/combobox/default?utm_source=github&utm_medium=listing) |
|
||||
| [Menu](https://emberjq.syncfusion.com/#/menu/default?utm_source=github&utm_medium=listing) | [Circular Gauge](https://emberjq.syncfusion.com/#/circulargauge/default?utm_source=github&utm_medium=listing) | [Waiting Pop-up](https://emberjq.syncfusion.com/#/waitingpopup/default)| [Drop-Down List](https://emberjq.syncfusion.com/#/dropdownlist/default?utm_source=github&utm_medium=listing) |
|
||||
| [Toolbar](https://emberjq.syncfusion.com/#/toolbar/default?utm_source=github&utm_medium=listing) | [Linear Gauge](https://emberjq.syncfusion.com/#/lineargauge/default?utm_source=github&utm_medium=listing) | [Progress Bar](https://emberjq.syncfusion.com/#/progressbar/default?utm_source=github&utm_medium=listing) | [Radial Slider](https://emberjq.syncfusion.com/#/radialslider/default?utm_source=github&utm_medium=listing) |
|
||||
| [Tag Cloud](https://emberjq.syncfusion.com/#/tagcloud/default?utm_source=github&utm_medium=listing) | [Digital Gauge](https://emberjq.syncfusion.com/#/digitalgauge/default?utm_source=github&utm_medium=listing) | |[Upload Box](https://emberjq.syncfusion.com/#/uploadbox/default?utm_source=github&utm_medium=listing) |
|
||||
| [Ribbon](https://emberjq.syncfusion.com/#/ribbon/default?utm_source=github&utm_medium=listing) | [Bullet Graph](https://emberjq.syncfusion.com/#/bulletgraph/default?utm_source=github&utm_medium=listing) | |[Button](https://emberjq.syncfusion.com/#/button/default?utm_source=github&utm_medium=listing) |
|
||||
| [Tabs](https://emberjq.syncfusion.com/#/tab/default?utm_source=github&utm_medium=listing) | [Gantt](https://emberjq.syncfusion.com/#/gantt/default?utm_source=github&utm_medium=listing) | | [Toggle Button](https://emberjq.syncfusion.com/#/button/togglebutton?utm_source=github&utm_medium=listing) |
|
||||
| [Rotator](https://emberjq.syncfusion.com/#/rotator/default?utm_source=github&utm_medium=listing) | [Range Navigator](https://emberjq.syncfusion.com/#/rangenavigator/default?utm_source=github&utm_medium=listing) | **FILE FORMAT LIBRARY** | [Split Button](https://emberjq.syncfusion.com/#/button/splitbutton?utm_source=github&utm_medium=listing) |
|
||||
| [Navigation Drawer](https://emberjq.syncfusion.com/#/navigationdrawer/default?utm_source=github&utm_medium=listing) | [Sparkline](https://emberjq.syncfusion.com/#/sparkline/default?utm_source=github&utm_medium=listing) | [PDF Viewer](https://emberjq.syncfusion.com/#/pdfviewer/default?utm_source=github&utm_medium=listing) | [Check Box](https://emberjq.syncfusion.com/#/button/checkbox?utm_source=github&utm_medium=listing) |
|
||||
| [Scroller](https://emberjq.syncfusion.com/#/scrollbar/default?utm_source=github&utm_medium=listing) | [Sunburst Chart](https://emberjq.syncfusion.com/#/sunburstchart/default?utm_source=github&utm_medium=listing) | **BUSINESS INTELLIGENCE** | [Color Picker](https://emberjq.syncfusion.com/#/colorpicker/default?utm_source=github&utm_medium=listing) |
|
||||
| [List Box](https://emberjq.syncfusion.com/#/listbox/default?utm_source=github&utm_medium=listing) | [Barcode](https://emberjq.syncfusion.com/#/barcode/default?utm_source=github&utm_medium=listing) |[Pivot Grid](https://emberjq.syncfusion.com/#/pivotgrid/relational?utm_source=github&utm_medium=listing) |[Date Picker](https://emberjq.syncfusion.com/#/datepicker/default) |
|
||||
| [Radial Menu](https://emberjq.syncfusion.com/#/radialmenu/default?utm_source=github&utm_medium=listing) | [Tag Cloud](https://emberjq.syncfusion.com/#/tagcloud/default?utm_source=github&utm_medium=listing) | [Pivot Chart](https://emberjq.syncfusion.com/#/pivotchart/relational?utm_source=github&utm_medium=listing) | [Date Range Picker](https://emberjq.syncfusion.com/#/daterangepicker/default?utm_source=github&utm_medium=listing) |
|
||||
| **REPORTING** | [Kanban Board](https://emberjq.syncfusion.com/#/kanban/default?utm_source=github&utm_medium=listing) | [Pivot Client](https://emberjq.syncfusion.com/#/pivotclient/relational?utm_source=github&utm_medium=listing) |[Time Picker](https://emberjq.syncfusion.com/#/timepicker/default?utm_source=github&utm_medium=listing) |
|
||||
| [Report Viewer](https://emberjq.syncfusion.com/#/reportviewer/groupingaggregate?utm_source=github&utm_medium=listing) | |[Pivot Gauge](https://emberjq.syncfusion.com/#/pivotgauge/relational?utm_source=github&utm_medium=listing) |[Date-Time Picker](https://emberjq.syncfusion.com/#/datetimepicker/default?utm_source=github&utm_medium=listing) |
|
||||
| | | [Pivot Tree Map](https://emberjq.syncfusion.com/#/pivottreemap/olap?utm_source=github&utm_medium=listing) | [Signature](https://emberjq.syncfusion.com/#/signature/default?utm_source=github&utm_medium=listing) |
|
||||
|
||||
## Support and feedback
|
||||
|
||||
* For information on using the Syncfusion Essential JS 1 controls, refer to our [documentation](https://help.syncfusion.com/emberjs/overview).
|
||||
|
||||
* For any other queries, reach our [Syncfusion support team](https://www.syncfusion.com/support/directtrac/incidents/newincident?utm_source=github&utm_medium=listing) or post the queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing).
|
||||
|
||||
* To renew the subscription, click [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing) or contact our sales team at <salessupport@syncfusion.com>.
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import Ember from 'ember';
|
||||
import Resolver from './resolver';
|
||||
import loadInitializers from 'ember-load-initializers';
|
||||
import config from './config/environment';
|
||||
|
||||
let App;
|
||||
|
||||
App = Ember.Application.extend({
|
||||
modulePrefix: config.modulePrefix,
|
||||
podModulePrefix: config.podModulePrefix,
|
||||
Resolver
|
||||
});
|
||||
|
||||
loadInitializers(App, config.modulePrefix);
|
||||
|
||||
export default App;
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Controller.extend({
|
||||
actions: {
|
||||
hideSampleList: function ($event) {
|
||||
var proxy = this;
|
||||
if (Ember.$($event.currentTarget).children().hasClass("up")) {
|
||||
Ember.$($event.currentTarget).next().show(300, function () { proxy.send("refreshScroller"); });
|
||||
Ember.$($event.currentTarget).children().removeClass("up").addClass("down");
|
||||
}
|
||||
else {
|
||||
Ember.$($event.currentTarget).next().hide(300, function () { proxy.send("refreshScroller"); });
|
||||
Ember.$($event.currentTarget).children().removeClass("down").addClass("up");
|
||||
}
|
||||
},
|
||||
navBarHide(event) {
|
||||
if (Ember.$(window).width() <= "981" && Ember.$("#slidemenu").is(":visible") && !Ember.$(event.target).closest(".slidemenuicon").hasClass("slidemenuicon") && (Ember.$(event.target).closest(".productpage").length == 0 || Ember.$(".accordion-panel").is(":visible"))) {
|
||||
Ember.$(".accordion-panel").animate({ "margin-left": "-250px" }, "slow");
|
||||
}
|
||||
else {
|
||||
Ember.$(".accordion-panel").animate({ "margin-left": "0px" }, "slow");
|
||||
}
|
||||
},
|
||||
refreshScroller: function() {
|
||||
Ember.$(".accordion-panel").height(((Ember.$(window).height() - Ember.$(".headerarea").outerHeight())) + "px ;");
|
||||
var controlheight = Ember.$("#scrollcontainer").ejScroller("instance");
|
||||
controlheight.model.height = (Ember.$(window).height()) - (Ember.$(".headerarea").outerHeight() + Ember.$(".accordion-panel .searchoption").outerHeight());
|
||||
controlheight.refresh();
|
||||
Ember.$("#scrollcontainer .e-vhandle").addClass("e-box");
|
||||
},
|
||||
scrollPanel: function() {
|
||||
var scrollY = Ember.$(".control-panel").scrollTop();
|
||||
scrollY ? Ember.$("#scrollTop").fadeIn() : Ember.$("#scrollTop").fadeOut();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<META http-equiv="refresh" content="0;URL=index.html">
|
||||
</head>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>Essential Studio for EmberJS</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
{{content-for "head"}}
|
||||
|
||||
<link rel="shortcut icon" href="images/favicon.ico" />
|
||||
<link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
|
||||
<link rel="stylesheet" href="{{rootURL}}assets/emberjs.css">
|
||||
<link rel="stylesheet" href="{{rootURL}}content/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="{{rootURL}}content/ejthemes/ribbon-css/ej.icons.css">
|
||||
<link rel="stylesheet" href="{{rootURL}}content/ejthemes/default-theme/ej.web.all.min.css">
|
||||
<link rel="stylesheet" href="{{rootURL}}content/default.css">
|
||||
<link href="{{rootURL}}scripts/CodeMirror/codemirror.min.css" rel="stylesheet" />
|
||||
|
||||
{{content-for "head-footer"}}
|
||||
</head>
|
||||
<body>
|
||||
{{content-for "body"}}
|
||||
<script src="{{rootURL}}scripts/scripts/xljsondata.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/jsondata.min.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/jsonkanbandata.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/WorldMap.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/Continent_CountriesData.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/salesCountry.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/Africa.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/Asia.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/Europe.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/NorthAmerica.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/Oceania.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/SouthAmerica.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/SyncfusionLocation.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/FlightRoutes.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/Sunburst_Data.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/treemapdata.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/jsonspark.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/scripts/jsonscheduledata.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/diagramcommon.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/sampleslist.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/codemirror.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/javascript.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/css.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/xml.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/htmlmixed.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/clike.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/clike.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}scripts/CodeMirror/clike.js" type="text/javascript"></script>
|
||||
<script src="{{rootURL}}assets/vendor.js"></script>
|
||||
<script src="{{rootURL}}assets/emberjs.js"></script>
|
||||
<script src="{{rootURL}}scripts/jquery.validate.min.js" type="text/javascript"></script>
|
||||
|
||||
{{content-for "body-footer"}}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
import Resolver from 'ember-resolver';
|
||||
|
||||
export default Resolver;
|
||||
|
|
@ -0,0 +1,346 @@
|
|||
import Ember from 'ember';
|
||||
import config from './config/environment';
|
||||
|
||||
const Router = Ember.Router.extend({
|
||||
location: config.locationType,
|
||||
rootURL: config.rootURL
|
||||
});
|
||||
|
||||
Router.map(function () {
|
||||
this.route("dropdownlist", function () {
|
||||
this.route('default');
|
||||
this.route('grouping');
|
||||
this.route('filtering');
|
||||
});
|
||||
this.route("accordion", function () {
|
||||
this.route('default');
|
||||
this.route('multipleopen');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("menu", function () {
|
||||
this.route('default');
|
||||
this.route('localdata');
|
||||
this.route('template');
|
||||
});
|
||||
this.route("progressbar", function () {
|
||||
this.route('default');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("rating", function () {
|
||||
this.route('default');
|
||||
this.route('precision');
|
||||
this.route('orientation');
|
||||
});
|
||||
this.route("tab", function () {
|
||||
this.route('default');
|
||||
this.route('closebutton');
|
||||
this.route('image');
|
||||
});
|
||||
this.route("tagcloud", function () {
|
||||
this.route('default');
|
||||
this.route('rtl');
|
||||
this.route('databinding-remotedata');
|
||||
});
|
||||
this.route("toolbar", function () {
|
||||
this.route('default');
|
||||
this.route('orientation');
|
||||
this.route('databinding-remotedata');
|
||||
});
|
||||
this.route("uploadbox", function () {
|
||||
this.route('default');
|
||||
this.route('draganddrop');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("waitingpopup", function () {
|
||||
this.route('default');
|
||||
this.route('template');
|
||||
});
|
||||
this.route("rte", function () {
|
||||
this.route('default');
|
||||
this.route('alltools');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("spreadsheet", function () {
|
||||
this.route('default');
|
||||
this.route('cellformatting');
|
||||
this.route('conditionalformatting');
|
||||
this.route('datavalidation');
|
||||
this.route('chart');
|
||||
this.route('mftemplate');
|
||||
});
|
||||
this.route('chart', function () {
|
||||
this.route('default');
|
||||
this.route('column');
|
||||
this.route('area');
|
||||
});
|
||||
this.route('circulargauge', function () {
|
||||
this.route('default');
|
||||
this.route('pointers');
|
||||
this.route('interaction');
|
||||
});
|
||||
this.route('lineargauge', function () {
|
||||
this.route('default');
|
||||
this.route('interaction');
|
||||
this.route('unitlabel');
|
||||
});
|
||||
this.route('digitalgauge', function () {
|
||||
this.route('default');
|
||||
this.route('digiclock');
|
||||
this.route('export');
|
||||
});
|
||||
this.route('sparkline', function () {
|
||||
this.route('default');
|
||||
this.route('realtime');
|
||||
});
|
||||
this.route('sunburstchart', function () {
|
||||
this.route('default');
|
||||
this.route('animation');
|
||||
this.route('zooming');
|
||||
});
|
||||
this.route('rangenavigator', function () {
|
||||
this.route('default');
|
||||
this.route('numeric');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route('map', function () {
|
||||
this.route('default');
|
||||
this.route('drilldown');
|
||||
this.route('flightroutes');
|
||||
});
|
||||
this.route('treemap', function () {
|
||||
this.route('default');
|
||||
this.route('hierarchical');
|
||||
this.route('drilldown');
|
||||
});
|
||||
this.route('bulletgraph', function () {
|
||||
this.route('default');
|
||||
this.route('localdata');
|
||||
this.route('remotedata');
|
||||
});
|
||||
this.route('textboxes', function () {
|
||||
this.route('default');
|
||||
this.route('localization');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route('fileexplorer', function () {
|
||||
this.route('default');
|
||||
this.route('localization');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route('treeview', function () {
|
||||
this.route('default');
|
||||
this.route('localdatabinding');
|
||||
this.route("loadondemand");
|
||||
this.route("icons");
|
||||
});
|
||||
this.route("autocomplete", function () {
|
||||
this.route('default');
|
||||
this.route('databinding-remotedata');
|
||||
this.route('multicolumn');
|
||||
});
|
||||
this.route("datepicker", function () {
|
||||
this.route('default');
|
||||
this.route('blackoutdates');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("daterangepicker", function () {
|
||||
this.route('default');
|
||||
this.route('ranges');
|
||||
this.route('enabletimepicker');
|
||||
});
|
||||
this.route("button", function () {
|
||||
this.route('default');
|
||||
this.route('checkbox');
|
||||
this.route('groupbutton');
|
||||
this.route('splitbutton');
|
||||
this.route('radiobutton');
|
||||
this.route('togglebutton');
|
||||
});
|
||||
this.route("colorpicker", function () {
|
||||
this.route('default');
|
||||
this.route('custompalette');
|
||||
this.route('colorpalette');
|
||||
});
|
||||
this.route("datetimepicker", function () {
|
||||
this.route('default');
|
||||
this.route('drilldown');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("dialog", function () {
|
||||
this.route('default');
|
||||
this.route('actionbuttons');
|
||||
});
|
||||
this.route("kanban", function () {
|
||||
this.route('default');
|
||||
this.route('remotedata');
|
||||
this.route('swimlane');
|
||||
});
|
||||
this.route("listbox", function () {
|
||||
this.route('default');
|
||||
this.route('databinding-remotedata');
|
||||
this.route('virtualscrolling');
|
||||
});
|
||||
this.route("listview", function () {
|
||||
this.route('default');
|
||||
this.route('checklist');
|
||||
this.route('virtualscrolling');
|
||||
});
|
||||
this.route("navigationdrawer", function () {
|
||||
this.route('default');
|
||||
});
|
||||
this.route("radialmenu", function () {
|
||||
this.route('default');
|
||||
this.route('nestedradialmenu');
|
||||
});
|
||||
this.route("radialslider", function () {
|
||||
this.route('default');
|
||||
});
|
||||
this.route("rotator", function () {
|
||||
this.route('default');
|
||||
this.route('thumbnail');
|
||||
});
|
||||
this.route("splitter", function () {
|
||||
this.route('default');
|
||||
this.route('integration');
|
||||
});
|
||||
this.route("signature", function () {
|
||||
this.route('default');
|
||||
});
|
||||
this.route("tileview", function () {
|
||||
this.route('default');
|
||||
this.route('livetile');
|
||||
});
|
||||
this.route("schedule", function () {
|
||||
this.route('default');
|
||||
this.route('remotedata');
|
||||
this.route('multipleresource');
|
||||
this.route('resourcegrouping');
|
||||
this.route('blockintervals');
|
||||
this.route('timescale');
|
||||
this.route('categorize');
|
||||
this.route('customview');
|
||||
this.route('api');
|
||||
});
|
||||
this.route("scrollbar", function () {
|
||||
this.route('default');
|
||||
});
|
||||
this.route("spellcheck", function () {
|
||||
this.route('dialogmode');
|
||||
this.route('contextmenu');
|
||||
this.route('multipletargets');
|
||||
});
|
||||
this.route("timepicker", function () {
|
||||
this.route('default');
|
||||
this.route('disabledranges');
|
||||
this.route('rtl');
|
||||
});
|
||||
this.route("treegrid", function () {
|
||||
this.route('default');
|
||||
this.route('editing');
|
||||
this.route('paging');
|
||||
this.route('columnmenu');
|
||||
this.route('columntemplate');
|
||||
});
|
||||
this.route("gantt", function () {
|
||||
this.route('default');
|
||||
this.route('editing');
|
||||
this.route('rowdraganddrop');
|
||||
this.route('striplines');
|
||||
this.route('tooltiptemplate');
|
||||
});
|
||||
this.route("grid", function () {
|
||||
this.route('default');
|
||||
this.route('remotedata');
|
||||
this.route('sorting');
|
||||
this.route('filtering');
|
||||
this.route('grouping');
|
||||
this.route('editing');
|
||||
this.route('scrolling');
|
||||
this.route('summary');
|
||||
this.route('contextmenu');
|
||||
});
|
||||
this.route('diagram', function () {
|
||||
this.route('default');
|
||||
this.route('hierarchicaltree');
|
||||
this.route('organizationalchart');
|
||||
this.route('swimlane');
|
||||
this.route('radiallayout');
|
||||
this.route('overview');
|
||||
});
|
||||
|
||||
this.route('heatmap', function () {
|
||||
this.route('default');
|
||||
this.route('tabledatabinding');
|
||||
this.route('legend');
|
||||
});
|
||||
this.route('pdfviewer', function () {
|
||||
this.route('default');
|
||||
this.route('localization');
|
||||
this.route('formfilling');
|
||||
});
|
||||
this.route("pivotgrid", function () {
|
||||
this.route('relational');
|
||||
this.route('olap');
|
||||
this.route('frozenheaders');
|
||||
this.route('paging');
|
||||
});
|
||||
this.route("pivotchart", function () {
|
||||
this.route('relational');
|
||||
this.route('olap');
|
||||
this.route('charttypes');
|
||||
});
|
||||
this.route("pivotclient", function () {
|
||||
this.route('relational');
|
||||
this.route('olap');
|
||||
this.route('customization');
|
||||
});
|
||||
this.route("pivotgauge", function () {
|
||||
this.route('relational');
|
||||
this.route('olap');
|
||||
this.route('layout');
|
||||
});
|
||||
this.route("pivottreemap", function () {
|
||||
this.route('olap');
|
||||
this.route('namedsets');
|
||||
this.route('colormapping');
|
||||
});
|
||||
this.route("grid", function () {
|
||||
this.route('default');
|
||||
this.route('remotedata');
|
||||
this.route('sorting');
|
||||
this.route('filtering');
|
||||
this.route('grouping');
|
||||
this.route('editing');
|
||||
this.route('scrolling');
|
||||
this.route('summary');
|
||||
this.route('contextmenu');
|
||||
});
|
||||
this.route("slider", function () {
|
||||
this.route('default');
|
||||
this.route('range');
|
||||
this.route('vertical');
|
||||
});
|
||||
this.route("ribbon", function () {
|
||||
this.route('default');
|
||||
this.route('resize');
|
||||
this.route('customtooltip');
|
||||
});
|
||||
|
||||
this.route("reportviewer", function () {
|
||||
this.route('territorysales');
|
||||
this.route('groupingaggregate');
|
||||
this.route('areachart');
|
||||
});
|
||||
this.route("barcode", function () {
|
||||
this.route('default');
|
||||
this.route('datamatrix');
|
||||
this.route('code128');
|
||||
});
|
||||
this.route("combobox", function () {
|
||||
this.route('default');
|
||||
this.route('grouping');
|
||||
this.route('databinding-remotedata');
|
||||
});
|
||||
});
|
||||
|
||||
export default Router;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
enableMultipleOpen: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
enableRTL: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
window.htmlEditor = [];
|
||||
let initialLoad = false;
|
||||
window.baseurl = "//js.syncfusion.com/ejServices/";
|
||||
let refreshContentWindow = function () {
|
||||
Ember.$(".control-panel").height(Ember.$(window).height() - Ember.$(".headerarea").outerHeight());
|
||||
Ember.$("#scrollTop").fadeOut();
|
||||
},
|
||||
refreshScroller = function () {
|
||||
Ember.$(".accordion-panel").height(((Ember.$(window).height() - Ember.$(".headerarea").outerHeight())) + "px ;");
|
||||
var controlheight = Ember.$("#scrollcontainer").ejScroller("instance");
|
||||
controlheight.model.height = (Ember.$(window).height()) - (Ember.$(".headerarea").outerHeight() + Ember.$(".accordion-panel .searchoption").outerHeight());
|
||||
controlheight.refresh();
|
||||
Ember.$("#scrollcontainer .e-vhandle").addClass("e-box");
|
||||
},
|
||||
codeFetch = function (transition) {
|
||||
var target = transition.targetName.split(".");
|
||||
Ember.$.get("html/" + target[0] + "/" + target[1] + ".html",
|
||||
function (data) {
|
||||
Ember.$("#tab #htmlsource").css("display", "block");
|
||||
Ember.$("#tab #jssource").css("display", "none");
|
||||
if (Ember.$("#htmlsource").find(".CodeMirror")) Ember.$("#htmlsource").find(".CodeMirror").remove();
|
||||
window.htmlEditor.push(window.CodeMirror.fromTextArea(Ember.$("#htmlsource .tab_content").val(data)[0], {
|
||||
lineNumbers: false,
|
||||
readOnly: true,
|
||||
mode: "text/html"
|
||||
}));
|
||||
Ember.$("#htmlsource").find(Ember.$(".CodeMirror")).appendTo("#htmlsource");
|
||||
Ember.$("#tab").ejTab("model.selectedItemIndex", 0);
|
||||
}, 'text');
|
||||
Ember.$.get("js/" + target[0] + "/" + target[1] + ".js",
|
||||
function (data) {
|
||||
Ember.$("#tab #htmlsource").css("display", "none");
|
||||
Ember.$("#tab #jssource").css("display", "block");
|
||||
if (Ember.$("#jssource").find(".CodeMirror")) Ember.$("#jssource").find(".CodeMirror").remove();
|
||||
window.htmlEditor.push(window.CodeMirror.fromTextArea(Ember.$("#jssource .tab_content").val(data)[0], {
|
||||
lineNumbers: false,
|
||||
readOnly: true,
|
||||
mode: "javascript"
|
||||
}));
|
||||
Ember.$("#jssource").find(Ember.$(".CodeMirror")).appendTo("#jssource");
|
||||
Ember.$("#tab #jssource").css("display", "none");
|
||||
Ember.$("#tab #htmlsource").css("display", "block");
|
||||
Ember.$("#tab").ejTab("model.selectedItemIndex", 0);
|
||||
}, 'text');
|
||||
},
|
||||
currentSampleExpand = function () {
|
||||
var element = Ember.$(".productList li").find(".samplelist"), currentSample, samples, sampleName, scrollObj = Ember.$("#scrollcontainer").ejScroller("instance");
|
||||
for (var i = 0; i < element.length; i++) {
|
||||
samples = location.hash.split("/");
|
||||
if (Ember.$.trim(Ember.$(element[i]).parent().text()).split(" ")[0].toLowerCase() == location.hash.split("/")[1]) {
|
||||
Ember.$(element[i]).show();
|
||||
sampleName = Ember.$(element[i]).find('a[href *="' + samples[2] +'"]');
|
||||
if(initialLoad) {
|
||||
scrollObj.scrollTop(element[i].offsetTop - 80);
|
||||
initialLoad = false;
|
||||
}
|
||||
activeSample(sampleName.parent('li'));
|
||||
Ember.$(element[i]).parent().find("span").removeClass("up").addClass("down");
|
||||
currentSample = { control: Ember.$.trim(Ember.$(element[i]).siblings().text()), sample: sampleName.text() };
|
||||
} else {
|
||||
Ember.$(element[i]).parent().find("span").removeClass("down").addClass("up");
|
||||
Ember.$(element[i]).hide();
|
||||
}
|
||||
}
|
||||
Ember.$(".accordion-panel").animate({ "margin-left": "-250px" }, "slow");
|
||||
return currentSample;
|
||||
},
|
||||
activeSample = function (control) {
|
||||
Ember.$(".e-state-active").removeClass("e-state-active");
|
||||
control.addClass("e-state-active");
|
||||
};
|
||||
export default Ember.Route.extend({
|
||||
beforeModel(transition) {
|
||||
var i, j, subdata = [], sampleList = window.ControlList, controlName, properties;
|
||||
for (i = 0; i < sampleList.length; i++) {
|
||||
for (j = 0; j < sampleList[i].samples.length; j++) {
|
||||
properties = {};
|
||||
controlName = sampleList[i].name;
|
||||
properties["controlId"] = sampleList[i].id;
|
||||
properties["id"] = sampleList[i].samples[j].id;
|
||||
properties["control"] = controlName;
|
||||
properties["name"] = sampleList[i].samples[j].name;
|
||||
properties["data"] = sampleList[i].name + " " + sampleList[i].samples[j].name;
|
||||
subdata.push(properties);
|
||||
}
|
||||
}
|
||||
window.controls = subdata;
|
||||
initialLoad = true;
|
||||
if (transition.targetName === "index")
|
||||
this.replaceWith('grid.default');
|
||||
},
|
||||
model() {
|
||||
return {
|
||||
controlName: "Spreadsheet",
|
||||
controls: window.ControlList,
|
||||
subData: window.controls,
|
||||
fields: { key: "id", text: "data" },
|
||||
scrollTop: function () {
|
||||
Ember.$(".control-panel").animate({ scrollTop: 0 }, "fast");
|
||||
},
|
||||
onSelectItem: function (args) {
|
||||
var samples = (args.key).split(".");
|
||||
window.location.hash = "#/" + samples[0] + "/" + samples[1];
|
||||
Ember.$("#searchauto").ejAutocomplete("clearText");
|
||||
}
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
slideclick: function () {
|
||||
Ember.$(".accordion-panel").css({ "z-index": "1000000", "position": "fixed" });
|
||||
Ember.$(".accordion-panel").animate({ "margin-left": "0px" }, "slow");
|
||||
refreshScroller();
|
||||
refreshContentWindow();
|
||||
},
|
||||
scrollTop: function () {
|
||||
Ember.$(".control-panel").animate({ scrollTop: 0 }, "fast");
|
||||
Ember.$("#scrollTop").fadeOut();
|
||||
},
|
||||
didTransition: function () {
|
||||
Ember.$(window).bind("resize", function () {
|
||||
Ember.$(".accordion-panel").css({ "margin-left": (Ember.$(window).width() <= "981") ? "-250px" : "0px" });
|
||||
refreshScroller();
|
||||
refreshContentWindow();
|
||||
}),
|
||||
Ember.run.scheduleOnce('afterRender', this, function () {
|
||||
codeFetch({ targetName: this.controller.currentPath });
|
||||
Ember.$("body").css("visibility", "visible");
|
||||
refreshContentWindow();
|
||||
var route = currentSampleExpand();
|
||||
this.controller.set("model.controlName", route['control']);
|
||||
this.controller.set("model.sampleName", route['sample']);
|
||||
refreshScroller();
|
||||
Ember.$(".content").height(Ember.$(window).height() - Ember.$(".toolbar").outerHeight());
|
||||
Ember.$("body>div.ember-view").css("height", "100%");
|
||||
});
|
||||
},
|
||||
willTransition: function (transition) {
|
||||
codeFetch(transition);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
let data = ej.DataManager({url: window.baseurl + "Wcf/Northwind.svc/", crossDomain: true});
|
||||
let query = ej.Query().from("Suppliers").select("SupplierID", "ContactName");
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: data,
|
||||
query: query,
|
||||
fields: { text: "ContactName", key: "SupplierID" },
|
||||
filterType: ej.filterType.StartsWith,
|
||||
width: "100%",
|
||||
watermarkText: "Select a Customer",
|
||||
enableAutoFill: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
dataSource: [
|
||||
"Anemone Galilee", "Allium drumstick", "Artichoke thistle",
|
||||
"Boronia ", "Bouvardia", "Blue lace flower", "Bird of paradise",
|
||||
"Cone flower", "Cosmos", "Calla lily white", "Common Yarrow",
|
||||
"Dahlia", "Daffodil", "Delphinium Belladonna",
|
||||
"Eric John", "Eucalyptus seeded",
|
||||
"Freesia", "Foxtail fern", "Feverfew",
|
||||
"Godetia", "Gardenia", "Gayfeather",
|
||||
"Heather", "Hydrangea",
|
||||
"Ivy",
|
||||
"Japhette orchid",
|
||||
"Kangaroo paw yellow",
|
||||
"Lace fern", "Lumex", "Lavender",
|
||||
"Mimosa", "Moon orchid", "Ming fern",
|
||||
"Nerine",
|
||||
"Paper Reed", "Pincushion", "Phlox",
|
||||
"Queen Anne's lace",
|
||||
"Red Rover", "Rice flower", "Rose Lavanda",
|
||||
"Strawberry banksia", "Saponaria", " Sunflower Sunbright",
|
||||
"Thorow-wax", "Telstar", "Tuberose", "Tulip pink",
|
||||
"Waxflower", "Willow curly", "Watsonia"
|
||||
],
|
||||
width: "100%",
|
||||
watermarkText: "Select a flower",
|
||||
enableAutoFill: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
dataSource: window.gridData,
|
||||
fields: { key: "OrderID", text: "ShipCity" },
|
||||
highlightSearch: true,
|
||||
watermarkText: "Select a order",
|
||||
width:"100%",
|
||||
showPopupButton: true,
|
||||
multiColumnSettings:{
|
||||
stringFormat: "{0} ({3}) ({1})",
|
||||
enable:true,
|
||||
showHeader: true,
|
||||
columns: [{
|
||||
field: "CustomerID",
|
||||
headerText: "CustomerID",
|
||||
},
|
||||
{
|
||||
field: "OrderID",
|
||||
headerText: "OrderID"
|
||||
},
|
||||
{
|
||||
field: "EmployeeID",
|
||||
headerText: "EmployeeID"
|
||||
},
|
||||
{
|
||||
field: "ShipCity",
|
||||
headerText: "ShipCity"
|
||||
}
|
||||
]}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Text:"SYNCFUSION",
|
||||
quietZone: {all: 20},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Text:"SYNCFUSION",
|
||||
xDimension: 10,
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Text:"SYNCFUSION",
|
||||
xDimension: 10,
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,154 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
qualitativeRangeSize: 32, load: "loadBulletTheme",
|
||||
quantitativeScaleLength: 475,
|
||||
tooltipSettings: { visible: true },
|
||||
orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
|
||||
flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
|
||||
quantitativeScaleSettings: {
|
||||
location: { x: 110, y: 10 },
|
||||
minimum: 0,
|
||||
maximum: 10,
|
||||
interval: 1,
|
||||
minorTicksPerInterval: 4,
|
||||
majorTickSettings: { size: 13, width: 1, stroke: 'gray' },
|
||||
minorTickSettings: { size: 5, width: 1, stroke: 'gray' },
|
||||
tickPosition: ej.datavisualization.BulletGraph.TickPosition.Far,
|
||||
labelSettings: {
|
||||
position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10
|
||||
},
|
||||
featuredMeasureSettings: { width: 6 },
|
||||
comparativeMeasureSettings: {
|
||||
width: 5
|
||||
},
|
||||
featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7 }]
|
||||
},
|
||||
qualitativeRanges: [{
|
||||
rangeEnd: 4.3
|
||||
}, {
|
||||
rangeEnd: 7.3
|
||||
}, {
|
||||
rangeEnd: 10
|
||||
}],
|
||||
captionSettings: {
|
||||
textAngle: 0,
|
||||
location: { x: 17, y: 20 }, text: "Revenue YTD", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
|
||||
subTitle: {
|
||||
textAngle: 0,
|
||||
text: "$ in Thousands", location: { x: 10, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '12px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 } //'#707070'
|
||||
}
|
||||
},
|
||||
//Bullet Graph 2
|
||||
qualitativeRangeSize2: 32, height2: 140,
|
||||
quantitativeScaleLength2: 475,
|
||||
orientation2: ej.datavisualization.BulletGraph.Orientation.Horizontal,
|
||||
flowDirection2: ej.datavisualization.BulletGraph.FlowDirection.Forward,
|
||||
quantitativeScaleSettings2: {
|
||||
location: { x: 110, y: 10 },
|
||||
minimum: -10,
|
||||
maximum: 10,
|
||||
interval: 2,
|
||||
minorTicksPerInterval: 4,
|
||||
majorTickSettings: { size: 13, width: 1 },
|
||||
minorTickSettings: { size: 5, width: 1 },
|
||||
tickPosition: ej.datavisualization.BulletGraph.TickPosition.Far,
|
||||
labelSettings: {
|
||||
position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10, labelSuffix: ' %'
|
||||
},
|
||||
featuredMeasureSettings: { width: 6 },
|
||||
comparativeMeasureSettings: {
|
||||
width: 5
|
||||
},
|
||||
featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7 }]
|
||||
},
|
||||
qualitativeRanges2: [{
|
||||
rangeEnd: -4, rangeStroke: "#61a301"
|
||||
}, {
|
||||
rangeEnd: 3, rangeStroke: "#fcda21"
|
||||
}, {
|
||||
rangeEnd: 10, rangeStroke: "#d61e3f"
|
||||
}],
|
||||
captionSettings2: {
|
||||
textAngle: 0,
|
||||
location: { x: 60, y: 25 }, text: "Profit", font: { color: null, fontFamily: 'Segoe UI', fontStyle: ej.datavisualization.BulletGraph.FontStyle.Normal, size: '13px', fontWeight: ej.datavisualization.BulletGraph.FontWeight.Normal, opacity: 1 }, //'#707070'
|
||||
},
|
||||
|
||||
//Bullet Graph 3
|
||||
qualitativeRangeSize3: 32,
|
||||
quantitativeScaleLength3: 475,
|
||||
orientation3: ej.datavisualization.BulletGraph.Orientation.Horizontal,
|
||||
flowDirection3: ej.datavisualization.BulletGraph.FlowDirection.Backward,
|
||||
quantitativeScaleSettings3: {
|
||||
location: { x: 105, y: 10 },
|
||||
minimum: -10,
|
||||
maximum: 10,
|
||||
interval: 2,
|
||||
minorTicksPerInterval: 4,
|
||||
majorTickSettings: { size: 13, width: 1, stroke: 'gray' },
|
||||
minorTickSettings: { size: 5, width: 1, stroke: 'gray' },
|
||||
tickPosition: ej.datavisualization.BulletGraph.TickPosition.Far,
|
||||
labelSettings: {
|
||||
position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10, labelSuffix: ' %',
|
||||
},
|
||||
featuredMeasureSettings: { width: 6 },
|
||||
comparativeMeasureSettings: {
|
||||
width: 5
|
||||
},
|
||||
featureMeasures: [{ value: -2, comparativeMeasureValue: -2 }]
|
||||
},
|
||||
qualitativeRanges3: [{
|
||||
rangeEnd: -4.3
|
||||
}, {
|
||||
rangeEnd: 4.3
|
||||
}, {
|
||||
rangeEnd: 10
|
||||
}],
|
||||
captionSettings3: {
|
||||
textAngle: 0,
|
||||
location: { x: 38, y: 25 }, text: "Expenses", font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal', size: '13px', fontWeight: 'regular', opacity: 1 }, //'#707070'
|
||||
},
|
||||
|
||||
//Bullet Graph 4
|
||||
qualitativeRangeSize4: 32,
|
||||
quantitativeScaleLength4: 475,
|
||||
tooltipSettings4: { visible: true },
|
||||
orientation4: ej.datavisualization.BulletGraph.Orientation.Horizontal,
|
||||
flowDirection4: ej.datavisualization.BulletGraph.FlowDirection.Backward,
|
||||
quantitativeScaleSettings4: {
|
||||
location: { x: 105, y: 10 },
|
||||
minimum: 0,
|
||||
maximum: 10,
|
||||
interval: 1,
|
||||
minorTicksPerInterval: 4,
|
||||
majorTickSettings: { size: 13, width: 1 },
|
||||
minorTickSettings: { size: 5, width: 1 },
|
||||
tickPosition: ej.datavisualization.BulletGraph.TickPosition.Far,
|
||||
labelSettings: {
|
||||
position: ej.datavisualization.BulletGraph.LabelPosition.Below, offset: 14, size: 10, labelPrefix: '$ ', labelSuffix: 'K'
|
||||
},
|
||||
featuredMeasureSettings: { width: 6 },
|
||||
comparativeMeasureSettings: {
|
||||
width: 5
|
||||
},
|
||||
featureMeasures: [{ value: 8, comparativeMeasureValue: 6.7, category: "" }]
|
||||
},
|
||||
qualitativeRanges4: [{
|
||||
rangeEnd: 4.3, rangeStroke: "#61a301", rangeOpacity: 1
|
||||
}, {
|
||||
rangeEnd: 7.3, rangeStroke: "#fcda21", rangeOpacity: 1
|
||||
}, {
|
||||
rangeEnd: 10, rangeStroke: "#d61e3f", rangeOpacity: 1
|
||||
}],
|
||||
captionSettings4: {
|
||||
textAngle: 0,
|
||||
location: { x: 17, y: 20 }, text: "Revenue YTD", font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal', size: '12px', fontWeight: 'regular', opacity: 1 }, //'#707070'
|
||||
subTitle: {
|
||||
textAngle: 0,
|
||||
text: "$ in Thousands", location: { x: 10, y: 35 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal ', size: '12px', fontWeight: 'regular', opacity: 1 } //'#707070'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
height: 400,
|
||||
enableAnimation: true,
|
||||
qualitativeRangeSize: 320,
|
||||
quantitativeScaleLength: 475, tooltipSettings: { visible: true },
|
||||
orientation: ej.datavisualization.BulletGraph.Orientation.Horizontal,
|
||||
flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Forward,
|
||||
quantitativeScaleSettings: {
|
||||
location: { x: 110, y: 25 },
|
||||
minimum: 0,
|
||||
maximum: 10,
|
||||
interval: 1,
|
||||
minorTicksPerInterval: 4,
|
||||
majorTickSettings: { width: 1, size: 13, stroke: 'gray' },
|
||||
minorTickSettings: { width: 1, size: 5, stroke: 'gray' },
|
||||
labelSettings: { offset: 14, size: 10 }
|
||||
},
|
||||
fields: {
|
||||
dataSource: [
|
||||
{
|
||||
value: 9.5, comparativeMeasureValue: 7.5,
|
||||
category: 2001
|
||||
},
|
||||
{
|
||||
value: 9.5, comparativeMeasureValue: 5,
|
||||
category: 2002
|
||||
},
|
||||
{
|
||||
value: 9.5, comparativeMeasureValue: 6,
|
||||
category: 2003
|
||||
},
|
||||
{
|
||||
value: 9.5, comparativeMeasureValue: 8,
|
||||
category: 2004
|
||||
},
|
||||
{
|
||||
value: 9.5, comparativeMeasureValue: 5,
|
||||
category: 2005
|
||||
},
|
||||
{
|
||||
value: 9.5, comparativeMeasureValue: 6,
|
||||
category: 2006
|
||||
}], category: "category",
|
||||
featureMeasures: "value",
|
||||
comparativeMeasure: "comparativeMeasureValue"
|
||||
},
|
||||
qualitativeRanges: [{
|
||||
rangeEnd: 4.3
|
||||
}, {
|
||||
rangeEnd: 7.3
|
||||
}, {
|
||||
rangeEnd: 10
|
||||
}],
|
||||
captionSettings: {
|
||||
textAngle: -90,
|
||||
location: { x: 40, y: 210 }, text: "Revenue YTD", font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal', size: '12px', fontWeight: 'regular', opacity: 1 }, //'#707070'
|
||||
subTitle: {
|
||||
textAngle: -90,
|
||||
text: "$ in Thousands", location: { x: 55, y: 210 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal ', size: '12px', fontWeight: 'regular', opacity: 1 } //'#707070'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
|
||||
model() {
|
||||
var dataManger = new ej.DataManager({
|
||||
url: window.baseurl + "Wcf/Northwind.svc/", crossDomain: true
|
||||
});
|
||||
// Query creation
|
||||
var query = ej.Query().from("Products").take(10).where("UnitPrice", ej.FilterOperators.greaterThan, 18, false).where("UnitPrice", ej.FilterOperators.lessThanOrEqual, 40, false).where("UnitsInStock", ej.FilterOperators.greaterThan, 5, false).where("UnitsInStock", ej.FilterOperators.lessThanOrEqual, 45, false);
|
||||
return {
|
||||
height: 540, enableAnimation: true, qualitativeRangeSize: 320,
|
||||
quantitativeScaleLength: 475, tooltipSettings: { template: "Tooltip", visible: true }, orientation: ej.datavisualization.BulletGraph.Orientation.Vertical,
|
||||
flowDirection: ej.datavisualization.BulletGraph.FlowDirection.Backward,
|
||||
fields: {
|
||||
dataSource: dataManger, query: query, category: "ProductID",
|
||||
featureMeasures: "UnitPrice",
|
||||
comparativeMeasure: "UnitsInStock"
|
||||
},
|
||||
quantitativeScaleSettings: {
|
||||
location: { x: 50, y: 60 },
|
||||
minimum: 5,
|
||||
maximum: 45,
|
||||
interval: 10,
|
||||
minorTicksPerInterval: 4,
|
||||
tickPosition: ej.datavisualization.BulletGraph.TickPosition.Near,
|
||||
majorTickSettings: { width: 1, size: 13, stroke: 'gray' },
|
||||
minorTickSettings: { width: 1, size: 5, stroke: 'gray' },
|
||||
labelSettings: {
|
||||
position: ej.datavisualization.BulletGraph.LabelPosition.Above, offset: 15, size: 10
|
||||
}
|
||||
},
|
||||
qualitativeRanges: [{
|
||||
rangeEnd: 25
|
||||
}, {
|
||||
rangeEnd: 37
|
||||
}, {
|
||||
rangeEnd: 45
|
||||
}],
|
||||
captionSettings: {
|
||||
textAngle: 270,
|
||||
location: { x: 15, y: 290 }, text: "Product (with ID's)", font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal', size: '12px', fontWeight: 'regular', opacity: 1 }, //'#707070'
|
||||
subTitle: {
|
||||
textAngle: 0,
|
||||
text: "Production in Units", location: { x: 170, y: 540 }, font: { color: null, fontFamily: 'Segoe UI', fontStyle: 'Normal ', size: '12px', fontWeight: 'regular', opacity: 1 } //'#707070'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
|
||||
Small:"small",
|
||||
Medium:"medium",
|
||||
roundedCorner: true,
|
||||
checked: true,
|
||||
triState: true,
|
||||
checkState: "indeterminate"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Normal: "normal",
|
||||
Mini:"mini",
|
||||
Small:"small",
|
||||
Medium:"medium",
|
||||
Large:"large",
|
||||
roundedCorner: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
mode:"radiobutton",
|
||||
roundedCorner: true,
|
||||
dataSource: [
|
||||
{ text: "Day", contentType: "textonly" },
|
||||
{ text: "Work Week", contentType: "textonly" },
|
||||
{ text: "Week", contentType: "textonly" },
|
||||
{ text: "Month", contentType: "textonly", selected: "selected" },
|
||||
{ text: "Year", contentType: "textonly" }]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Small:"small",
|
||||
Medium:"medium",
|
||||
checked: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Normal: "normal",
|
||||
Mini:"mini",
|
||||
Small:"small",
|
||||
Medium:"medium",
|
||||
Large:"large",
|
||||
roundedCorner: true,
|
||||
buttonModes: ["Split", "DropDown"],
|
||||
onChange: function (args) {
|
||||
Ember.$(".e-splitbutton").ejSplitButton({ buttonMode: args.value.toLowerCase() });
|
||||
},
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Normal: "normal",
|
||||
Mini:"mini",
|
||||
Small:"small",
|
||||
Medium:"medium",
|
||||
Large:"large",
|
||||
roundedCorner: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
//Initializing Primary X Axis
|
||||
primaryXAxis:
|
||||
{
|
||||
axisLine: { visible: false },
|
||||
majorGridLines: { visible: false },
|
||||
majorTickLines: { visible: false },
|
||||
range: { min: 1900, max: 2000, interval: 10 },
|
||||
title: { text: 'Year' }
|
||||
},
|
||||
//Initializing Primary Y Axis
|
||||
primaryYAxis:
|
||||
{
|
||||
axisLine: { visible: false },
|
||||
majorTickLines: { visible: false },
|
||||
range: { min: 2, max: 5, interval: 0.5 },
|
||||
title: { text: 'Sales Amount in Millions' }
|
||||
},
|
||||
//Initializing Series
|
||||
series:
|
||||
[
|
||||
{
|
||||
points: [{ x: 1900, y: 4 }, { x: 1920, y: 3.0 }, { x: 1940, y: 3.8 }, { x: 1960, y: 3.4 },
|
||||
{ x: 1980, y: 3.2 }, { x: 2000, y: 3.9 }],
|
||||
name: 'Product A',
|
||||
type: 'Area',
|
||||
enableAnimation: true,
|
||||
border: { color: 'transparent' },
|
||||
opacity: 0.5,
|
||||
fill: '#69D2E7'
|
||||
},
|
||||
{
|
||||
points: [{ x: 1900, y: 2.6 }, { x: 1920, y: 2.8 }, { x: 1940, y: 2.6 }, { x: 1960, y: 3 },
|
||||
{ x: 1980, y: 3.6 }, { x: 2000, y: 3 }],
|
||||
name: 'Product B',
|
||||
type: 'Area',
|
||||
enableAnimation: true,
|
||||
opacity: 0.5,
|
||||
border: { color: 'transparent' },
|
||||
fill: '#C4C24A'
|
||||
},
|
||||
{
|
||||
points: [{ x: 1900, y: 2.8 }, { x: 1920, y: 2.5 }, { x: 1940, y: 2.8 }, { x: 1960, y: 3.2 },
|
||||
{ x: 1980, y: 2.9 }, { x: 2000, y: 2 }],
|
||||
name: 'Product C',
|
||||
type: 'Area',
|
||||
enableAnimation: true,
|
||||
opacity: 0.5,
|
||||
border: { color: 'transparent' },
|
||||
fill: '#6A4B82'
|
||||
}
|
||||
],
|
||||
isResponsive: true,
|
||||
title: { text: 'Average Sales Comparison' },
|
||||
size: { height: "600" },
|
||||
legend: { visible: true }
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
//Initializing Primary X Axis
|
||||
primaryXAxis:
|
||||
{
|
||||
title: { text: 'Countries' }
|
||||
},
|
||||
|
||||
//Initializing Primary Y Axis
|
||||
primaryYAxis:
|
||||
{
|
||||
range: { min: 0, max: 80, interval: 20 },
|
||||
title: { text: 'Medals' }
|
||||
},
|
||||
|
||||
//Initializing Common Properties for all the series
|
||||
commonSeriesOptions:
|
||||
{
|
||||
type: 'column',
|
||||
enableAnimation: true,
|
||||
tooltip:
|
||||
{
|
||||
visible: true,
|
||||
format: "#point.x# : #point.y# #series.name# Medals"
|
||||
}
|
||||
},
|
||||
|
||||
//Initializing Series
|
||||
series:
|
||||
[
|
||||
{
|
||||
points: [{ x: "USA", y: 50 }, { x: "China", y: 40 },
|
||||
{ x: "Japan", y: 70 }, { x: "Australia", y: 60 },
|
||||
{ x: "France", y: 50 }, { x: "Germany", y: 40 },
|
||||
{ x: "Italy", y: 40 }, { x: "Sweden", y: 30 }],
|
||||
name: 'Gold', fill: "rgba(135,206,235,1)"
|
||||
},
|
||||
{
|
||||
points: [{ x: "USA", y: 70 }, { x: "China", y: 60 },
|
||||
{ x: "Japan", y: 60 }, { x: "Australia", y: 56 },
|
||||
{ x: "France", y: 45 }, { x: "Germany", y: 30 },
|
||||
{ x: "Italy", y: 35 }, { x: "Sweden", y: 25 }],
|
||||
name: 'Silver', fill: "rgba(255,255,0,0.7)"
|
||||
},
|
||||
{
|
||||
points: [{ x: "USA", y: 45 }, { x: "China", y: 55 },
|
||||
{ x: "Japan", y: 50 }, { x: "Australia", y: 40 },
|
||||
{ x: "France", y: 35 }, { x: "Germany", y: 22 },
|
||||
{ x: "Italy", y: 37 }, { x: "Sweden", y: 27 }],
|
||||
name: 'Bronze', fill: "rgba(255,204,153,1)"
|
||||
}
|
||||
],
|
||||
isResponsive: true,
|
||||
title: { text: 'Olympic Medals' },
|
||||
size: { height: "600" },
|
||||
legend: { visible: true, position: 'top' }
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
primaryXAxis:
|
||||
{
|
||||
range: { min: 2005, max: 2011, interval: 1 },
|
||||
title: { text: 'Year' },
|
||||
valueType: 'category'
|
||||
},
|
||||
|
||||
//Initializing Primary Y Axis
|
||||
primaryYAxis:
|
||||
{
|
||||
labelFormat: "{value}%",
|
||||
title: { text: 'Efficiency' },
|
||||
range: { min: 25, max: 50, interval: 5 }
|
||||
},
|
||||
|
||||
//Initializing Common Properties for all the series
|
||||
commonSeriesOptions:
|
||||
{
|
||||
type: 'line', enableAnimation: true,
|
||||
tooltip: { visible: true, template: 'Tooltip' },
|
||||
marker:
|
||||
{
|
||||
shape: 'circle',
|
||||
size:
|
||||
{
|
||||
height: 10, width: 10
|
||||
},
|
||||
visible: true
|
||||
},
|
||||
border: { width: 2 }
|
||||
},
|
||||
|
||||
//Initializing Series
|
||||
series:
|
||||
[
|
||||
{
|
||||
points: [{ x: 2005, y: 28 }, { x: 2006, y: 25 }, { x: 2007, y: 26 }, { x: 2008, y: 27 },
|
||||
{ x: 2009, y: 32 }, { x: 2010, y: 35 }, { x: 2011, y: 30 }],
|
||||
name: 'India'
|
||||
},
|
||||
{
|
||||
points: [{ x: 2005, y: 31 }, { x: 2006, y: 28 }, { x: 2007, y: 30 }, { x: 2008, y: 36 },
|
||||
{ x: 2009, y: 36 }, { x: 2010, y: 39 }, { x: 2011, y: 37 }],
|
||||
name: 'Germany'
|
||||
},
|
||||
{
|
||||
points: [{ x: 2005, y: 36 }, { x: 2006, y: 32 }, { x: 2007, y: 34 }, { x: 2008, y: 41 },
|
||||
{ x: 2009, y: 42 }, { x: 2010, y: 42 }, { x: 2011, y: 43 }],
|
||||
name: 'England'
|
||||
},
|
||||
{
|
||||
points: [{ x: 2005, y: 39 }, { x: 2006, y: 36 }, { x: 2007, y: 40 }, { x: 2008, y: 44 },
|
||||
{ x: 2009, y: 45 }, { x: 2010, y: 48 }, { x: 2011, y: 46 }],
|
||||
name: 'France'
|
||||
}
|
||||
],
|
||||
isResponsive: true,
|
||||
title: { text: 'Efficiency of oil-fired power production' },
|
||||
size: { height: "600" },
|
||||
legend: { visible: true }
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
isResponsive:true,
|
||||
backgroundColor: "transparent", width: 500,
|
||||
scales: [{
|
||||
showRanges: true,
|
||||
startAngle: 122, sweepAngle: 296, radius: 130, showScaleBar: true, size: 1, maximum: 120, majorIntervalValue: 20, minorIntervalValue: 10,
|
||||
border: {
|
||||
width: 0.5,
|
||||
},
|
||||
pointers: [{
|
||||
value: 60,
|
||||
showBackNeedle: true,
|
||||
backNeedleLength: 20,
|
||||
length: 95,
|
||||
width: 7,
|
||||
pointerCap: { radius: 12 }
|
||||
}],
|
||||
ticks: [{
|
||||
type: "major",
|
||||
distanceFromScale: 2,
|
||||
height: 16,
|
||||
width: 1, color: "#8c8c8c"
|
||||
}, { type: "minor", height: 8, width: 1, distanceFromScale: 2, color: "#8c8c8c" }],
|
||||
labels: [{
|
||||
color: "#8c8c8c"
|
||||
}],
|
||||
ranges: [{
|
||||
distanceFromScale: -30,
|
||||
startValue: 0,
|
||||
endValue: 70
|
||||
}, {
|
||||
distanceFromScale: -30,
|
||||
startValue: 70,
|
||||
endValue: 110,
|
||||
backgroundColor: "#fc0606",
|
||||
border: { color: "#fc0606" }
|
||||
},
|
||||
{
|
||||
distanceFromScale: -30,
|
||||
startValue: 110,
|
||||
endValue: 120,
|
||||
backgroundColor: "#f5b43f",
|
||||
border: { color: "#f5b43f" }
|
||||
}]
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
readOnly: false, backgroundColor: "transparent", width: 500, isResponsive:true,
|
||||
scales: [{
|
||||
showRanges: true,
|
||||
startAngle: 122, sweepAngle: 296, radius: 130, showScaleBar: true, size: 1, border: { width: 0.5 }, maximum: 120, majorIntervalValue: 20, minorIntervalValue: 10,
|
||||
pointers: [{
|
||||
value: 60,
|
||||
showBackNeedle: true,
|
||||
backNeedleLength: 20,
|
||||
length: 95,
|
||||
width: 7,
|
||||
pointerCap: { radius: 12 }
|
||||
}],
|
||||
labels: [{
|
||||
color: "#8c8c8c"
|
||||
}],
|
||||
ticks: [{
|
||||
type: "major",
|
||||
distanceFromScale: 2,
|
||||
height: 16,
|
||||
width: 1, color: "#8c8c8c"
|
||||
}, { type: "minor", height: 8, width: 1, distanceFromScale: 2, color: "#8c8c8c" }],
|
||||
ranges: [{
|
||||
distanceFromScale: -30,
|
||||
startValue: 0,
|
||||
endValue: 70
|
||||
}, {
|
||||
distanceFromScale: -30,
|
||||
startValue: 70,
|
||||
endValue: 110,
|
||||
backgroundColor: "#fc0606",
|
||||
border: { color: "#fc0606" }
|
||||
},
|
||||
{
|
||||
distanceFromScale: -30,
|
||||
startValue: 110,
|
||||
endValue: 120,
|
||||
backgroundColor: "#f5b43f",
|
||||
border: { color: "#f5b43f" }
|
||||
}]
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
enableAnimation: false,
|
||||
backgroundColor: "#e0e0e0", width: 700, height: 600, radius: 80,
|
||||
drawLabels: function(args){
|
||||
if (args.pointerValue != 100 && args.pointerValue != 0)
|
||||
args.style.textValue = "";
|
||||
},
|
||||
drawPointers:function(args){
|
||||
var i = args.pointer.index;
|
||||
args.model.scales[0].indicators[i].stateRanges[0].text = args.pointer.pointerValue.toString();
|
||||
args.model.scales[0].indicators[i].position.x = args.position.startX+20;
|
||||
args.model.scales[0].indicators[i].position.y = args.position.startY+50;
|
||||
},
|
||||
scales: [{
|
||||
showRanges: true,showTicks:false, showIndicators: true, startAngle: 120, sweepAngle: 300, radius: 80, size: 1,
|
||||
showScaleBar: false, minimum: 0, maximum: 100, majorIntervalValue: 10, minorIntervalValue: 10,
|
||||
border: {
|
||||
width: 0.5,
|
||||
},
|
||||
customLabels: [{
|
||||
value: "SPORTS", position: { x: 350, y: 280 }, color: "#333333", font: {fontFamily:"Segoe UI",fontStyle:"Bold", size: "24px" }
|
||||
}, {
|
||||
value: "Fan Ratio", position: { x: 350, y: 310 }, color: "#333333", font: { fontFamily: "Segoe UI", size: "18px" }
|
||||
}, {
|
||||
value: "(in million)", position: { x: 350, y: 330 }, color: "#333333", font: { fontFamily: "Segoe UI", size: "12px" }
|
||||
}],
|
||||
labels: [{
|
||||
color: "transparent"
|
||||
}],
|
||||
ranges: [{
|
||||
distanceFromScale: -73, size: 40, startValue: 0, endValue: 80, backgroundColor: "#bc4b4b", border: { color: "#bc4b4b", width: 2 }
|
||||
}, {
|
||||
distanceFromScale: -132, size: 40, startValue: 0, endValue: 70, backgroundColor: "#21a56f", border: { color: "#21a56f", width: 2 }
|
||||
}, {
|
||||
distanceFromScale: -190, size: 40, startValue: 0, endValue: 90, backgroundColor: "#2bafbc", border: { color: "#2bafbc", width: 2 }
|
||||
}],
|
||||
pointers: [{
|
||||
type: "marker", markerType: "image", value: 80, distanceFromScale: 15, placement: "far", length: 43, width: 43, backgroundColor: "transparent", border: { width: 0, color: "transparent" }, imageUrl: "content/images/gauge/golfball.png",
|
||||
|
||||
},{
|
||||
type: "marker", markerType: "image", value: 70, distanceFromScale: 74, placement: "far", length: 43, width: 43, backgroundColor: "transparent", border: { width: 0, color: "transparent" }, imageUrl: "content/images/gauge/basketball.png",
|
||||
|
||||
},{
|
||||
type: "marker", markerType: "image", value: 90, distanceFromScale: 131, placement: "far", length: 43, width: 43, backgroundColor: "transparent", border: { width: 0, color: "transparent" }, imageUrl: "content/images/gauge/football.png",
|
||||
|
||||
}],
|
||||
indicators:[
|
||||
{
|
||||
height: 10, width: 10, type: "text", textLocation: { x: 0, y: 0 }, stateRanges: [{ startValue: 0, endValue: 100, text: "", textColor: "#8c8c8c", font: { size: "12px" } }]
|
||||
}, {
|
||||
height: 10, width: 10, type: "text", textLocation: { x: 0, y: 0 }, stateRanges: [{ startValue: 0, endValue: 100, text: "", textColor: "#8c8c8c", font: { size: "12px" } }]
|
||||
}, {
|
||||
height: 10, width: 10, type: "text", textLocation: { x: 0, y: 0 }, stateRanges: [{ startValue: 0, endValue: 100, text: "", textColor: "#8c8c8c", font: { size: "12px" } }]
|
||||
}]
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
value: "#ec2024",
|
||||
type: "palette"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
value:"#ec2024",
|
||||
type:"palette",
|
||||
palette:"custompalette",
|
||||
switcher: false,
|
||||
custom:['ffffff', 'ffccff', 'ff99ff', 'ff66ff', 'ff33ff', 'ff00ff', 'ccffff', 'ccccff', 'cc99ff', 'cc66ff',
|
||||
'cc33ff', 'cc00ff', '99ffff', '99ccff', '9999ff', '9966ff', '9933ff', '9900ff', 'ffffcc', 'ffcccc']
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
value: "#ec2024"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
let data = ej.DataManager({url: window.baseurl + "Wcf/Northwind.svc/", crossDomain: true});
|
||||
let query = ej.Query().from("Suppliers").select("SupplierID", "ContactName");
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: data,
|
||||
query: query,
|
||||
fields: { text: "ContactName", value: "SupplierID" },
|
||||
width: "100%",
|
||||
placeholder: "Select a Customer"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
dataSource: [
|
||||
"Anemone Galilee", "Allium drumstick", "Artichoke thistle",
|
||||
"Boronia ", "Bouvardia", "Blue lace flower", "Bird of paradise",
|
||||
"Cone flower", "Cosmos", "Calla lily white", "Common Yarrow",
|
||||
"Dahlia", "Daffodil", "Delphinium Belladonna",
|
||||
"Eric John", "Eucalyptus seeded",
|
||||
"Freesia", "Foxtail fern", "Feverfew",
|
||||
"Godetia", "Gardenia", "Gayfeather",
|
||||
"Heather", "Hydrangea",
|
||||
"Ivy",
|
||||
"Japhette orchid",
|
||||
"Kangaroo paw yellow",
|
||||
"Lace fern", "Lumex", "Lavender",
|
||||
"Mimosa", "Moon orchid", "Ming fern",
|
||||
"Nerine",
|
||||
"Paper Reed", "Pincushion", "Phlox",
|
||||
"Queen Anne's lace",
|
||||
"Red Rover", "Rice flower", "Rose Lavanda",
|
||||
"Strawberry banksia", "Saponaria", " Sunflower Sunbright",
|
||||
"Thorow-wax", "Telstar", "Tuberose", "Tulip pink",
|
||||
"Waxflower", "Willow curly", "Watsonia"
|
||||
],
|
||||
width: "100%",
|
||||
placeholder: "Select a flower",
|
||||
autofill: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: [
|
||||
{ skill: 'Cabbage', category: 'Leafy and Salad' }, { skill: 'Pea', category: 'Leafy and Salad' }, { skill: 'Spinach', category: 'Leafy and Salad' },
|
||||
{ skill: 'Wheatgrass', category: 'Leafy and Salad' }, { skill: 'Yarrow', category: 'Leafy and Salad' }, { skill: 'Chickpea', category: 'Beans' },
|
||||
{ skill: 'Green bean', category: 'Beans' }, { skill: 'Horse gram', category: 'Beans' }, { skill: 'Peanut', category: 'Beans' }, { skill: 'Pigeon pea', category: 'Beans' },
|
||||
{ skill: 'Garlic', category: 'Bulb and Stem' }, { skill: 'Garlic Chives', category: 'Bulb and Stem' }, { skill: 'Lotus root', category: 'Bulb and Stem' },
|
||||
{ skill: 'Nopal', category: 'Bulb and Stem' }, { skill: 'Onion', category: 'Bulb and Stem' },
|
||||
{ skill: 'Shallot', category: 'Bulb and Stem' }, { skill: 'Beetroot', category: 'Root and Tuberous' }, { skill: 'Carrot', category: 'Root and Tuberous' },
|
||||
{ skill: 'Ginger', category: 'Root and Tuberous' },
|
||||
{ skill: 'Potato', category: 'Root and Tuberous' }, { skill: 'Radish', category: 'Root and Tuberous' }, { skill: 'Turmeric', category: 'Root and Tuberous' }
|
||||
],
|
||||
fieldsvalues: { text: 'skill', groupBy: 'category' },
|
||||
width: "100%"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
let today = new Date();
|
||||
let year = today.getFullYear();
|
||||
let month = today.getMonth();
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
blackoutDates: [new Date(year,month, 4), new Date(year,month, 23),new Date(year,month, 14), new Date(year, month + 1, 15),
|
||||
new Date(this.year, this.month - 1, 22)]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Value: new Date()
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Value: new Date(),
|
||||
rtl: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
Value: "5/5/2014 - 6/6/2018",
|
||||
Width: 400
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
timePickerEnabled: true,
|
||||
Width: 400
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
ranges: [
|
||||
{ label: "Today", range: [new Date(), new Date()] },
|
||||
{ label: "Last 1 Week", range: [new Date(new Date().setDate(new Date().getDate() - 7)), new Date()] },
|
||||
{ label: "Last 1 Month", range: [new Date(new Date().setMonth(new Date().getMonth() - 1)), new Date()] },
|
||||
{ label: "Last 2 Month", range: [new Date(new Date().setMonth(new Date().getMonth() - 2)), new Date()] },
|
||||
],
|
||||
Width: 400
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
value: new Date()
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
drillDown: {enabled: true, interval: 5, showMeridian: false}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
rtl: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
width: "100%",
|
||||
height: "625px",
|
||||
|
||||
nodes: [{ name: "NewIdea", width: 150, height: 60, offsetX: 400, offsetY: 60, labels: [{ "text": "New idea identified" }], type: "flow", shape: "terminator" },
|
||||
{ name: "Meeting", width: 150, height: 60, offsetX: 400, offsetY: 155, labels: [{ "text": "Meeting with board" }], type: "flow", shape: "process" },
|
||||
{ name: "BoardDecision", width: 150, height: 110, offsetX: 400, offsetY: 280, labels: [{ text: "Board decides \nwhether \nto proceed" }], type: "flow", shape: "decision" },
|
||||
{ name: "Project", width: 150, height: 100, offsetX: 400, offsetY: 430, labels: [{ "text": "Find Project \nmanager" }], type: "flow", shape: "decision" },
|
||||
{ name: "End", width: 150, height: 60, offsetX: 400, offsetY: 555, labels: [{ "text": "Implement and Deliver" }], type: "flow", shape: "process" },
|
||||
{ name: "Decision", width: 250, height: 60, offsetX: 650, offsetY: 60, labels: [{ "text": "Decision Process for new software ideas" }], type: "flow", shape: "card", fillColor: "#858585", borderColor: "#858585" },
|
||||
{ name: "Reject", width: 150, height: 60, offsetX: 650, offsetY: 285, labels: [{ "text": "Reject and write report" }], type: "flow", shape: "process" },
|
||||
{ name: "Resources", width: 150, height: 60, offsetX: 650, offsetY: 430, labels: [{ "text": "Hire new resources" }], type: "flow", shape: "process" }
|
||||
],
|
||||
|
||||
connectors: [{ name: "connector1", sourceNode: "NewIdea", targetNode: "Meeting" },
|
||||
{ name: "connector2", sourceNode: "Meeting", targetNode: "BoardDecision" },
|
||||
{ name: "connector3", sourceNode: "BoardDecision", targetNode: "Project", labels: [{ "text": "Yes" }] },
|
||||
{ name: "connector4", sourceNode: "Project", targetNode: "End", labels: [{ "text": "Yes" }] },
|
||||
{ name: "connector5", sourceNode: "BoardDecision", targetNode: "Reject", labels: [{ "text": "No" }] },
|
||||
{ name: "connector6", sourceNode: "Project", targetNode: "Resources", labels: [{ "text": "No" }] }
|
||||
],
|
||||
|
||||
defaultSettings: {
|
||||
node: {
|
||||
borderColor: "#1BA0E2", fillColor: "#1BA0E2", labels: [{ "fontColor": "white" }],
|
||||
ports: [{ name: "port1", offset: { x: 0, y: 0.5 } },
|
||||
{ name: "port2", offset: { y: 0, x: 0.5 } },
|
||||
{ name: "port3", offset: { x: 1, y: 0.5 } },
|
||||
{ name: "port4", offset: { y: 1, x: 0.5 } }]
|
||||
},
|
||||
connector: { lineColor: "#606060", labels: [{ "fillColor": "white" }] },
|
||||
},
|
||||
|
||||
palettes: [
|
||||
{
|
||||
name: "Flow Shapes",
|
||||
expanded: true,
|
||||
items: [{
|
||||
name: "Terminator", width: 40, height: 20, offsetX: 20, offsetY: 20, type: "flow", shape: "terminator",
|
||||
ports: [
|
||||
{ name: "Terminator" + "1", offset: { x: 0.5, y: 0 } },
|
||||
{ name: "Terminator" + "2", offset: { x: 0, y: 0.5 } },
|
||||
{ name: "Terminator" + "3", offset: { x: 0.5, y: 1 } },
|
||||
{ name: "Terminator" + "4", offset: { x: 1, y: 0.5 } }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
let data = [
|
||||
{ "Name": "Diagram", "fillColor": "#916DAF" },
|
||||
{ "Name": "Layout", "Category": "Diagram" },
|
||||
{ "Name": "Tree Layout", "Category": "Layout" },
|
||||
{ "Name": "Organizational Chart", "Category": "Layout" },
|
||||
{ "Name": "Hierarchical Tree", "Category": "Tree Layout" },
|
||||
{ "Name": "Radial Tree", "Category": "Tree Layout" },
|
||||
{ "Name": "Mind Map", "Category": "Hierarchical Tree" },
|
||||
{ "Name": "Family Tree", "Category": "Hierarchical Tree" },
|
||||
{ "Name": "Management", "Category": "Organizational Chart" },
|
||||
{ "Name": "Human Resource", "Category": "Management" },
|
||||
{ "Name": "University", "Category": "Management" },
|
||||
{ "Name": "Business", "Category": "Management" },
|
||||
];
|
||||
|
||||
return {
|
||||
height: "450px",
|
||||
tool: ej.datavisualization.Diagram.Tool.SingleSelect,
|
||||
layout: { type: "hierarchicaltree", horizontalSpacing: 25, verticalSpacing: 35, marginX: 3, marginY: 3 },
|
||||
defaultSettings: {
|
||||
node: {
|
||||
constraints: ej.datavisualization.Diagram.NodeConstraints.Select | ej.datavisualization.Diagram.NodeConstraints.PointerEvents, fillColor: "#88C65C", width: 100,
|
||||
height: 40, borderColor: "black", borderWidth: 1, labels: [{ name: "label1", fontColor: "white", fontSize: 12, margin: { left: 10, right: 10 } }]
|
||||
},
|
||||
connector: {
|
||||
lineColor: "#000000", constraints: ej.datavisualization.Diagram.ConnectorConstraints.None,
|
||||
segments: [{ type: "orthogonal" }]
|
||||
}
|
||||
},
|
||||
nodeTemplate: function (diagram, node) {
|
||||
node.labels[0].text = node.Name;
|
||||
},
|
||||
dataSourceSettings: { id: "Name", parent: "Category", dataSource: data },
|
||||
pageSettings: { scrollLimit: "diagram" },
|
||||
snapSettings: { snapConstraints: ej.datavisualization.Diagram.SnapConstraints.None }
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
var addInfo = { orientation: "vertical", type: "alternate" };
|
||||
var data = [
|
||||
{ "Id": "parent", "Function": "Project Management" },
|
||||
{ "Id": "1", "Function": "R&D Team", "Phase": "parent" },
|
||||
{ "Id": "2", "Function": "HR Team", "Phase": "parent" },
|
||||
{ "Id": "3", "Function": "Sales Team", "Phase": "parent" },
|
||||
{ "Id": "4", "Function": "Philosophy", "Phase": "1" },
|
||||
{ "Id": "5", "Function": " Organization", "Phase": "1" },
|
||||
{ "Id": "6", "Function": "Technology", "Phase": "1" },
|
||||
{ "Id": "7", "Function": " Funding", "Phase": "1" },
|
||||
{ "Id": "8", "Function": "Resource", "Phase": "1" },
|
||||
{ "Id": "9", "Function": "Targeting", "Phase": "1" },
|
||||
{ "Id": "10", "Function": "Evaluation", "Phase": "1" },
|
||||
{ "Id": "11", "Function": "Recruitment", "Phase": "2" },
|
||||
{ "Id": "12", "Function": "Relation", "Phase": "2" },
|
||||
{ "Id": "13", "Function": "Design", "Phase": "3" },
|
||||
{ "Id": "14", "Function": "Operation", "Phase": "3" },
|
||||
{ "Id": "15", "Function": "Support", "Phase": "3" },
|
||||
{ "Id": "16", "Function": "Quality", "Phase": "3" },
|
||||
{ "Id": "17", "Function": "Interaction", "Phase": "3" },
|
||||
{ "Id": "18", "Function": "Support", "Phase": "3" },
|
||||
{ "Id": "19", "Function": "Coordination", "Phase": "3" }
|
||||
];
|
||||
|
||||
function nodeTemplate(diagram, node) {
|
||||
node.labels[0].text = node.Function;
|
||||
node.fillColor = node.Color;
|
||||
if (node.Id == "parent") { node.fillColor = "#3484bb"; }
|
||||
if (node.Phase == "parent") { node.fillColor = "#9ace7f"; }
|
||||
if (node.Phase == "1") { node.fillColor = "#9264aa"; }
|
||||
if (node.Phase == "2") { node.fillColor = "#9264aa"; }
|
||||
if (node.Phase == "3") { node.fillColor = "#9264aa"; }
|
||||
}
|
||||
|
||||
function getLayoutInfo(diagram, node, options) {
|
||||
if (!options.hasSubTree) {
|
||||
options.orientation = node.addInfo.orientation;
|
||||
options.type = node.addInfo.type;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return{
|
||||
height: "450px",
|
||||
tool: ej.datavisualization.Diagram.Tool.SingleSelect,
|
||||
layout: { type: "organizationalchart", marginX: 3, marginY: 3, getLayoutInfo: getLayoutInfo },
|
||||
defaultSettings: {
|
||||
node: { constraints: ej.datavisualization.Diagram.NodeConstraints.Select | ej.datavisualization.Diagram.NodeConstraints.PointerEvents, addInfo: addInfo, width: 100, height: 40, borderColor: "black", labels: [{ fontColor: "#ffffff" }] },
|
||||
connector: {
|
||||
lineColor: "#000000", segments: [{ type: "orthogonal" }], targetDecorator: { shape: "none" },
|
||||
constraints: ej.datavisualization.Diagram.ConnectorConstraints.None
|
||||
}
|
||||
},
|
||||
nodeTemplate: nodeTemplate,
|
||||
dataSourceSettings: {
|
||||
id: "Id", parent: "Phase", dataSource: data
|
||||
},
|
||||
pageSettings: {
|
||||
scrollLimit: "diagram", muliplePages: false
|
||||
},
|
||||
snapSettings: {
|
||||
snapConstraints: ej.datavisualization.Diagram.SnapConstraints.None
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
|
||||
|
||||
var nodes = [];
|
||||
|
||||
createNode(24, 23, 20, "content/images/overviewcontrol/cards_05.png");
|
||||
createNode(555, 48, 41, "content/images/overviewcontrol/cards_03.png");
|
||||
createNode(461, 174, -64, "content/images/overviewcontrol/cards_07.png");
|
||||
createNode(455, 634, 0, "content/images/overviewcontrol/cards_09.png");
|
||||
createNode(81, 583, 0, "content/images/overviewcontrol/cards_11.png");
|
||||
createNode(861, 449, -24, "content/images/overviewcontrol/cards_14.png");
|
||||
createNode(34, 417, 20, "content/images/overviewcontrol/cards_16.png");
|
||||
createNode(674, 418, 37, "content/images/overviewcontrol/cards_18.png");
|
||||
createNode(1181, 921, -75, "content/images/overviewcontrol/cards_23.png");
|
||||
createNode(159, 125, -9, "content/images/overviewcontrol/cards_25.png");
|
||||
createNode(776, 249, 0, "content/images/overviewcontrol/cards_100.png");
|
||||
createNode(776, 27, 0, "content/images/overviewcontrol/cards_101.png");
|
||||
createNode(634, 149, -79, "content/images/overviewcontrol/cards_102.png");
|
||||
createNode(287, 159, 0, "content/images/overviewcontrol/cards_103.png");
|
||||
createNode(223, 584, -20, "content/images/overviewcontrol/cards_104.png");
|
||||
createNode(294, 8, -52, "content/images/overviewcontrol/cards_105.png");
|
||||
createNode(388, 296, 59, "content/images/overviewcontrol/cards_106.png");
|
||||
createNode(102, 267, 0, "content/images/overviewcontrol/cards_107.png");
|
||||
createNode(380, 452, 0, "content/images/overviewcontrol/cards_108.png");
|
||||
createNode(683, 550, 31, "content/images/overviewcontrol/cards_109.png");
|
||||
createNode(1038, 567, 20, "content/images/overviewcontrol/cards_05.png");
|
||||
createNode(849, 115, 41, "content/images/overviewcontrol/cards_03.png");
|
||||
createNode(1165, 144, -64, "content/images/overviewcontrol/cards_07.png");
|
||||
createNode(497, 815, 0, "content/images/overviewcontrol/cards_09.png");
|
||||
createNode(993, 480, 0, "content/images/overviewcontrol/cards_100.png");
|
||||
createNode(1240, 582, -38, "content/images/overviewcontrol/cards_101.png");
|
||||
createNode(941, 249, 0, "content/images/overviewcontrol/cards_102.png");
|
||||
createNode(674, 921, -41, "content/images/overviewcontrol/cards_104.png");
|
||||
createNode(296, 816, -20, "content/images/overviewcontrol/cards_104.png");
|
||||
createNode(1025, 45, -52, "content/images/overviewcontrol/cards_105.png");
|
||||
createNode(962, 943, 59, "content/images/overviewcontrol/cards_106.png");
|
||||
createNode(1093, 409, -42, "content/images/overviewcontrol/cards_107.png");
|
||||
createNode(445, 939, 33, "content/images/overviewcontrol/cards_108.png");
|
||||
createNode(756, 783, 31, "content/images/overviewcontrol/cards_109.png");
|
||||
createNode(15, 1047, 0, "content/images/overviewcontrol/cards_05.png");
|
||||
createNode(1072, 102, 41, "content/images/overviewcontrol/cards_03.png");
|
||||
createNode(417, 1198, -64, "content/images/overviewcontrol/cards_07.png");
|
||||
createNode(1148, 815, 0, "content/images/overviewcontrol/cards_09.png");
|
||||
createNode(1322, 310, -34, "content/images/overviewcontrol/cards_11.png");
|
||||
createNode(833, 1442, -36, "content/images/overviewcontrol/cards_14.png");
|
||||
createNode(25, 1441, 31, "content/images/overviewcontrol/cards_16.png");
|
||||
createNode(630, 1442, 0, "content/images/overviewcontrol/cards_18.png");
|
||||
createNode(1454, 102, 37, "content/images/overviewcontrol/cards_20.png");
|
||||
createNode(1253, 1306, -75, "content/images/overviewcontrol/cards_23.png");
|
||||
createNode(115, 1148, -9, "content/images/overviewcontrol/cards_25.png");
|
||||
createNode(993, 480, 0, "content/images/overviewcontrol/cards_11.png");
|
||||
createNode(115, 815, -24, "content/images/overviewcontrol/cards_14.png");
|
||||
createNode(913, 676, 31, "content/images/overviewcontrol/cards_16.png");
|
||||
createNode(1216, 310, 0, "content/images/overviewcontrol/cards_18.png");
|
||||
createNode(590, 614, -16, "content/images/overviewcontrol/cards_20.png");
|
||||
createNode(285, 685, -75, "content/images/overviewcontrol/cards_23.png");
|
||||
createNode(232, 357, -9, "content/images/overviewcontrol/cards_25.png");
|
||||
createNode(733, 1273, 0, "content/images/overviewcontrol/cards_100.png");
|
||||
createNode(733, 1051, 0, "content/images/overviewcontrol/cards_101.png");
|
||||
createNode(590, 1273, -79, "content/images/overviewcontrol/cards_102.png");
|
||||
createNode(244, 1212, 0, "content/images/overviewcontrol/cards_103.png");
|
||||
createNode(1547, 9, -20, "content/images/overviewcontrol/cards_104.png");
|
||||
createNode(251, 1031, -52, "content/images/overviewcontrol/cards_105.png");
|
||||
createNode(344, 1320, 59, "content/images/overviewcontrol/cards_106.png");
|
||||
createNode(58, 1291, 0, "content/images/overviewcontrol/cards_107.png");
|
||||
createNode(287, 1442, 0, "content/images/overviewcontrol/cards_108.png");
|
||||
createNode(1499, 733, 31, "content/images/overviewcontrol/cards_109.png");
|
||||
createNode(1566, 726, 20, "content/images/overviewcontrol/cards_05.png");
|
||||
createNode(805, 1138, 41, "content/images/overviewcontrol/cards_03.png");
|
||||
createNode(1122, 1168, -64, "content/images/overviewcontrol/cards_07.png");
|
||||
createNode(1216, 0, 0, "content/images/overviewcontrol/cards_09.png");
|
||||
createNode(1326, 534, 0, "content/images/overviewcontrol/cards_11.png");
|
||||
createNode(1514, 930, -24, "content/images/overviewcontrol/cards_14.png");
|
||||
createNode(1622, 473, 31, "content/images/overviewcontrol/cards_16.png");
|
||||
createNode(1498, 1124, 0, "content/images/overviewcontrol/cards_18.png");
|
||||
createNode(1668, 228, 0, "content/images/overviewcontrol/cards_20.png");
|
||||
function createNode(x, y, angle, src) {
|
||||
x += 51;
|
||||
y += 71;
|
||||
nodes.push({
|
||||
name: ej.datavisualization.Diagram.Util.randomId(),
|
||||
offsetX: x, offsetY: y, rotateAngle: angle, type: "image", source: src, borderColor: "none"
|
||||
});
|
||||
}
|
||||
return{
|
||||
nodes: nodes,
|
||||
tool: ej.datavisualization.Diagram.Tool.ZoomPan,
|
||||
defaultSettings: {
|
||||
node: {
|
||||
width: 102, height: 142,
|
||||
}
|
||||
},
|
||||
snapSettings: { snapConstraints: ej.datavisualization.Diagram.SnapConstraints.None },
|
||||
create: function () {
|
||||
var diagram = Ember.$("#Diagram").ejDiagram("instance");
|
||||
diagram.fitToPage();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,565 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
var data = [
|
||||
{
|
||||
"Id": "parent", "Name": "Maria Anders", "Designation": "Managing Director",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "true", "RatingColor": "#C34444"
|
||||
},
|
||||
{
|
||||
"Id": 1, "Name": "Ana Trujillo", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.PNG", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 2, "Name": "Lino Rodri", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/Robin.PNG", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 3, "Name": "Philip Cramer", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/Robin.PNG", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 4, "Name": "Pedro Afonso", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/Paul.png", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 5, "Name": "Anto Moreno", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 1
|
||||
},
|
||||
{
|
||||
"Id": 6, "Name": "Elizabeth Roel", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Maria.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 1
|
||||
},
|
||||
{
|
||||
"Id": 7, "Name": "Aria Cruz", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 1
|
||||
},
|
||||
{
|
||||
"Id": 8, "Name": "Eduardo Roel", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "true",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 1
|
||||
},
|
||||
{
|
||||
"Id": 9, "Name": "Howard Snyd", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 2
|
||||
},
|
||||
{
|
||||
"Id": 10, "Name": "Daniel Tonini", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "true",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 2
|
||||
},
|
||||
{
|
||||
"Id": 11, "Name": "Nardo Batista", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Maria.PNG", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 89
|
||||
},
|
||||
{
|
||||
"Id": 12, "Name": "Michael Holz", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.PNG", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 89
|
||||
},
|
||||
{
|
||||
"Id": 13, "Name": "Kloss Perrier", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 90
|
||||
},
|
||||
{
|
||||
"Id": 14, "Name": "Liz Nixon", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 3
|
||||
},
|
||||
{
|
||||
"Id": 15, "Name": "Paul Henriot", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "false",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 3
|
||||
},
|
||||
{
|
||||
"Id": 16, "Name": "Paula Parente", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/John.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 90
|
||||
},
|
||||
{
|
||||
"Id": 17, "Name": "Matti Kenna", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 4
|
||||
},
|
||||
{
|
||||
"Id": 18, "Name": "Laura Callahan", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "false",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 4
|
||||
},
|
||||
{
|
||||
"Id": 19, "Name": "Simon Roel", "Designation": "Project Lead",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "true",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 4
|
||||
},
|
||||
{
|
||||
"Id": 20, "Name": "Thomas Hardy", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 12
|
||||
},
|
||||
{
|
||||
"Id": 21, "Name": "Martín Kloss", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 5
|
||||
},
|
||||
{
|
||||
"Id": 22, "Name": "Maria Larsson", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image51.png", "IsExpand": "false",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 6
|
||||
},
|
||||
{
|
||||
"Id": 23, "Name": "Diego Roel", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "false",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 7
|
||||
},
|
||||
{
|
||||
"Id": 24, "Name": "José Pedro ", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "true",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 8
|
||||
},
|
||||
{
|
||||
"Id": 25, "Name": "Manu Pereira", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image56.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 8
|
||||
},
|
||||
{
|
||||
"Id": 26, "Name": "Annette Roel", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 25
|
||||
},
|
||||
{
|
||||
"Id": 27, "Name": "Catherine Kaff", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 8
|
||||
},
|
||||
{
|
||||
"Id": 28, "Name": "Lúcia Carvalho", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Robin.PNG", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 12
|
||||
},
|
||||
{
|
||||
"Id": 29, "Name": "Alej Camino", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.PNG", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 13
|
||||
},
|
||||
{
|
||||
"Id": 30, "Name": "Liu Wong", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 14
|
||||
},
|
||||
{
|
||||
"Id": 31, "Name": "Karin Josephs", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 14
|
||||
},
|
||||
{
|
||||
"Id": 32, "Name": "Ruby Anabela ", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 16
|
||||
},
|
||||
{
|
||||
"Id": 33, "Name": "Pirkko King", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 17
|
||||
},
|
||||
|
||||
{
|
||||
"Id": 34, "Name": "Karl Jablonski", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 18
|
||||
},
|
||||
|
||||
{
|
||||
"Id": 35, "Name": "Zbyszek Yang", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 19
|
||||
},
|
||||
{
|
||||
"Id": 36, "Name": "Nancy", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image56.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 5
|
||||
},
|
||||
{
|
||||
"Id": 37, "Name": "Anne", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 6
|
||||
},
|
||||
{
|
||||
"Id": 38, "Name": "Isabel Castro", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 7
|
||||
},
|
||||
{
|
||||
"Id": 39, "Name": "Nardo Batista", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 9
|
||||
},
|
||||
{
|
||||
"Id": 40, "Name": "Rene Phillips", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 16
|
||||
},
|
||||
{
|
||||
"Id": 41, "Name": "Rita Pfalzheim", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "false",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 9
|
||||
},
|
||||
{
|
||||
"Id": 42, "Name": "Janete Limeira", "Designation": "Senior S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 11
|
||||
},
|
||||
{
|
||||
"Id": 43, "Name": "Christina kaff", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 20
|
||||
},
|
||||
{
|
||||
"Id": 44, "Name": "Peter Franken", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 21
|
||||
},
|
||||
{
|
||||
"Id": 45, "Name": "Carlos Schmitt", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 23
|
||||
},
|
||||
{
|
||||
"Id": 46, "Name": "Yoshi Wilson", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "false",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 23
|
||||
},
|
||||
{
|
||||
"Id": 47, "Name": "Jean Fresnière", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "false",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 24
|
||||
},
|
||||
{
|
||||
"Id": 48, "Name": "Simon Roel", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 25
|
||||
},
|
||||
{
|
||||
"Id": 49, "Name": "Rene Phillips", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 55
|
||||
},
|
||||
{
|
||||
"Id": 50, "Name": "Paula Wilson", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/eric.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 43
|
||||
},
|
||||
{
|
||||
"Id": 51, "Name": "Jose Pavarotti", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Maria.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 43
|
||||
},
|
||||
{
|
||||
"Id": 52, "Name": "Palle Ibsen", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/image51.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 29
|
||||
},
|
||||
{
|
||||
"Id": 53, "Name": "Lúcia Carvalho", "Designation": "S/w Engg",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 30
|
||||
},
|
||||
{
|
||||
"Id": 54, "Name": "Hanna Moos", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "true",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 30
|
||||
},
|
||||
{
|
||||
"Id": 55, "Name": "Peter Citeaux", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 33
|
||||
},
|
||||
{
|
||||
"Id": 56, "Name": "Elizabeth Mary", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 33
|
||||
},
|
||||
{
|
||||
"Id": 57, "Name": "Victoria Ash", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 34
|
||||
},
|
||||
{
|
||||
"Id": 58, "Name": "Janine Labrune", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 35
|
||||
},
|
||||
{
|
||||
"Id": 59, "Name": "Martine Rancé", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 11
|
||||
},
|
||||
{
|
||||
"Id": 60, "Name": "Carine Schmitt", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 11
|
||||
},
|
||||
{
|
||||
"Id": 61, "Name": "Paolo Accorti", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 38
|
||||
},
|
||||
{
|
||||
"Id": 62, "Name": "André Fonseca", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/John.png", "IsExpand": "true",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 41
|
||||
},
|
||||
{
|
||||
"Id": 63, "Name": "Mario Pontes", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 6
|
||||
},
|
||||
{
|
||||
"Id": 64, "Name": "John Steel", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Maria.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 7
|
||||
},
|
||||
{
|
||||
"Id": 65, "Name": "Renate Jose", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image51.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 42
|
||||
},
|
||||
{
|
||||
"Id": 66, "Name": "Jaime Yorres", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 20
|
||||
},
|
||||
{
|
||||
"Id": 67, "Name": "Alex Feuer", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 21
|
||||
},
|
||||
|
||||
{
|
||||
"Id": 68, "Name": "Yvonne Wong", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 6
|
||||
},
|
||||
|
||||
{
|
||||
"Id": 69, "Name": "Yoshi Kenna", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "false",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 40
|
||||
},
|
||||
{
|
||||
"Id": 70, "Name": "Helen Marie", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image51.png", "IsExpand": "true",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 24
|
||||
},
|
||||
{
|
||||
"Id": 71, "Name": "Joseph Kaff", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 70
|
||||
},
|
||||
{
|
||||
"Id": 72, "Name": "Horst Kloss", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 70
|
||||
},
|
||||
{
|
||||
"Id": 73, "Name": "Sergio roel", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image55.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 37
|
||||
},
|
||||
{
|
||||
"Id": 74, "Name": "Mauri Moroni", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 60
|
||||
},
|
||||
{
|
||||
"Id": 75, "Name": "Janete Limeira", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image51.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 29
|
||||
},
|
||||
{
|
||||
"Id": 76, "Name": "Jonas Bergsen", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 18
|
||||
},
|
||||
{
|
||||
"Id": 77, "Name": "Miguel Angel", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/eric.PNG", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 18
|
||||
},
|
||||
{
|
||||
"Id": 78, "Name": "Art Nancy", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "true",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 88
|
||||
},
|
||||
{
|
||||
"Id": 79, "Name": "Pascal Cartrain", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/John.png", "IsExpand": "true",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 88
|
||||
},
|
||||
{
|
||||
"Id": 80, "Name": "Helvetis Nagy", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 34
|
||||
},
|
||||
{
|
||||
"Id": 81, "Name": "Rita Müller", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Paul.png", "IsExpand": "None",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 35
|
||||
},
|
||||
{
|
||||
"Id": 82, "Name": "Georg Pipps", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 36
|
||||
},
|
||||
{
|
||||
"Id": 83, "Name": "Horst Kloss", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Paul.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 37
|
||||
},
|
||||
{
|
||||
"Id": 84, "Name": "Paula Wilson", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 38
|
||||
},
|
||||
{
|
||||
"Id": 85, "Name": " Jose Michael", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/eric.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 37
|
||||
},
|
||||
{
|
||||
"Id": 86, "Name": "Mauri Moroni", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 40
|
||||
},
|
||||
{
|
||||
"Id": 87, "Name": "Michael Holz", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 41
|
||||
},
|
||||
{
|
||||
"Id": 88, "Name": "Alej Camino", "Designation": "Project Trainee",
|
||||
"ImageUrl": "content/images/radialtree/image51.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 42
|
||||
},
|
||||
{
|
||||
"Id": 89, "Name": "Jytte Petersen", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/image55.PNG", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 90, "Name": "Mary Saveley", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "false",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 91, "Name": "Robert King", "Designation": "Project Manager",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "true",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": "parent"
|
||||
},
|
||||
{
|
||||
"Id": 92, "Name": "Francisco Yang", "Designation": "CSR",
|
||||
"ImageUrl": "content/images/radialtree/image55.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 100
|
||||
},
|
||||
{
|
||||
"Id": 93, "Name": "Yang Wang", "Designation": "CSR",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 80
|
||||
},
|
||||
{
|
||||
"Id": 94, "Name": "Ann Devon", "Designation": "CSR",
|
||||
"ImageUrl": "content/images/radialtree/Robin.png", "IsExpand": "false",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 80
|
||||
},
|
||||
{
|
||||
"Id": 95, "Name": "Roland Mendel", "Designation": "CSR",
|
||||
"ImageUrl": "content/images/radialtree/image57.png", "IsExpand": "true",
|
||||
"RatingColor": "#68C2DE", "ReportingPerson": 19
|
||||
},
|
||||
{
|
||||
"Id": 96, "Name": "Yoshi Latimer", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/eric.png", "IsExpand": "true",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 13
|
||||
},
|
||||
{
|
||||
"Id": 97, "Name": "Patricia Kenna", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/Maria.png", "IsExpand": "true",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 100
|
||||
},
|
||||
{
|
||||
"Id": 98, "Name": "Helen Bennett", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/image51.png", "IsExpand": "None",
|
||||
"RatingColor": "#D46E89", "ReportingPerson": 42
|
||||
},
|
||||
{
|
||||
"Id": 99, "Name": "Carlos Nagy", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/Clayton.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 42
|
||||
},
|
||||
{
|
||||
"Id": 100, "Name": "Felipe Kloss", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "false",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 77
|
||||
},
|
||||
{
|
||||
"Id": 101, "Name": "Fran Wilson", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/image53.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 46
|
||||
},
|
||||
{
|
||||
"Id": 102, "Name": "John Rovelli", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/Jenny.png", "IsExpand": "None",
|
||||
"RatingColor": "#93B85A", "ReportingPerson": 46
|
||||
},
|
||||
{
|
||||
"Id": 103, "Name": "Georg Pipps", "Designation": "SR",
|
||||
"ImageUrl": "content/images/radialtree/Thomas.png", "IsExpand": "None",
|
||||
"RatingColor": "#EBB92E", "ReportingPerson": 55
|
||||
}
|
||||
];
|
||||
|
||||
//creating the node template
|
||||
function nodeTemplate(diagram, node) {
|
||||
node.source = node.ImageUrl;
|
||||
}
|
||||
return {
|
||||
layout: {
|
||||
type: "radialtree", horizontalSpacing: 30, verticalSpacing: 30
|
||||
},
|
||||
defaultSettings: {
|
||||
node: {
|
||||
width: 50, height: 50, borderColor: "transparent", type: "image",
|
||||
constraints: ej.datavisualization.Diagram.NodeConstraints.InheritTooltip | ej.datavisualization.Diagram.NodeConstraints.PointerEvents
|
||||
},
|
||||
connector: { constraints: ej.datavisualization.Diagram.ConnectorConstraints.None },
|
||||
},
|
||||
tooltip: {
|
||||
templateId: "mouseovertoolTipId",
|
||||
alignment: { horizontal: "center", vertical: "bottom" }
|
||||
},
|
||||
tool: ej.datavisualization.Diagram.Tool.ZoomPan,
|
||||
pageSettings: { scrollLimit: "diagram" },
|
||||
nodeTemplate: nodeTemplate,
|
||||
dataSourceSettings: {
|
||||
id: "Id", parent: "ReportingPerson",
|
||||
dataSource: data
|
||||
},
|
||||
snapSettings: { snapConstraints: ej.datavisualization.Diagram.SnapConstraints.None },
|
||||
enableContextMenu: false,
|
||||
create: function () {
|
||||
var diagram = Ember.$("#Diagram").ejDiagram("instance");
|
||||
diagram.fitToPage();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,223 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
var darkColor = "#C7D4DF";
|
||||
var lightColor = "#f5f5f5";
|
||||
var pathData = "M 120 24.9999 C 120 38.8072 109.642 50 96.8653 50 L 23.135" +
|
||||
" 50 C 10.3578 50 0 38.8072 0 24.9999 L 0 24.9999 C" +
|
||||
"0 11.1928 10.3578 0 23.135 0 L 96.8653 0 C 109.642 0 120 11.1928 120 24.9999 Z";
|
||||
var palettes = [
|
||||
{
|
||||
name: "Flow Shapes",
|
||||
expanded: true,
|
||||
items: [
|
||||
//add the flow shapes to the symbol palette
|
||||
{
|
||||
name: "Rectangle", height: 45, width: 70, offsetX: 70 / 2, offsetY: 45 / 2, fillColor: "white", borderWidth: 1.5, type: "basic", shape: "rectangle",
|
||||
},
|
||||
{
|
||||
name: "Ellipse", width: 70, height: 70, offsetX: 20, offsetY: 20, fillColor: "white", borderWidth: 1.5, type: "basic", shape: "ellipse",
|
||||
},
|
||||
{
|
||||
name: "Parallelogram", width: 70, height: 70,
|
||||
offsetX: 20, offsetY: 30, fillColor: "white",
|
||||
borderWidth: 1.8, shape: "polygon",
|
||||
points: [{ x: 25, y: 1 }, { x: 99, y: 1 }, { x: 75, y: 99 }, { x: 1, y: 99 }],
|
||||
},
|
||||
{
|
||||
name: "Dimond", width: 70, height: 70,
|
||||
offsetX: 20, offsetY: 20, fillColor: "white",
|
||||
borderWidth: 1.8, shape: "polygon",
|
||||
points: [{ x: 50, y: 1 }, { x: 100, y: 50 }, { x: 50, y: 100 }, { x: 1, y: 50 }],
|
||||
},
|
||||
|
||||
]
|
||||
},
|
||||
{
|
||||
name: " Swimlane Shapes", expanded: true,
|
||||
items: [
|
||||
//add the swimlane shapes to the symbol palette
|
||||
{ name: "stackCanvas1", header: { width: 50, height: 50, fillColor: "#C7D4DF", fontSize: 11 }, height: 60, width: 140, fillColor: "#f5f5f5", offsetX: 70, offsetY: 30, orientation: "horizontal", isLane: true },
|
||||
{ name: "stackCanvas2", header: { width: 50, height: 50, fillColor: "#C7D4DF", fontSize: 11 }, height: 140, width: 60, fillColor: "#f5f5f5", offsetX: 30, offsetY: 70, orientation: "vertical", isLane: true },
|
||||
{ name: "verticalPhase", type: "phase", lineWidth: 1, lineDashArray: "3,3", lineColor: "#A9A9A9", parent: "", orientation: "vertical", label: { text: "" } },
|
||||
{ name: "horizontalPhase", type: "phase", lineWidth: 1, lineDashArray: "3,3", lineColor: "#A9A9A9", parent: "", orientation: "horizontal", label: { text: "" } },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: " Connectors",
|
||||
expanded: true,
|
||||
items: [
|
||||
//add the connectors to the symbol palette
|
||||
{
|
||||
name: "Link1", segments: [{ type: "orthogonal" }], sourcePoint: { x: 0, y: 0 }, targetPoint: { x: 40, y: 40 }, targetDecorator: { shape: "arrow", borderColor: "#A9A9A9", fillColor: "#A9A9A9" }, lineWidth: 2, lineColor: "#A9A9A9"
|
||||
},
|
||||
{
|
||||
name: "Link21", segments: [{ type: "straight" }], sourcePoint: { x: 0, y: 0 }, targetPoint: { x: 40, y: 40 }, targetDecorator: { shape: "arrow", borderColor: "#A9A9A9", fillColor: "#A9A9A9" }, lineWidth: 2, lineColor: "#A9A9A9"
|
||||
},
|
||||
],
|
||||
}
|
||||
];
|
||||
|
||||
var connectors = [
|
||||
//add the connector properties
|
||||
{
|
||||
name: "connector1", sourceNode: "Order",
|
||||
targetNode: "selectItemaddcart"
|
||||
},
|
||||
{
|
||||
name: "connector2", sourceNode: "selectItemaddcart",
|
||||
targetNode: "paymentondebitcreditcard"
|
||||
},
|
||||
{
|
||||
name: "connector3", sourceNode: "paymentondebitcreditcard",
|
||||
targetNode: "getmaildetailaboutorder"
|
||||
},
|
||||
{
|
||||
name: "connector4", sourceNode: "getmaildetailaboutorder",
|
||||
targetNode: "pakingitem"
|
||||
},
|
||||
{
|
||||
name: "connector5", sourceNode: "pakingitem",
|
||||
targetNode: "sendcourieraboutaddress"
|
||||
},
|
||||
{
|
||||
name: "connector6", sourceNode: "sendcourieraboutaddress",
|
||||
targetNode: "deliveryonthataddress"
|
||||
},
|
||||
{
|
||||
name: "connector7", sourceNode: "deliveryonthataddress",
|
||||
targetNode: "getitItem"
|
||||
},
|
||||
];
|
||||
return{
|
||||
node:[
|
||||
{
|
||||
//creating the swimlane and set its type as swimlane
|
||||
type: "swimlane", name: "swimlane",
|
||||
//initialize swimlane header
|
||||
header: {
|
||||
text: "ONLINE PURCHASE STATUS", height: 50,
|
||||
fillColor: darkColor, fontSize: 11
|
||||
},
|
||||
fillColor: lightColor, orientation: "horizontal",
|
||||
offsetX: 400, offsetY: 290,
|
||||
height: 100, width: 650,
|
||||
lanes: [
|
||||
//initialize the lanes
|
||||
{
|
||||
name: "stackCanvas1",
|
||||
//set the header properties
|
||||
header: {
|
||||
text: "CUSTOMER", width: 50,
|
||||
fillColor: darkColor, fontSize: 11
|
||||
},
|
||||
fillColor: lightColor, height: 120,
|
||||
//initialize the lane children
|
||||
children: [
|
||||
{
|
||||
shape: "path", pathData: pathData, name: "Order",
|
||||
labels: [{ text: "ORDER", fontSize: 11 }],
|
||||
marginLeft: 60, marginTop: 20,
|
||||
}, ],
|
||||
},
|
||||
{
|
||||
name: "stackCanvas2", header: {
|
||||
text: "ONLINE", width: 50,
|
||||
fillColor: darkColor, fontSize: 11
|
||||
},
|
||||
fillColor: lightColor, height: 120,
|
||||
children: [
|
||||
{
|
||||
name: "selectItemaddcart",
|
||||
labels: [{ text: "Select item\nAdd cart" }],
|
||||
marginLeft: 190, marginTop: 20,
|
||||
},
|
||||
{
|
||||
name: "paymentondebitcreditcard",
|
||||
labels: [{ text: "Payment on\nDebit/Credit Card" }],
|
||||
marginLeft: 350, marginTop: 20,
|
||||
}],
|
||||
},
|
||||
{
|
||||
name: "stackCanvas3", header: {
|
||||
text: "SHOP", width: 50,
|
||||
fillColor: darkColor, fontSize: 11
|
||||
},
|
||||
fillColor: lightColor, height: 120,
|
||||
children: [
|
||||
{
|
||||
name: "getmaildetailaboutorder",
|
||||
labels: [{ text: "Get mail detail\nabout order" }, ],
|
||||
marginLeft: 190, marginTop: 20,
|
||||
},
|
||||
{
|
||||
name: "pakingitem", labels: [{ text: "Paking item" }, ],
|
||||
marginLeft: 350, marginTop: 20,
|
||||
}],
|
||||
},
|
||||
{
|
||||
name: "stackCanvas4",
|
||||
header: {
|
||||
text: "DELIVERY", width: 50,
|
||||
fillColor: darkColor, fontSize: 11
|
||||
},
|
||||
fillColor: lightColor, height: 120,
|
||||
children: [
|
||||
{
|
||||
name: "sendcourieraboutaddress",
|
||||
labels: [{ text: "Send Courier\n about Address" }],
|
||||
marginLeft: 190, marginTop: 20,
|
||||
},
|
||||
{
|
||||
name: "deliveryonthataddress",
|
||||
labels: [{ text: "Delivery on that\n Address" }],
|
||||
marginLeft: 350, marginTop: 20,
|
||||
},
|
||||
{
|
||||
name: "getitItem", shape: "path", pathData: pathData,
|
||||
labels: [{ text: "GET IT ITEM", fontSize: 11 }],
|
||||
marginLeft: 500, marginTop: 20,
|
||||
}],
|
||||
},
|
||||
],
|
||||
//creating the phases of the swimlane
|
||||
phases: [
|
||||
//set the properties of the phase
|
||||
{
|
||||
name: "phase1", offset: 200,
|
||||
lineWidth: 1, lineDashArray: "3,3", lineColor: "#606060",
|
||||
label: { text: "Phase" }
|
||||
},
|
||||
{
|
||||
name: "phase2", offset: 500,
|
||||
lineWidth: 1, lineDashArray: "3,3", lineColor: "#606060",
|
||||
label: { text: "Phase" }
|
||||
},
|
||||
],
|
||||
phaseSize: 20,
|
||||
|
||||
},
|
||||
],
|
||||
connectors:connectors,
|
||||
defaultSettings: {
|
||||
//set the default properties of the nodes.
|
||||
node: {
|
||||
width: 100, height: 40, fillColor: "white",
|
||||
labels: [{ fontSize: 11 }]
|
||||
},
|
||||
//set the default properties of the connectors.
|
||||
connector: {
|
||||
targetDecorator: {
|
||||
shape: "arrow",
|
||||
borderColor: "#606060", width: "10", height: "10"
|
||||
},
|
||||
lineColor: "#606060",
|
||||
segments: [{ type: "orthogonal", length: null }]
|
||||
}
|
||||
},
|
||||
pageSettings: { pageHeight: 1020, pageWidth: 1020, scrollLimit: "diagram" },
|
||||
palettes:palettes,
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
width: 295,
|
||||
actionButtons: ["close", "collapsible", "maximize", "minimize", "pin"],
|
||||
close: "onDialogClose",
|
||||
enableResize: false,
|
||||
containment: ".cols-sample-area",
|
||||
dlgOpen: function () {
|
||||
Ember.$("#btnOpen").hide();
|
||||
},
|
||||
onOpen: function () {
|
||||
Ember.$("#btnOpen").hide();
|
||||
Ember.$("#dialogIcon").ejDialog("open");
|
||||
},
|
||||
onDialogClose: function () {
|
||||
Ember.$("#btnOpen").show();
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
|
||||
model() {
|
||||
return {
|
||||
width: "550",
|
||||
minWidth: "310",
|
||||
minHeight: "215",
|
||||
btnHeight: "30",
|
||||
btnWidth: "172",
|
||||
btnSize: "medium",
|
||||
dlgOpen: function () {
|
||||
Ember.$("#btnOpen").hide();
|
||||
},
|
||||
onDialogClose: function () {
|
||||
Ember.$("#btnOpen").show();
|
||||
},
|
||||
onOpen: function () {
|
||||
Ember.$("#btnOpen").hide();
|
||||
Ember.$("#defaultdialog").ejDialog("open");
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
width: 525,isResponsive:true,
|
||||
height: 305,
|
||||
items: [{
|
||||
segmentSettings: {
|
||||
width: 1,
|
||||
spacing: 0,
|
||||
color: "#8c8c8c"
|
||||
},
|
||||
characterSettings: {
|
||||
opacity: 0.8,
|
||||
},
|
||||
value: "123456789",
|
||||
position: { x: 52, y: 52 }
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
setInterval((function () {
|
||||
var currentTime = new Date();
|
||||
var hours = currentTime.getHours();
|
||||
var minutes = currentTime.getMinutes();
|
||||
var seconds = currentTime.getSeconds();
|
||||
if (minutes < 10) {
|
||||
minutes = "0" + minutes;
|
||||
}
|
||||
if (seconds < 10) {
|
||||
seconds = "0" + seconds;
|
||||
}
|
||||
var orighour = hours;
|
||||
hours = ((hours + 11) % 12 + 1);
|
||||
var v = hours + ":" + minutes + ":" + seconds + " ";
|
||||
if (orighour > 11) {
|
||||
v += "PM";
|
||||
} else {
|
||||
v += "AM";
|
||||
}
|
||||
|
||||
var digiclock = Ember.$("#DigitalClock").data("ejDigitalGauge");
|
||||
if (digiclock != undefined) {
|
||||
digiclock.setValue(0, v);
|
||||
}
|
||||
}), 1);
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
width: 525, isResponsive: true,
|
||||
height: 305,
|
||||
items: [{
|
||||
segmentSettings: {
|
||||
width: 1,
|
||||
spacing: 0,
|
||||
color: "#8c8c8c"
|
||||
},
|
||||
characterSettings: {
|
||||
opacity: 0.8,
|
||||
},
|
||||
value: "",
|
||||
position: { x: 52, y: 52 }
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
width: 525, isResponsive: true,
|
||||
height: 305,
|
||||
items: [{
|
||||
segmentSettings: {
|
||||
width: 1,
|
||||
spacing: 0,
|
||||
},
|
||||
characterSettings: {
|
||||
opacity: 0.8,
|
||||
},
|
||||
value: "Syncfusion",
|
||||
position: { x: 52, y: 52 }
|
||||
}],
|
||||
fileFormatChange: function (args) {
|
||||
Ember.$("#fileFormat").ejDropDownList({ enabled: args.isChecked });
|
||||
},
|
||||
buttonClick: function () {
|
||||
var fileName = Ember.$("#fileName").val().trim() == "" ? "DigitalGauge" : Ember.$("#fileName").val();
|
||||
var fileFormat = Ember.$("#fileFormat").ejDropDownList("option", "value");
|
||||
var flag = Ember.$("#CoreExportImage").ejDigitalGauge("exportImage", fileName, fileFormat);
|
||||
if (!flag)
|
||||
alert("Sorry for the inconvenience. Export is currently not supported in Internet Explorer 9 and below version");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: [
|
||||
{ empid: 'cr1', text: 'Dodge Avenger', value: 'Dodge Avenger' },
|
||||
{ empid: 'cr2', text: 'Chrysler 200', value: 'Chrysler 200' },
|
||||
{ empid: 'cr3', text: 'Ford Focus', value: 'Ford Focus' },
|
||||
{ empid: 'cr4', text: 'Ford Taurus', value: 'Ford Taurus' },
|
||||
{ empid: 'cr5', text: 'Dazzler', value: 'Dazzler' },
|
||||
{ empid: 'cr6', text: 'Chevy Spark', value: 'Chevy Spark' },
|
||||
{ empid: 'cr7', text: 'Chevy Volt', value: 'Chevy Volt' },
|
||||
{ empid: 'cr8', text: 'Honda Fit', value: 'Honda Fit' },
|
||||
{ empid: 'cr9', text: 'Honda Crosstour', value: 'Honda Crosstour' },
|
||||
{ empid: 'cr10', text: 'Acura RL', value: 'Acura RL' },
|
||||
{ empid: 'cr11', text: 'Hyundai Elantra', value: 'Hyundai Elantra' },
|
||||
{ empid: 'cr12', text: 'Mazda3', value: 'Mazda3' }
|
||||
],
|
||||
fieldsvalues: { dataSource: this.data, text: 'text', value: 'value' },
|
||||
value: 'Dazzler',
|
||||
width: "100%"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: [
|
||||
{ empid: 'cr1', text: 'Dodge Avenger', value: 'Dodge Avenger' },
|
||||
{ empid: 'cr2', text: 'Chrysler 200', value: 'Chrysler 200' },
|
||||
{ empid: 'cr3', text: 'Ford Focus', value: 'Ford Focus' },
|
||||
{ empid: 'cr4', text: 'Ford Taurus', value: 'Ford Taurus' },
|
||||
{ empid: 'cr5', text: 'Dazzler', value: 'Dazzler' },
|
||||
{ empid: 'cr6', text: 'Chevy Spark', value: 'Chevy Spark' },
|
||||
{ empid: 'cr7', text: 'Chevy Volt', value: 'Chevy Volt' },
|
||||
{ empid: 'cr8', text: 'Honda Fit', value: 'Honda Fit' },
|
||||
{ empid: 'cr9', text: 'Honda Crosstour', value: 'Honda Crosstour' },
|
||||
{ empid: 'cr10', text: 'Acura RL', value: 'Acura RL' },
|
||||
{ empid: 'cr11', text: 'Hyundai Elantra', value: 'Hyundai Elantra' },
|
||||
{ empid: 'cr12', text: 'Mazda3', value: 'Mazda3' }
|
||||
],
|
||||
fieldsvalues: { dataSource: this.data, text: 'text', value: 'value' },
|
||||
value: 'Dazzler',
|
||||
width: "100%",
|
||||
showCheckbox: true,
|
||||
watermarkText: "Select a skill",
|
||||
enableFilterSearch: true,
|
||||
filterType: "contains"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: [
|
||||
{ skill: 'Cabbage', category: 'Leafy and Salad' }, { skill: 'Pea', category: 'Leafy and Salad' }, { skill: 'Spinach', category: 'Leafy and Salad' },
|
||||
{ skill: 'Wheatgrass', category: 'Leafy and Salad' }, { skill: 'Yarrow', category: 'Leafy and Salad' }, { skill: 'Chickpea', category: 'Beans' },
|
||||
{ skill: 'Green bean', category: 'Beans' }, { skill: 'Horse gram', category: 'Beans' }, { skill: 'Peanut', category: 'Beans' }, { skill: 'Pigeon pea', category: 'Beans' },
|
||||
{ skill: 'Garlic', category: 'Bulb and Stem' }, { skill: 'Garlic Chives', category: 'Bulb and Stem' }, { skill: 'Lotus root', category: 'Bulb and Stem' },
|
||||
{ skill: 'Nopal', category: 'Bulb and Stem' }, { skill: 'Onion', category: 'Bulb and Stem' },
|
||||
{ skill: 'Shallot', category: 'Bulb and Stem' }, { skill: 'Beetroot', category: 'Root and Tuberous' }, { skill: 'Carrot', category: 'Root and Tuberous' },
|
||||
{ skill: 'Ginger', category: 'Root and Tuberous' },
|
||||
{ skill: 'Potato', category: 'Root and Tuberous' }, { skill: 'Radish', category: 'Root and Tuberous' }, { skill: 'Turmeric', category: 'Root and Tuberous' }
|
||||
],
|
||||
fieldsvalues: { dataSource: this.data, text: 'skill', category: 'category' },
|
||||
width: "100%",
|
||||
allowGrouping: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
path: window.baseurl + "Content/FileBrowser/",
|
||||
ajaxaction : window.baseurl + "api/FileExplorer/FileOperations",
|
||||
responsive: true,
|
||||
layout: "Tile"
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
path: window.baseurl + "Content/FileBrowser/",
|
||||
ajaxaction : window.baseurl + "api/FileExplorer/FileOperations",
|
||||
responsive: true,
|
||||
gridSettings : {
|
||||
columns: [
|
||||
{ field: "name", headerText: "nombre", width: "30%" },
|
||||
{ field: "dateModified", headerText: "fecha de modificación", width: "30%" },
|
||||
{ field: "type", headerText: "tipo", width: "15%" },
|
||||
{ field: "size", headerText: "tamaño", width: "12%" }]
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
path: window.baseurl + "Content/FileBrowser/",
|
||||
ajaxaction : window.baseurl + "api/FileExplorer/FileOperations",
|
||||
responsive: true,
|
||||
layout: "Tile",
|
||||
rtl: true,
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
import Ember from 'ember';
|
||||
let defaultGanttData = [
|
||||
{
|
||||
"TaskID": 1,
|
||||
"TaskName": "Parent Task 1",
|
||||
"StartDate": new Date("02/27/2017"),
|
||||
"EndDate": new Date("03/03/2017"),
|
||||
"Progress": "40",
|
||||
"isManual": true,
|
||||
"Children": [
|
||||
{ "TaskID": 2, "TaskName": "Child Task 1", "StartDate": new Date("02/27/2017"), "EndDate": new Date("03/03/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 3, "TaskName": "Child Task 2", "StartDate": new Date("02/27/2017"), "EndDate": new Date("03/03/2017"), "Progress": "40", "isManual": true, duration: 4 },
|
||||
{ "TaskID": 4, "TaskName": "Child Task 3", "StartDate": new Date("02/27/2017"), "EndDate": new Date("03/03/2017"), "Duration": 5, "Progress": "40", duration: 4 }
|
||||
]
|
||||
},
|
||||
{
|
||||
"TaskID": 5,
|
||||
"TaskName": "Parent Task 2",
|
||||
"StartDate": new Date("03/06/2017"),
|
||||
"EndDate": new Date("03/10/2017"),
|
||||
"Progress": "40",
|
||||
"isManual": true,
|
||||
"Children": [
|
||||
{ "TaskID": 6, "TaskName": "Child Task 1", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 7, "TaskName": "Child Task 2", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 8, "TaskName": "Child Task 3", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", "isManual": true, duration: 4 },
|
||||
{ "TaskID": 9, "TaskName": "Child Task 4", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", "isManual": true, duration: 4 }
|
||||
]
|
||||
},
|
||||
{
|
||||
"TaskID": 10,
|
||||
"TaskName": "Parent Task 3",
|
||||
"StartDate": new Date("03/13/2017"),
|
||||
"EndDate": new Date("03/17/2017"),
|
||||
"Progress": "40",
|
||||
"Children": [
|
||||
{ "TaskID": 11, "TaskName": "Child Task 1", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 12, "TaskName": "Child Task 2", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 13, "TaskName": "Child Task 3", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 14, "TaskName": "Child Task 4", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", "isManual": true, duration: 4 },
|
||||
{ "TaskID": 15, "TaskName": "Child Task 5", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 }
|
||||
]
|
||||
}
|
||||
|
||||
];
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: defaultGanttData,
|
||||
scheduleStartDate: new Date("02/23/2017"),
|
||||
scheduleEndDate: new Date("03/31/2017"),
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,270 @@
|
|||
import Ember from 'ember';
|
||||
let editingGanttData = [
|
||||
{
|
||||
"taskID": 1,
|
||||
"taskName": "Project Schedule",
|
||||
"startDate": "02/06/2017",
|
||||
"endDate": "03/10/2017",
|
||||
"taskColor": "#F2A4A7",
|
||||
"progressColor": "#DE605C",
|
||||
"subtasks": [
|
||||
{
|
||||
"taskID": 2,
|
||||
"taskName": "Planning",
|
||||
"startDate": "02/06/2017",
|
||||
"endDate": "02/10/2017",
|
||||
"taskColor": "#79BDC9",
|
||||
"progressColor": "#59AAB4",
|
||||
"subtasks": [
|
||||
{
|
||||
"taskID": 3,
|
||||
"taskName": "Plan timeline",
|
||||
"startDate": "02/06/2017",
|
||||
"endDate": "02/10/2017",
|
||||
"duration": 6,
|
||||
"progress": "60",
|
||||
"resourceId": [
|
||||
1
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 4,
|
||||
"taskName": "Plan budget",
|
||||
"startDate": "02/06/2017",
|
||||
"endDate": "02/10/2017",
|
||||
"duration": 6,
|
||||
"progress": "90",
|
||||
"resourceId": [
|
||||
5
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 5,
|
||||
"taskName": "Allocate resources",
|
||||
"startDate": "02/06/2017",
|
||||
"endDate": "02/10/2017",
|
||||
"duration": 6,
|
||||
"progress": "75",
|
||||
"resourceId": [
|
||||
6
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 6,
|
||||
"taskName": "Planning complete",
|
||||
"startDate": "02/06/2017",
|
||||
"endDate": "02/10/2017",
|
||||
"duration": 0,
|
||||
"predecessor": "3FS,4FS,5FS",
|
||||
"resourceId": [
|
||||
1
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 7,
|
||||
"taskName": "Design",
|
||||
"startDate": "02/13/2017",
|
||||
"endDate": "02/17/2017",
|
||||
"taskColor": "#93b8a6",
|
||||
"progressColor": "#7AA992",
|
||||
"subtasks": [
|
||||
{
|
||||
"taskID": 8,
|
||||
"taskName": "Software Specification",
|
||||
"startDate": "02/13/2017",
|
||||
"endDate": "02/15/2017",
|
||||
"duration": 3,
|
||||
"progress": "60",
|
||||
"predecessor": "6FS",
|
||||
"resourceId": [
|
||||
2
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 9,
|
||||
"taskName": "Develop prototype",
|
||||
"startDate": "02/13/2017",
|
||||
"endDate": "02/15/2017",
|
||||
"duration": 3,
|
||||
"progress": "100",
|
||||
"predecessor": "6FS",
|
||||
"resourceId": [
|
||||
3
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 10,
|
||||
"taskName": "Get approval from customer",
|
||||
"startDate": "02/16/2017",
|
||||
"endDate": "02/17/2017",
|
||||
"duration": 2,
|
||||
"progress": "100",
|
||||
"predecessor": "9FS",
|
||||
"resourceId": [
|
||||
1
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 11,
|
||||
"taskName": "Design complete",
|
||||
"startDate": "02/17/2017",
|
||||
"endDate": "02/17/2017",
|
||||
"duration": 0,
|
||||
"predecessor": "10FS",
|
||||
"resourceId": [
|
||||
2
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 12,
|
||||
"taskName": "Implementation",
|
||||
"startDate": "02/20/2017",
|
||||
"endDate": "03/02/2017",
|
||||
"taskColor": "#FAC9CD",
|
||||
"progressColor": "#F2928D",
|
||||
"subtasks": [
|
||||
{
|
||||
"taskID": 13,
|
||||
"taskName": "Development Task 1",
|
||||
"startDate": "02/20/2017",
|
||||
"endDate": "02/22/2017",
|
||||
"duration": 3,
|
||||
"progress": "50",
|
||||
"predecessor": "11FS",
|
||||
"resourceId": [
|
||||
3
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 14,
|
||||
"taskName": "Development Task 2",
|
||||
"startDate": "02/20/2017",
|
||||
"endDate": "02/22/2017",
|
||||
"duration": 3,
|
||||
"progress": "50",
|
||||
"predecessor": "11FS",
|
||||
"resourceId": [
|
||||
3
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 15,
|
||||
"taskName": "Testing",
|
||||
"startDate": "02/23/2017",
|
||||
"endDate": "02/25/2017",
|
||||
"duration": 2,
|
||||
"progress": "0",
|
||||
"predecessor": "13FS,14FS",
|
||||
"resourceId": [
|
||||
4
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 16,
|
||||
"taskName": "Bug fix",
|
||||
"startDate": "02/27/2017",
|
||||
"endDate": "02/28/2017",
|
||||
"duration": 2,
|
||||
"progress": "0",
|
||||
"predecessor": "15FS",
|
||||
"resourceId": [
|
||||
3
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 17,
|
||||
"taskName": "Customer review meeting",
|
||||
"startDate": "03/01/2017",
|
||||
"endDate": "03/02/2017",
|
||||
"duration": 2,
|
||||
"progress": "0",
|
||||
"predecessor": "16FS",
|
||||
"resourceId": [
|
||||
1
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 18,
|
||||
"taskName": "Implemenation complete",
|
||||
"startDate": "03/02/2017",
|
||||
"endDate": "03/02/2017",
|
||||
"duration": 0,
|
||||
"predecessor": "17FS",
|
||||
"resourceId": [
|
||||
2
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 19,
|
||||
"taskName": "Integration",
|
||||
"startDate": "03/03/2017",
|
||||
"endDate": "03/05/2017",
|
||||
"duration": 2,
|
||||
"progress": "0",
|
||||
"predecessor": "18FS",
|
||||
"resourceId": [
|
||||
3
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 20,
|
||||
"taskName": "Final Testing",
|
||||
"startDate": "03/06/2017",
|
||||
"endDate": "03/07/2017",
|
||||
"duration": 2,
|
||||
"progress": "0",
|
||||
"predecessor": "19FS",
|
||||
"resourceId": [
|
||||
4
|
||||
]
|
||||
},
|
||||
{
|
||||
"taskID": 21,
|
||||
"taskName": "Final Delivery",
|
||||
"startDate": "03/07/2017",
|
||||
"endDate": "03/07/2017",
|
||||
"duration": 0,
|
||||
"predecessor": "20FS",
|
||||
"resourceId": [
|
||||
1
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: editingGanttData,
|
||||
scheduleStartDate: new Date("02/01/2017"),
|
||||
scheduleEndDate: new Date("03/16/2017"),
|
||||
editSettings: {
|
||||
allowEditing: true,
|
||||
allowAdding: true,
|
||||
allowDeleting: true,
|
||||
allowIndent: true,
|
||||
editMode: "cellEditing"
|
||||
},
|
||||
toolbarSettings: {
|
||||
showToolbar: true,
|
||||
toolbarItems: [
|
||||
window.ej.Gantt.ToolbarItems.Add,
|
||||
window.ej.Gantt.ToolbarItems.Edit,
|
||||
window.ej.Gantt.ToolbarItems.Delete,
|
||||
window.ej.Gantt.ToolbarItems.Update,
|
||||
window.ej.Gantt.ToolbarItems.Cancel,
|
||||
window.ej.Gantt.ToolbarItems.Indent,
|
||||
window.ej.Gantt.ToolbarItems.Outdent,
|
||||
window.ej.Gantt.ToolbarItems.ExpandAll,
|
||||
window.ej.Gantt.ToolbarItems.CollapseAll
|
||||
]
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
import Ember from 'ember';
|
||||
let rowDragGanttData = [
|
||||
{
|
||||
"TaskID": 1,
|
||||
"TaskName": "Parent Task 1",
|
||||
"StartDate": new Date("02/27/2017"),
|
||||
"EndDate": new Date("03/03/2017"),
|
||||
"Progress": "40",
|
||||
"isManual": true,
|
||||
"Children": [
|
||||
{ "TaskID": 2, "TaskName": "Child Task 1", "StartDate": new Date("02/27/2017"), "EndDate": new Date("03/03/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 3, "TaskName": "Child Task 2", "StartDate": new Date("02/27/2017"), "EndDate": new Date("03/03/2017"), "Progress": "40", "isManual": true, duration: 4 },
|
||||
{ "TaskID": 4, "TaskName": "Child Task 3", "StartDate": new Date("02/27/2017"), "EndDate": new Date("03/03/2017"), "Duration": 5, "Progress": "40", duration: 4 }
|
||||
]
|
||||
},
|
||||
{
|
||||
"TaskID": 5,
|
||||
"TaskName": "Parent Task 2",
|
||||
"StartDate": new Date("03/06/2017"),
|
||||
"EndDate": new Date("03/10/2017"),
|
||||
"Progress": "40",
|
||||
"isManual": true,
|
||||
"Children": [
|
||||
{ "TaskID": 6, "TaskName": "Child Task 1", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 7, "TaskName": "Child Task 2", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 8, "TaskName": "Child Task 3", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", "isManual": true, duration: 4 },
|
||||
{ "TaskID": 9, "TaskName": "Child Task 4", "StartDate": new Date("03/06/2017"), "EndDate": new Date("03/10/2017"), "Progress": "40", "isManual": true, duration: 4 }
|
||||
]
|
||||
},
|
||||
{
|
||||
"TaskID": 10,
|
||||
"TaskName": "Parent Task 3",
|
||||
"StartDate": new Date("03/13/2017"),
|
||||
"EndDate": new Date("03/17/2017"),
|
||||
"Progress": "40",
|
||||
"Children": [
|
||||
{ "TaskID": 11, "TaskName": "Child Task 1", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 12, "TaskName": "Child Task 2", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 13, "TaskName": "Child Task 3", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 },
|
||||
{ "TaskID": 14, "TaskName": "Child Task 4", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", "isManual": true, duration: 4 },
|
||||
{ "TaskID": 15, "TaskName": "Child Task 5", "StartDate": new Date("03/13/2017"), "EndDate": new Date("03/17/2017"), "Progress": "40", duration: 4 }
|
||||
]
|
||||
}
|
||||
|
||||
];
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: rowDragGanttData,
|
||||
scheduleStartDate: new Date("02/23/2017"),
|
||||
scheduleEndDate: new Date("04/10/2017"),
|
||||
dragTooltip: {
|
||||
showTooltip: true
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
import Ember from 'ember';
|
||||
let stripLinesGanttData = [
|
||||
{
|
||||
taskID: 1,
|
||||
taskName: "Project Schedule",
|
||||
startDate: new Date( "02/06/2017"),
|
||||
endDate: new Date( "03/10/2017"),
|
||||
taskColor: "#F2A4A7",
|
||||
progressColor: "#DE605C",
|
||||
subtasks: [
|
||||
{
|
||||
taskID: 2,
|
||||
taskName: "Planning",
|
||||
startDate: new Date( "02/06/2017"),
|
||||
endDate: new Date( "02/10/2017"),
|
||||
taskColor:"#79BDC9",
|
||||
progressColor: "#59AAB4",
|
||||
subtasks: [
|
||||
{ taskID: 3, taskName: "Plan timeline", startDate: new Date( "02/06/2017"), endDate: new Date( "02/10/2017"), duration: 6, progress: "60", resourceId: [1] },
|
||||
{ taskID: 4, taskName: "Plan budget", startDate: new Date( "02/06/2017"), endDate: new Date( "02/10/2017"), duration: 6, progress: "90", resourceId: [5] },
|
||||
{ taskID: 5, taskName: "Allocate resources", startDate: new Date( "02/06/2017"), endDate: new Date("02/10/2017"), duration: 6, progress: "75", resourceId: [6] },
|
||||
{ taskID: 6, taskName: "Planning complete", startDate: new Date( "02/06/2017"), endDate: new Date( "02/10/2017"), duration: 0, predecessor: "3FS,4FS,5FS", resourceId: [1] }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 7,
|
||||
taskName: "Design",
|
||||
startDate: new Date( "02/13/2017"),
|
||||
endDate: new Date( "02/17/2017"),
|
||||
taskColor: "#93b8a6",
|
||||
progressColor: "#7AA992",
|
||||
subtasks: [
|
||||
{ taskID: 8, taskName: "Software Specification", startDate: new Date("02/13/2017"), endDate: new Date( "02/15/2017"), duration: 3, progress: "60", predecessor: "6FS", resourceId: [2] },
|
||||
{ taskID: 9, taskName: "Develop prototype", startDate: new Date( "02/13/2017"), endDate: new Date( "02/15/2017"), duration: 3, progress: "100", predecessor: "6FS", resourceId: [3] },
|
||||
{ taskID: 10, taskName: "Get approval from customer", startDate: new Date( "02/16/2017"), endDate: new Date( "02/17/2017"), duration: 2, progress: "100", predecessor: "9FS", resourceId: [1] },
|
||||
{ taskID: 11, taskName: "Design complete", startDate: new Date( "02/17/2017"), endDate: new Date( "02/17/2017"), duration: 0, predecessor: "10FS", resourceId: [2] }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 12,
|
||||
taskName: "Implementation",
|
||||
startDate: new Date( "02/20/2017"),
|
||||
endDate: new Date( "03/02/2017"),
|
||||
taskColor :"#FAC9CD",
|
||||
progressColor:"#F2928D",
|
||||
subtasks: [
|
||||
{ taskID: 13, taskName: "Development Task 1", startDate: new Date( "02/20/2017"), endDate: new Date( "02/22/2017"), duration: 3, progress: "50", predecessor: "11FS", resourceId: [3] },
|
||||
{ taskID: 14, taskName: "Development Task 2", startDate: new Date( "02/20/2017"), endDate: new Date( "02/22/2017"), duration: 3, progress: "50", predecessor: "11FS", resourceId: [3] },
|
||||
{ taskID: 15, taskName: "Testing", startDate: new Date( "02/23/2017"), endDate: new Date( "02/25/2017"), duration: 2, progress: "0", predecessor: "13FS,14FS", resourceId: [4] },
|
||||
{ taskID: 16, taskName: "Bug fix", startDate: new Date( "02/27/2017"), endDate: new Date( "02/28/2017"), duration: 2, progress: "0", predecessor: "15FS", resourceId: [3] },
|
||||
{ taskID: 17, taskName: "Customer review meeting", startDate: new Date( "03/01/2017"), endDate: new Date( "03/02/2017"), duration: 2, progress: "0", predecessor: "16FS", resourceId: [1] },
|
||||
{ taskID: 18, taskName: "Implemenation complete", startDate: new Date( "03/02/2017"), endDate: new Date( "03/02/2017"), duration: 0, predecessor: "17FS", resourceId: [2] }
|
||||
|
||||
]
|
||||
},
|
||||
{ taskID: 19, taskName: "Integration", startDate: new Date( "03/03/2017"), endDate: new Date("03/05/2017"), duration: 2, progress: "0", predecessor: "18FS", resourceId: [3] },
|
||||
{ taskID: 20, taskName: "Final Testing", startDate: new Date( "03/06/2017"), endDate: new Date( "03/07/2017"), duration: 2, progress: "0", predecessor: "19FS", resourceId: [4] },
|
||||
{ taskID: 21, taskName: "Final Delivery", startDate: new Date("03/07/2017"), endDate: new Date("03/07/2017"), duration: 0, predecessor: "20FS", resourceId: [1] }
|
||||
]
|
||||
}
|
||||
];
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: stripLinesGanttData,
|
||||
scheduleStartDate: new Date("02/01/2017"),
|
||||
scheduleEndDate: new Date("03/16/2017"),
|
||||
stripLines: [
|
||||
{ day: "02/06/2017", label: "Project Start", lineStyle: "dotted", lineColor: "Darkblue", lineWidth: 2 },
|
||||
{ day: "02/14/2017", label: "Planning Complete", lineStyle: "dotted", lineColor: "Darkblue", lineWidth: 2 },
|
||||
{ day: "02/21/2017", label: "Design Complete", lineStyle: "dotted", lineColor: "Darkblue", lineWidth: 2 },
|
||||
{ day: "03/04/2017", label: "Implementation Complete", lineStyle: "dotted", lineColor: "Darkblue", lineWidth: 2 },
|
||||
{ day: "03/10/2017", label: "Final Delivery", lineStyle: "dotted", lineColor: "Darkblue", lineWidth: 2 }
|
||||
]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
import Ember from 'ember';
|
||||
let ganttTemplateData = [
|
||||
{
|
||||
taskID: 1,
|
||||
taskName: "Project Schedule",
|
||||
startDate: new Date("02/06/2017"),
|
||||
endDate: new Date("03/10/2017"),
|
||||
taskColor: "#F2A4A7",
|
||||
progressColor: "#DE605C",
|
||||
subtasks: [
|
||||
{
|
||||
taskID: 2,
|
||||
taskName: "Planning",
|
||||
startDate: new Date("02/06/2017"),
|
||||
endDate: new Date("02/10/2017"),
|
||||
taskColor: "#79BDC9",
|
||||
progressColor: "#59AAB4",
|
||||
subtasks: [
|
||||
{ taskID: 3, taskName: "Plan timeline", startDate: new Date("02/06/2017"), endDate: new Date("02/10/2017"), duration: 6, progress: "60", resourceId: [1] },
|
||||
{ taskID: 4, taskName: "Plan budget", startDate: new Date("02/06/2017"), endDate: new Date("02/10/2017"), duration: 6, progress: "90", resourceId: [5] },
|
||||
{ taskID: 5, taskName: "Allocate resources", startDate: new Date("02/06/2017"), endDate: new Date("02/10/2017"), duration: 6, progress: "75", resourceId: [6] },
|
||||
{ taskID: 6, taskName: "Planning complete", startDate: new Date("02/06/2017"), endDate: new Date("02/10/2017"), duration: 0, predecessor: "3FS,4FS,5FS", resourceId: [1] }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 7,
|
||||
taskName: "Design",
|
||||
startDate: new Date("02/13/2017"),
|
||||
endDate: new Date("02/17/2017"),
|
||||
taskColor: "#93b8a6",
|
||||
progressColor: "#7AA992",
|
||||
subtasks: [
|
||||
{ taskID: 8, taskName: "Software Specification", startDate: new Date("02/13/2017"), endDate: new Date("02/15/2017"), duration: 3, progress: "60", predecessor: "6FS", resourceId: [2] },
|
||||
{ taskID: 9, taskName: "Develop prototype", startDate: new Date("02/13/2017"), endDate: new Date("02/15/2017"), duration: 3, progress: "100", predecessor: "6FS", resourceId: [3] },
|
||||
{ taskID: 10, taskName: "Get approval from customer", startDate: new Date("02/16/2017"), endDate: new Date("02/17/2017"), duration: 2, progress: "100", predecessor: "9FS", resourceId: [1] },
|
||||
{ taskID: 11, taskName: "Design complete", startDate: new Date("02/17/2017"), endDate: new Date("02/17/2017"), duration: 0, predecessor: "10FS", resourceId: [2] }
|
||||
]
|
||||
},
|
||||
{
|
||||
taskID: 12,
|
||||
taskName: "Implementation",
|
||||
startDate: new Date("02/20/2017"),
|
||||
endDate: new Date("03/02/2017"),
|
||||
taskColor: "#FAC9CD",
|
||||
progressColor: "#F2928D",
|
||||
subtasks: [
|
||||
{ taskID: 13, taskName: "Development Task 1", startDate: new Date("02/20/2017"), endDate: new Date("02/22/2017"), duration: 3, progress: "50", predecessor: "11FS", resourceId: [3] },
|
||||
{ taskID: 14, taskName: "Development Task 2", startDate: new Date("02/20/2017"), endDate: new Date("02/22/2017"), duration: 3, progress: "50", predecessor: "11FS", resourceId: [3] },
|
||||
{ taskID: 15, taskName: "Testing", startDate: new Date("02/23/2017"), endDate: new Date("02/25/2017"), duration: 2, progress: "0", predecessor: "13FS,14FS", resourceId: [4] },
|
||||
{ taskID: 16, taskName: "Bug fix", startDate: new Date("02/27/2017"), endDate: new Date("02/28/2017"), duration: 2, progress: "0", predecessor: "15FS", resourceId: [3] },
|
||||
{ taskID: 17, taskName: "Customer review meeting", startDate: new Date("03/01/2017"), endDate: new Date("03/02/2017"), duration: 2, progress: "0", predecessor: "16FS", resourceId: [1] },
|
||||
{ taskID: 18, taskName: "Implemenation complete", startDate: new Date("03/02/2017"), endDate: new Date("03/02/2017"), duration: 0, predecessor: "17FS", resourceId: [2] }
|
||||
|
||||
]
|
||||
},
|
||||
{ taskID: 19, taskName: "Integration", startDate: new Date("03/03/2017"), endDate: new Date("03/05/2017"), duration: 2, progress: "0", predecessor: "18FS", resourceId: [3] },
|
||||
{ taskID: 20, taskName: "Final Testing", startDate: new Date("03/06/2017"), endDate: new Date("03/07/2017"), duration: 2, progress: "0", predecessor: "19FS", resourceId: [4] },
|
||||
{ taskID: 21, taskName: "Final Delivery", startDate: new Date("03/07/2017"), endDate: new Date("03/07/2017"), duration: 0, predecessor: "20FS", resourceId: [1] }
|
||||
]
|
||||
}
|
||||
];
|
||||
let ganttTemplateResource = [
|
||||
{ resourceId: 1, resourceName: "Robert King" },
|
||||
{ resourceId: 2, resourceName: "Anne Dodsworth" },
|
||||
{ resourceId: 3, resourceName: "David William" },
|
||||
{ resourceId: 4, resourceName: "Nancy Davolio" },
|
||||
{ resourceId: 5, resourceName: "Janet Leverling" },
|
||||
{ resourceId: 6, resourceName: "Romey Wilson" }
|
||||
];
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: ganttTemplateData,
|
||||
resources: ganttTemplateResource,
|
||||
scheduleStartDate: new Date("02/01/2017"),
|
||||
scheduleEndDate: new Date("03/16/2017"),
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75, isPrimaryKey: true, textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Left, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
],
|
||||
edit: { allowEditing: true, allowAdding: true, allowDeleting: true },
|
||||
toolbar: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] },
|
||||
contextMenu: { enableContextMenu: true }
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols: [
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75, textAlign: ej.TextAlign.Right },
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
]
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75, isPrimaryKey: true, textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
],
|
||||
edit: { allowEditing: true, allowAdding: true, allowDeleting: true },
|
||||
toolbar: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] }
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
],
|
||||
filter: {filterType: "excel"}
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
]
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: ej.DataManager({
|
||||
url: window.baseurl + "Wcf/Northwind.svc/Orders/"
|
||||
}),
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
]
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 175 , textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 180 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 175, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 175, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 180, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
],
|
||||
scroll: { width:600, height: 300 }
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
]
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
import Ember from 'ember';
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
data: window.gridData,
|
||||
cols:[
|
||||
{ field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right},
|
||||
{ field: "CustomerID", headerText: "Customer ID", width: 80 },
|
||||
{ field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right, priority: 4 },
|
||||
{ field: "Freight", width: 75, format: "{0:C}", textAlign: ej.TextAlign.Right, priority: 3 },
|
||||
{ field: "OrderDate", headerText: "Order Date", width: 80, format: "{0:MM/dd/yyyy}", textAlign: ej.TextAlign.Right, priority: 2 },
|
||||
{ field: "ShipCity", headerText: "Ship City", width: 110, priority: 2 }
|
||||
],
|
||||
summaryRows: [
|
||||
{ title: "Sum", summaryColumns: [{ summaryType: ej.Grid.SummaryType.Sum, displayColumn: "Freight", dataMember: "Freight", format: "{0:C2}" }] },
|
||||
{ title: "Average", summaryColumns: [{ summaryType: ej.Grid.SummaryType.Average, displayColumn: "Freight", dataMember: "Freight", format: "{0:C2}" }] },
|
||||
{ title: "Smallest", summaryColumns: [{ summaryType: ej.Grid.SummaryType.Minimum, dataMember: "Freight", displayColumn: "Freight", format: "{0:C2}" }] },
|
||||
{ title: "Largest", summaryColumns: [{ summaryType: ej.Grid.SummaryType.Maximum, displayColumn: "Freight", dataMember: "Freight", format: "{0:C2}" }] }
|
||||
]
|
||||
}
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
|
||||
var colorMappingCollection = [
|
||||
{ value: 0, color: "#8ec8f8", label: { text: "0" } },
|
||||
{ value: 100, color: "#0d47a1", label: { text: "100" } }
|
||||
];
|
||||
|
||||
var columns = ["Vegie-spread", "Tofuaa", "Alice Mutton", "Konbu", "Fløtemysost"]
|
||||
|
||||
var itemSource = [];
|
||||
|
||||
for (var i = 0; i < columns.length; i++) {
|
||||
for (var j = 0; j < 6; j++) {
|
||||
var value = Math.floor((Math.random() * 100) + 1);
|
||||
itemSource.push({ ProductName: columns[i], Year: "Y" + (2011 + j), Value: value })
|
||||
}
|
||||
}
|
||||
|
||||
return{
|
||||
colorMappingCollection : colorMappingCollection,
|
||||
itemSource : itemSource,
|
||||
itemsMapping: {
|
||||
column: { "propertyName": "ProductName", "displayName": "Product Name" },
|
||||
row: { "propertyName": "Year", "displayName": "Year", },
|
||||
value: { "propertyName": "Value" },
|
||||
columnMapping: [
|
||||
{ "propertyName": columns[0], "displayName": columns[0] },
|
||||
{ "propertyName": columns[1], "displayName": columns[1] },
|
||||
{ "propertyName": columns[2], "displayName": columns[2] },
|
||||
{ "propertyName": columns[3], "displayName": columns[3] },
|
||||
{ "propertyName": columns[4], "displayName": columns[4] },
|
||||
{ "propertyName": columns[5], "displayName": columns[5] },
|
||||
],
|
||||
headerMapping: { "propertyName": "Year", "displayName": "Year", columnStyle: { width: 105, textAlign: "right" } },
|
||||
},
|
||||
legendCollection: ["HeatMap_Legend"]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
|
||||
var colorMappingCollection = [
|
||||
{ value: 0, color: "#fe0002", label: { text: "Poor" } },
|
||||
{ value: 3, color: "#ffff01", label: { text: "Average" } },
|
||||
{ value: 6, color: "#13ab11", label: { text: "Good" } },
|
||||
{ value: 10, color: "#005ba2", label: { text: "Excellent" } }
|
||||
];
|
||||
|
||||
|
||||
function getValue() {
|
||||
return Math.floor((Math.random() * 10) + 1);
|
||||
}
|
||||
var rows = ["Peter Scott", "Maria Anders", "John Camino", "Philips Cramer", "Robert King", "Simon Crowther", ];
|
||||
var itemsSource = [];
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
itemsSource.push({
|
||||
EmpName: rows[i],
|
||||
Jan: getValue(), Feb: getValue(), Mar: getValue(), Apr: getValue(), May: getValue(), Jun: getValue(),
|
||||
Jul: getValue(), Aug: getValue(), Sep: getValue(), Oct: getValue(), Nov: getValue(), Dec: getValue(),
|
||||
});
|
||||
}
|
||||
|
||||
return{
|
||||
colorMappingCollection : colorMappingCollection,
|
||||
itemSource : itemsSource,
|
||||
itemsMapping: {
|
||||
headerMapping: { "propertyName": "EmpName", "displayName": "Employee Name", columnStyle: { width: 110, textAlign: "right" } },
|
||||
columnMapping: [
|
||||
{ "propertyName": "Jan", "displayName": "Jan" },
|
||||
{ "propertyName": "Feb", "displayName": "Feb" },
|
||||
{ "propertyName": "Mar", "displayName": "Mar" },
|
||||
{ "propertyName": "Apr", "displayName": "Apr" },
|
||||
{ "propertyName": "May", "displayName": "May" },
|
||||
{ "propertyName": "Jun", "displayName": "Jun" },
|
||||
{ "propertyName": "Jul", "displayName": "Jul" },
|
||||
{ "propertyName": "Aug", "displayName": "Aug" },
|
||||
{ "propertyName": "Sep", "displayName": "Sep" },
|
||||
{ "propertyName": "Oct", "displayName": "Oct" },
|
||||
{ "propertyName": "Nov", "displayName": "Nov" },
|
||||
{ "propertyName": "Dec", "displayName": "Dec" }
|
||||
]
|
||||
},
|
||||
legendCollection: ["HeatMap_Legend"]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
|
||||
function getValue() {
|
||||
return Math.floor((Math.random() * 100) + 1);
|
||||
}
|
||||
|
||||
var colorMappingCollection = [
|
||||
{ value: 0, color: "#8ec8f8", label: { text: "0" } },
|
||||
{ value: 100, color: "#0d47a1", label: { text: "100" } }
|
||||
];
|
||||
|
||||
var itemsSource = [];
|
||||
var rows = ["Vegie-spread", "Tofuaa", "Alice Mutton", "Konbu", "Fløtemysost", "Perth Pasties", "Boston Crab Meat", "Raclette Courdavault"];
|
||||
for (var i = 0; i < 8; i++) {
|
||||
itemsSource.push({
|
||||
ProductName: rows[i], Y2010: getValue(), Y2011: getValue(), Y2012: getValue(), Y2013: getValue(),
|
||||
Y2014: getValue(), Y2015: getValue(), Y2016: getValue(), Y2017: getValue(), Y2018: getValue()
|
||||
});
|
||||
}
|
||||
|
||||
return{
|
||||
colorMappingCollection : colorMappingCollection,
|
||||
itemSource : itemsSource,
|
||||
itemsMapping: {
|
||||
headerMapping: { "propertyName": "ProductName", "displayName": "Product Name", columnStyle: { width: 140, textAlign: "right" } },
|
||||
columnMapping: [
|
||||
{ "propertyName": "Y2010", "displayName": "Y2010" },
|
||||
{ "propertyName": "Y2011", "displayName": "Y2011" },
|
||||
{ "propertyName": "Y2012", "displayName": "Y2012" },
|
||||
{ "propertyName": "Y2013", "displayName": "Y2013" },
|
||||
{ "propertyName": "Y2014", "displayName": "Y2014" },
|
||||
{ "propertyName": "Y2015", "displayName": "Y2015" },
|
||||
{ "propertyName": "Y2016", "displayName": "Y2016" },
|
||||
{ "propertyName": "Y2017", "displayName": "Y2017" },
|
||||
{ "propertyName": "Y2018", "displayName": "Y2018" }
|
||||
],
|
||||
},
|
||||
legendCollection: ["HeatMap_Legend"]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import Ember from 'ember';
|
||||
let data = ej.DataManager(window.kanbanData).executeLocal(ej.Query().take(30));
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
dataSource: data,
|
||||
isResponsive:true,
|
||||
columns: [
|
||||
{ headerText: "Backlog", key: "Open" },
|
||||
{ headerText: "In Progress", key: "InProgress" },
|
||||
{ headerText: "Testing", key: "Testing" },
|
||||
{ headerText: "Done", key: "Close" }
|
||||
],
|
||||
keyField: "Status",
|
||||
allowTitle: true,
|
||||
fields: {
|
||||
primaryKey: "Id",
|
||||
content: "Summary",
|
||||
tag: "Tags"
|
||||
},
|
||||
allowSelection: false
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import Ember from 'ember';
|
||||
let data = ej.DataManager({url:window.baseurl + "Wcf/Northwind.svc/Tasks", crossDomain: true});
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
dataSource: data,
|
||||
isResponsive:true,
|
||||
columns: [
|
||||
{ headerText: "Backlog", key: "Open" },
|
||||
{ headerText: "In Progress", key: "InProgress" },
|
||||
{ headerText: "Testing", key: "Testing" },
|
||||
{ headerText: "Done", key: "Close" }
|
||||
],
|
||||
keyField: "Status",
|
||||
allowTitle: true,
|
||||
fields: {
|
||||
primaryKey: "Id",
|
||||
content: "Summary",
|
||||
tag: "Tags"
|
||||
},
|
||||
allowSelection: false
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
import Ember from 'ember';
|
||||
let data = ej.DataManager(window.kanbanData).executeLocal(ej.Query().take(50));
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
dataSource: data,
|
||||
isResponsive: true,
|
||||
columns: [
|
||||
{ headerText: "Backlog", key: "Open" },
|
||||
{ headerText: "In Progress", key: "InProgress" },
|
||||
{ headerText: "Testing", key: "Testing" },
|
||||
{ headerText: "Done", key: "Close" }
|
||||
],
|
||||
keyField: "Status",
|
||||
allowTitle: true,
|
||||
fields: {
|
||||
primaryKey: "Id",
|
||||
swimlaneKey: "Assignee",
|
||||
content: "Summary",
|
||||
},
|
||||
allowSelection: false,
|
||||
swimlaneSettings: {
|
||||
allowDragAndDrop: true,
|
||||
},
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
labelColor: "#8c8c8c", width: 500, isResponsive:true,
|
||||
scales: [{
|
||||
width: 4, border: { color: "transparent",width:0 }, showBarPointers: false, showRanges: true, length: 310,
|
||||
position: { x: 52, y: 50 }, markerPointers: [{
|
||||
value: 50, length: 10, width: 10, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
|
||||
}],
|
||||
labels: [{ font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale:{x: -13} }],
|
||||
ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
|
||||
ranges: [{
|
||||
endValue: 60,
|
||||
startValue: 0,
|
||||
backgroundColor: "#F6B53F",
|
||||
border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
|
||||
}, {
|
||||
endValue: 100,
|
||||
startValue: 60,
|
||||
backgroundColor: "#E94649",
|
||||
border: { color: "#E94649" }, startWidth: 4, endWidth: 4
|
||||
}]
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
width: 500, readOnly: false, labelColor: "#8c8c8c", isResponsive:true,
|
||||
scales: [{
|
||||
width: 4, border: { color: "transparent", width: 0 }, showRanges: true, length: 310,
|
||||
position: { x: 52, y: 50 }, markerPointers: [{
|
||||
value: 50, length: 10, width: 10, distanceFromScale: 8, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
|
||||
}],
|
||||
barPointers: [{
|
||||
value: 50, width: 4, distanceFromScale: 8, backgroundColor: "#6FAAB0"
|
||||
}], labels: [{ font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale: { x: -13 } }],
|
||||
ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
|
||||
ranges: [{
|
||||
endValue: 50,
|
||||
startValue: 0,
|
||||
backgroundColor: "#F6B53F",
|
||||
border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
|
||||
}, {
|
||||
endValue: 100,
|
||||
startValue: 50,
|
||||
backgroundColor: "#E94649",
|
||||
border: { color: "#E94649" }, startWidth: 4, endWidth: 4
|
||||
}]
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import Ember from 'ember';
|
||||
|
||||
export default Ember.Route.extend({
|
||||
model() {
|
||||
return {
|
||||
labelColor: "#8c8c8c", width: 500, isResponsive:true,
|
||||
scales: [{
|
||||
width: 4, border: { color: "transparent", width: 0 }, showBarPointers: false, showRanges: true, length: 310,
|
||||
position: { x: 52, y: 50 }, markerPointers: [{
|
||||
value: 50, length: 10, width: 10, backgroundColor: "#4D4D4D", border: { color: "#4D4D4D" }
|
||||
}],
|
||||
labels: [{
|
||||
unitText:"F", unitTextPlacement:"back",
|
||||
font: { size: "11px", fontFamily: "Segoe UI", fontStyle: "bold" }, distanceFromScale: { X: -13 }
|
||||
}],
|
||||
ticks: [{ type: "majorinterval", width: 1, color: "#8c8c8c" }],
|
||||
ranges: [{
|
||||
endValue: 60,
|
||||
startValue: 0,
|
||||
backgroundColor: "#F6B53F",
|
||||
border: { color: "#F6B53F" }, startWidth: 4, endWidth: 4
|
||||
}, {
|
||||
endValue: 100,
|
||||
startValue: 60,
|
||||
backgroundColor: "#E94649",
|
||||
border:{color: "#E94649"}, startWidth: 4, endWidth: 4
|
||||
}]
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Ember from 'ember';
|
||||
let dataManger= ej.DataManager({url:window.baseurl + "Wcf/Northwind.svc/", crossDomain: true});
|
||||
let query = ej.Query().from("Customers").take(10);
|
||||
export default Ember.Route.extend({
|
||||
model(){
|
||||
return {
|
||||
dataSource: dataManger,
|
||||
fields: { text: "CustomerID" },
|
||||
query: query,
|
||||
height:"220",
|
||||
width:"auto",
|
||||
}
|
||||
}
|
||||
});
|
||||
Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше
Загрузка…
Ссылка в новой задаче