v18.1.0.42
This commit is contained in:
SyncfusionInstall
Родитель
14e16c5e10
Коммит
0b69ac086f
4
.bowerrc
4
.bowerrc
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"directory": "bower_components",
|
||||
"analytics": false
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
# 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
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
{
|
||||
/**
|
||||
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
|
||||
}
|
||||
17
.eslintrc.js
17
.eslintrc.js
|
|
@ -1,17 +0,0 @@
|
|||
module.exports = {
|
||||
root: true,
|
||||
parserOptions: {
|
||||
ecmaVersion: 2017,
|
||||
sourceType: 'module'
|
||||
},
|
||||
extends: 'eslint:recommended',
|
||||
env: {
|
||||
browser: true
|
||||
},
|
||||
rules: {
|
||||
},
|
||||
globals: {
|
||||
ej: false,
|
||||
onUpdate: false
|
||||
}
|
||||
};
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
# 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
|
||||
24
.travis.yml
24
.travis.yml
|
|
@ -1,24 +0,0 @@
|
|||
---
|
||||
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
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
{
|
||||
"ignore_dirs": ["tmp", "dist"]
|
||||
}
|
||||
16
app/app.js
16
app/app.js
|
|
@ -1,16 +0,0 @@
|
|||
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;
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
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();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
<!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-2019 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>
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
import Resolver from 'ember-resolver';
|
||||
|
||||
export default Resolver;
|
||||
341
app/router.js
341
app/router.js
|
|
@ -1,341 +0,0 @@
|
|||
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;
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{#ej-accordion id="accordion"}}
|
||||
<h3>
|
||||
<a href="#">Twitter</a>
|
||||
</h3>
|
||||
<div>
|
||||
Twitter is an online social networking service that enables users to send and read short 140-character messages called "tweets".
|
||||
Registered users can read and post tweets, but those who are unregistered can only read them. Users access Twitter through the website interface, SMS or mobile device app Twitter Inc. is based in San Francisco and has more than 25 offices around the world.
|
||||
Twitter was created in March 2006 by Jack Dorsey, Evan Williams, Biz Stone, and Noah Glass and launched in July 2006. The service rapidly gained worldwide popularity, with more than 100 million users posting 340 million tweets a day in 2012.The service also handled 1.6 billion search queries per day.
|
||||
</div>
|
||||
<h3>
|
||||
<a href="#">Facebook</a>
|
||||
</h3>
|
||||
<div>
|
||||
Facebook is an online social networking service headquartered in Menlo Park, California. Its website was launched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students Eduardo Saverin, Andrew McCollum, Dustin Moskovitz and Chris Hughes.The founders had initially limited the website's membership to Harvard students, but later expanded it to colleges in the Boston area, the Ivy League, and Stanford University. It gradually added support for students at various other universities and later to high-school students.
|
||||
</div>
|
||||
<h3>
|
||||
<a href="#">WhatsApp</a>
|
||||
</h3>
|
||||
<div>
|
||||
WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operates under a subscription business model. It uses the Internet to send text messages, images, video, user location and audio media messages to other users using standard cellular mobile numbers.
|
||||
As of February 2016, WhatsApp had a user base of up to one billion,[10] making it the most globally popular messaging application.
|
||||
WhatsApp Inc., based in Mountain View, California, was acquired by Facebook Inc. on February 19, 2014, for approximately US$19.3 billion.
|
||||
</div>
|
||||
{{/ej-accordion}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{#ej-accordion id="accordion" e-enableMultipleOpen=model.enableMultipleOpen}}
|
||||
<h3>
|
||||
<a href="#">Twitter</a>
|
||||
</h3>
|
||||
<div>
|
||||
Twitter is an online social networking service that enables users to send and read short 140-character messages called "tweets".
|
||||
Registered users can read and post tweets, but those who are unregistered can only read them. Users access Twitter through the website interface, SMS or mobile device app Twitter Inc. is based in San Francisco and has more than 25 offices around the world.
|
||||
Twitter was created in March 2006 by Jack Dorsey, Evan Williams, Biz Stone, and Noah Glass and launched in July 2006. The service rapidly gained worldwide popularity, with more than 100 million users posting 340 million tweets a day in 2012.The service also handled 1.6 billion search queries per day.
|
||||
</div>
|
||||
<h3>
|
||||
<a href="#">Facebook</a>
|
||||
</h3>
|
||||
<div>
|
||||
Facebook is an online social networking service headquartered in Menlo Park, California. Its website was launched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students Eduardo Saverin, Andrew McCollum, Dustin Moskovitz and Chris Hughes.The founders had initially limited the website's membership to Harvard students, but later expanded it to colleges in the Boston area, the Ivy League, and Stanford University. It gradually added support for students at various other universities and later to high-school students.
|
||||
</div>
|
||||
<h3>
|
||||
<a href="#">WhatsApp</a>
|
||||
</h3>
|
||||
<div>
|
||||
WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operates under a subscription business model. It uses the Internet to send text messages, images, video, user location and audio media messages to other users using standard cellular mobile numbers.
|
||||
As of February 2016, WhatsApp had a user base of up to one billion,[10] making it the most globally popular messaging application.
|
||||
WhatsApp Inc., based in Mountain View, California, was acquired by Facebook Inc. on February 19, 2014, for approximately US$19.3 billion.
|
||||
</div>
|
||||
{{/ej-accordion}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{#ej-accordion id="accordion" e-enableRTL=model.enableRTL}}
|
||||
<h3>
|
||||
<a href="#">سكريبت</a>
|
||||
</h3>
|
||||
<div>
|
||||
جافا سكريبت (JS) هو تفسير الكمبيوتر لغة البرمجة.
|
||||
تم تنفيذ أصلا كجزء من متصفحات الويب بحيث البرامج النصية من جانب العميل يمكن أن تتفاعل مع المستخدم، والسيطرة على المتصفح،
|
||||
التواصل بشكل غير متزامن، وتغيير محتوى الوثيقة التي تم عرضها. [5] وفي الآونة الأخيرة، ومع ذلك،
|
||||
أصبح من الشائع في كل من تطوير اللعبة وإنشاء تطبيقات سطح المكتب.
|
||||
</div>
|
||||
<h3>
|
||||
<a href="#">C شارب (C #)</a>
|
||||
</h3>
|
||||
<div>
|
||||
يقصد به أن تكون بسيطة وعصرية، لأغراض عامة، لغة البرمجة وجوه المنحى C #.
|
||||
ويقود فريق تطويره بواسطة Anders Hejlsberg. أحدث إصدار هو C # 5.0، والذي صدر في 15 أغسطس 2012.
|
||||
</div>
|
||||
<h3>
|
||||
<a href="#">البصرية الأساسية</a>
|
||||
</h3>
|
||||
<div>
|
||||
يتم تثبيت مترجم سطر الأوامر، VBC.EXE، كجزء من مجانية. NET الإطار SDK.
|
||||
ويشمل أيضا أحادية مترجم VB.NET سطر الأوامر. أحدث إصدار هو VB 2012، والذي صدر في 15 أغسطس 2012.
|
||||
</div>
|
||||
{{/ej-accordion}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,87 +0,0 @@
|
|||
<div class="samplebrowser">
|
||||
<div class="headerarea">
|
||||
<nav class="navbar">
|
||||
<div class="content-container-fluid">
|
||||
<div class="navbar-header leftheader">
|
||||
<a class="sblogo" href="#"></a>
|
||||
<div class="sbtext"></div>
|
||||
<div class="sbbeta"></div>
|
||||
</div>
|
||||
<div class="themegallery">
|
||||
<div class="e-sbtheme">
|
||||
{{ej-menu id="themebutton" e-fields=model.themeFields e-isResponsive=model.isResponsive e-width=model.themeWidth e-cssClass=model.themeCssClass e-click=model.themeClick e-openOnClick=model.themeOpenOnClick}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="contentarea">
|
||||
<div class="accordion-panel" style="z-index: 1000000; position: fixed;">
|
||||
<div class="searchoption">
|
||||
{{ej-autocomplete id="searchauto" e-showPopupButton=true e-fields=model.fields e-popupWidth="350px" e-dataSource=model.subData
|
||||
e-select= model.onSelectItem e-watermarkText="Search a Sample" e-width="100%" e-open="onPopupOpen" e-filterType="Contains" e-template="<div class='control_name'>${control}</div> <div class='control_samplename'>${name}</div>" }}
|
||||
</div>
|
||||
{{#ej-scroller id="scrollcontainer" class="scrollcontainer" e-buttonsize="0" e-scrollersize="9"}}
|
||||
<div>
|
||||
<ul class="productList" id="productList">
|
||||
{{#each model.controls as |control|}}
|
||||
<li class="controlnamelist">
|
||||
<a onclick={{action "hideSampleList"}}>{{control.name}} <span class="sb-arrow up"></span></a>
|
||||
<ul class="samplelist">
|
||||
{{#each control.samples as |sample|}}
|
||||
<li class="samplenamelist">
|
||||
{{#link-to sample.id}}{{sample.name}}{{/link-to}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/ej-scroller}}
|
||||
</div>
|
||||
<div class="control-panel" onclick={{action "navBarHide"}} onscroll={{action "scrollPanel"}}>
|
||||
<div class="row">
|
||||
<div class="contentheader">
|
||||
{{ej-button id="slidemenu" class="slidemenuicon" e-showRoundedCorner=true e-size="normal" e-prefixIcon="e-icon e-slidemenu"
|
||||
e-contentType="imageonly"}}
|
||||
<div class="controlnamediv">
|
||||
<span id="controlname_id" class="controlname">{{model.controlName}} <span>/</span></span>
|
||||
<span id="sample_id" class="samplename">{{model.sampleName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="productpage">
|
||||
<div class="contentchild">
|
||||
<div class="router">
|
||||
{{outlet}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="contentsourcediv">
|
||||
{{#ej-tab id="tab" e-selectedItemIndex="1" }}
|
||||
<ul>
|
||||
<li><a href="#htmlsource">HBS</a></li>
|
||||
<li><a href="#jssource">JS</a></li>
|
||||
</ul>
|
||||
<div id="htmlsource">
|
||||
<div class="tab_content"></div>
|
||||
</div>
|
||||
<div id="jssource">
|
||||
<div class="tab_content"></div>
|
||||
</div>
|
||||
{{/ej-tab}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="footerdiv">
|
||||
<div class="copyright">Copyright © 2001-2018 Syncfusion Inc.</div>
|
||||
<div style="float: right;">
|
||||
<a href="//www.syncfusion.com">
|
||||
<div class="syncfusion"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ej-button id="scrollTop" class="e-icon" e-contentType= "imageOnly" e-title="Back to the Top" e-prefixIcon= "e-icon chevron-up_01"
|
||||
e-click=model.scrollTop}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="e-container-spreadsheet">
|
||||
{{ej-autocomplete id="autocomplete" e-dataSource=model.dataSource e-query=model.query e-filterType=model.filterType e-fields=model.fields e-width=model.width e-watermarkText=model.watermarkText }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-autocomplete id="autocomplete" e-dataSource=model.dataSource e-width=model.width e-watermarkText=model.watermarkText
|
||||
e-enableAutoFill=model.enableAutoFill}}
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div id="property-window" class="box wide">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Alt + j
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
Focuses the control
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Up
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
Moves to previous item
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Down
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
Moves to next item
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Enter
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
Selects the focused item
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
Esc
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
Closes the popup
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-autocomplete id="multi" e-dataSource=model.dataSource e-multiColumnSettings=model.multiColumnSettings e-highlightSearch=model.highlightSearch e-showPopupButton=model.showPopupButton e-width=model.width e-watermarkText=model.watermarkText
|
||||
}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ej-barcode id="barcode" e-symbologyType="code128a" e-text=model.Text e-quietZone=model.quietZone }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ej-barcode id="barcode"e-symbologyType="datamatrix" e-text=model.Text e-xDimension=model.xDimension }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ej-barcode id="barcode" e-symbologyType="qrbarcode" e-text=model.Text e-xDimension=model.xDimension}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-bulletgraph id="Bulletgraph" e-qualitativeRangeSize=model.qualitativeRangeSize
|
||||
e-quantitativeScaleLength=model.quantitativeScaleLength
|
||||
e-tooltipSettings=model.tooltipSettings
|
||||
e-orientation=model.orientation
|
||||
e-flowDirection=model.flowDirection
|
||||
e-quantitativeScaleSettings=model.quantitativeScaleSettings
|
||||
e-qualitativeRanges=model.qualitativeRanges
|
||||
e-captionSettings=model.captionSettings}}
|
||||
{{ej-bulletgraph id="Bulletgraph2" e-qualitativeRangeSize=model.qualitativeRangeSize2
|
||||
e-height=model.height2
|
||||
e-quantitativeScaleLength=model.quantitativeScaleLength2
|
||||
e-tooltipSettings=model.tooltipSettings2
|
||||
e-orientation=model.orientation2
|
||||
e-flowDirection=model.flowDirection2
|
||||
e-quantitativeScaleSettings=model.quantitativeScaleSettings2
|
||||
e-qualitativeRanges=model.qualitativeRanges2
|
||||
e-captionSettings=model.captionSettings2
|
||||
}}
|
||||
|
||||
{{ej-bulletgraph id="Bulletgraph3" e-qualitativeRangeSize=model.qualitativeRangeSize3
|
||||
e-height=model.height3
|
||||
e-quantitativeScaleLength=model.quantitativeScaleLength3
|
||||
e-tooltipSettings=model.tooltipSettings3
|
||||
e-orientation=model.orientation3
|
||||
e-flowDirection=model.flowDirection3
|
||||
e-quantitativeScaleSettings=model.quantitativeScaleSettings3
|
||||
e-qualitativeRanges=model.qualitativeRanges3
|
||||
e-captionSettings=model.captionSettings3
|
||||
}}
|
||||
{{ej-bulletgraph id="Bulletgraph4" e-qualitativeRangeSize=model.qualitativeRangeSize4
|
||||
e-height=model.height4
|
||||
e-quantitativeScaleLength=model.quantitativeScaleLength4
|
||||
e-tooltipSettings=model.tooltipSettings4
|
||||
e-orientation=model.orientation4
|
||||
e-flowDirection=model.flowDirection4
|
||||
e-quantitativeScaleSettings=model.quantitativeScaleSettings4
|
||||
e-qualitativeRanges=model.qualitativeRanges4
|
||||
e-captionSettings=model.captionSettings4
|
||||
}}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-bulletgraph id="Bulletgraph"
|
||||
e-height= model.height
|
||||
e-enableAnimation = model.enableAnimation
|
||||
e-qualitativeRangeSize=model.qualitativeRangeSize
|
||||
e-quantitativeScaleLength=model.quantitativeScaleLength
|
||||
e-tooltipSettings=model.tooltipSettings
|
||||
e-orientation=model.orientation
|
||||
e-flowDirection=model.flowDirection
|
||||
e-quantitativeScaleSettings=model.quantitativeScaleSettings
|
||||
e-fields = model.fields
|
||||
e-qualitativeRanges=model.qualitativeRanges
|
||||
e-captionSettings=model.captionSettings
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{outlet}}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-bulletgraph id="Bulletgraph"
|
||||
e-height= model.height
|
||||
e-enableAnimation = model.enableAnimation
|
||||
e-qualitativeRangeSize=model.qualitativeRangeSize
|
||||
e-quantitativeScaleLength=model.quantitativeScaleLength
|
||||
e-tooltipSettings=model.tooltipSettings
|
||||
e-orientation=model.orientation
|
||||
e-flowDirection=model.flowDirection
|
||||
e-quantitativeScaleSettings=model.quantitativeScaleSettings
|
||||
e-fields=model.fields
|
||||
e-qualitativeRanges=model.qualitativeRanges
|
||||
e-captionSettings=model.captionSettings
|
||||
}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Tooltip" style="display:none; width:125px;padding-top: 10px;padding-bottom:10px">
|
||||
<div align="center" style="font-weight:bold">
|
||||
Production
|
||||
</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Production level</td>
|
||||
<td>: \{{:currentValue}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated level</td>
|
||||
<td>: \{{:targetValue}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Product ID</td>
|
||||
<td >: \{{:category}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
<table width="500px" align="center">
|
||||
<tr>Hobbies</tr><br>
|
||||
<tr>
|
||||
<td>{{ ej-checkbox id="Check1" e-size=model.Small e-showRoundedCorner=model.roundedCorner e-text="Music" e-checked=model.checked}}</td>
|
||||
<td>{{ ej-checkbox id="Check2" e-size=model.Small e-showRoundedCorner=model.roundedCorner e-text="Sports"}}</td>
|
||||
<td>{{ ej-checkbox id="Check3" e-size=model.Small e-showRoundedCorner=model.roundedCorner e-text="Bike Riding"}}</td>
|
||||
</tr><br>
|
||||
<tr>Favourite Search Engines</tr><br>
|
||||
<tr>
|
||||
<td>{{ ej-checkbox id="Check4" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="Google" e-checked=model.checked}}</td>
|
||||
<td>{{ ej-checkbox id="Check5" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="Yahoo"}}</td>
|
||||
<td>{{ ej-checkbox id="Check6" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="Bing"}}</td>
|
||||
</tr><br>
|
||||
<tr>Favourite Social Networks</tr><br>
|
||||
<tr>
|
||||
<td>{{ ej-checkbox id="Check7" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="Facebook" e-enableTriState=model.triState e-checkState=model.checkState}}</td>
|
||||
<td>{{ ej-checkbox id="Check8" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="GPlus" e-enableTriState=model.triState}}</td>
|
||||
<td>{{ ej-checkbox id="Check9" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="Twitter" e-enableTriState=model.triState}}</td>
|
||||
</tr><br>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
<table width="500px" align="center">
|
||||
<tr>
|
||||
<td> Normal </td>
|
||||
<td>{{ ej-button id="Button1" e-size=model.Normal e-contentType="imageonly" e-showRoundedCorner=model.roundedCorner e-prefixIcon="e-icon e-handup"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Mini </td>
|
||||
<td>{{ ej-button id="Button2" e-size=model.Mini e-showRoundedCorner=model.roundedCorner e-text="login"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Small </td>
|
||||
<td>{{ ej-button id="Button3" e-size=model.Small e-showRoundedCorner=model.roundedCorner e-text="login"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Medium </td>
|
||||
<td>{{ ej-button id="Button4" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-text="login"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Large </td>
|
||||
<td>{{ ej-button id="Button5" e-contentType="textandimage" e-size=model.Large e-showRoundedCorner=model.roundedCorner e-text="login" e-prefixIcon="e-icon e-handup"}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-groupbutton id="GroupButton" e-groupButtonMode=model.mode e-dataSource=model.dataSource e-height="40px" e-showRoundedCorner=model.roundedCorner}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
<table width="500px" align="center">
|
||||
<tr> Category </tr><br><br>
|
||||
<tr>
|
||||
<td>
|
||||
{{ ej-radiobutton id="Radio1" e-size=model.Small e-name="category" e-text="Fresher"}}
|
||||
</td>
|
||||
<td>
|
||||
{{ ej-radiobutton id="Radio2" e-size=model.Small e-name="category" e-text="Experienced" e-checked=model.checked}}
|
||||
</td>
|
||||
</tr>
|
||||
<br><br>
|
||||
<tr> Expreience </tr><br><br>
|
||||
<tr>
|
||||
<td>
|
||||
{{ ej-radiobutton id="Radio3" e-size=model.Medium e-name="exprience" e-text="1+Years" e-checked=model.checked}}
|
||||
</td>
|
||||
<td>
|
||||
{{ ej-radiobutton id="Radio4" e-size=model.Medium e-name="exprience" e-text="2.5+years"}}
|
||||
</td>
|
||||
<td>
|
||||
{{ ej-radiobutton id="Radio5" e-size=model.Medium e-name="exprience" e-text="5+Years"}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
<table width="500px" align="center">
|
||||
<tr>
|
||||
<td> Normal </td>
|
||||
<td>
|
||||
<div class="spltspan">
|
||||
{{ ej-splitbutton id="Button1" e-size=model.Normal e-target="#target1" e-contentType="imageonly" e-showRoundedCorner=model.roundedCorner e-prefixIcon="e-icon e-login"}}</div></td>
|
||||
<ul id="target1">
|
||||
<li><span>User</span></li>
|
||||
<li><span>Guest</span></li>
|
||||
<li><span>Admin</span></li>
|
||||
</ul>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Mini </td>
|
||||
<td>{{ ej-splitbutton id="Button2" e-size=model.Mini e-target="#target2" e-showRoundedCorner=model.roundedCorner e-text="login"}}</td>
|
||||
<ul id="target2">
|
||||
<li><span>User</span></li>
|
||||
<li><span>Guest</span></li>
|
||||
<li><span>Admin</span></li>
|
||||
</ul>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Small </td>
|
||||
<td>{{ ej-splitbutton id="Button3" e-size=model.Small e-target="#target3" e-showRoundedCorner=model.roundedCorner e-text="login"}}</td>
|
||||
<ul id="target3">
|
||||
<li><span>User</span></li>
|
||||
<li><span>Guest</span></li>
|
||||
<li><span>Admin</span></li>
|
||||
</ul>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Medium </td>
|
||||
<td>{{ ej-splitbutton id="Button4" e-size=model.Medium e-target="#target4" e-showRoundedCorner=model.roundedCorner e-text="login"}}</td>
|
||||
<ul id="target4">
|
||||
<li><span>User</span></li>
|
||||
<li><span>Guest</span></li>
|
||||
<li><span>Admin</span></li>
|
||||
</ul>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Large </td>
|
||||
<td>{{ ej-splitbutton id="Button5" e-contentType="textandimage" e-size=model.Large e-target="#target5" e-showRoundedCorner=model.roundedCorner e-text="login" e-prefixIcon="e-icon e-login"}}</td>
|
||||
<ul id="target5">
|
||||
<li><span>User</span></li>
|
||||
<li><span>Guest</span></li>
|
||||
<li><span>Admin</span></li>
|
||||
</ul>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div id="property-window" class="box wide">
|
||||
<div class="row">
|
||||
<div class="col-md-3">Button Mode</div>
|
||||
<div class="col-md-3">
|
||||
{{ej-dropdownlist id="ButtonMode" e-dataSource=model.buttonModes e-selectedIndex=0 e-change=model.onChange}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
padding: 5px;
|
||||
}
|
||||
.spltspan {
|
||||
width: 50px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
<table width="500px" align="center">
|
||||
<tr>
|
||||
<td> Normal </td>
|
||||
<td>{{ ej-togglebutton type="checkbox" id="Button1" e-size=model.Normal e-contentType="imageonly" e-showRoundedCorner=model.roundedCorner e-defaultPrefixIcon="e-icon e-mediaplay e-uiLight" e-activePrefixIcon="e-icon e-mediapause e-uiLight"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Mini </td>
|
||||
<td>{{ ej-togglebutton type="checkbox" id="Button2" e-size=model.Mini e-showRoundedCorner=model.roundedCorner e-defaultText="Play" e-activeText="Pause"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Small </td>
|
||||
<td>{{ ej-togglebutton type="checkbox" id="Button3" e-size=model.Small e-showRoundedCorner=model.roundedCorner e-defaultText="Play" e-activeText="Pause"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Medium </td>
|
||||
<td>{{ ej-togglebutton type="checkbox" id="Button4" e-size=model.Medium e-showRoundedCorner=model.roundedCorner e-defaultText="Play" e-activeText="Pause"}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Large </td>
|
||||
<td>{{ ej-togglebutton type="checkbox" id="Button5" e-contentType="textandimage" e-size=model.Large e-showRoundedCorner=model.roundedCorner e-defaultText="Play" e-activeText="Pause" e-defaultPrefixIcon="e-icon e-mediaplay e-uiLight" e-activePrefixIcon="e-icon e-mediapause e-uiLight"}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
td{
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-chart id="Chart" e-primaryXAxis=model.primaryXAxis e-primaryYAxis=model.primaryYAxis
|
||||
e-series=model.series
|
||||
e-isResponsive=model.isResponsive
|
||||
e-title=model.title
|
||||
e-size=model.size
|
||||
e-legend=model.legend }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-chart id="Chart" e-primaryXAxis=model.primaryXAxis e-primaryYAxis=model.primaryYAxis
|
||||
e-commonSeriesOptions=model.commonSeriesOptions
|
||||
e-series=model.series
|
||||
e-isResponsive=model.isResponsive
|
||||
e-title=model.title
|
||||
e-size=model.size
|
||||
e-legend=model.legend }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-chart id="Chart" e-primaryXAxis=model.primaryXAxis e-primaryYAxis=model.primaryYAxis e-commonSeriesOptions=model.commonSeriesOptions
|
||||
e-series=model.series e-isResponsive=model.isResponsive e-title=model.title e-size=model.size
|
||||
e-legend=model.legend }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Tooltip" style="display: none;">
|
||||
<div id="icon">
|
||||
<div id="eficon">
|
||||
</div>
|
||||
</div>
|
||||
<div id="value">
|
||||
<div>
|
||||
<label id="efpercentage">
|
||||
#point.y#
|
||||
</label>
|
||||
<label id="ef">
|
||||
Efficiency
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style class="cssStyles">
|
||||
label {
|
||||
margin-bottom: -25px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.tooltipDivcontainer {
|
||||
background-color: #E94649;
|
||||
color: white;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
#Tooltip > div:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#Tooltip #value {
|
||||
float: right;
|
||||
height: 50px;
|
||||
width: 68px;
|
||||
}
|
||||
|
||||
#Tooltip #value > div {
|
||||
margin: 5px 5px 5px 5px;
|
||||
}
|
||||
|
||||
#Tooltip #efpercentage {
|
||||
font-size: 20px;
|
||||
font-family: segoe ui;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
#Tooltip #ef {
|
||||
font-size: 12px;
|
||||
font-family: segoe ui;
|
||||
}
|
||||
|
||||
#eficon {
|
||||
background-image: url("content/images/chart/eficon.png");
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
</style>
|
||||
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-circulargauge id="CircularGuage" e-backgroundColor=model.backgroundColor
|
||||
e-width=model.width
|
||||
e-scales=model.scales}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
<div>
|
||||
{{ej-circulargauge id="gaugeInteraction" e-backgroundColor=model.backgroundColor e-readOnly=model.readOnly e-isResponsive=model.isResponsive e-width=model.width e-scales=model.scales
|
||||
}}
|
||||
</div>
|
||||
<div>
|
||||
<h5> Hold and Drag the bar pointer to interact with it</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-circulargauge id="CircularGuage" e-backgroundColor=model.backgroundColor
|
||||
e-enableAnimation=model.enableAnimation e-width=model.width
|
||||
e-height=model.height
|
||||
e-radius=model.radius
|
||||
e-drawLabels=model.drawLabels
|
||||
e-drawPointers=model.drawPointers
|
||||
e-scales=model.scales
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-colorpicker id="ColorPalette" e-value= model.value e-modelType= model.type}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-colorpicker id="CustomPalette" e-value= model.value e-modelType= model.type e-palette= model.palette
|
||||
e-showSwitcher= model.switcher e-custom=model.custom }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-colorpicker id="ColorPick" e-value= model.value }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="e-container-spreadsheet">
|
||||
{{ej-combobox id="combobox" e-dataSource=model.dataSource e-query=model.query e-fields=model.fields e-width=model.width e-placeholder=model.placeholder }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-combobox id="combobox" e-dataSource=model.dataSource e-width=model.width e-placeholder=model.placeholder e-autofill=model.autofill}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-combobox id="combobox" e-dataSource=model.data e-fields=model.fieldsvalues e-width=model.width }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-datepicker id="blackOut" e-blackoutDates= model.blackoutDates}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-datepicker id="datePick" e-value= model.Value}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-datepicker id="RTL" e-value= model.Value e-enableRTL= model.rtl}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-daterangepicker id="dateRangePick" e-value= model.Value e-width= model.Width}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-daterangepicker id="dateRangeTime" e-enableTimePicker= model.timePickerEnabled e-width= model.Width}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div style="margin-left:250px">
|
||||
{{ ej-daterangepicker id="ranges" e-ranges= model.ranges e-width= model.Width}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-datetimepicker id="dateTimePick" e-value= model.value}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-datetimepicker id="drilldown" e-timeDrillDown=model.drillDown}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div align="center">
|
||||
{{ ej-datetimepicker id="RTL" e-enableRTL= model.rtl}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-diagram id="Diagram" e-width = "100%" e-height = "625px" e-nodes = model.nodes e-connectors = model.connectors e-defaultSettings = model.defaultSettings}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-diagram id="Diagram" e-tool = model.tool e-layout = model.layout e-height = model.height e-defaultSettings = model.defaultSettings e-nodeTemplate = model.nodeTemplate e-layoutSettings = model.layoutSettings e-dataSourceSettings = model.dataSourceSettings e-pageSettings = model.pageSettings e-snapSettings = model.snapSettings }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-diagram id="Diagram" e-tool = model.tool e-layout = model.layout e-height = model.height e-defaultSettings = model.defaultSettings e-nodeTemplate = model.nodeTemplate e-layoutSettings = model.layoutSettings e-dataSourceSettings = model.dataSourceSettings e-pageSettings = model.pageSettings e-snapSettings = model.snapSettings }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
<div class="control_section">
|
||||
<div class="diagram_section">
|
||||
{{ej-diagram id="Diagram" e-width = "100%" e-height = "600px" e-tool = model.tool e-nodes = model.nodes e-connectors = model.connectors e-defaultSettings = model.defaultSettings e-create = model.create}}
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
Overview
|
||||
</div>
|
||||
<div class="sample_properties">
|
||||
{{ej-overview e-sourceID = "Diagram" e-width = "100%" e-height = "560px" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.cols-sample-area {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.control_section {
|
||||
height: 600px;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.diagram_section {
|
||||
width: calc(100% - 260px);
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
.sample_properties {
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-diagram id="Diagram" e-tool = model.tool e-layout = model.layout e-width = "100%" e-height = "625px" e-defaultSettings = model.defaultSettings e-nodeTemplate = model.nodeTemplate e-layoutSettings = model.layoutSettings e-dataSourceSettings = model.dataSourceSettings e-pageSettings = model.pageSettings e-snapSettings = model.snapSettings e-enableContextMenu = "false" e-tooltip = model.tooltip e-create = model.create }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/x-jsrender" id="mouseovertoolTipId">
|
||||
<svg style="position: relative; width: 150px; height: 75px;">
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M 147 75 H 3 c -1.7 0 -3 -1.3 -3 -2.8 V 2.8 C 0 1.3 1.3 0 3 0 h 144 c 1.7 0 3 1.3 3 2.8 v 69.4 C 150 73.7 148.7 75 147 75 Z" />
|
||||
<path d="M 147.2 74 H 2.8 c -1.3 0 -2.3 -0.6 -2.3 -1.4 V 68 h 149 v 4.6 C 149.5 73.3 148.4 74 147.2 74 Z" fill="\{{:RatingColor}}" />
|
||||
<path style="fill: none; stroke: #D0D0D0; stroke-miterlimit: 10;" d="M 147.2 74.5 H 2.8 c -1.3 0 -2.3 -0.9 -2.3 -2.1 V 2.6 c 0 -1.2 1 -2.1 2.3 -2.1 h 144.5 c 1.3 0 2.3 0.9 2.3 2.1 v 69.8 C 149.5 73.5 148.4 74.5 147.2 74.5 Z" />
|
||||
<text transform="matrix(1 0 0 1 61.0801 16.0686)" style="fill: #2D2D2D; font-family: Segoe UI;font-weight:bold; font-size: 10px;">\{{:Name}}</text>
|
||||
<text transform="matrix(1 0 0 1 61.0801 32.6208)" style="font-size: 10px; fill: #2D2D3A; font-family: Segoe UI;font-size: 9px;">\{{:Designation:}}</text>
|
||||
<text transform="matrix(1 0 0 1 61.0801 44.4484)" style="font-size: 10px; fill: #2D2D3A; font-family: 'Segoe UI';font-size: 9px;">xyz@abc.com</text>
|
||||
<text transform="matrix(1 0 0 1 61.0801 57.987)" style="font-size: 10px; fill: #2D2D3A; font-family: 'Segoe UI';font-size: 9px;">456 789</text>
|
||||
<image style="overflow: visible; enable-background: new;" width="116" height="121" xlink:href="\{{:ImageUrl}}" transform="matrix(0.3763 0 0 0.3798 6.2543 10.1381)">
|
||||
</image>
|
||||
</g>
|
||||
</svg>
|
||||
</script>
|
||||
{{outlet}}
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
<div class="control_section">
|
||||
<div class="symPalette_section">
|
||||
{{ej-symbolpalette id="symbolPalette" e-diagramId = "Diagram" e-palettes = model.palettes e-paletteItemWidth = 50 e-paletteItemHeight = 50 e-height = "100%" e-width = "100%" }}
|
||||
</div>
|
||||
<div class="middle_section"></div>
|
||||
<div class="diagram_section">
|
||||
{{ej-diagram id="Diagram" e-width = "100%" e-height = "100%" e-nodes = model.node e-connectors = model.connectors e-defaultSettings = model.defaultSettings}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.cols-sample-area {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.control_section {
|
||||
height: 600px;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.diagram_section {
|
||||
width: calc(100% - 255px);
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.middle_section {
|
||||
float: left;
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.symPalette_section {
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-button id="btnOpen" class="e-btn" e-text="Click to open dialog" e-size=model.size e-click=model.onOpen e-type=model.type height=model.btnheighte e-width=model.btnwidth}}
|
||||
<div class="control1"> </div>
|
||||
{{#ej-dialog id="dialogIcon" e-title="Audi-R8" e-actionButtons=model.actionButtons e-enableModal=model.enableModal e-enableResize=model.enableResize e-width=model.width e-close=model.onDialogClose e-containment=model.containment e-open=model.dlgOpen }}
|
||||
<img class="r8Audi" src="//js.syncfusion.com/demos/web/content/images/dialog/r8-coupe.png" alt="r8-coupe"/>
|
||||
<div class="cnt">
|
||||
The Audi R8 was initially equipped with a 4.2 litre V8 engine. Specifically, it is an all-aluminum alloy 32-valve (four valves per cylinder) petrol engine, utilising Fuel Stratified Injection (FSI), and has a displacement of 4,163 cubic centimetres (254.0 cu in).
|
||||
</div>
|
||||
{{/ej-dialog}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style class="cssStyles">
|
||||
.row .cols-sample-area {
|
||||
position: relative;
|
||||
min-height: 350px !important;
|
||||
height: 532px;
|
||||
}
|
||||
label.error{
|
||||
color:red;
|
||||
}
|
||||
.control {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.ejinputtext {
|
||||
height: 25px;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.acc {
|
||||
font-size: 12px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.top {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.reqired {
|
||||
margin: 0 0 3px 0;
|
||||
color: red;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-button id="btnOpen" e-text="Click to open dialog" e-click=model.onOpen e-size=model.btnSize e-height=model.btnHeight e-width=model.btnWidth}}
|
||||
<div class="e-container-dialog">
|
||||
{{#ej-dialog id="defaultdialog" e-title="Dialog" e-target=".cols-sample-area" e-width=model.width e-minWidth=model.minWidth e-minHeight=model.minHeight e-close=model.onDialogClose e-open=model.dlgOpen}}
|
||||
<div class="control">
|
||||
<h1>Audi Q3</h1>
|
||||
<div class="audi-q3">
|
||||
<img src="//js.syncfusion.com/demos/web/content/images/dialog/audiq3-1.png" alt="audiq3-1" class="img" />
|
||||
<br />
|
||||
<img src="//js.syncfusion.com/demos/web/content/images/dialog/audiq3-2.png" alt="audiq3-2" />
|
||||
</div>
|
||||
<div class="cnt">
|
||||
It is a concept vehicle with Liquid Silver body colour, 20-inch wheels, fabric folding roof, electrically-controlled hood, 4-cylinder 2.0 TDI engine rated 204 PS (150 kW; 201 hp)
|
||||
and 400 N·m (295.02 lbf·ft), diesel particulate filter and Bluetec emission control system, quattro permanent four-wheel drive system with Haldex clutch,
|
||||
Audi S tronic dual-clutch gearbox, McPherson-strut front axle and a four-link rear axle, Audi drive select system with 3 modes (dynamic, sport, efficiency),
|
||||
MMI control panel with touch pad and dual-view technology, sound system with the prominent extending tweeters.
|
||||
</div>
|
||||
</div>
|
||||
{{/ej-dialog}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<style class="cssStyles">
|
||||
.audi-q3 {
|
||||
float: right;
|
||||
height: 356px;
|
||||
width: 267px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.row .cols-sample-area {
|
||||
position: relative;
|
||||
min-height: 350px !important;
|
||||
height: 532px;
|
||||
}
|
||||
|
||||
.cnt {
|
||||
min-height: 356px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-digitalgauge id="DigitalGuage" e-height=model.height e-isResponsive=model.isResponsive
|
||||
e-width=model.width
|
||||
e-items=model.items}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-digitalgauge id="DigitalClock" e-height=model.height e-isResponsive=model.isResponsive e-width=model.width e-items=model.items}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-digitalgauge id="CoreExportImage" e-height=model.height e-isResponsive=model.isResponsive e-width=model.width e-items=model.items}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div id="property-window" class="box wide">
|
||||
<div class="row">
|
||||
<div class="col-md-3">File Name</div>
|
||||
<div class="col-md-3">
|
||||
<input type="text" id="fileName" style="width:110px" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">File Type</div>
|
||||
<div class="col-md-3">
|
||||
{{ej-dropdownlist id="fileFormat" e-width="110px" e-targetID="fileType" e-selectedIndex=0 e-change=model.fileFormatChange
|
||||
}}
|
||||
<div id="fileType">
|
||||
<ul>
|
||||
<li>JPEG</li>
|
||||
<li>PNG</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
{{ej-button id="btnSubmit" e-text="Export" e-size="medium" e-click=model.buttonClick}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-dropdownlist id="dropdownlist" e-dataSource=model.data e-fields=model.fieldsvalues e-width=model.width e-value=model.value}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-dropdownlist id="dropdownlist" e-dataSource=model.data e-fields=model.fieldsvalues e-width=model.width e-value=model.value e-showCheckbox=model.showCheckbox e-watermarkText=model.watermarkText e-enableFilterSearch=model.enableFilterSearch e-filterType=model.filterType}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
{{ej-dropdownlist id="dropdownlist" e-dataSource=model.data e-fields=model.fieldsvalues e-width=model.width e-allowGrouping=model.allowGrouping}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div class="control">
|
||||
{{ej-fileexplorer id="defaultFile" e-path= model.path e-ajaxAction = model.ajaxaction e-width = "100%" e-isResponsive = model.responsive e-layout = model.layout}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,114 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div class="control">
|
||||
{{ej-fileexplorer id="customtool" e-path= model.path e-ajaxAction = model.ajaxaction e-gridSettings = model.gridSettings e-width = "100%" e-isResponsive = model.responsive e-locale="es-ES"}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
ej.FileExplorer.Locale["es-ES"] = {
|
||||
Folder: "Carpeta",
|
||||
EmptyResult: "Ningun articulo concuerda con su busqueda",
|
||||
EmptyFolder: "Esta carpeta está vacía",
|
||||
ProtectedFolder: "Actualmente no tiene permiso para acceder a esta carpeta",
|
||||
Back: "hacia atrás",
|
||||
Forward: "adelante",
|
||||
Upward: "Hacia arriba",
|
||||
Refresh: "refrescar",
|
||||
Addressbar: "Barra de dirección",
|
||||
Upload: "Subir",
|
||||
Rename: "rebautizar",
|
||||
Delete: "borrar",
|
||||
Download: "Descargar",
|
||||
Error: "error",
|
||||
Cut: "cortada",
|
||||
Copy: "copia",
|
||||
Paste: "pasta",
|
||||
Details: "Detalles",
|
||||
Searchbar: "barra de búsqueda",
|
||||
Open: "abierto",
|
||||
Search: "búsqueda",
|
||||
NewFolder: "Nueva Carpeta",
|
||||
SelectedFileUrl: "dirección Web",
|
||||
SelectedFileName: "título",
|
||||
ImageWidth: "ancho",
|
||||
ImageHeight: "altura",
|
||||
Insert: "Insertar",
|
||||
Cancel: "cancelar",
|
||||
RenameAlert: "Por favor, introduzca el nuevo nombre",
|
||||
NewFolderAlert: "Introduzca el nuevo nombre de la carpeta",
|
||||
ContextMenuOpen: "abierto",
|
||||
ContextMenuNewFolder: "nueva carpeta",
|
||||
ContextMenuDelete: "borrar",
|
||||
ContextMenuRename: "rebautizar",
|
||||
ContextMenuUpload: "Subir",
|
||||
ContextMenuDownload: "descargar",
|
||||
ContextMenuCut: "cortada",
|
||||
ContextMenuCopy: "copia",
|
||||
ContextMenuPaste: "pasta",
|
||||
ContextMenuGetinfo: "Obtén información",
|
||||
ContextMenuRefresh: "refrescar",
|
||||
ContextMenuOpenFolderLocation: "Ubicación de la carpeta abierta",
|
||||
ContextMenuSortBy: "Ordenar por",
|
||||
SortBy: "Ordenar por",
|
||||
Item: " artículo",
|
||||
Items: " artículos",
|
||||
Selected: "seleccionado",
|
||||
Permission: "Permiso",
|
||||
OkButton: "Okay",
|
||||
CancelButton: "cancelar",
|
||||
YesButton: "sí",
|
||||
NoButton: "No",
|
||||
YesToAllButton: "Si a todo",
|
||||
NoToAllButton: "No a todos",
|
||||
Size: "tamaño",
|
||||
Grid: "Vista de cuadrícula",
|
||||
Tile: "vista de mosaicos",
|
||||
LargeIcons: "Iconos grandes",
|
||||
Layout: "Diseño",
|
||||
SkipButton: "Omitir",
|
||||
ErrorOnFolderCreation: "Este destino ya contiene una carpeta llamada '{0}'. ¿Desea fusionar este contenido de la carpeta con la carpeta ya existente '{0}'?",
|
||||
InvalidFileName: "Un nombre de archivo no puede contener ninguno de los siguientes caracteres",
|
||||
GeneralError: "Por favor, vea ventana de la consola del navegador para obtener más información",
|
||||
ErrorPath: "FileExplorer no puede encontrar '{0}'. Revisa la ortografía y vuelva a intentarlo.",
|
||||
ReplaceAlert: "Archivo llamado '{0}' ya existe. Reemplazar archivo antiguo por uno nuevo?",
|
||||
DuplicateAlert: "Ya existe un archivo con el mismo nombre '{0}'. ¿Quieres crear el archivo con nombre duplicado",
|
||||
DuplicateFileCreation: "Ya existe un archivo con el mismo nombre en esta ubicación. ¿Quieres cambiar el nombre de '{0}' a '{1}'?",
|
||||
DeleteFolder: " Estas seguro que quieres borrarlo ",
|
||||
DeleteMultipleFolder: "¿Seguro que quieres eliminar estos {0} artículos?",
|
||||
CancelPasteAction: "La carpeta de destino es una subcarpeta de la carpeta de origen.",
|
||||
Name: "nombre",
|
||||
Location: "ubicación",
|
||||
Type: "Tipo De Artículo",
|
||||
Created: "creado",
|
||||
Modified: "Modificado",
|
||||
DialogCloseToolTip: "cerca",
|
||||
UploadSettings: {
|
||||
buttonText: {
|
||||
upload: "Subir",
|
||||
browse: "Explorar",
|
||||
cancel: "cancelar",
|
||||
close: "cerca"
|
||||
},
|
||||
dialogText: {
|
||||
title: "Subir Box",
|
||||
name: "nombre",
|
||||
size: "tamaño",
|
||||
status: "estado"
|
||||
},
|
||||
cancelToolTip: "cancelar",
|
||||
removeToolTip: "quitar",
|
||||
retryToolTip: "Reintente",
|
||||
completedToolTip: "terminado",
|
||||
failedToolTip: "fracasado",
|
||||
closeToolTip: "cerca"
|
||||
}
|
||||
};
|
||||
</script>
|
||||
{{outlet}}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="frame">
|
||||
<div class="control">
|
||||
{{ej-fileexplorer id="defaultFile" e-path= model.path e-ajaxAction = model.ajaxaction e-width = "100%" e-enableRTL = model.rtl e-isResponsive = model.responsive e-layout = model.layout}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-gantt id="GanttDefault"
|
||||
e-dataSource=model.dataSource
|
||||
e-childMapping="Children"
|
||||
e-treeColumnIndex= 1
|
||||
e-isResponsive=true
|
||||
e-taskIdMapping="TaskID"
|
||||
e-taskNameMapping="TaskName"
|
||||
e-scheduleStartDate=model.e-scheduleStartDate
|
||||
e-scheduleEndDate=model.e-scheduleEndDate
|
||||
e-startDateMapping="StartDate"
|
||||
e-endDateMapping="EndDate"
|
||||
e-progressMapping="Progress"
|
||||
e-allowGanttChartEditing=false
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-gantt id="GanttEditing"
|
||||
e-dataSource=model.dataSource
|
||||
e-childMapping="subtasks"
|
||||
e-treeColumnIndex= 1
|
||||
e-isResponsive=true
|
||||
e-taskIdMapping="taskID"
|
||||
e-taskNameMapping="taskName"
|
||||
e-scheduleStartDate=model.e-scheduleStartDate
|
||||
e-scheduleEndDate=model.e-scheduleEndDate
|
||||
e-editSettings=model.editSettings
|
||||
e-toolbarSettings=model.toolbarSettings
|
||||
e-startDateMapping="startDate"
|
||||
e-endDateMapping="endDate"
|
||||
e-progressMapping="progress"
|
||||
e-predecessorMapping="predecessor"
|
||||
e-notesMapping="notesContent"
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-gantt id="GanttRowDragAndDrop"
|
||||
e-dataSource=model.dataSource
|
||||
e-childMapping="Children"
|
||||
e-treeColumnIndex= 1
|
||||
e-isResponsive=true
|
||||
e-taskIdMapping="TaskID"
|
||||
e-taskNameMapping="TaskName"
|
||||
e-scheduleStartDate=model.e-scheduleStartDate
|
||||
e-scheduleEndDate=model.e-scheduleEndDate
|
||||
e-startDateMapping="StartDate"
|
||||
e-endDateMapping="EndDate"
|
||||
e-progressMapping="Progress"
|
||||
e-allowDragAndDrop=true
|
||||
e-dragTooltip=model.dragTooltip
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-gantt id="GanttStripLines"
|
||||
e-dataSource=model.dataSource
|
||||
e-childMapping="subtasks"
|
||||
e-treeColumnIndex= 1
|
||||
e-isResponsive=true
|
||||
e-taskIdMapping="taskID"
|
||||
e-durationMapping="duration"
|
||||
e-taskNameMapping="taskName"
|
||||
e-scheduleStartDate=model.e-scheduleStartDate
|
||||
e-scheduleEndDate=model.e-scheduleEndDate
|
||||
e-startDateMapping="startDate"
|
||||
e-endDateMapping="endDate"
|
||||
e-progressMapping="progress"
|
||||
e-highlightWeekEnds=true
|
||||
e-includeWeekend=false
|
||||
e-predecessorMapping="predecessor"
|
||||
e-showResourceNames=true
|
||||
e-allowGanttChartEditing=false
|
||||
e-stripLines=model.stripLines
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-gantt id="GanttTooltipTemplate"
|
||||
e-dataSource=model.dataSource
|
||||
e-resources=model.resources
|
||||
e-childMapping="subtasks"
|
||||
e-treeColumnIndex= 1
|
||||
e-isResponsive=true
|
||||
e-taskIdMapping="taskID"
|
||||
e-taskNameMapping="taskName"
|
||||
e-scheduleStartDate=model.scheduleStartDate
|
||||
e-scheduleEndDate=model.scheduleEndDate
|
||||
e-startDateMapping="startDate"
|
||||
e-endDateMapping="endDate"
|
||||
e-progressMapping="progress"
|
||||
e-durationMapping="duration"
|
||||
e-resourceInfoMapping="resourceId"
|
||||
e-resourceNameMapping="resourceName"
|
||||
e-resourceIdMapping="resourceId"
|
||||
e-predecessorMapping="predecessor"
|
||||
e-showResourceNames=true
|
||||
e-showGridCellTooltip=true
|
||||
e-includeWeekend=false
|
||||
e-highlightWeekEnds=true
|
||||
e-taskbarTooltipTemplateId="tooltipTemplate"
|
||||
e-allowGanttChartEditing=false
|
||||
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/x-jsrender" id="tooltipTemplate">
|
||||
<table>
|
||||
\{{if #data['resourceNames']}}
|
||||
<tr>
|
||||
<td rowspan="3" style="padding:3px"><img src="content/images/gantt/\{{:#data['resourceNames']}}.png" height="40px" /></td>
|
||||
<td style="padding:3px"><b>Task done By:</b></td>
|
||||
<td style="padding:3px">\{{:#data['resourceNames']}}</td>
|
||||
</tr>
|
||||
\{{/if}}
|
||||
<tr>
|
||||
<td style="padding:3px"><b>Starts On:</b></td>
|
||||
<td style="padding:3px">\{{:~_ganttDateFormatter("startDate")}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding:3px"><b>Ends On:</b></td>
|
||||
<td style="padding:3px">\{{:~_ganttDateFormatter("endDate")}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</script>
|
||||
<script>
|
||||
function _dateFormating(key) {
|
||||
var date = this.data[key];
|
||||
return date ? ej.format(date, "dddd, dd MMM") : "";
|
||||
}
|
||||
var helpers = {};
|
||||
helpers["_ganttDateFormatter"] = _dateFormating;
|
||||
$.views.helpers(helpers);
|
||||
</script>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-editSettings=model.edit e-toolbarSettings=model.toolbar e-contextMenuSettings=model.contextMenu}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-editSettings=model.edit e-toolbarSettings=model.toolbar}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-allowFiltering=true e-filterSettings=model.filter}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-allowGrouping=true}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-allowScrolling=true e-scrollSettings=model.scroll}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-allowSorting=true}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
{{ej-grid id="Grid" e-dataSource=model.data e-columns=model.cols e-allowPaging=true e-showSummary=true e-summaryRows=model.summaryRows}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div style="border-width: 2px; opacity: 0.7; width: 290px; text-align: center;">
|
||||
<label style="color: Black; font-size: 22px; height: 25px; font-weight: Normal;">Product Sales by Year</label><br />
|
||||
<label style="color: Black; font-size: 22px; margin-top: -2px; height: 25px; font-weight: Normal;">(In Percentage)</label>
|
||||
</div>
|
||||
<br />
|
||||
<div style="width: 100%; margin: 0 auto; text-align: center;">
|
||||
{{ ej-heatmap id="HeatMap" e-width = "100%" e-itemsMapping = model.itemsMapping e-isResponsive = "true"
|
||||
e-colorMappingCollection = model.colorMappingCollection e-itemsSource = model.itemSource e-legendCollection = model.legendCollection }}
|
||||
<div style="height: 15px; width: 100%;"></div>
|
||||
{{ ej-heatmaplegend id="HeatMap_Legend" e-width = "75%" e-height = "50px" e-isResponsive = "true"
|
||||
e-colorMappingCollection = model.colorMappingCollection }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
#HeatMap {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#HeatMap_Legend {
|
||||
margin-left: 150px;
|
||||
}
|
||||
|
||||
.row .cols-sample-area {
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1920px) {
|
||||
|
||||
.row .cols-sample-area {
|
||||
width: 100%;
|
||||
*width: 72.956%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div style="border-width: 2px; opacity: 0.7; width: 290px; text-align: center;">
|
||||
<label style="color: Black; font-size: 22px; height: 25px; font-weight: Normal;">Employee Rating in a Year</label><br />
|
||||
</div>
|
||||
<br />
|
||||
<div style="width: 100%; margin: 0 auto; text-align: center;">
|
||||
{{ ej-heatmap id="HeatMap" e-width = "100%" e-itemsMapping = model.itemsMapping e-isResponsive = "true"
|
||||
e-colorMappingCollection = model.colorMappingCollection e-itemsSource = model.itemSource e-legendCollection = model.legendCollection }}
|
||||
<div style="height: 15px; width: 100%;"></div>
|
||||
{{ ej-heatmaplegend id="HeatMap_Legend" e-width = "75%" e-height = "50px" e-isResponsive = "true"
|
||||
e-colorMappingCollection = model.colorMappingCollection }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
#HeatMap {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#HeatMap_Legend {
|
||||
margin-left: 150px;
|
||||
}
|
||||
|
||||
.row .cols-sample-area {
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1920px) {
|
||||
|
||||
.row .cols-sample-area {
|
||||
width: 100%;
|
||||
*width: 72.956%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div style="border-width: 2px; opacity: 0.7; width: 290px; text-align: center;">
|
||||
<label style="color: Black; font-size: 22px; height: 25px; font-weight: Normal;">Product Sales by Year</label><br />
|
||||
<label style="color: Black; font-size: 22px; margin-top: -2px; height: 25px; font-weight: Normal;">(In Percentage)</label>
|
||||
</div>
|
||||
<br />
|
||||
<div style="width: 100%; margin: 0 auto; text-align: center;">
|
||||
{{ ej-heatmap id="HeatMap" e-width = "100%" e-itemsMapping = model.itemsMapping e-isResponsive = "true"
|
||||
e-colorMappingCollection = model.colorMappingCollection e-itemsSource = model.itemSource e-legendCollection = model.legendCollection }}
|
||||
<div style="height: 15px; width: 100%;"></div>
|
||||
{{ ej-heatmaplegend id="HeatMap_Legend" e-width = "75%" e-height = "50px" e-isResponsive = "true"
|
||||
e-colorMappingCollection = model.colorMappingCollection }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
#HeatMap {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#HeatMap_Legend {
|
||||
margin-left: 150px;
|
||||
}
|
||||
|
||||
.row .cols-sample-area {
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) and (max-width: 1920px) {
|
||||
|
||||
.row .cols-sample-area {
|
||||
width: 100%;
|
||||
*width: 72.956%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
|
||||
{{#ej-kanban id="Kanban" e-dataSource=model.dataSource e-isResponsive=model.isResponsive e-columns=model.columns e-keyField=model.keyField e-allowTitle=model.allowTitle e-fields=model.fields e-allowSelection=model.allowSelection }}
|
||||
|
||||
|
||||
{{/ej-kanban}}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
|
||||
{{#ej-kanban id="Kanban" e-dataSource=model.dataSource e-isResponsive=model.isResponsive e-columns=model.columns e-keyField=model.keyField e-allowTitle=model.allowTitle e-fields=model.fields e-allowSelection=model.allowSelection }}
|
||||
|
||||
|
||||
{{/ej-kanban}}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
|
||||
{{#ej-kanban id="Kanban" e-dataSource=model.dataSource e-isResponsive=model.isResponsive e-columns=model.columns e-keyField=model.keyField e-allowTitle=model.allowTitle e-fields=model.fields e-allowSelection=model.allowSelection e-swimlaneSettings=model.swimlaneSettings }}
|
||||
|
||||
|
||||
{{/ej-kanban}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-lineargauge id="LinearGuage" e-labelColor=model.labelColor
|
||||
e-width=model.width
|
||||
e-scales=model.scales}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
<div>
|
||||
{{ej-lineargauge id="LinearGuage" e-labelColor=model.labelColor
|
||||
e-readOnly = model.readOnly
|
||||
e-width=model.width
|
||||
e-isResponsive=model.isResponsive
|
||||
e-scales=model.scales
|
||||
}}
|
||||
</div>
|
||||
<div>
|
||||
<h5> Hold and Drag the bar pointer to interact with it</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area" align="center">
|
||||
{{ej-lineargauge id="LinearGuage" e-labelColor=model.labelColor
|
||||
e-width=model.width e-isResponsive=model.isResponsive
|
||||
e-scales=model.scales
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="e-container-listbox">
|
||||
<div class="ctrllabel">Select a Customer</div>
|
||||
{{ej-listbox id="defaultlistbox" e-dataSource=model.dataSource e-fields=model.fields e-query=model.query e-height=model.height e-width=model.width}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.ctrllabel {
|
||||
font-weight: 600;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="e-container-listbox">
|
||||
<div class="ctrllabel">Select a bike</div>
|
||||
{{ej-listbox id="defaultlistbox" e-dataSource=model.BikeList e-height=model.height e-width=model.width}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.ctrllabel {
|
||||
font-weight: 600;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="e-container-listbox">
|
||||
<div class="ctrllabel">Select a Customer</div>
|
||||
{{ej-listbox id="selectcustomer" e-dataSource=model.dataSource e-fields=model.fields e-itemRequestCount=model.itemRequestCount e-query=model.query
|
||||
e-allowVirtualScrolling=model.allowVirtualScrolling e-height=model.height e-width=model.width}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div id="property-window" class="box wide">
|
||||
<div class="row">
|
||||
<div class="col-md-6">Select mode</div>
|
||||
<div class="col-md-6">
|
||||
{{#ej-dropdownlist id="List" e-targetID="dropdown" e-width=model.dropWidth e-change=model.onValueChange e-selectedItemIndex=model.selectedItemIndex }}
|
||||
<ul id="dropdown">
|
||||
<li value="disablevirtual">Normal Mode</li>
|
||||
<li value="enablevirtual">Continuous Mode</li>
|
||||
</ul>
|
||||
{{/ej-dropdownlist}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.ctrllabel {
|
||||
font-weight: 600;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
</style>
|
||||
{{outlet}}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<div class="content-container-fluid">
|
||||
<div class="row">
|
||||
<div class="cols-sample-area">
|
||||
<div class="e-container-listview">
|
||||
{{#ej-listview id="defaultListview" e-enableCheckMark=true e-width=model.width}}
|
||||
<ul>
|
||||
<li data-ej-text="Artwork"></li>
|
||||
<li data-ej-text="Abstract"></li>
|
||||
<li data-ej-text="2 Acrylic Mediums"></li>
|
||||
<li data-ej-text="Creative Acrylic"></li>
|
||||
<li data-ej-text="Modern Painting"></li>
|
||||
<li data-ej-text="Canvas Art"></li>
|
||||
<li data-ej-text="Black white"></li>
|
||||
<li data-ej-text="Children"></li>
|
||||
</ul>
|
||||
{{/ej-listview}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{outlet}}
|
||||
Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше
Загрузка…
Ссылка в новой задаче