feat: Add typeahead functionality for partner and departemen fields with input handling

opensipkd/base/static/css/osipkd.css

@@ -36,7 +36,7 @@ legend {
 }
 .twitter-typeahead .tt-hint {
   color: #a1a1a1;
-  z-index: 1;
+  z-index: auto;
   padding: 3px 6px;
   border: 1px solid transparent;
 }

opensipkd/base/static/js/form/posisi.js

+$(document).ready(function () {
+  $('#partner_nm').bind('typeahead:selected', function (obj, datum, name) {
+    $('#partner_id').val(datum.id);
+    console.log(datum.kode);
+  });
+  $('#partner_nm').on('input',
+    function (e) {
+      let val = $('#partner_nm').val();
+      if (val === null || val === "") {
+        $('#partner_id').val("");
+      }
+    });
+
+  
+  $('#departemen_nm').bind('typeahead:selected', function (obj, datum, name) {
+    $('#departemen_id').val(datum.id);
+    console.log(datum.kode);
+  });
+  $('#departemen_nm').on('input',
+    function (e) {
+      let val = $('#departemen_nm').val();
+      if (val === null || val === "") {
+        $('#departemen_id').val("");
+      }
+    });
+
+
+});
\ No newline at end of file

opensipkd/base/views/posisi.py

@@ -29,7 +29,7 @@ class AddSchema(colander.Schema):
     partner_id = colander.SchemaNode(
         colander.Integer(),
         oid="partner_id",
-        widget=widget.HiddenWidget(),
+        # widget=widget.HiddenWidget(),
     )
     nama = colander.SchemaNode(
         colander.String(),
@@ -38,7 +38,7 @@ class AddSchema(colander.Schema):
     departemen_id = colander.SchemaNode(
         colander.Integer(),
         oid="departemen_id",
-        widget=widget.HiddenWidget(),
+        # widget=widget.HiddenWidget(),
     )
     departemen = colander.SchemaNode(
         colander.String(),
@@ -58,6 +58,12 @@ class AddSchema(colander.Schema):
         oid="selesai",
         widget=widget_os.BootStrapDateInputWidget()
     )
+    widget = widget.FormWidget(
+
+        requirements=(("deform", None), 
+                      {
+                      "js": "opensipkd.base:static/js/form/posisi.js"}),
+    )
 
     def after_bind(self, schema, kw):
         request = kw.get('request')