cronapp-framework-js 3.0.0-SP.34 → 3.0.0-SP.35
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.
- package/components/crn-dynamic-file.components.json +4 -1
- package/components/templates/cron-grid.designtime.html +2 -2
- package/components/templates/dynamicfile.designtime.html +5 -0
- package/css/themes/custom/lumen/button-lumen.css +16 -16
- package/css/themes/custom/lumen/custom-lumen.css +237 -30
- package/css/themes/custom/lumen/navbar-lumen.css +5 -6
- package/css/themes/custom/lumen/panel-lumen.css +11 -11
- package/css/themes/custom/paper/custom-paper.css +283 -27
- package/css/themes/custom/sandstone/button-sandstone.css +12 -0
- package/css/themes/custom/theme-general/table-grid.css +3 -2
- package/dist/components/templates/cron-grid.designtime.html +1 -1
- package/dist/components/templates/dynamicfile.designtime.html +1 -0
- package/dist/css/themes/custom/lumen/button-lumen.css +1 -1
- package/dist/css/themes/custom/lumen/custom-lumen.css +1 -1
- package/dist/css/themes/custom/lumen/navbar-lumen.css +1 -1
- package/dist/css/themes/custom/lumen/panel-lumen.css +1 -1
- package/dist/css/themes/custom/paper/custom-paper.css +1 -1
- package/dist/css/themes/custom/sandstone/button-sandstone.css +1 -1
- package/dist/css/themes/custom/theme-general/table-grid.css +1 -1
- package/dist/js/directives.js +2 -2
- package/js/directives.js +20 -4
- package/package.json +1 -1
|
@@ -243,26 +243,26 @@
|
|
|
243
243
|
--textColorDark70: #ffffff;
|
|
244
244
|
|
|
245
245
|
/* Color - Neutral (web e mobile) */
|
|
246
|
-
--colorNeutral00: #
|
|
247
|
-
--colorNeutral10: #
|
|
248
|
-
--colorNeutral20: #
|
|
249
|
-
--colorNeutral30: #
|
|
250
|
-
--colorNeutral40: #
|
|
251
|
-
--colorNeutral50: #
|
|
252
|
-
--colorNeutral60: #
|
|
253
|
-
--colorNeutral70: #
|
|
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: #
|
|
258
|
+
--colorNeutral120: #5d5d5d;
|
|
259
259
|
--colorNeutral130: #535353;
|
|
260
|
-
--colorNeutral140: #
|
|
260
|
+
--colorNeutral140: #4a4a4a;
|
|
261
261
|
--colorNeutral150: #414141;
|
|
262
262
|
--colorNeutral160: #383838;
|
|
263
|
-
--colorNeutral170: #
|
|
263
|
+
--colorNeutral170: #2e2e2e;
|
|
264
264
|
--colorNeutral180: #252525;
|
|
265
|
-
--colorNeutral190: #
|
|
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
|
-
|
|
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 +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" max-file-size="5MB" accept-file="'*.*'"><button id="file-${RANDOM}-button" class="btn" ngf-drop="" ngf-select="" ngf-change="cronapi.internal.uploadFile('vars.dynamicfile${RANDOM}', $file, 'uploadprogress${RANDOM}', undefined, $invalidFiles)" ngf-max-size="5MB" ngf-pattern="'*.*'" ngf-accept="'*.*'" style="position: absolute; left: 0"><span>Clique ou arraste um arquivo</span></button></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,#
|
|
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,#d2d2d2);border-color:var(--colorDefault60,#b0b0b0)}.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,#127ba3);border-color:var(--colorPrimary60,#0f6788)}.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,#66b1ce);border-color:var(--colorCalm60,#5694ac)}.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,#df392f);border-color:var(--colorDanger60,#bb3028)}.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,#df7418);border-color:var(--colorWarning60,#bb6114)}.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,#239f27);border-color:var(--colorSuccess60,#1d8520)}.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,#d7d7d7);border-color:var(--colorLight60,#b4b4b4)}.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,#886aea);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,#555);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)}
|