capibara 1.3.56 → 1.3.58

package/dist/minimal.html

@@ -14,6 +14,6 @@
     <script src="config_minimal.js"></script>
     <script src="data_minimal.js"></script>
     <script src="app_minimal.js"></script>
-<script type="text/javascript" src="/index.js"></script></body>
+<script type="text/javascript" src="./index.js"></script></body>
 
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capibara",
-  "version": "1.3.56",
+  "version": "1.3.58",
   "main": "dist/index.js",
   "repository": {
     "type": "git",

package/src/scss/layout/_header.scss

@@ -65,6 +65,13 @@
               &:focus {
                 background: rgba(255, 255, 255, 0.8);
               }
+
+              &.header-input--warn {
+                border-color: #e53935;
+                border-left-width: 1px;
+                background: rgba(229, 57, 53, 0.08);
+                color: #e53935;
+              }
             }
           }
         }

package/src/util/tableElements.js

@@ -921,14 +921,22 @@ export default {
             isDisabled = true;
           }
 
+          let warnClass = "";
+          if (d.warn && value !== "" && value !== null) {
+            const num = parseFloat(value);
+            if (!isNaN(num) && (num > d.warn.max || num < d.warn.min)) {
+              warnClass = "header-input--warn";
+            }
+          }
+
           return `<div class="dia-input">
-                  <input 
-                  date="${dateUtils.formatDate(date)}" 
-                  index="${d_index}" 
-                  class="header-input 
-                  ${date.varName} ${d.color ? "c-" + d.color + "--text" : ""}" 
+                  <input
+                  date="${dateUtils.formatDate(date)}"
+                  index="${d_index}"
+                  class="header-input ${warnClass}
+                  ${date.varName} ${d.color ? "c-" + d.color + "--text" : ""}"
                   type="number"
-                  ${isDisabled ? "disabled" : ""} 
+                  ${isDisabled ? "disabled" : ""}
                   value="${value}">
                 </div>`;
         })
@@ -963,6 +971,12 @@ export default {
           });
         }
 
+        if (typeData.warn) {
+          const num = parseFloat(value);
+          const isWarn = value !== "" && !isNaN(num) && (num > typeData.warn.max || num < typeData.warn.min);
+          e.currentTarget.classList.toggle("header-input--warn", isWarn);
+        }
+
         r.dispatchEvent(
           new CustomEvent("changeInputHeader", {
             bubbles: true,
@@ -1591,8 +1605,10 @@ export default {
       i.addEventListener("mouseover", (e) => {
         let pos = utils.eventToPositionNavLeft(config, e, $elem);
         let itemId = i.getAttribute("item-id");
-        let item = utils.getItemById(config, itemId);
         let typeNode = i.getAttribute("type-node");
+        let $container = i.closest(".nav-item-container");
+        let isParent = $container && $container.classList.contains("parent");
+        let item = utils.getItemById(config, itemId, isParent ? "parent" : "child");
         i.dispatchEvent(
           new CustomEvent("overNavItem", {
             bubbles: true,
@@ -1696,7 +1712,9 @@ export default {
         let key = i.getAttribute("input-key");
         let itemId = i.getAttribute("item-id");
         let typeNode = i.getAttribute("type-node");
-        let item = utils.getItemById(config, itemId);
+        let $container = i.closest(".nav-item-container");
+        let isParent = $container && $container.classList.contains("parent");
+        let item = utils.getItemById(config, itemId, isParent ? "parent" : "child");
         let value = i.value;
         if (inputType == "time") {
           let hh_input = i.parentElement.querySelector("input.hh").value;