v1.1.0

- add Drag'n Drop feature for groups
- add collapsable groups feature
- add some additional events

README.md

@@ -1,6 +1,7 @@
  # Material-Kanban-Board
 
 ![Screenshot](https://raw.githubusercontent.com/McRange/Material-Kanban-Board/master/screenshot.gif)
+![Screenshot](https://raw.githubusercontent.com/McRange/Material-Kanban-Board/master/screenshot2.gif)
 
 This project is a Region Plug-in for Oracle Apex that 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. You can also use the cards without Apex. Just download all files and start index.html.
 

apexplugin.json

@@ -1,6 +1,6 @@
 {
     "name": "Material Kanban Board",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "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",
@@ -21,7 +21,7 @@
     "oracle": {
         "versions": ["11.2.0.1", "12.1.0.1", "12.2.0.1"],
         "apex": {
-            "versions": ["5.0.x", "5.1.0", "5.1.1", "5.1.2", "5.1.3", "5.1.4", "18.1", "18.2", "19.1"],
+            "versions": ["5.0.0", "5.1.0", "5.1.1", "5.1.2", "5.1.3", "5.1.4", "18.1", "18.2", "19.1", "19.2"],
             "plugin": {
                 "internalName": "MATERIAL.KANBAN",
                 "type": "region",

css/style.css

@@ -76,6 +76,10 @@
     overflow: hidden;
 }
 
+.kb-card-draggable {
+    cursor: grab;
+}
+
 .kb-card:hover {
     background: #fff;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
@@ -171,6 +175,30 @@
     background: #39a6da;
 }
 
+.kb-collapsable {
+    float: left;
+    text-align: center;
+    margin: 6px 1px 6px 7px;
+    cursor: pointer;
+}
+
+.kb-collapsable i {
+    font-size: 15px;
+    line-height: 28px;
+    width: 18px;
+    /*height: 28px;*/
+    color: #000;
+}
+
+.kb-collapsable:hover {
+    margin: 5px 0px 5px 6px;
+    border: 1px solid #eee;
+}
+
+.kb-collapsed {
+    width: 100% !important;
+}
+
 /*
 @media only screen and (max-width: 1279px) {
 
@@ -234,6 +262,10 @@
         border-left: 5px solid #aaa;
     }
 
+    .kb-new-group-region > div {
+        border-top: none;
+    }
+
     .kb-group-region .kb-card {
         display: inherit;
     }

data/data.js

@@ -9,6 +9,9 @@ var dataJSON = {
         "GROUP_TITLE": "Lgiklhmzjn gzuekrrbgmwq",
         "GROUP_ICON": "fa-cogs",
         "GROUP_FOOTER": "osvqmggoxlyqce crrjeawwsytsdv jbydbynsogyxw zcmjjklms",
+        "GROUP_NEW_ITEM_LINK": "https://google.com",
+        "GROUP_COLLAPESED": 1,
+        "NEW_GROUP_LINK": "https://google.com",
         "ID": 1012,
         "TITLE": "Irhlonoby xulledz",
         "FOOTER": "lhtomzxiexepci rcayaosdbzguq iuyqxttiiamjt qjsuaujms",
@@ -291,7 +294,7 @@ var configJSON = {
     }],
     "dynamicColumns": true,
     "groupExtension": true,
-    "groupColWidth": 6,
-    "allowDragItemsBetweenGroups": true,
+    "groupColWidth": 8,
+    "groupCollapsible": true,
     "printDataToConsole": false
 };