capibara 1.3.55 → 1.3.57

package/package.json

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

package/src/scss/components/_input_nav.scss

@@ -31,6 +31,42 @@
     }
   }
 
+  .time.time-sm {
+    .symbol {
+      width: 10px;
+      font-size: 1rem;
+    }
+    input {
+      width: 40px;
+      font-size: 1rem;
+      padding: 3px;
+    }
+  }
+
+  .input-section.input-section.time-sm {
+    .text-subtitle {
+      font-size: 0.8em;
+    }
+  }
+
+  .time.time-sm {
+    .symbol {
+      width: 10px;
+      font-size: 1rem;
+    }
+    input {
+      width: 40px;
+      font-size: 1rem;
+      padding: 3px;
+    }
+  }
+
+  .input-section.input-section.time-sm {
+    .text-subtitle {
+      font-size: 0.8em;
+    }
+  }
+
   //big input
   .time {
     border-radius: 6px;

package/src/util/tableElements.js

@@ -1247,13 +1247,13 @@ export default {
               if (v.round && !isNaN(value)) {
                 value = utils.round(value, v.round);
               }
-              if (v.input) {
-                switch (v.input) {
-                  case "hour":
-                    value = value.split(":");
-                    let hhValue = value[0];
-                    let mmValue = value[1];
-                    initialNavList += `
+          if (v.input) {
+            switch (v.input) {
+              case "hour":
+                value = value.split(":");
+                let hhValue = value[0];
+                let mmValue = value[1];
+                initialNavList += `
                                   <div class="item-col has-input">
                                     <div class="hour-input">
                                       <input type="number"
@@ -1591,8 +1591,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 +1698,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;
@@ -3245,6 +3249,7 @@ export default {
         r = this.createInputButtonsGroup(props, dataDay);
         break;
       case "time":
+      case "time-sm":
         r = this.createInputTime(props, dataDay);
         break;
       case "input-text":
@@ -3283,12 +3288,12 @@ export default {
     let $elem = dom.createElementFromHTML(`
           <div class="input-section ${
             props.isHidden ? "hide" : ""
-          } " input-key="${props.key || ""}">
+          } ${props.type === 'time-sm' ? 'time-sm' : ''}" input-key="${props.key || ""}">
             <span class="text-subtitle d-block">
               ${props.label || ""}
             </span>
             <div class="d-flex">
-              <div class="time">
+              <div class="time ${props.type === 'time-sm' ? 'time-sm' : ''}">
                 <input type="number"
                       class="hour"
                       id="test"