chore(all):v15.4.0.17 assets committed

aurelia-ui-toolkits · Nov 10, 2017 · bc9a698 · bc9a698
1 parent 402cd4b
commit bc9a698
Show file tree

Hide file tree

Showing 27 changed files with 177 additions and 170 deletions.
diff --git a/sample/src/dashboard/index.css b/sample/src/dashboard/index.css
@@ -1,5 +1,5 @@
 .dashboard *{
-    box-sizing: content-box;
+    box-sizing: content-box !important;
     font-size: 10px;
 }
 .page-host {
@@ -57,13 +57,13 @@
     border: 1px solid #AAAAAA;
 }
 .dashboardSamplebutton {
-    margin-left: 20px;
-    margin-top: -43px;
-    position: absolute;
+    margin-left: 20px !important;
+    margin-top: -43px !important;
+    position: absolute !important;
 }
 .imgstyle {
     min-width: 316px;
-    min-height: 344px;
+    min-height: 348px;
     background-repeat: no-repeat;
 }
 .view{
@@ -74,9 +74,9 @@
 }
 .dashboardSamplebutton .anchorclass {
     height: 20px !important;
-    border-radius: 0;
-    text-decoration: none;
-	padding: 0.1em .4em .3em;
+    border-radius: 0 !important;
+    text-decoration: none !important;
+    padding: 3px 5px 6px 5px !important;
 
 }
 .anchorclass :hover *{
@@ -87,21 +87,22 @@
     float: left;
     height: 25px !important;
     border-radius: 0 !important;
-    line-height: 23px;
-    margin-left: 132px;
-    margin-top: -43px;
-    padding-left: 4px;
-    width: 20px;
-    text-decoration: none;
+    line-height: 23px !important;
+    margin-left: 132px !important;
+    margin-top: -43px !important;
+    padding-left: 4px !important;
+    width: 20px !important;
+    text-decoration: none !important;
+    padding-bottom: 3px !important;
 }
 .codebutton .codeimg:before {
     content: "\e780";
-    font-size: 18px;
-    margin: -5px 0px 0 -3px;
+    font-size: 18px !important;
+    margin: -2px 0px 0 -4px !important;
 
 }
 .codebutton{
-    position: absolute;
+    position: absolute !important;
 }
 @media only screen and (max-width:818px)  {
 .dashboard {  

diff --git a/sample/src/help/doc.js b/sample/src/help/doc.js
@@ -2,8 +2,6 @@ import {inject} from 'aurelia-framework';
 import {Router} from 'aurelia-router';
 import {EventAggregator} from 'aurelia-event-aggregator';
 import registry from './registry.json!';
-import jQuery from 'jquery';
-import 'bootstrap';
 
 @inject(Router, EventAggregator)
 export class Doc {
@@ -32,7 +30,6 @@ export class Doc {
   }
 
   attached() {
-    $('.collapse').collapse();
     this.switchPage('1._introduction', 'about_this_application');
   }
 
@@ -50,7 +47,6 @@ export class Doc {
           this.activeDoc = file.path;
         }
       }
-      this.selectInAccordion(fileName, categoryName);
     }
   }
 
@@ -93,11 +89,6 @@ export class Doc {
     }
   }
 
-  // expand the category by id
-  selectInAccordion(fileName, categoryName) {
-    jQuery('#' + this.encode(categoryName)).collapse('show');
-  }
-
   // scroll to top after a doc has been loaded
   // if a anchor is in the route params, scroll to that instead
   scrollToTarget() {

diff --git a/sample/src/main.js b/sample/src/main.js
@@ -1,7 +1,11 @@
 import { Index as Theme }  from './themes/index';
+import 'jquery';
+import 'jsrender';
+import 'jquery-validation';
+import 'syncfusion-javascript/Scripts/ej/web/ej.web.all.min';
 
 export function configure(aurelia) {
-  window.themeSettings = 'online';
+  window.themeSettings = 'offline';
   aurelia.use
     .standardConfiguration()
     .developmentLogging()

diff --git a/sample/src/samples/bulletgraph/basic-use.js b/sample/src/samples/bulletgraph/basic-use.js
diff --git a/sample/src/samples/chart/3d-pie.js b/sample/src/samples/chart/3d-pie.js
@@ -45,6 +45,9 @@ export class BasicUse {
           model.axes[j].edgeLabelPlacement = 'hide';
         }
       }
+	  if(model.theme=="flatdark" || model.theme=="gradientdark" || model.theme == "high-contrast-01")	  	  
+	  sender.detail.data.series.marker.dataLabel.connectorLine.stroke="white";	  
     }
   }
