cronapp-framework-js 3.0.0-SP.34 → 3.0.0-SP.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -243,26 +243,26 @@
243
243
  --textColorDark70: #ffffff;
244
244
 
245
245
  /* Color - Neutral (web e mobile) */
246
- --colorNeutral00: #FFFFFF;
247
- --colorNeutral10: #F1F1F1;
248
- --colorNeutral20: #E3E3E3;
249
- --colorNeutral30: #D5D5D5;
250
- --colorNeutral40: #C7C7C7;
251
- --colorNeutral50: #B9B9B9;
252
- --colorNeutral60: #ACACAC;
253
- --colorNeutral70: #9E9E9E;
246
+ --colorNeutral00: #ffffff;
247
+ --colorNeutral10: #f1f1f1;
248
+ --colorNeutral20: #e3e3e3;
249
+ --colorNeutral30: #d5d5d5;
250
+ --colorNeutral40: #c7c7c7;
251
+ --colorNeutral50: #b9b9b9;
252
+ --colorNeutral60: #acacac;
253
+ --colorNeutral70: #9e9e9e;
254
254
  --colorNeutral80: #909090;
255
255
  --colorNeutral90: #828282;
256
256
  --colorNeutral100: #747474;
257
257
  --colorNeutral110: #666666;
258
- --colorNeutral120: #5D5D5D;
258
+ --colorNeutral120: #5d5d5d;
259
259
  --colorNeutral130: #535353;
260
- --colorNeutral140: #4A4A4A;
260
+ --colorNeutral140: #4a4a4a;
261
261
  --colorNeutral150: #414141;
262
262
  --colorNeutral160: #383838;
263
- --colorNeutral170: #2E2E2E;
263
+ --colorNeutral170: #2e2e2e;
264
264
  --colorNeutral180: #252525;
265
- --colorNeutral190: #1C1C1C;
265
+ --colorNeutral190: #1c1c1c;
266
266
  --colorNeutral200: #131313;
267
267
  --colorNeutral210: #090909;
268
268
  --colorNeutral220: #000000;
