From f963ed2aef724cf41af38520be6d47bbeef18e3f Mon Sep 17 00:00:00 2001
From: Stephen <ganstephenkusumo@gamil.com>
Date: Thu, 13 Jun 2024 11:25:59 +0700
Subject: [PATCH] enchancement content hasil-non-lab

---
 assets/mcu/hasil-non-lab.html | 133 ++++++++++++++++++++++++++++++++--
 1 file changed, 127 insertions(+), 6 deletions(-)

diff --git a/assets/mcu/hasil-non-lab.html b/assets/mcu/hasil-non-lab.html
index 558db6f..5dd3d67 100644
--- a/assets/mcu/hasil-non-lab.html
+++ b/assets/mcu/hasil-non-lab.html
@@ -232,18 +232,139 @@
         </ul>
         <!--nav tab-->
       </div>
-      <div class="mt-10">
+      <div class="my-10">
+       
         <form class="form">
-          <span class="type-text">ECG</span>
-          <div class="form-group row">
-            <label  class="col-2 col-form-label">Text</label>
-            <div class="col-10">
-              <input class="form-control form-control-solid" type="text" value="Artisanal kale" id="input1"/>
+           <!-- Start Thorax PA (CR) Content -->
+          <div class="form-group">
+            <span class="type-text">Thorax PA (CR)</span>
+            <div class="row my-5" name="result">
+              <label  class="col-2 col-form-label font-weight-bold">Hasil</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
             </div>
+            <div class="row my-5" name="sinuses">
+              <label  class="col-2 col-form-label font-weight-bold">Cor, Sinuses dan Diafragma</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
+            </div>
+            <div class="row my-5" name="cor">
+              <label  class="col-2 col-form-label font-weight-bold">Cor</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
+            </div>
+              <div class="row my-5" name="pulmo">
+                <label  class="col-2 col-form-label font-weight-bold">Pulmo</label>
+                <div class="col-10">
+                  <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+                </div>
+              </div>
+              <div class="row my-10" name="image">
+              <label  class="col-2 col-form-label font-weight-bold">Image</label>
+              <div class="col-10">
+                <div class="image-input image-input-outline" id="image_input_1">
+                  <div class="image-input-wrapper"></div>
+                  <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="Change avatar">
+                    <i class="fa fa-pen icon-sm text-muted"></i>
+                    <input type="file" name="profile_avatar" accept=".png, .jpg, .jpeg"/>
+                    <input type="hidden" name="profile_avatar_remove"/>
+                  </label>
+                
+                  <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="cancel" data-toggle="tooltip" title="Cancel avatar">
+                    <i class="ki ki-bold-close icon-xs text-muted"></i>
+                  </span>
+                </div>
+              </div>
           </div>
+          </div>
+          <!-- End Thorax PA (CR) Content -->
+          <!-- Start ECG Content -->
+          
+          <div class="form-group">
+            <span class="type-text">ECG</span>
+            <div class="row my-5" name="irama">
+              <label  class="col-2 col-form-label font-weight-bold">Irama</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
+            </div>
+            <div class="row my-5" name=""axis>
+              <label  class="col-2 col-form-label font-weight-bold">Axis</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
+            </div>
+            <div class="row my-5" name="rotation">
+              <label  class="col-2 col-form-label font-weight-bold">Rotation</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
+            </div>
+            <div class="row my-5" name="hourRate">
+              <label  class="col-2 col-form-label font-weight-bold">Hour Rate</label>
+              <div class="col-10">
+                <textarea class="form-control form-control-solid font-weight-bold" rows="4">Normal</textarea>
+              </div>
+            </div>
+              <div class="row my-10" name="image">
+                <label  class="col-2 col-form-label font-weight-bold">Image</label>
+                <div class="col-10">
+                  <div class="image-input image-input-outline" id="image_input_2" >
+                    <div class="image-input-wrapper" style="width: 200px"></div>
+                    <label class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="change" data-toggle="tooltip" title="" data-original-title="Change avatar">
+                      <i class="fa fa-pen icon-sm text-muted"></i>
+                      <input type="file" name="profile_avatar" accept=".png, .jpg, .jpeg" />
+                      <input type="hidden" name="profile_avatar_remove"/>
+                    </label>
+                  
+                    <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow" data-action="cancel" data-toggle="tooltip" title="Cancel avatar">
+                      <i class="ki ki-bold-close icon-xs text-muted"></i>
+                    </span>
+                  </div>
+                </div>
+              </div>
+          </div>
+          <!-- End ECG Content -->
         </form>
       </div>
     </div>
     <!--begin::end-->
+
+    <!--end::Global Config-->
+    <!--begin::Global Theme Bundle(used by all pages)-->
+    <script src="assets/plugins/global/plugins.bundle.js"></script>
+    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+    <script src="assets/js/scripts.bundle.js"></script>
+    <!--end::Global Theme Bundle-->
+
+    <!--begin::Page Vendors(used by this page)-->
+    <script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script>
+    <!--end::Page Vendors-->
+
+    <!--begin::Page Scripts(used by this page)-->
+    <script src="assets/js/pages/widgets.js"></script>
+    <!--end::Page Scripts-->
+    <!-- echartjs.min.js -->
+    <script src="assets/js/echarts-js/echart.min.js"></script>
+    <script>
+      // Mengambil elemen-elemen dengan ID yang sesuai
+      var imageInputs = document.querySelectorAll('[id^="image_input_"]');
+      // Menghitung jumlah elemen
+      var count = imageInputs.length;
+
+      // Membuat instance KTImageInput untuk setiap elemen
+      for (var i = 0; i < count; i++) {
+          initializeKTImageInput(imageInputs[i].id);
+      }
+
+      // Fungsi untuk membuat instance KTImageInput
+      function initializeKTImageInput(elementId) {
+          return new KTImageInput(elementId);
+      }
+  </script>
+  
   </body>
 </html>
\ No newline at end of file