Timepicker: added attributes data-cls-button, data-cls-ok-button,…

… `data-cls-cancel-button` to modify picker buttons style, issue #1659
olton · Nov 6, 2020 · e58ff73 · e58ff73
1 parent 9ad7686
commit e58ff73
Show file tree

Hide file tree

Showing 35 changed files with 53 additions and 43 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,6 +19,7 @@
 + [x] i18n: added `tr-TR` turkish locale.
 + [x] Third party plugins: removed support for `select2`, `datatables`
 + [x] AppBar: added event `onBeforeMenuOpen`, `onBeforeMenuClose`, fixed firing events `onMenuOpen`, `onMenuClose`.
++ [x] Timepicker: added attributes `data-cls-button`, `data-cls-ok-button`, `data-cls-cancel-button` to modify picker buttons style, issue #1659. 
 
 ### 4.4.1
 #### M4Q

diff --git a/README.md b/README.md
@@ -55,7 +55,7 @@ In addition, **SUPPORT PACK** is available for an annual subscription on [XS:COD
 
 ### Donation on Patreon
 ![Donations on Patreon](https://img.shields.io/badge/Patrons-7-green.svg)
-![Donations on Patreon](https://img.shields.io/badge/Donation-$130-red.svg)
+![Donations on Patreon](https://img.shields.io/badge/Donation-$140-red.svg)
 
 ### Community
 

diff --git a/build/css/metro-all.css b/build/css/metro-all.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 *,

diff --git a/build/css/metro-animations.css b/build/css/metro-animations.css
@@ -1,6 +1,6 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
diff --git a/build/css/metro-colors.css b/build/css/metro-colors.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-transparent {

diff --git a/build/css/metro-common.css b/build/css/metro-common.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .button.primary,

diff --git a/build/css/metro-components.css b/build/css/metro-components.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .accordion {

diff --git a/build/css/metro-icons.css b/build/css/metro-icons.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 @font-face {

diff --git a/build/css/metro-reset.css b/build/css/metro-reset.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 *,

diff --git a/build/css/metro.css b/build/css/metro.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 *,

diff --git a/build/css/schemes/darcula.css b/build/css/schemes/darcula.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/build/css/schemes/red-alert.css b/build/css/schemes/red-alert.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/build/css/schemes/red-dark.css b/build/css/schemes/red-dark.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/build/css/schemes/red-mirohost.css b/build/css/schemes/red-mirohost.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/build/css/schemes/sky-net.css b/build/css/schemes/sky-net.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/build/js/metro.js b/build/js/metro.js
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 (function (global, undefined) {
@@ -4537,7 +4537,7 @@ $.noConflict = function() {
     var Metro = {
 
         version: "4.4.2",
-        compileTime: "05/11/2020 16:19:38",
+        compileTime: "06/11/2020 11:27:03",
         buildNumber: "@@build",
         isTouchable: isTouch,
         fullScreenEnabled: document.fullscreenEnabled,
@@ -31275,6 +31275,9 @@ $.noConflict = function() {
         clsMinutes: "",
         clsSeconds: "",
         clsLabel: "",
+        clsButton: "",
+        clsOkButton: "",
+        clsCancelButton: "",
         okButtonIcon: "<span class='default-icon-check'></span>",
         cancelButtonIcon: "<span class='default-icon-cross'></span>",
         onSet: Metro.noop,
@@ -31436,8 +31439,8 @@ $.noConflict = function() {
             selectBlock.height((o.distance * 2 + 1) * 40);
 
             actionBlock = $("<div>").addClass("action-block").appendTo(selectWrapper);
-            $("<button>").attr("type", "button").addClass("button action-ok").html(o.okButtonIcon).appendTo(actionBlock);
-            $("<button>").attr("type", "button").addClass("button action-cancel").html(o.cancelButtonIcon).appendTo(actionBlock);
+            $("<button>").attr("type", "button").addClass("button action-ok").addClass(o.clsButton).addClass(o.clsOkButton).html(o.okButtonIcon).appendTo(actionBlock);
+            $("<button>").attr("type", "button").addClass("button action-cancel").addClass(o.clsButton).addClass(o.clsCancelButton).html(o.cancelButtonIcon).appendTo(actionBlock);
 
 
             element[0].className = '';

diff --git a/build/js/metro.min.js b/build/js/metro.min.js
diff --git a/build/js/metro.min.js.map b/build/js/metro.min.js.map
diff --git a/source/components/timepicker/timepicker.js b/source/components/timepicker/timepicker.js
@@ -23,6 +23,9 @@
         clsMinutes: "",
         clsSeconds: "",
         clsLabel: "",
+        clsButton: "",
+        clsOkButton: "",
+        clsCancelButton: "",
         okButtonIcon: "<span class='default-icon-check'></span>",
         cancelButtonIcon: "<span class='default-icon-cross'></span>",
         onSet: Metro.noop,
@@ -184,8 +187,8 @@
             selectBlock.height((o.distance * 2 + 1) * 40);
 
             actionBlock = $("<div>").addClass("action-block").appendTo(selectWrapper);
-            $("<button>").attr("type", "button").addClass("button action-ok").html(o.okButtonIcon).appendTo(actionBlock);
-            $("<button>").attr("type", "button").addClass("button action-cancel").html(o.cancelButtonIcon).appendTo(actionBlock);
+            $("<button>").attr("type", "button").addClass("button action-ok").addClass(o.clsButton).addClass(o.clsOkButton).html(o.okButtonIcon).appendTo(actionBlock);
+            $("<button>").attr("type", "button").addClass("button action-cancel").addClass(o.clsButton).addClass(o.clsCancelButton).html(o.cancelButtonIcon).appendTo(actionBlock);
 
 
             element[0].className = '';

diff --git a/tests/metro/css/metro-all.css b/tests/metro/css/metro-all.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 *,

diff --git a/tests/metro/css/metro-animations.css b/tests/metro/css/metro-animations.css
@@ -1,6 +1,6 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
diff --git a/tests/metro/css/metro-colors.css b/tests/metro/css/metro-colors.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-transparent {

diff --git a/tests/metro/css/metro-common.css b/tests/metro/css/metro-common.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .button.primary,

diff --git a/tests/metro/css/metro-components.css b/tests/metro/css/metro-components.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .accordion {

diff --git a/tests/metro/css/metro-icons.css b/tests/metro/css/metro-icons.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 @font-face {

diff --git a/tests/metro/css/metro-reset.css b/tests/metro/css/metro-reset.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 *,

diff --git a/tests/metro/css/metro.css b/tests/metro/css/metro.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 *,

diff --git a/tests/metro/css/schemes/darcula.css b/tests/metro/css/schemes/darcula.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/tests/metro/css/schemes/red-alert.css b/tests/metro/css/schemes/red-alert.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/tests/metro/css/schemes/red-dark.css b/tests/metro/css/schemes/red-dark.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/tests/metro/css/schemes/red-mirohost.css b/tests/metro/css/schemes/red-mirohost.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/tests/metro/css/schemes/sky-net.css b/tests/metro/css/schemes/sky-net.css
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 .bg-scheme {

diff --git a/tests/metro/js/metro.js b/tests/metro/js/metro.js
@@ -1,7 +1,7 @@
 /*
  * Metro 4 Components Library v4.4.2  (https://metroui.org.ua)
  * Copyright 2012-2020 Sergey Pimenov
- * Built at 05/11/2020 16:19:38
+ * Built at 06/11/2020 11:27:03
  * Licensed under MIT
  */
 (function (global, undefined) {
@@ -4537,7 +4537,7 @@ $.noConflict = function() {
     var Metro = {
 
         version: "4.4.2",
-        compileTime: "05/11/2020 16:19:38",
+        compileTime: "06/11/2020 11:27:03",
         buildNumber: "@@build",
         isTouchable: isTouch,
         fullScreenEnabled: document.fullscreenEnabled,
@@ -31275,6 +31275,9 @@ $.noConflict = function() {
         clsMinutes: "",
         clsSeconds: "",
         clsLabel: "",
+        clsButton: "",
+        clsOkButton: "",
+        clsCancelButton: "",
         okButtonIcon: "<span class='default-icon-check'></span>",
         cancelButtonIcon: "<span class='default-icon-cross'></span>",
         onSet: Metro.noop,
@@ -31436,8 +31439,8 @@ $.noConflict = function() {
             selectBlock.height((o.distance * 2 + 1) * 40);
 
             actionBlock = $("<div>").addClass("action-block").appendTo(selectWrapper);
-            $("<button>").attr("type", "button").addClass("button action-ok").html(o.okButtonIcon).appendTo(actionBlock);
-            $("<button>").attr("type", "button").addClass("button action-cancel").html(o.cancelButtonIcon).appendTo(actionBlock);
+            $("<button>").attr("type", "button").addClass("button action-ok").addClass(o.clsButton).addClass(o.clsOkButton).html(o.okButtonIcon).appendTo(actionBlock);
+            $("<button>").attr("type", "button").addClass("button action-cancel").addClass(o.clsButton).addClass(o.clsCancelButton).html(o.cancelButtonIcon).appendTo(actionBlock);
 
 
             element[0].className = '';

diff --git a/tests/metro/js/metro.min.js b/tests/metro/js/metro.min.js
diff --git a/tests/metro/js/metro.min.js.map b/tests/metro/js/metro.min.js.map