+
 }
diff --git a/sample/src/samples/chart/pie.js b/sample/src/samples/chart/pie.js
@@ -45,6 +45,8 @@ export class BasicUse {
           model.axes[j].edgeLabelPlacement = 'hide';
         }
       }
+	  if(model.theme=="flatdark" || model.theme=="gradientdark" || model.theme == "high-contrast-01")	  	  
+	  sender.detail.data.series.marker.dataLabel.connectorLine.color="white";	  
     }
   }
 }
diff --git a/sample/src/samples/editors/Localization.html b/sample/src/samples/editors/Localization.html
@@ -13,28 +13,36 @@
                             <tbody>
                                 <tr>
                                     <td>
-                                        <label>Kilometers</label>
+                                        <label>Numeric Textbox</label>
                                     </td></tr> <tr>
                                     <td>
                                         <input id="numeric" type="text" ej-numeric-textbox="e-value.bind:numericValue;e-locale.bind:localeValue;e-watermark-text.bind:watermark;e-width.bind:cwidth" />
                                     </td>
                                 </tr>
                                 <tr>
                                     <td>
-                                        <label>Service Tax</label>
+                                        <label>Percentage Textbox</label>
                                     </td></tr> <tr>
                                     <td>
                                         <input id="percent" type="text" ej-percentage-textbox="e-value.bind:percentValue;e-locale.bind:localeValue;e-watermark-text.bind:watermark;e-width.bind:cwidth" />
                                     </td>
                                 </tr>
                                 <tr>
                                     <td>
-                                        <label>Fare</label>
+                                        <label>Currency Textbox</label>
                                     </td></tr> <tr>
                                     <td>
                                         <input id="currency" type="text" ej-currency-textbox="e-value.bind:currencyValue;e-locale.bind:localeValue;e-watermark-text.bind:watermark;e-width.bind:cwidth" />
                                     </td>
-                                </tr>                              
+                                </tr>
+								<tr>
+                                    <td>
+                                        <label>MaskEdit</label>
+                                    </td></tr> <tr>
+                                    <td>
+                                        <input id="maskedit" type="text" ej-mask-edit="e-locale.bind:localeValue;e-mask-format.bind:maskFormat;e-width.bind:cwidth" />
+                                    </td>
+                                </tr>
                             </tbody>
                         </table>                      
                     </div>

diff --git a/sample/src/samples/editors/Localization.js b/sample/src/samples/editors/Localization.js
@@ -7,15 +7,28 @@ export class Localization {
       this.target = 'localelist';
       this.localeValue = 'en-US';
       this.watermark = 'Enter value';
+	  this.maskFormat = '$99,999.99';
     }
     get updateLocale() {
       return this.localeValue;
     }
     set updateLocale(value) {
       this.localeValue = value;
-      if (this.localeValue === 'de-DE') this.watermark = 'Geben Sie Wert';
-      if (this.localeValue === 'fr-FR') this.watermark = 'Entrer la valeur';
-      if (this.localeValue === 'zh-CN') this.watermark = '输入值';
-      if (this.localeValue === 'en-US') this.watermark = 'Enter value';
-    }
+      if (this.localeValue === 'de-DE'){
+		this.watermark = 'Geben Sie Wert';
+		this.maskFormat ="99,999.99$"; 
+	  }
+      if (this.localeValue === 'fr-FR'){
+		  this.watermark = 'Entrer la valeur';
+		  this.maskFormat ="$99,999.99"; 
+	  }
+      if (this.localeValue === 'zh-CN'){
+		  this.watermark = '输入值';
+		  this.maskFormat ="99,999.99$"; 
+      }
+	  if (this.localeValue === 'en-US'){
+		  this.watermark = 'Enter value';
+		this.maskFormat ="$99,999.99"; 
+	  }
+	}
 }
