$(document).on('mousedown'

araczkowski · Dec 23, 2020 · 4190f3f · 4190f3f
1 parent b32d037
commit 4190f3f
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 9 deletions.
diff --git a/app/index.html b/app/index.html
@@ -25,6 +25,29 @@
     i.AddIcon > svg{
       height: 1em;
     }
+    html.multiSelectMode {
+        cursor: url(/images/multi_select_cursor.gif), auto;
+    }
+
+    html.multiSelectMode div.ClickableBlocksPlannedBlockBody .ClickableBlocksStepContent  {
+        cursor: url(/images/multi_select_cursor.gif), auto;
+    }
+
+    html.multiSelectMode div.BasedOnBarSelector>span.BasedOnOption {
+        cursor: url(/images/multi_select_cursor.gif), auto;
+    }
+
+    html.multiSelectMode div.BasedOnBarSelector>span.BasedOnOption:hover {
+        cursor: url(/images/multi_select_cursor.gif), auto;
+    }
+
+    html.multiSelectMode div.ClickableBlocksMealSelector i.mealOn {
+        cursor: url(/images/multi_select_cursor.gif), auto;
+    }
+
+    html.multiSelectMode div.ClickableBlocksMealSelector i.mealOff {
+        cursor: url(/images/multi_select_cursor.gif), auto;
+    }
   </style>
 </head>
 
@@ -151,6 +174,27 @@
             clickB = new ClickB(divId, options);
             // add blocks
             clickB.addBlocks(blocksJson);
+
+            var divId = 'clickB2';
+            $('body').append('<div style="float:left; margin-left:250px" id="' + divId + '_parent" class="editScheduleRegion"></div>');
+            // create widget object
+            clickB = new ClickB(divId, options);
+            // add blocks
+            clickB.addBlocks(blocksJson);
+
+            var divId = 'clickB3';
+            $('body').append('<div style="float:left; margin-left:250px" id="' + divId + '_parent" class="editScheduleRegion"></div>');
+            // create widget object
+            clickB = new ClickB(divId, options);
+            // add blocks
+            clickB.addBlocks(blocksJson);
+
+            var divId = 'clickB4';
+            $('body').append('<div style="float:left; margin-left:250px" id="' + divId + '_parent" class="editScheduleRegion"></div>');
+            // create widget object
+            clickB = new ClickB(divId, options);
+            // add blocks
+            clickB.addBlocks(blocksJson);
           }
         });
       });

diff --git a/app/scripts/main.js b/app/scripts/main.js
@@ -66,7 +66,7 @@
 
         function _multiSelect(){
             // multi select mode
-            parentDiv.on('mousedown', function() {
+            $(document).on('mousedown', function() {
                 if (!_options.readonly){
                     // Do not take any immediate action - just set the holdStarter
                     //  to wait for the predetermined delay, and then begin a hold

diff --git a/app/styles/main.css b/app/styles/main.css
@@ -277,31 +277,31 @@ div.ClickableBlocksEdit>div.BasedOnBarSelector>span.BasedOnOption:hover {
     font-weight: bold;
 }
 
+/* on prod on pagetemplate we have 
 html.multiSelectMode {
-    /* background-color: #FFB27A; */
-    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), url(/images/multi_select_cursor.gif), auto;
+    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), auto !important;
 }
 
 html.multiSelectMode div.ClickableBlocksPlannedBlockBody .ClickableBlocksStepContent  {
-    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), url(/images/multi_select_cursor.gif), auto;
+    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), auto !important;
 }
 
 html.multiSelectMode div.BasedOnBarSelector>span.BasedOnOption {
-    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), url(/images/multi_select_cursor.gif), auto;
+    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), auto !important;
 }
 
 html.multiSelectMode div.BasedOnBarSelector>span.BasedOnOption:hover {
-    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), url(/images/multi_select_cursor.gif), auto;
+    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), auto !important;
 }
 
 html.multiSelectMode div.ClickableBlocksMealSelector i.mealOn {
-    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), url(/images/multi_select_cursor.gif), auto;
+    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), auto !important;
 }
 
 html.multiSelectMode div.ClickableBlocksMealSelector i.mealOff {
-    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), url(/images/multi_select_cursor.gif), auto;
+    cursor: url(#WORKSPACE_IMAGES#multi_select_cursor.gif), url(#WORKSPACE_IMAGES#multi_select_cursor.cur), auto !important;
 }
-
+*/
 
 div.ClickableBlocksReadonly>div.BasedOnBarSelector>span.BasedOnOption {
     display: none;