- refactoring,

- gantt.fillData cleaned up, unnecessary logic removed
- readme updated

README.md

@@ -40,13 +40,18 @@ All major browsers that support ES6 or above.
 
 
 ## Features:
-- 📟Pagination support, page data handler set inside `onGetPage` option
-- Customizable cell size with `cellSize` option
+- 📟 Pagination support, page data handler set inside `onGetPage` option
+- 👉 Customizable cell size with `cellSize` option
 - 🎨 Customizable task(bar) colors with `data[i].values[j].customClass`
-- ℹ️ Display short description as hints
+- 🏷️ Display short description as hints
 - 🖱️ Scroll with `Shift+mouseWheel`, or faster scroll with `Ctrl+Shift+mouseWheel`
 - 📅 Mark holidays or today
 - 🔍 Zoom in/out
+- 🆕 Drag Sortable Header Support (from v0.3.0)
+- 🆕 ES Module support (from v0.3.0)
+- 🆕 Remember Zoom Level and Header Order (page by page remembering) (from v0.3.5)
+- 🔜 Resizable Bars (coming soon from v0.4.0)
+- 🔜 Movable Bars (coming soon from v0.5.0)
 
 ## Requirements:
 - jQuery v1.10.2 or above:
@@ -86,8 +91,9 @@ $("#gantt").gantt({
 - `source` - json data, defaults to `{}`
 - `navigate` - navigation type (buttons, scroll), defaults to `scroll`
 - `scrollToToday` - scroll to today, defaults to `true`
-- `cookieKey` - cookie key, defaults to `jquery-gantt-chart`
-- `useCookie` - use cookie to save last view, defaults to `false`
+- `zoomLevelKey` - key to save zoom level, defaults to `jquery-gantt-chart-zoom-level`
+- `rememberZoomLevel` - remember current zoom level, defaults to `true`
+- `rememberHeaderOrder` - remember header order, defaults to `true`
 - `scale` - scale type (hours, days, weeks, months), defaults to `days`
 - `maxScale` - maximum scale, defaults to `months`
 - `minScale` - minimum scale, defaults to `hours`

index.html

@@ -11,9 +11,11 @@
         <meta name="url" content="https://bekhruz.com">
         <meta name="github" content="https://github.com/uzbeki/jquery-gantt-chart">
         <meta name="npm" content="https://www.npmjs.com/package/@uzbeki/jquery-gantt-chart">
-        <link rel="stylesheet" href="./dist/jquery.gantt.min.css">
         <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
-        <script src="./dist/jquery.gantt.min.js"></script>
+        <!-- <link rel="stylesheet" href="./dist/jquery.gantt.min.css"> -->
+        <!-- <script src="./dist/jquery.gantt.min.js"></script> -->
+        <link rel="stylesheet" href="./src/jquery.gantt.css">
+        <script type="module" src="./src//index.js"></script>
         <title>jQuery Gantt Chart Demo</title>
         <style>
             #gantt {
@@ -44,19 +46,24 @@ <h1>Gantt Chart as jQuery Component demo</h1>
         <section>
             <h2>Features</h2>
             <ul>
-                <li>Pagination support, page data handler set inside <code>onGetPage</code> option</li>
-                <li>Customizable cell size with <code>cellSize</code> option</li>
-                <li>Customizable task(bar) colors with <code>data[i].values[j].customClass</code></li>
-                <li>Display short description as hints</li>
-                <li>Scroll with <code>Shift+mouseWheel</code>, or faster scroll with <code>Ctrl+Shift+mouseWheel</code>
+                <li>📟 Pagination support, page data handler set inside <code>onGetPage</code> option</li>
+                <li>👉 Customizable cell size with <code>cellSize</code> option</li>
+                <li>🎨 Customizable task(bar) colors with <code>data[i].values[j].customClass</code></li>
+                <li>🏷️ Display short description as hints</li>
+                <li>🖱️ Scroll with <code>Shift+mouseWheel</code>, or faster scroll with <code>Ctrl+Shift+mouseWheel</code>
                 </li>
-                <li>Mark holidays or today</li>
-                <li>Zoom in/out</li>
+                <li>📅 Mark holidays or today</li>
+                <li>🔍 Zoom in/out</li>
+                <li>🆕 Drag Sortable Header Support (from <code>v0.3.0</code>)</li>
+                <li>🆕 ES Module support (from <code>v0.3.0</code>)</li>
+                <li>🆕 Remember Zoom Level and Header Order (from <code>v0.3.5</code>)</li>
+                <li>🔜 Resizable Bars (coming soon from <code>v0.4.0</code>)</li>
+                <li>🔜 Movable Bars (coming soon from <code>v0.5.0</code>)</li>
             </ul>
             <p>For more, please refer to <a href="https://github.com/uzbeki/jquery-gantt-chart#readme">README file</a>.</p>
         </section>
 
-        <script>
+        <script type='module'>
             /**
              * Generates dummy data for a Gantt chart.
              * @param {number} [page=1] - The page number.

package.json

@@ -1,8 +1,11 @@
 {
   "name": "@uzbeki/jquery-gantt-chart",
-  "version": "0.2.2",
   "description": "Simple Gantt Chart implemented with modernJS and jQuery. Previously known as jQuery.Gantt.",
-  "main": "./dist/jquery.gantt.min.js",
+  "homepage": "https://github.com/uzbeki/jquery-gantt-chart#readme",
+  "version": "0.3.0",
+  "type": "module",
+  "main": "./dist/jquery.gantt.js",
+  "module": "./dist/jquery.gantt.js",
   "engines": {
     "node": ">= 10.0.0"
   },
@@ -30,7 +33,6 @@
   "bugs": {
     "url": "https://github.com/uzbeki/jquery-gantt-chart/issues"
   },
-  "homepage": "https://github.com/uzbeki/jquery-gantt-chart#readme",
   "devDependencies": {
     "clean-css-cli": "^5.6.3",
     "terser": "^5.29.2"