diff --git a/sample/src/samples/grid/remote-Data.js b/sample/src/samples/grid/remote-Data.js
@@ -1,8 +1,9 @@
 export class RemoteData {
-  constructor() {
-    this.OrdersList = ej.DataManager({ // eslint-disable-line new-cap
-      url: 'http://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/',
-      crossDomain: true
-    });
-  }
+    constructor() {
+      this.OrdersList =  ej.DataManager({ // eslint-disable-line new-cap
+          url: 'http://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders/',
+          crossDomain: true
+      });
+    }
 }
+
diff --git a/sample/src/samples/listbox/virtual-scrolling.js b/sample/src/samples/listbox/virtual-scrolling.js
@@ -1,7 +1,7 @@
 export class BasicUse {
   constructor() {
     this.fields = { text: 'CustomerID' };
-    this.dataManger = ej.DataManager({url: 'http://js.syncfusion.com/ejServices/wcf/NorthWind.svc/', crossDomain: true});  // eslint-disable-line new-cap
+    this.dataManger = ej.DataManager({url: 'http://js.syncfusion.com/ejServices/wcf/NorthWind.svc/',crossDomain: true});  // eslint-disable-line new-cap
      // Query creation
     this.query = ej.Query().from('Customers'); // eslint-disable-line new-cap
   }

diff --git a/sample/src/samples/pivotchart/chart-Types.js b/sample/src/samples/pivotchart/chart-Types.js
@@ -76,7 +76,7 @@ export class BasicUse {
         visible: true, connectorLine: { height: 30, type: 'line' },
         border: { width: 3, color: 'white' }
       };
-    } else if (jQuery.inArray(chartTarget.model.type, ['funnel']) > -1) {
+    } else if (jQuery.inArray(chartTarget.model.type, ['funnel', 'pyramid']) > -1) {
       chartTarget.model.commonSeriesOptions.marker = {
         dataLabel: {
           visible: true,

diff --git a/sample/src/samples/pivotgrid/localization.html b/sample/src/samples/pivotgrid/localization.html
@@ -1,7 +1,5 @@
 <template>
-  <require from="./localization.css"></require>
-
-  <require from="syncfusion-javascript/Scripts/ej/common/ej.globalize.min.js"></require>
+  <require from="./localization.css"></require>  
   <require from="syncfusion-ej-global/i18n/ej.culture.fr-FR.min.js"></require>
   <require from="syncfusion-ej-global/i18n/ej.culture.es-ES.min.js"></require>
     <div>

diff --git a/sample/src/samples/schedule/custom-work-hours.js b/sample/src/samples/schedule/custom-work-hours.js
@@ -11,9 +11,9 @@ export class CustomResourceDays {
       let steven = stevendays.model.selectedItems.sort();
 
       let nancyWorkweek = []; let michaelWorkweek = []; let stevenWorkweek = [];
-      for (i = 0; i < nancy.length; i++) { nancyWorkweek.push(weekDays[nancy[i]].toLowerCase()); }
-      for (i = 0; i < michael.length; i++) { michaelWorkweek.push(weekDays[michael[i]].toLowerCase()); }
-      for (i = 0; i < steven.length; i++) { stevenWorkweek.push(weekDays[steven[i]].toLowerCase()); }
+      for (let i = 0; i < nancy.length; i++) { nancyWorkweek.push(weekDays[nancy[i]].toLowerCase()); }
+      for (let i = 0; i < michael.length; i++) { michaelWorkweek.push(weekDays[michael[i]].toLowerCase()); }
+      for (let i = 0; i < steven.length; i++) { stevenWorkweek.push(weekDays[steven[i]].toLowerCase()); }
 
       let schObj = $('#Schedule1').data('ejSchedule');
       if (nancyWorkweek.length === 0) nancyWorkweek = schObj.model.workWeek;

diff --git a/sample/src/samples/schedule/external-drag-and-drop.js b/sample/src/samples/schedule/external-drag-and-drop.js
@@ -8,44 +8,15 @@ export class ExternalDragAndDrop {
       let e = event.detail;
       if ($(e.target).parents('.e-schedule').length !== 0) {
         let scheduleObj = $('#Schedule1').data('ejSchedule');
-        let index = $($(e.target).context).hasClass('e-workcells') || $($(e.target).context).hasClass('e-alldaycells') ? $($(e.target).context).index() : $($(e.target).context).hasClass('e-alldaycells') ? $($(e.target).context).index() : 7 - ((parseInt($($(e.target).context).index() / 7) + 1) * 7 -  $($(e.target).context).index()) + ($($(e.target).context).parent().index() * 7); // eslint-disable-line radix
-        if (scheduleObj.model.orientation === 'horizontal') {
-          index = scheduleObj.model.showTimeScale ? scheduleObj.currentView() !== 'month' && !(scheduleObj._isCustomMonthView()) ? Math.floor(index / ((scheduleObj.model.endHour - scheduleObj.model.startHour) * 2)) : index : $(e.event.target).index();
-        }
-        let renderDate = (scheduleObj.model.orientation === 'horizontal' && scheduleObj.currentView() === 'month') ? scheduleObj.monthDays : scheduleObj.model.orientation === 'vertical' ? scheduleObj.dateRender : scheduleObj._dateRender;
-        renderDate = scheduleObj.model.orientation === 'horizontal' && scheduleObj.currentView() === 'customview' && scheduleObj._dateRender.length <= 7 ? scheduleObj._dateRender : renderDate;
-        let curDate = new Date(renderDate[index]);
-        let cur_StartTime;
-        let cur_EndTime;
-        let _target = $($(e.target).context);
-        if ($(_target).hasClass('e-workcells') && (scheduleObj.model.timeScale.enable) && scheduleObj.currentView() !== 'month' && !(scheduleObj._isCustomMonthView())) {
-          let time = scheduleObj.model.orientation === 'vertical' ? scheduleObj.model.startHour + ($(e.event.target).parent().index() / 2) : scheduleObj.model.startHour + (($(e.event.target).index() - (((scheduleObj.model.endHour - scheduleObj.model.startHour) * 2) * index)) / 2);
-          let timemin = time.toString().split('.');
-          cur_StartTime = new Date(curDate).setHours(parseInt(timemin[0]), parseInt(timemin[1]) === 5 ? 30 : 0);  // eslint-disable-line radix
-          let min = (parseInt(new Date(cur_StartTime).getHours()) === 23 && parseInt(new Date(cur_StartTime).getMinutes()) === 30) ? new Date(cur_StartTime).getMinutes() + 29 : new Date(cur_StartTime).getMinutes() + 30; // eslint-disable-line radix
-          cur_EndTime = new Date(new Date(cur_StartTime).setMinutes(min));
-        }else if ($(_target).hasClass('e-workcells') && scheduleObj.model.orientation === 'horizontal' && scheduleObj.currentView() === 'month') {
-          cur_StartTime = new Date(new Date(curDate).setHours(0, 0));
-          cur_EndTime = new Date(new Date(curDate).setHours(23, 59));
-        }else {
-          cur_StartTime = new Date(new Date(curDate).setHours(0, 0));
-          cur_EndTime = new Date(new Date(curDate).setHours(23, 59));
-          scheduleObj._appointmentAddWindow.find('.allday').ejCheckBox({ checked: true });
-        }
-        let StartTime = new Date(cur_StartTime);
-        let endTime = cur_EndTime;
-            // To find the resource details
-        let resource = scheduleObj._getResourceValue($($(e.target).context));
-
-            //custom appointmnt window
-
-        $('#subject').val(e.droppedElementData.text);
-        $('#customdescription').val(e.droppedElementData.text);
-        $('#StartTime').ejDateTimePicker({ value: new Date(StartTime) });
-        $('#EndTime').ejDateTimePicker({ value: new Date(endTime) });
-        $('#resource').val(resource.text);
-        $('#ownerId').val(resource.id);
-        $('#customWindow').ejDialog('open');
+        let result = scheduleObj.getSlotByElement($(e.target));
+        // set value to custom appointmnt window fields
+        $("#subject").val(e.droppedElementData.text);
+        $("#customdescription").val(e.droppedElementData.text);
+        $("#StartTime").ejDateTimePicker({ value: new Date(result.startTime) });
+        $("#EndTime").ejDateTimePicker({ value: new Date(result.endTime) });
+        $("#resource").val(result.resources.text);
+        $("#ownerId").val(result.resources.id);
+        $("#customWindow").ejDialog("open");
       }
     }
     save() {

diff --git a/sample/src/samples/schedule/template.html b/sample/src/samples/schedule/template.html
@@ -7,15 +7,6 @@
         </ej-schedule>
     </div>
     <div id="property-window" class="box wide">
-		<div class="row">
-            <div class="col-sm-3 col-md-3 columntop">
-                <label>Orientation</label>
-            </div>
-            <div class="col-sm-9 col-md-9">
-                <select ej-drop-down-list="e-data-source.bind:orientation;e-selected-index:0;width:100px" e-on-select.trigger="onChange($event)" id="orientation">
-		        </select>
-            </div>
-        </div>
         <div class="row">
             <div class="col-sm-3 col-md-3 columntop">
                 <label>Disable TimeScale</label>

diff --git a/sample/src/samples/schedule/template.js b/sample/src/samples/schedule/template.js
@@ -1,13 +1,4 @@
 export class Template {
-    onChange(args) {
-      if (args.detail.value === 'Horizontal') {
-        $('#Schedule1').ejSchedule({ orientation: args.detail.value.toLowerCase(), cellWidth: '70px' });
-        $('#allDay').ejCheckBox({ enabled: false });
-      } else {
-        $('#Schedule1').ejSchedule({ orientation: args.detail.value.toLowerCase(), cellWidth: '' });
-        $('#allDay').ejCheckBox({ enabled: true });
-      }
-    }
     timeScale(args) {
       if (args.detail.isChecked) { $('#Schedule1').ejSchedule({ timeScale: {enable: false} }); $('#allDay').ejCheckBox({ enabled: false }); }
       else $('#Schedule1').ejSchedule({ timeScale: {enable: true} }); $('#allDay').ejCheckBox({ enabled: true });
@@ -26,7 +17,6 @@ export class Template {
     }
 
     constructor() {
-      this.orientation = ['Vertical', 'Horizontal'];
       this.timeCheck = false;
       this.allDayCheck = false;
       this.dateHeaderCheck = false;

diff --git a/sample/src/samples/slider/ButtonSupport.html b/sample/src/samples/slider/ButtonSupport.html
@@ -0,0 +1,20 @@
+<template>
+    <require from="./Common.css"></require>
+    <div class="row">
+        <div class="frame">
+            <label class="rangetxt">Range</label>
+            <div>
+            <div id="slider" ej-slider="e-slider-type:range;e-values.bind:values;e-width.bind:width;e-show-buttons.bind:true;"></div>
+             </div>
+        </div>
+    </div>
+    <br />
+    <div class="row">
+        <div class="frame">
+            <label class="minrangetxt">Min-Range</label>
+            <div>
+            <div id="slider" ej-slider="e-slider-type:minrange;e-value.bind:value;e-width.bind:width;e-show-buttons.bind:true;e-show-scale.bind:true;e-large-step.bind:20;e-small-step.bind:5;e-increment-step.bind:5;"></div>
+            </div>
+        </div>
+    </div>
+</template>