@@ -439,14 +439,83 @@ input {
439
439
  color: var(--colorDefault50, #dfdfdf);
440
440
  }
441
441
 
442
+ .color-default:hover {
443
+ color: var(--colorDefault60, #bbbbbb);
444
+ }
445
+
446
+ .color-primary {
447
+ color: var(--colorPrimary40, #2196f3);
448
+ }
449
+
450
+ .color-primary:hover {
451
+ color: var(--colorPrimary60, #186eb2);
452
+ }
453
+
454
+ .color-success {
455
+ color: var(--colorSuccess40, #4caf50);
456
+ }
457
+
458
+ .color-success:hover {
459
+ color: var(--colorSuccess60, #38803b);
460
+ }
461
+
462
+ .color-info {
463
+ color: var(--colorCalm40, #9c27b0);
464
+ }
465
+
466
+ .color-info:hover {
467
+ color: var(--colorCalm60, #721d81);
468
+ }
469
+
470
+ .color-warning {
471
+ color: var(--colorWarning40, #ff9800);
472
+ }
473
+
474
+ .color-warning:hover {
475
+ color: var(--colorWarning60, #bb6f00);
476
+ }
477
+
478
+ .color-danger {
479
+ color: var(--colorDanger40, #e51c23);
480
+ }
481
+
482
+ .color-danger:hover {
483
+ color: var(--colorDanger60, #a8151a);
484
+ }
485
+
442
486
  .color-light {
443
487
  color: var(--colorLight50, #dfdfdf);
444
488
  }
445
489
 
490
+ .color-light:hover {
491
+ color: var(--colorLight60, #bbbbbb);
492
+ }
493
+
446
494
  .color-stable {
447
495
  color: var(--colorStable50, #d9d9d9);
448
496
  }
449
497
 
498
+ .color-stable:hover {
499
+ color: var(--colorStable60, #b6b6b6);
500
+ }
501
+
502
+ .color-royal {
503
+ color: var(--colorRoyal40, #9c27b0);
504
+ }
505
+
506
+ .color-royal:focus,
507
+ .color-royal:hover {
508
+ color: var(--colorRoyal60, #721d81);
509
+ }
510
+
511
+ .color-dark {
512
+ color: var(--colorDark40, #444444);
513
+ }
514
+
515
+ .color-dark:hover {
516
+ color: var(--colorDark60, #323232);
517
+ }
518
+
450
519
  /* Link */
451
520
  a,
452
521
  a:focus,
@@ -459,6 +528,13 @@ a:hover {
459
528
  }
460
529
 
461
530
  /* option - radio */
531
+ .k-radio-label:after,
532
+ .k-radio:checked+.k-radio-label:after,
533
+ .option-default .k-radio-label:after,
534
+ .option-default .k-radio:checked+.k-radio-label:after {
535
+ background: var(--colorDefault50, #dfdfdf);
536
+ border-color: var(--colorDefault50, #dfdfdf);
537
+ }
462
538
 
463
539
  .k-radio:checked+.k-radio-label:before,
464
540
  .k-radio-label:before,
@@ -467,19 +543,29 @@ a:hover {
467
543
  border-color: var(--colorDefault50, #dfdfdf);
468
544
  }
469
545
 
546
+ .option-primary .k-radio-label:after,
547
+ .option-primary .k-radio:checked+.k-radio-label:after {
548
+ background: var(--colorPrimary40, #2196f3);
549
+ border-color: var(--colorPrimary40, #2196f3);
550
+ }
551
+
552
+ .option-success .k-radio-label:after,
553
+ .option-success .k-radio:checked+.k-radio-label:after {
554
+ background: var(--colorSuccess40, #4caf50);
555
+ border-color: var(--colorSuccess40, #4caf50);
556
+ }
557
+
558
+ .option-info .k-radio-label:after,
559
+ .option-info .k-radio:checked+.k-radio-label:after {
560
+ background: var(--colorCalm40, #11c1f3);
561
+ border-color: var(--colorCalm40, #11c1f3);
562
+ }
563
+
470
564
  .option-light .k-radio:checked+.k-radio-label:before,
471
565
  .option-light .k-radio-label:before {
472
566
  border-color: var(--colorLight50, #dfdfdf);
473
567
  }
474
568
 
475
- .k-radio-label:after,
476
- .k-radio:checked+.k-radio-label:after,
477
- .option-default .k-radio-label:after,
478
- .option-default .k-radio:checked+.k-radio-label:after {
479
- background: var(--colorDefault50, #dfdfdf);
480
- border-color: var(--colorDefault50, #dfdfdf);
481
- }
482
-
483
569
  .option-light .k-radio-label:after,
484
570
  .option-light .k-radio:checked+.k-radio-label:after {
485
571
  background: var(--colorLight50, #dfdfdf);
@@ -583,7 +669,6 @@ a:hover {
583
669
  color: var(--textColorDefault40, #444444);
584
670
  }
585
671
 
586
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
587
672
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
588
673
  .checkbox-light .k-checkbox-label:hover:before,
589
674
  .checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
@@ -608,7 +693,6 @@ a:hover {
608
693
  box-shadow: 0 0 5px 0 var(--colorLight60, #bbbbbb);
609
694
  }
610
695
 
611
- .checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
612
696
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
613
697
  .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
614
698
  .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
@@ -641,7 +725,6 @@ a:hover {
641
725
  box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
642
726
  }
643
727
 
644
- .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
645
728
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
646
729
  .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
647
730
  .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
@@ -649,8 +732,58 @@ a:hover {
649
732
  color: var(--textColorStable40, #444444);
650
733
  }
651
734
 
652
- /* Password input */
735
+ .k-checkbox:checked+.k-checkbox-label:before,
736
+ .checkbox-default .k-checkbox:checked+.k-checkbox-label:before {
737
+ background: var(--colorDefault50, #dfdfdf);
738
+ color: var(--textColorDefault40, #444444);
739
+ }
740
+
741
+ .checkbox-primary .k-checkbox:checked+.k-checkbox-label:before {
742
+ background: var(--colorPrimary40, #2196f3);
743
+ color: var(--textColorPrimary40, #ffffff);
744
+ }
745
+
746
+ .checkbox-success .k-checkbox:checked+.k-checkbox-label:before {
747
+ background: var(--colorSuccess40, #4caf50);
748
+ color: var(--textColorSuccess40, #ffffff);
749
+ }
750
+
751
+ .checkbox-info .k-checkbox:checked+.k-checkbox-label:before {
752
+ background: var(--colorCalm40, #9c27b0);
753
+ color: var(--textColorCalm40, #ffffff);
754
+ }
755
+
756
+ .checkbox-warning .k-checkbox:checked+.k-checkbox-label:before {
757
+ background: var(--colorWarning40, #ff9800);
758
+ color: var(--textColorWarning40, #ffffff);
759
+ }
760
+
761
+ .checkbox-danger .k-checkbox:checked+.k-checkbox-label:before {
762
+ background: var(--colorDanger40, #e51c23);
763
+ color: var(--textColorDanger40, #ffffff);
764
+ }
765
+
766
+ .checkbox-light .k-checkbox:checked+.k-checkbox-label:before {
767
+ background: var(--colorLight50, #dfdfdf);
768
+ color: var(--textColorLight40, #444444);
769
+ }
770
+
771
+ .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before {
772
+ background: var(--colorStable50, #d9d9d9);
773
+ color: var(--textColorStable40, #444444);
774
+ }
653
775
 
776
+ .checkbox-royal .k-checkbox:checked+.k-checkbox-label:before {
777
+ background: var(--colorRoyal40, #9c27b0);
778
+ color: var(--textColorRoyal40, #ffffff);
779
+ }
780
+
781
+ .checkbox-dark .k-checkbox:checked+.k-checkbox-label:before {
782
+ background: var(--colorDark40, #444444);
783
+ color: var(--textColorDark40, #ffffff);
784
+ }
785
+
786
+ /* Password input */
654
787
  .cardinput button i {
655
788
  color: var(--colorPrimary40, #2196f3);
656
789
  }
@@ -683,7 +816,7 @@ a:hover {
683
816
  }
684
817
 
685
818
  .bg-login #container-first #crn-botao-signup:hover {
686
- color: var(--textColor5, #595959)
819
+ color: var(--textColor5, #595959);
687
820
  }
688
821
 
689
822
  .bg-login #container-first .btn-login-mutual,
@@ -882,7 +1015,6 @@ a:hover {
882
1015
  }
883
1016
 
884
1017
  /* Crud button */
885
-
886
1018
  .active-bar .k-button.k-default,
887
1019
  .active-bar .btn.btn-default {
888
1020
  background: var(--colorSuccess40, #4caf50);
@@ -898,7 +1030,6 @@ a:hover {
898
1030
  }
899
1031
 
900
1032
  /* Form */
901
-
902
1033
  .k-scheduler-edit-form .k-textbox,
903
1034
  .k-multiselect-wrap,
904
1035
  .k-autocomplete.k-state-default,
@@ -1040,6 +1171,60 @@ td.k-state-focused.k-state-selected,
1040
1171
  box-shadow: inset 0 0 10px 3px var(--colorDefault50, #dfdfdf);
1041
1172
  }
1042
1173
 
1174
+ .combobox-primary .k-multiselect .k-button {
1175
+ background: var(--colorPrimary40, #2196f3);
1176
+ border-color: var(--colorPrimary50, #1d83d5);
1177
+ color: var(--textColorPrimary40, #ffffff);
1178
+ }
1179
+
1180
+ .combobox-success .k-multiselect .k-button {
1181
+ background: var(--colorSuccess40, #4caf50);
1182
+ border-color: var(--colorSuccess50, #439946);
1183
+ color: var(--textColorSuccess40, #ffffff);
1184
+ }
1185
+
1186
+ .combobox-info .k-multiselect .k-button {
1187
+ background: var(--colorCalm40, #9c27b0);
1188
+ border-color: var(--colorCalm50, #89229a);
1189
+ color: var(--textColorCalm40, #ffffff);
1190
+ }
1191
+
1192
+ .combobox-warning .k-multiselect .k-button {
1193
+ background: var(--colorWarning40, #ff9800);
1194
+ border-color: var(--colorWarning50, #df8500);
1195
+ color: var(--textColorWarning40, #ffffff);
1196
+ }
1197
+
1198
+ .combobox-danger .k-multiselect .k-button {
1199
+ background: var(--colorDanger40, #e51c23);
1200
+ border-color: var(--colorDanger50, #c9191f);
1201
+ color: var(--textColorDanger40, #ffffff);
1202
+ }
1203
+
1204
+ .combobox-light .k-multiselect .k-button {
1205
+ background: var(--colorLight50, #dfdfdf);
1206
+ border-color: var(--colorLight60, #bbbbbb);
1207
+ color: var(--textColorLight40, #444444);
1208
+ }
1209
+
1210
+ .combobox-stable .k-multiselect .k-button {
1211
+ background: var(--colorStable50, #d9d9d9);
1212
+ border-color: var(--colorStable60, #b6b6b6);
1213
+ color: var(--textColorStable40, #444444);
1214
+ }
1215
+
1216
+ .combobox-royal .k-multiselect .k-button {
1217
+ background: var(--colorRoyal40, #9c27b0);
1218
+ border-color: var(--colorRoyal50, #89229a);
1219
+ color: var(--textColorRoyal40, #ffffff);
1220
+ }
1221
+
1222
+ .combobox-dark .k-multiselect .k-button {
1223
+ background: var(--colorDark40, #444444);
1224
+ border-color: var(--colorDark50, #3c3c3c);
1225
+ color: var(--textColorDark40, #ffffff);
1226
+ }
1227
+
1043
1228
  /* Agendador */
1044
1229
  .k-scheduler,
1045
1230
  .k-scheduler-toolbar>ul>li,
@@ -1207,4 +1392,75 @@ td.k-state-focused {
1207
1392
 
1208
1393
  .cronapp-icon.cronapp-success .cronapp-success-fix {
1209
1394
  left: 2em;
1395
+ }
1396
+
1397
+ /*Buttons*/
1398
+ .btn,
1399
+ .k-button,
1400
+ .btn.btn-default {
1401
+ background: var(--colorDefault40, #ffffff);
1402
+ color: var(--textColorDefault40, #444444);
1403
+ border: 1px solid var(--colorDefault50, #dfdfdf);
1404
+ }
1405
+
1406
+ .btn.btn-primary {
1407
+ background: var(--colorPrimary40, #2196f3);
1408
+ border-color: transparent;
1409
+ color: var(--textColorPrimary40, #ffffff);
1410
+ }
1411
+
1412
+ .k-button.k-success,
1413
+ .btn.btn-success {
1414
+ background: var(--colorSuccess40, #4caf50);
1415
+ color: var(--textColorSuccess40, #ffffff);
1416
+ border-color: transparent;
1417
+ }
1418
+
1419
+ .btn.btn-info {
1420
+ background: var(--colorCalm40, #9c27b0);
1421
+ color: var(--textColorCalm40, #ffffff);
1422
+ border-color: transparent;
1423
+ }
1424
+
1425
+ .btn.btn-warning {
1426
+ background: var(--colorWarning40, #ff9800);
1427
+ color: var(--textColorWarning40, #ffffff);
1428
+ border-color: transparent;
1429
+ }
1430
+
1431
+ .btn.btn-danger {
1432
+ background: var(--colorDanger40, #e51c23);
1433
+ color: var(--textColorDanger40, #ffffff);
1434
+ border-color: transparent;
1435
+ }
1436
+
1437
+ .btn.btn-light {
1438
+ background: var(--colorLight40, #ffffff);
1439
+ color: var(--textColorLight40, #444444);
1440
+ border: 1px solid var(--colorLight50, #dfdfdf);
1441
+ }
1442
+
1443
+ .btn.btn-link {
1444
+ background: transparent;
1445
+ color: var(--textColorDefault40, #444444);
1446
+ border: none;
1447
+ }
1448
+
1449
+ .k-button.k-stable,
1450
+ .btn.btn-stable {
1451
+ background: var(--colorStable40, #f8f8f8);
1452
+ color: var(--textColorStable40, #444444);
1453
+ border-color: transparent;
1454
+ }
1455
+
1456
+ .btn.btn-royal {
1457
+ background: var(--colorRoyal40, #9c27b0);
1458
+ color: var(--textColorRoyal40, #ffffff);
1459
+ border-color: transparent;
1460
+ }
1461
+
1462
+ .btn.btn-dark {
1463
+ background: var(--colorDark40, #444444);
1464
+ border-color: transparent;
1465
+ color: var(--textColorDark40, #ffffff);
1210
1466
  }
@@ -109,6 +109,12 @@
109
109
  }
110
110
 
111
111
  /* Light */
112
+ .btn.btn-light {
113
+ background: var(--colorLight50, #d9d7d2);
114
+ border-color: transparent;
115
+ color: var(--textColorLight10, #53534c);
116
+ }
117
+
112
118
  .btn.btn-light.active,
113
119
  .btn.btn-light:active,
114
120
  .k-button.k-light.active,
@@ -117,6 +123,12 @@
117
123
  color: var(--textColor40, #383838);
118
124
  }
119
125
 
126
+ .btn.btn-stable {
127
+ background: var(--colorStable50, #d9d9d9);
128
+ border-color: transparent;
129
+ color: var(--textColorStable40, #444444);
130
+ }
131
+
120
132
  /* Link */
121
133
  .btn.btn-link i,
122
134
  .btn.btn-link span,
@@ -1,8 +1,9 @@
1
1
  .k-grid table .k-button {
2
2
  border-radius: var(--borderRadiusFull, 99999px);
3
- min-width: 28px;
3
+ min-width: 32px;
4
+ height: 32px;
4
5
  padding: 6px;
5
- line-height: 1;
6
+ line-height: 1.3;
6
7
  }
7
8
 
8
9
  .k-grid table .k-header .k-button {
@@ -1 +1 @@
1
- <div teste="thiag" class="ng-scope k-grid k-widget k-display-block" data-role="grid" ng-init="attrs.options = attrs.options || {'allowPaging': true, 'editable': 'inline', 'columns': []}"><div class="k-header k-grid-toolbar" ng-if="attrs.options.toolBarButtons.length"><literal ng-repeat="item in attrs.options.toolBarButtons"><a role="button" ng-if="item.type=='Native' && item.title=='create' && attrs.options.editable && attrs.options.editable != 'no'" class="k-button k-button-icontext k-grid-add" href="#"><span class="k-icon k-i-plus"></span>{{'ADD'|translate}} </a><a role="button" ng-if="item.type=='Native' && item.title=='pdf'" class="k-button k-button-icontext k-grid-pdf" href="#"><span class="k-icon k-i-file-pdf"></span>Exportar para PDF </a><a role="button" ng-if="item.type=='Native' && item.title=='excel'" class="k-button k-button-icontext k-grid-excel" href="#"><span class="k-icon k-i-file-excel"></span>Exportar para Excel </a><a ng-if="item.type=='Customized'" class="k-button k-grid-custom ng-scope" href="javascript:void(0)"><span class="{{item.iconClass}}"></span>{{item.title}}</a><literal ng-if="item.type=='Title'" ng-bind-html="item.template"></literal></div><div ng-if="attrs.options.allowGrouping" class="k-grouping-header" data-role="droptarget">Arraste aqui o cabeçalho de uma coluna para agrupar por esta coluna</div><table role="grid" data-role="selectable" class="k-selectable" style="touch-action: pan-x pan-y"><colgroup><col ng-repeat="item in attrs.options.columns" ng-if="item.visible"></colgroup><thead class="k-grid-header" role="rowgroup"><tr role="row" class="k-state-selected" aria-selected="true"><th ng-repeat="item in attrs.options.columns" ng-if="item.visible" scope="col" role="columnheader" data-field="email" aria-haspopup="true" rowspan="1" data-title="Email" data-index="0" id="2b4d0eb0-1cc1-4f89-927b-b8c1fbcf430e" style="text-align: left" class="k-header k-with-icon k-filterable" data-role="columnsorter"><label ng-if="item.dataType == 'Selectable'" class="k-checkbox-label k-no-text"></label><a ng-if="item.dataType !== 'Selectable'" class="k-link" href="#">{{item.headerText?parseProperty(item.headerText):''}}</a> <a ng-if="item.filterable && tem.dataType != 'Customized' && item.dataType != 'Command' && item.dataType !== 'Selectable' && item.dataType !== 'GroupedButtons'" class="k-grid-filter" href="#" title="Filtrar" aria-label="Filtrar" tabindex="0"><span class="k-icon k-i-filter"></span></a></th></tr></thead><tbody role="rowgroup"><tr data-uid="59430dcb-6ccd-497d-954d-9b5569408cb4" role="row"><td ng-repeat="item in attrs.options.columns | filter: {visible:true}" role="gridcell" class="{{item.dataType == 'Command'|| item.dataType == 'Customized' || item.dataType == 'GroupedButtons'?'k-command-cell':''}}"><label ng-if="item.dataType == 'Selectable'" class="k-checkbox-label k-no-text"></label><span ng-if="item.dataType != 'Customized' && item.dataType != 'Command' && item.dataType != 'GroupedButtons'">{{item.headerText?parseProperty(item.headerText):''}}</span> <a ng-if="item.dataType == 'Command' && (item.command == 'edit|destroy' || item.command == 'edit')" role="button" class="k-button k-button-icontext k-grid-edit" href="#"><span class="k-icon k-i-edit"></span> </a><a ng-if="item.dataType == 'Command' && (item.command == 'edit|destroy' || item.command == 'destroy')" role="button" class="k-button k-button-icontext k-grid-delete" href="#"><span class="k-icon k-i-close"></span> </a><a ng-if="item.dataType == 'Customized'" href="" class="k-button k-custom-command {{item.label != ''?'k-button-with-label':''}} k-grid-f06e"><span class="{{item.iconClass}}"></span>{{item.label?' ' + parseProperty(item.label):''}}</a> <a ng-if="item.dataType == 'GroupedButtons'" ng-repeat="item2 in item.buttonColumns" href="" class="k-button k-custom-command {{item2.label != ''?'k-button-with-label':''}} k-grid-f06e"><span class="{{item2.iconClass}}"></span>{{item2.label?' ' + parseProperty(item2.label):''}}</a></td></tr></tbody></table><div ng-if="attrs.options.allowPaging" class="k-pager-wrap k-grid-pager k-widget k-floatwrap" data-role="pager"><a href="#" aria-label="Ir para a primeira página" title="Ir para a primeira página" class="k-link k-pager-nav k-pager-first k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-left"></span></a><a href="#" aria-label="Ir para a página anterior" title="Ir para a página anterior" class="k-link k-pager-nav k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-left"></span></a><ul class="k-pager-numbers k-reset"><li class="k-current-page"><span class="k-link k-pager-nav">1</span></li><li><span class="k-state-selected">1</span></li></ul><a href="#" aria-label="Ir para a próxima página" title="Ir para a próxima página" class="k-link k-pager-nav k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-right"></span></a><a href="#" aria-label="Ir para a última página" title="Ir para a última página" class="k-link k-pager-nav k-pager-last k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-right"></span></a> <span class="k-pager-sizes k-label"><span title="" class="k-widget k-dropdown" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="6c3f63f1-4078-411d-97f1-23ab73b456fd_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="80106605-38e7-4b05-a056-a1c5bbdbc94d"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">100</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><select data-role="dropdownlist" style="display: none" aria-label="100"><option value="all">Todos</option><option value="5">5</option><option value="10">10</option><option value="20">20</option></select></span></span><a ng-if="attrs.options.allowRefreshGrid" href="#" class="k-pager-refresh k-link" title="Atualizar" aria-label="Atualizar" tabindex="0"><span class="k-icon k-i-reload"></span></a><span class="k-pager-info k-label">Exibindo itens 1 - 1 de 1</span></div></div>
1
+ <div teste="thiag" class="ng-scope k-grid k-widget k-display-block" data-role="grid" ng-init="attrs.options = attrs.options || {'allowPaging': true, 'editable': 'inline', 'columns': []}"><div class="k-header k-grid-toolbar" ng-if="attrs.options.toolBarButtons.length"><literal ng-repeat="item in attrs.options.toolBarButtons"><a role="button" ng-if="item.type=='Native' && item.title=='create' && attrs.options.editable && attrs.options.editable != 'no'" class="k-button k-button-icontext k-grid-add" href="#"><span class="k-icon k-i-plus"></span>{{'ADD'|translate}} </a><a role="button" ng-if="item.type=='Native' && item.title=='pdf'" class="k-button k-button-icontext k-grid-pdf" href="#"><span class="k-icon k-i-file-pdf"></span>Exportar para PDF </a><a role="button" ng-if="item.type=='Native' && item.title=='excel'" class="k-button k-button-icontext k-grid-excel" href="#"><span class="k-icon k-i-file-excel"></span>Exportar para Excel </a><a ng-if="item.type=='Customized'" class="k-button k-grid-custom ng-scope" href="javascript:void(0)"><span class="{{item.iconClass}}"></span>{{item.title}}</a><literal ng-if="item.type=='Title'" ng-bind-html="item.template"></literal></div><div ng-if="attrs.options.allowGrouping" class="k-grouping-header" data-role="droptarget">Arraste aqui o cabeçalho de uma coluna para agrupar por esta coluna</div><table role="grid" data-role="selectable" class="k-selectable" style="touch-action: pan-x pan-y"><colgroup><col ng-repeat="item in attrs.options.columns" ng-if="item.visible"></colgroup><thead class="k-grid-header" role="rowgroup"><tr role="row" class="k-state-selected" aria-selected="true"><th ng-repeat="item in attrs.options.columns" ng-if="item.visible" scope="col" role="columnheader" data-field="email" aria-haspopup="true" rowspan="1" data-title="Email" data-index="0" id="2b4d0eb0-1cc1-4f89-927b-b8c1fbcf430e" style="text-align: left" class="k-header k-with-icon k-filterable" data-role="columnsorter"><label ng-if="item.dataType == 'Selectable'" class="k-checkbox-label k-no-text"></label><a ng-if="item.dataType !== 'Selectable'" class="k-link" href="#">{{item.headerText?parseProperty(item.headerText):''}}</a> <a ng-if="item.filterable && tem.dataType != 'Customized' && item.dataType != 'Command' && item.dataType !== 'Selectable' && item.dataType !== 'GroupedButtons'" class="k-grid-filter" href="#" title="Filtrar" aria-label="Filtrar" tabindex="0"><span class="k-icon k-i-filter"></span></a></th></tr></thead><tbody role="rowgroup"><tr data-uid="59430dcb-6ccd-497d-954d-9b5569408cb4" role="row"><td ng-repeat="item in attrs.options.columns | filter: {visible:true}" role="gridcell" class="{{item.dataType == 'Command'|| item.dataType == 'Customized' || item.dataType == 'GroupedButtons'?'k-command-cell':''}}"><label ng-if="item.dataType == 'Selectable'" class="k-checkbox-label k-no-text"></label><span ng-if="item.dataType != 'Customized' && item.dataType != 'Command' && item.dataType != 'GroupedButtons'">{{item.headerText?parseProperty(item.headerText):''}}</span> <a ng-if="item.dataType == 'Command' && (item.command == 'edit|destroy' || item.command == 'edit')" role="button" class="k-button k-button-icontext k-grid-edit" href="#"><span class="k-icon k-i-edit"></span> </a><a ng-if="item.dataType == 'Command' && (item.command == 'edit|destroy' || item.command == 'destroy')" role="button" class="k-button k-button-icontext k-grid-delete" href="#"><span class="k-icon k-i-close"></span> </a><a ng-if="item.dataType == 'Customized'" style="width:{{item.width}}px" href="" class="k-button k-custom-command {{item.label != ''?'k-button-with-label':''}} btn {{item.theme}} k-grid-f06e"><span class="{{item.iconClass}}"></span>{{item.label?' ' + parseProperty(item.label):''}}</a> <a ng-if="item.dataType == 'GroupedButtons'" ng-repeat="item2 in item.buttonColumns" style="width:{{item2.width}}px" href="" class="k-button k-custom-command {{item2.label != ''?'k-button-with-label':''}} btn {{item2.theme}} k-grid-f06e"><span class="{{item2.iconClass}}"></span>{{item2.label?' ' + parseProperty(item2.label):''}}</a></td></tr></tbody></table><div ng-if="attrs.options.allowPaging" class="k-pager-wrap k-grid-pager k-widget k-floatwrap" data-role="pager"><a href="#" aria-label="Ir para a primeira página" title="Ir para a primeira página" class="k-link k-pager-nav k-pager-first k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-left"></span></a><a href="#" aria-label="Ir para a página anterior" title="Ir para a página anterior" class="k-link k-pager-nav k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-left"></span></a><ul class="k-pager-numbers k-reset"><li class="k-current-page"><span class="k-link k-pager-nav">1</span></li><li><span class="k-state-selected">1</span></li></ul><a href="#" aria-label="Ir para a próxima página" title="Ir para a próxima página" class="k-link k-pager-nav k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-60-right"></span></a><a href="#" aria-label="Ir para a última página" title="Ir para a última página" class="k-link k-pager-nav k-pager-last k-state-disabled" data-page="1" tabindex="-1"><span class="k-icon k-i-arrow-end-right"></span></a> <span class="k-pager-sizes k-label"><span title="" class="k-widget k-dropdown" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="6c3f63f1-4078-411d-97f1-23ab73b456fd_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="80106605-38e7-4b05-a056-a1c5bbdbc94d"><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">100</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><select data-role="dropdownlist" style="display: none" aria-label="100"><option value="all">Todos</option><option value="5">5</option><option value="10">10</option><option value="20">20</option></select></span></span><a ng-if="attrs.options.allowRefreshGrid" href="#" class="k-pager-refresh k-link" title="Atualizar" aria-label="Atualizar" tabindex="0"><span class="k-icon k-i-reload"></span></a><span class="k-pager-info k-label">Exibindo itens 1 - 1 de 1</span></div></div>
@@ -0,0 +1 @@
1
+ <div id="file-${RANDOM}" dynamic-file="" ng-model="vars.dynamicfile${RANDOM}" class="dynamic-image-container" style="padding: 50px 0" ng-required="false" ngf-max-size="5MB" ngf-accept="'*.*'"><button id="file-${RANDOM}-button" class="btn" ngf-drop ngf-select ngf-change="cronapi.internal.uploadFile('vars.dynamicfile${RANDOM}', $file, 'uploadprogress${RANDOM}', undefined, $invalidFiles)" style="position: absolute; left: 0"><span>Clique ou arraste um arquivo</span></button></div>
@@ -1 +1 @@
1
- <div class="form-group"><label for="file-${RANDOM}-button">Arquivo</label><div id="file-${RANDOM}" dynamic-file="" ng-model="vars.dynamicfile${RANDOM}" class="dynamic-image-container" ng-required="false" max-file-size="5MB" accept-file="'*.*'">{{"template.crud.clickOrDragAnFile" | translate}}</div></div>
1
+ <div class="form-group"><label for="file-${RANDOM}-button">Arquivo</label><div id="file-${RANDOM}" dynamic-file="" ng-model="vars.dynamicfile${RANDOM}" class="dynamic-image-container" ng-required="false" max-file-size="5MB" accept-file="'*.*'">Clique ou arraste um arquivo</div></div>
@@ -1 +1 @@
1
- .k-scheduler-edit-form .k-edit-field .k-button,.k-edit-form-container .k-edit-buttons .k-primary,.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,.btn,.k-button,.btn.btn-outline{border-style:solid;border-width:0 1px 4px 1px}.k-button,.btn,.k-button:hover,.btn:hover,.k-button:focus,.k-button:focus:hover,.k-button.k-default,.k-button.k-default:hover,.btn.btn-default,.btn.btn-default:hover{background:var(--colorDefault40,#f0f0f0);border-color:var(--colorDefault50,#d2d2d2)}.k-button:active,.k-button.activated,.k-button.active,.btn:active,.btn.activated,.btn.active,.btn.btn-default:active,.btn.btn-default.activated,.btn.btn-default.active{background:var(--colorDefault50,#f0f0f0);border-color:var(--colorDefault60,#d2d2d2)}.k-scheduler-edit-form .k-edit-field .k-button,.k-edit-form-container .k-edit-buttons .k-primary,.k-scheduler-edit-form .k-edit-field .k-button:hover,.k-edit-form-container .k-edit-buttons .k-primary:hover,.k-button.k-primary,.k-button.k-primary:hover,.btn.btn-primary,.btn.btn-primary:hover{background:var(--colorPrimary40,#158cba);border-color:var(--colorPrimary60,#0f6788)}.k-scheduler-edit-form .k-edit-field .k-button:active,.k-edit-form-container .k-edit-buttons .k-primary:active,.k-button.k-primary:active,.k-button.k-primary.activated,.k-button.k-primary.active,.btn.btn-primary:active,.btn.btn-primary.activated,.btn.btn-primary.active{background:var(--colorPrimary50,#f0f0f0);border-color:var(--colorPrimary60,#d2d2d2)}.k-button.k-info,.k-button.k-info:hover,.btn.btn-info,.btn.btn-info:hover{background:var(--colorCalm40,#75caeb);border-color:var(--colorCalm50,#66b1ce)}.k-button.k-info:active,.k-button.k-info.activated,.k-button.k-info.active,.btn.btn-info:active,.btn.btn-info.activated,.btn.btn-info.active{background:var(--colorCalm50,#f0f0f0);border-color:var(--colorCalm60,#d2d2d2)}.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,.k-button.k-danger,.k-button.k-danger:hover,.btn.btn-danger,.btn.btn-danger:hover{background:var(--colorDanger40,#ff4136);border-color:var(--colorDanger50,#df392f)}.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,.k-button.k-danger:active,.k-button.k-danger.activated,.k-button.k-danger.active,.btn.btn-danger:active,.btn.btn-danger.activated,.btn.btn-danger.active{background:var(--colorDanger50,#f0f0f0);border-color:var(--colorDanger60,#d2d2d2)}.k-button.k-warning,.k-button.k-warning:hover,.btn.btn-warning,.btn.btn-warning:hover{background:var(--colorWarning40,#ff851b);border-color:var(--colorWarning50,#df7418)}.k-button.k-warning:active,.k-button.k-warning.activated,.k-button.k-warning.active,.btn.btn-warning:active,.btn.btn-warning.activated,.btn.btn-warning.active{background:var(--colorWarning50,#f0f0f0);border-color:var(--colorWarning60,#d2d2d2)}.k-button.k-success,.k-button.k-success:hover,.btn.btn-success,.btn.btn-success:hover{background:var(--colorSuccess40,#28b62c);border-color:var(--colorSuccess50,#239f27)}.k-button.k-success:active,.k-button.k-success.activated,.k-button.k-success.active,.btn.btn-success:active,.btn.btn-success.activated,.btn.btn-success.active{background:var(--colorSuccess50,#f0f0f0);border-color:var(--colorSuccess60,#d2d2d2)}.k-button.k-light,.btn.btn-light,.btn.btn-light:hover{background:var(--colorLight40,#f6f6f6);border-color:var(--colorLight50,#d7d7d7)}.btn.btn-light:active,.btn.btn-light.activated,.btn.btn-light.active{background:var(--colorLight50,#f0f0f0);border-color:var(--colorLight60,#d2d2d2)}.btn.btn-link i,.btn.btn-link span,.btn.btn-link:focus,.btn.btn-link:hover,.btn.btn-link.disabled,.btn.btn-link[disabled]:hover,.btn.btn-link.disabled{color:var(--colorPrimary40,#158cba)}.btn.btn-fab,.btn-fab{display:flex;border-radius:var(--borderRadiusSmallest,5px)}.k-button.k-stable,.k-button.k-stable:hover,.btn.btn-stable,.btn.btn-stable:hover{background:var(--colorStable40,#f8f8f8);border-color:var(--colorStable50,#d9d9d9)}.btn.btn-stable.active,.btn.btn-stable:active,.k-button.k-stable.active,.k-button.k-stable:active{background:var(--colorStable30,#fafafa);color:var(--textColorStable40,#444)}.k-button.k-royal,.k-button.k-royal:hover,.btn.btn-royal,.btn.btn-royal:hover{background:var(--colorRoyal40,#775dcd);border-color:var(--colorRoyal50,#775dcd)}.btn.btn-royal.active,.btn.btn-royal:active,.k-button.k-royal.active,.k-button.k-royal:active{background:var(--colorRoyal30,#ab9aef);color:var(--textColorRoyal40,#fff)}.k-button.k-dark,.k-button.k-dark:hover,.btn.btn-dark,.btn.btn-dark:hover{background:var(--colorDark40,#4a4a4a);border-color:var(--colorDark60,#3e3e3e)}.btn.btn-dark.active,.btn.btn-dark:active,.k-button.k-dark.active,.k-button.k-dark:active{background:var(--colorDark30,#909090);color:var(--textColorDark40,#fff)}
1
+ .k-scheduler-edit-form .k-edit-field .k-button,.k-edit-form-container .k-edit-buttons .k-primary,.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,.btn,.k-button,.btn.btn-outline{border-style:solid;border-width:0 1px 4px 1px}.k-button,.btn,.k-button:hover,.btn:hover,.k-button:focus,.k-button:focus:hover,.k-button.k-default,.k-button.k-default:hover,.btn.btn-default,.btn.btn-default:hover{background:var(--colorDefault40,#eee);border-color:var(--colorDefault50,#d2d2d2)}.k-button:active,.k-button.activated,.k-button.active,.btn:active,.btn.activated,.btn.active,.btn.btn-default:active,.btn.btn-default.activated,.btn.btn-default.active{background:var(--colorDefault50,#eee);border-color:var(--colorDefault60,#d2d2d2)}.k-scheduler-edit-form .k-edit-field .k-button,.k-edit-form-container .k-edit-buttons .k-primary,.k-scheduler-edit-form .k-edit-field .k-button:hover,.k-edit-form-container .k-edit-buttons .k-primary:hover,.k-button.k-primary,.k-button.k-primary:hover,.btn.btn-primary,.btn.btn-primary:hover{background:var(--colorPrimary40,#158cba);border-color:var(--colorPrimary60,#0f6788)}.k-scheduler-edit-form .k-edit-field .k-button:active,.k-edit-form-container .k-edit-buttons .k-primary:active,.k-button.k-primary:active,.k-button.k-primary.activated,.k-button.k-primary.active,.btn.btn-primary:active,.btn.btn-primary.activated,.btn.btn-primary.active{background:var(--colorPrimary50,#eee);border-color:var(--colorPrimary60,#d2d2d2)}.k-button.k-info,.k-button.k-info:hover,.btn.btn-info,.btn.btn-info:hover{background:var(--colorCalm40,#75caeb);border-color:var(--colorCalm50,#66b1ce)}.k-button.k-info:active,.k-button.k-info.activated,.k-button.k-info.active,.btn.btn-info:active,.btn.btn-info.activated,.btn.btn-info.active{background:var(--colorCalm50,#eee);border-color:var(--colorCalm60,#d2d2d2)}.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,.k-button.k-danger,.k-button.k-danger:hover,.btn.btn-danger,.btn.btn-danger:hover{background:var(--colorDanger40,#ff4136);border-color:var(--colorDanger50,#df392f)}.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,.k-button.k-danger:active,.k-button.k-danger.activated,.k-button.k-danger.active,.btn.btn-danger:active,.btn.btn-danger.activated,.btn.btn-danger.active{background:var(--colorDanger50,#eee);border-color:var(--colorDanger60,#d2d2d2)}.k-button.k-warning,.k-button.k-warning:hover,.btn.btn-warning,.btn.btn-warning:hover{background:var(--colorWarning40,#ff851b);border-color:var(--colorWarning50,#df7418)}.k-button.k-warning:active,.k-button.k-warning.activated,.k-button.k-warning.active,.btn.btn-warning:active,.btn.btn-warning.activated,.btn.btn-warning.active{background:var(--colorWarning50,#eee);border-color:var(--colorWarning60,#d2d2d2)}.k-button.k-success,.k-button.k-success:hover,.btn.btn-success,.btn.btn-success:hover{background:var(--colorSuccess40,#28b62c);border-color:var(--colorSuccess50,#239f27)}.k-button.k-success:active,.k-button.k-success.activated,.k-button.k-success.active,.btn.btn-success:active,.btn.btn-success.activated,.btn.btn-success.active{background:var(--colorSuccess50,#eee);border-color:var(--colorSuccess60,#d2d2d2)}.k-button.k-light,.btn.btn-light,.btn.btn-light:hover{background:var(--colorLight40,#f6f6f6);border-color:var(--colorLight50,#d7d7d7)}.btn.btn-light:active,.btn.btn-light.activated,.btn.btn-light.active{background:var(--colorLight50,#eee);border-color:var(--colorLight60,#d2d2d2)}.btn.btn-link i,.btn.btn-link span,.btn.btn-link:focus,.btn.btn-link:hover,.btn.btn-link.disabled,.btn.btn-link[disabled]:hover,.btn.btn-link.disabled{color:var(--colorPrimary40,#158cba)}.btn.btn-fab,.btn-fab{display:flex;border-radius:var(--borderRadiusSmallest,5px)}.k-button.k-stable,.k-button.k-stable:hover,.btn.btn-stable,.btn.btn-stable:hover{background:var(--colorStable40,#f8f8f8);border-color:var(--colorStable50,#d9d9d9)}.btn.btn-stable.active,.btn.btn-stable:active,.k-button.k-stable.active,.k-button.k-stable:active{background:var(--colorStable30,#fafafa);color:var(--textColorStable40,#444)}.k-button.k-royal,.k-button.k-royal:hover,.btn.btn-royal,.btn.btn-royal:hover{background:var(--colorRoyal40,#775dcd);border-color:var(--colorRoyal50,#775dcd)}.btn.btn-royal.active,.btn.btn-royal:active,.k-button.k-royal.active,.k-button.k-royal:active{background:var(--colorRoyal30,#ab9aef);color:var(--textColorRoyal40,#fff)}.k-button.k-dark,.k-button.k-dark:hover,.btn.btn-dark,.btn.btn-dark:hover{background:var(--colorDark40,#4a4a4a);border-color:var(--colorDark60,#3e3e3e)}.btn.btn-dark.active,.btn.btn-dark:active,.k-button.k-dark.active,.k-button.k-dark:active{background:var(--colorDark30,#909090);color:var(--textColorDark40,#fff)}