Update to v1.0.1

- fix minor css bug - fix Drag'n Drop bugs when using multiple instances of materialKanban() - add sample App for APEX 18.2
McRange · Feb 16, 2019 · f8097bf · f8097bf
1 parent 6fb0f92
commit f8097bf
Show file tree

Hide file tree

Showing 8 changed files with 13,390 additions and 329 deletions.
diff --git a/Sample_App_Material_Kanban_Board.sql b/Sample_App_Material_Kanban_Board.sql
diff --git a/apexplugin.json b/apexplugin.json
@@ -1,7 +1,7 @@
 {
     "name": "Material Kanban Board",
-    "version": "1.0",
-    "description": "This plugin allows easy integration of a Kanban board into your own application. Your business processes can be grouped and visualized clearly. With Drag'n Drop you can move the cards between a dynamic number of columns. Adjust the icons, colors and other attributes to your personal needs. Expand the cards with any HTML content to display more information and enable more functions.",
+    "version": "1.0.1",
+    "description": "This plug-in allows easy integration of a Kanban board into your own application. Your business processes can be grouped and visualized clearly. With Drag'n Drop you can move the cards between a dynamic number of columns. Adjust the icons, colors and other attributes to your personal needs. Expand the cards with any HTML content to display more information and enable more functions.",
     "keywords": ["oracle", "apex", "plugin", "kanban", "region", "card", "material", "responsive", "drag", "drop", "process", "flow"],
     "homepage": "https://github.com/McRange/Material-Kanban-Board",
     "bugs": {

diff --git a/css/style.css b/css/style.css
@@ -171,6 +171,7 @@
     background: #39a6da;
 }
 
+/*
 @media only screen and (max-width: 1279px) {
 
     .kb-item-region,
@@ -183,6 +184,7 @@
         max-width: none !important;
     }
 }
+*/
 
 @media only screen and (max-width: 719px) {
     .kb-row {
@@ -195,6 +197,16 @@
         display: none;
     }
 
+    .kb-item-region,
+    .kb-group-region,
+    .kb-col-header {
+        width: 100% !important;
+    }
+
+    .kb-card {
+        max-width: none !important;
+    }
+
     .kb-item-region {
         display: -ms-flex;
         display: -webkit-flex;
@@ -231,89 +243,6 @@
     }
 }
 
-/*
-.s-g-row [class^="s-g-card"] {
-    float: left;
-    margin: 0.5rem 0.5rem;
-    min-height: 0.125rem;
-}
-
-.s-g-card-1,
-.s-g-card-2,
-.s-g-card-3,
-.s-g-card-4,
-.s-g-card-6,
-.s-g-card-12 {
-    width: 100%;
-}
-
-@media only screen and (min-width: 60em) {
-    .s-g-card-1,
-    .s-g-card-2,
-    .s-g-card-3,
-    .s-g-card-4,
-    .s-g-card-5,
-    .s-g-card-6 {
-        width: 50%;
-    }
-    .s-g-card-7,
-    .s-g-card-8,
-    .s-g-card-9,
-    .s-g-card-10,
-    .s-g-card-11,
-    .s-g-card-12 {
-        width: 100%;
-    }
-    .hidden-sm {
-        display: block;
-    }
-}
-@media only screen and (min-width: 66em) {
-    .s-g-container {
-        width: 98%;
-    }
-    .s-g-card-1 {
-        width: 4.33%;
-    }
-    .s-g-card-2 {
-        width: 12.66%;
-    }
-    .s-g-card-3 {
-        width: 21%;
-    }
-    .s-g-card-4 {
-        width: 29.33%;
-    }
-    .s-g-card-5 {
-        width: 37.66%;
-    }
-    .s-g-card-6 {
-        width: 46%;
-    }
-    .s-g-card-7 {
-        width: 54.33%;
-    }
-    .s-g-card-8 {
-        width: 62.66%;
-    }
-    .s-g-card-9 {
-        width: 71%;
-    }
-    .s-g-card-10 {
-        width: 79.33%;
-    }
-    .s-g-card-11 {
-        width: 87.66%;
-    }
-    .s-g-card-12 {
-        width: 96%;
-    }
-    .hidden-sm {
-        display: block;
-    }
-}
-*/
-
 /* Dragula CSS  */
 .gu-mirror {
     position: fixed !important;

diff --git a/css/style.min.css b/css/style.min.css
diff --git a/js/script.js b/js/script.js
@@ -1,6 +1,6 @@
 var materialKanban = (function () {
     "use strict";
-    var scriptVersion = "1.0";
+    var scriptVersion = "1.0.1";
     var util = {
         version: "1.0.2b",
         escapeHTML: function (str) {
@@ -182,7 +182,6 @@ var materialKanban = (function () {
             /* get parent */
             var parent = $("#" + parentID);
 
-
             if (parent.length > 0) {
 
                 /* define container and add it to parent */
@@ -320,7 +319,8 @@ var materialKanban = (function () {
                     groupColWidth = (configJSON.groupExtension ? (100 / ((columnsData.length * 12 / configJSON.groupColWidth) + 1)) : 0);
                     itemColWidth = (100 - groupColWidth) / columnsData.length;
 
-
+                    groupColWidth = Math.floor(groupColWidth * 100) / 100;
+                    itemColWidth = Math.floor(itemColWidth * 100) / 100;
 
                     drawHeaderRegion(container);
                     var cardContainer = drawRow(container);
@@ -629,11 +629,6 @@ var materialKanban = (function () {
                 }
 
                 parent.append(card);
-                /*
-
-                col.append(card);
-
-                parent.append(col);*/
             }
 
             /***********************************************************************
@@ -705,7 +700,7 @@ var materialKanban = (function () {
                 var sourceItemIndex = 0;
                 var sourceItemSibling = null;
 
-                drake = dragula($('.kb-item-container').toArray(), {
+                drake = dragula($(parent.find('.kb-item-container')).toArray(), {
                     direction: 'vertical',
                     accepts: function (el, target, source, sibling) {
 
@@ -716,7 +711,6 @@ var materialKanban = (function () {
                         /* check if the Group ID of target and source group are equal */
                         return $(source).closest('.kb-row').attr("groupid") == $(target).closest('.kb-row').attr("groupid");
                     }
-
                 });
 
                 /*