Improve register new host form

- disable item field for virtual hosts
- pre-fill interface name with hostname

app/static/js/hosts.js

@@ -24,6 +24,25 @@ $(document).ready(function() {
     update_available_ips();
   });
 
+  // Enable / disable item_id field depending on type
+  // Item can only be assigned for physical hosts
+  $("#type").on('change', function() {
+    var host_type = $(this).val();
+    if( host_type == "Physical" ) {
+      $("#item_id").prop("disabled", false);
+    } else {
+      $("#item_id").val("");
+      $("#item_id").prop("disabled", true);
+    }
+  });
+
+  // Prefill interface name with hostname
+  $("#name").keyup(function(event) {
+    var hostname = $(this).val();
+    console.log(hostname);
+    $("#interface_name").val(hostname);
+  });
+
   var hosts_table =  $("#hosts_table").DataTable({
     "ajax": function(data, callback, settings) {
       $.getJSON(

app/templates/_helpers.html

@@ -18,7 +18,6 @@
 
 {% macro render_field(field) -%}
   {% set field_class = kwargs.pop('class_', '') + ' form-control' %}
-  {% set readonly = kwargs.pop('readonly', False) %}
   {% if field.errors %}
     {% set field_class = field_class + ' is-invalid' %}
   {% endif %}
@@ -26,7 +25,7 @@
   <div class="form-group row">
     {{ field.label(class_="col-sm-2 col-form-label") }}
     <div class="col-sm-10">
-      {{ field(class_=field_class, readonly=readonly) }}
+      {{ field(class_=field_class, **kwargs) }}
       {% if field.description %}
         <small class="form-text text-muted">
           {{ field.description|safe }}

app/templates/networks/create_host.html

@@ -20,7 +20,7 @@
     {{ render_field(form.name, class_="text-lowercase") }}
     {{ render_field(form.type) }}
     {{ render_field(form.description) }}
-    {{ render_field(form.item_id) }}
+    {{ render_field(form.item_id, disabled=True) }}
     {{ render_field(form.network_id) }}
     {{ render_field(form.ip) }}
     {{ render_field(form.interface_name, class_="text-lowercase") }}