v20.4.0.38
This commit is contained in:
SyncfusionBuild
Родитель
89c3cf615e
Коммит
3b064d7348
|
|
@ -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"]
|
||||
}
|
||||
|
|
@ -75,4 +75,4 @@ To use the Syncfusion Essential JS 1 samples, Syncfusion license key should be r
|
|||
|
||||
* 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>.
|
||||
|
||||
<p>Copyright © 2001-2022 Syncfusion, Inc. Updated on 2022-12-22 at precisely 08:41:36 EST.</p>
|
||||
<p>Copyright © 2001-2022 Syncfusion, Inc. Updated on 2022-12-22 at precisely 08:48:49 EST.</p>
|
||||
|
|
|
|||
|
|
@ -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,66 @@
|
|||
<!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="Essential Studio EmberJS includes all UI controls like charts, grids, diagram, and more.">
|
||||
<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>
|
||||
<div style="display: none">
|
||||
<div class="copyright">Copyright © 2001-2022 Syncfusion Inc.</div>
|
||||
<div style="float: right;">
|
||||
<a href="//www.syncfusion.com">
|
||||
<div class="syncfusion"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{content-for "body-footer"}}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
import Resolver from 'ember-resolver';
|
||||
|
||||
export default Resolver;
|
||||
|
|
@ -0,0 +1,341 @@
|
|||
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("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",
|
||||
}
|
||||
}
|
||||
});
|
||||
Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше
Загрузка…
Ссылка в новой задаче