remove conflict for dialog.js

javascript/contextmenu.js

@@ -0,0 +1,11 @@
+$(function(){
+$(".contextmenu").hide();
+$(document).on("contextmenu", function(event) { 
+    event.preventDefault();
+    $(".contextmenu")
+    .show()
+    .css({top: event.pageY + "px", left: event.pageX + "px"});
+}).on("click", function(event) {
+    $(".contextmenu").hide();
+});
+});

javascript/dialog.js

@@ -157,11 +157,11 @@
             buttons.eq(i++).click(function() {
                 // Calling function and close the dialog   
 
-                obj.action();
-                if(!params.keepOpened) {
+                var result = obj.action();
+                if(!params.keepOpened || result != false) {
                    $.Dialog.close();
+                   return false;
                 }
-                return false;
             });
         });
     }

less/contextmenu.less

@@ -0,0 +1,29 @@
+.contextmenu {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    z-index:1000;
+    position: absolute;
+    background-color:#FFFFFF;
+    border-radius:2px;
+    border: 2.5px solid rgb(42,42,42);
+    padding: 2px;
+}
+.item:active {
+    background-color:rgb(0,0,0);
+    color:rgb(255,255,255);
+}
+.item:hover {
+    background-color:rgb(222,222,222);
+}
+.item {
+    background-color:#FFFFFF;
+    padding-right:50px;
+    padding-left:5px;
+    width:auto;
+    padding: 12px;
+    margin:-2px;
+}

less/forms.less

@@ -277,6 +277,7 @@
 .input-control > input[type=email],
 .input-control > input[type=url],
 .input-control > input[type=phone],
+.input-control > input[type=tel],
 .input-control > input[type=password],
 .input-control > input[type=number],
 .input-control > input[type=time],
@@ -308,6 +309,7 @@
 .input-control > input[type=email]::-ms-clear,
 .input-control > input[type=url]::-ms-clear,
 .input-control > input[type=phone]::-ms-clear,
+.input-control > input[type=tel]::-ms-clear,
 .input-control > input[type=number]::-ms-clear,
 .input-control > input[type=time]::-ms-clear {
     display: none;
@@ -331,6 +333,7 @@
         input[type=password]:not(:focus),
         input[type=email]:not(:focus),
         input[type=phone]:not(:focus),
+        input[type=tel]:not(:focus),
         input[type=number]:not(:focus),
         input[type=time]:not(:focus),
         input[type=url]:not(:focus) {
@@ -343,6 +346,7 @@
         input[type=password]:focus,
         input[type=email]:focus,
         input[type=phone]:focus,
+        input[type=tel]:focus,
         input[type=number]:focus,
         input[type=time]:focus,
         input[type=url]:focus {
@@ -356,6 +360,7 @@
         input[type=password]:not(:focus),
         input[type=email]:not(:focus),
         input[type=phone]:not(:focus),
+        input[type=tel]:not(:focus),
         input[type=number]:not(:focus),
         input[type=time]:not(:focus),
         input[type=url]:not(:focus) {

less/layout.less

@@ -1,12 +1,3 @@
-/*
- * Metro UI CSS
- * (c) 2012-2013 by Sergey Pimenov
- * Licensed under the MIT License and Commercial
- *
- * Layout.less
- *
- */
-
 *, *:after, *:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -48,7 +39,7 @@
     height: 100%;
     min-height: 100%;
     width: 100%;
-    .clearfix();
+    .clearfix;
 
     .page-header {
         width: 100%;

less/modern.less

@@ -7,8 +7,8 @@
 @import "reset.less";
 
 .metrouicss {
-    @import "typography.less";
     @import "routines.less";
+    @import "typography.less";
     @import "icons.less";
     @import "colors.less";
     @import "bricks.less";
@@ -35,4 +35,5 @@
     @import "slider.less";
     @import "dialog.less";
     @import "calendar.less";
+    @import "contextmenu.less";
 }

public/js/modern/dialog.js

@@ -157,11 +157,11 @@
             buttons.eq(i++).click(function() {
                 // Calling function and close the dialog   
 
-                obj.action();
-                if(!params.keepOpened) {
+                var result = obj.action();
+                if(!params.keepOpened || result != false) {
                    $.Dialog.close();
+                   return false;
                 }
-                return false;
             });
         });
     }