jsgantt-improved 2.8.4 → 2.8.6

package/Documentation.md

@@ -73,7 +73,7 @@ g.AddTaskItem(new JSGantt.TaskItem(1, 'Define Chart API','',          '',
 
 
 Method definition:
-**TaskItem(_pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGantt_, pCost = null, pPlanStart = null, pPlanEnd = null, pDuration = null, pBarText = null, pDataObject = null)**
+**TaskItem(_pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGantt_, pCost = null, pPlanStart = null, pPlanEnd = null, pDuration = null, pBarText = null, pDataObject = null, pPlanClass = null)**
 
 This method takes only the variables defined above and explained below. You can **NOT** pass custom variables this way.
 
@@ -98,7 +98,8 @@ This method takes only the variables defined above and explained below. You can
 |_pNotes:_|(optional) Detailed task information that will be displayed in tool tip for this task|
 |_pGantt:_|(required) javascript JSGantt.GanttChart object from which to take settings.  Defaults to "g" for backwards compatibility|
 |_pCost:_| cost of that task, numeric  
-|_pBarText:_|(optional) Use to include text inside a task bar|      
+|_pBarText:_|(optional) Use to include text inside a task bar|  
+|_pPlanClass:_|(optional) the css class for planned date of this task     
 
 <sup>*</sup> Combined group tasks show all sub-tasks on one row. The information displayed in the task list and row caption are taken from the parent task.  Tool tips are generated individually for each sub-task from its own information.  Milestones are not valid as sub-tasks of a combined group task and will not be displayed. No bounds checking of start and end dates of sub-tasks is performed therefore it is possible for these task bars to overlap. Dependencies can be set to and from sub-tasks only.
 
@@ -175,6 +176,7 @@ The structure of the native XML file:
 	<pDepend>2,24</pDepend>
 	<pCaption>A caption</pCaption>
 	<pNotes>Text - can include limited HTML</pNotes>
+  <pPlanClass>gtaskblue</pPlanClass>
 </task>
 </project>
 ```
@@ -306,6 +308,7 @@ The following options take a single numeric parameter; a value of 1 will enable
 |_setAdditionalHeaders:_ |Set object with headers values for additional columns . ex : `{ category: { title: 'Category' }` }|
 |_setColumnOrder:_ |Set order of the columns that will be displayed, the default value is : `[  'vShowRes','vShowDur','vShowComp','vShowStartDate','vShowEndDate','vShowPlanStartDate','vShowPlanEndDate','vShowCost','vAdditionalHeaders','vShowAddEntries']` }|
 |_setResources():_  |Set the list of possible resources, must be an array of objects, ex: `[{ id: 1, name: 'Mario' } , { id: 2, name: 'Henrique' }]`| 
+|_setCustomLang():_  |Set custom language vars, ex: `{'january': 'My January text'}`| 
 |_setTotalHeight():_ |Set component height as CSS height (e.g. "300px"). If set - the header is fixed and content is scrollable if needed. Otherwise component height is defined by content|
 |_setMinDate():_ |Set minimum date further than minimum task date. It doesn't trim any task if it starts before this minimum date, but can extend the chart to the left. This may be useful if you want to draw some custom elements on the chart or want to fix the time range regardless of the content|
 |_setMaxDate():_ |Similar to _setMinDate()_|

package/README.md

@@ -125,6 +125,21 @@ g.Draw();
     * From external files (including experimental support for MS Project XML files)
     * From JavaScript Strings
   * Support for Internationalization 
+    * Chinese (cn)
+    * Czech (cs)
+    * Dutch (Standard)
+    * selected>English (en)
+    * French (fr)
+    * German (de)
+    * Hungarian (hu)
+    * Indonesian (id)
+    * Italian (it)
+    * Japanese (ja)
+    * Portuguese (pt)
+    * Russian (ru)
+    * Spanish (es)
+    * Swedish (sv)
+    * Turkish (tr)
 
 ## Documentation
 
@@ -139,14 +154,21 @@ Its easy to get it set:
 
 * Clone this repo
 * Install lib dependencies: `npm i` 
-* Install global dependencies: `npm i -g browserify nodemon onchange tsc` 
-* Run the demo, This will start a `localhost:8080` with a live example:  `npm start`. 
+* Install global dependencies: `npm i -g browserify nodemon onchange tsc`
+* Compile final js to be used on demo: `npm run dist`
+* Run the demo with a live example:  `npm start`. 
 * You can check the demo gantt that we use for testing features at: `http://127.0.0.1:8080/docs/demo.html`
 * Use `npm run watch` or do your change in `src` and restart this command refresh the changes.
 
 For testing:
 * Install global dependencies: `npm i -g webdriver-manager`  
 * Install selenium webdriver: `npm run webdriver`, it will install something like node_modules/webdriver-manager/selenium/chromedriver_88.0.4324.96.zip
+
+node node_modules/protractor/bin/webdriver-manager update
+apt install chromium
+
+apt install chromium-bsu
+
 * Use `npm run test` with e2e tests.
 * Or use `npm run watch:test` to keep watching the tests
 

package/dist/jsgantt.css

@@ -2,7 +2,7 @@
 
 div.gantt {
   font-family: tahoma, arial, verdana, Sans-serif;
-  font-size: 10px;
+  font-size: 12px;
   color: #656565;
 }
 
@@ -31,10 +31,9 @@ div.gantt {
   font-size: 12px;
   border: #efefef 1px solid;
   text-align: center;
-  cursor: default
+  cursor: default;
 }
 
-
 .gtasklist {
   height: 19px;
   min-width: 5px;
@@ -44,7 +43,7 @@ div.gantt {
   border-right: none;
 }
 
-.gtasknolist-label{
+.gtasknolist-label {
   padding: 10px 50px;
 }
 /* all three width values set just to make sure - helps resizing code */
@@ -56,7 +55,7 @@ div.gantt {
 .gminorheading {
   background-color: #ffffff;
   font-weight: bold;
-  font-size: 9px;
+  font-size: 11px;
   white-space: nowrap;
 }
 
@@ -154,9 +153,9 @@ td.gspanning {
 
 .gtaskname {
   min-width: 170px;
-  max-width: 170px;
-  width: 170px;
-  font-size: 9px;
+  max-width: 220px;
+  width: 220px;
+  font-size: 12px;
   border-left: none;
 }
 
@@ -246,6 +245,11 @@ span.gfoldercollapse {
   background-color: #fffde5;
 }
 
+.gitemdifferent td {
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
 /* task bar caption text styles */
 
 .gmilecaption,
@@ -487,7 +491,7 @@ span.gfoldercollapse {
 div.gtaskbarcontainer {
   z-index: 1;
   position: absolute;
-  top: 0px
+  top: 0px;
 }
 
 .textbar {
@@ -510,7 +514,7 @@ div.gtaskbarcontainer {
   font-size: 10px;
   display: block;
   background: #ffffff;
-  color: #656565
+  color: #656565;
 }
 
 .gTaskInfo {
@@ -652,7 +656,7 @@ div.gtaskbarcontainer {
 /* Old Internet Explorer version hacks */
 
 .gantt {
-  _height: 100%
+  _height: 100%;
 }
 
 /* otherwise the chart disappears! */
@@ -777,7 +781,6 @@ td.gspanning div {
 }
 
 @media print {
-
   /* All your print styles go here */
   html,
   .gchartgrid {
@@ -795,8 +798,8 @@ td.gspanning div {
 
   /* Hide scrollbar for IE, Edge and Firefox */
   .gchartcontainer * {
-    -ms-overflow-style: none;  /* IE and Edge */
-    scrollbar-width: none;  /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
   }
 
   /* Hide tool-tip */
@@ -849,7 +852,8 @@ td.gspanning div {
 
 .gmainleft {
   overflow: hidden;
-  flex: 0 0 50%;
+  flex: 0 0 20%;
+  min-width: 220px;
   /* Allow side to grow and shrink */
   flex: 1 0 auto;
 }
@@ -957,25 +961,25 @@ td.gspanning div {
   }
 
   table {
-    page-break-after: auto
+    page-break-after: auto;
   }
 
   tr {
     page-break-inside: avoid;
-    page-break-after: auto
+    page-break-after: auto;
   }
 
   td {
     page-break-inside: avoid;
-    page-break-after: auto
+    page-break-after: auto;
   }
 
   thead {
-    display: table-header-group
+    display: table-header-group;
   }
 
   tfoot {
-    display: table-footer-group
+    display: table-footer-group;
   }
 }
 
@@ -996,7 +1000,7 @@ td.gspanning div {
   border-radius: 8px;
   border: 2px solid white;
   /* should match background, can't be transparent */
-  background-color: rgba(0, 0, 0, .5);
+  background-color: rgba(0, 0, 0, 0.5);
 }
 
 .frame::-webkit-scrollbar-track {
@@ -1009,4 +1013,4 @@ td.gspanning div {
   overflow: scroll;
   -ms-overflow-style: scrollbar;
   display: block;
-}
+}