no 'save' button in config edit - changes are submitted onChange

gotzl · gotzl · commit de242123f41f · 2019-06-06T13:39:26.000+02:00
modified cfg rename button
version bump
diff --git a/cfgs/templates/cfgs/confEdit.html b/cfgs/templates/cfgs/confEdit.html
@@ -75,7 +75,6 @@
 
                         {% csrf_token %}
                         {% form form=form %}{% endform %}
-                        <input type="submit" class="btn green" value="Save">
                     </form>
                 <!--</div>-->
             </div>
@@ -92,7 +91,6 @@
                         {% csrf_token %}
                         <!--{{ frm }}-->
                         {% form form=frm %}{% endform %}
-                        <input type="submit" class="btn green" value="Save">
                         <input type="hidden" name="_id" value="{{forloop.counter0}}">
                     </form>
                 </div>
@@ -142,6 +140,16 @@
 
             {% endif %}
             {% endif %}
+
+
+            <script>
+                $(function() { $(":input").change(function() {
+                    $.post( '', $(this.form).serialize(), function(data) {
+                         alert('server response'+data);
+                       }, 'json' );
+                })
+                });
+            </script>
         </div>
     </div>
 </div>
diff --git a/cfgs/templates/cfgs/confSelect.html b/cfgs/templates/cfgs/confSelect.html
@@ -33,9 +33,11 @@ <h6 style="font-weight:bold">Existing configs</h6>
                 <td style="width: 200px">
                     <form id="cfgform{{forloop.counter0}}" style="margin: 0" action="/cfgs/rename" method="post">{% csrf_token %}
                         <input hidden name="cfg" value="{{cfg}}">
-                        <input id="cfgname{{forloop.counter0}}" name="cfgname" type="button"
-                               class="btn blue" oldvalue={{cfg}} value={{cfg}} onclick="location.href = '/cfgs/{{cfg}}';">
-                    <i id="rename{{forloop.counter0}}" type="button" title="Rename" class="material-icons">edit</i>
+                        <i id="rename{{forloop.counter0}}" type="button"
+                           style="vertical-align: middle; color: blue"
+                           title="Rename" class="material-icons">edit</i>
+                        <input id="cfgname{{forloop.counter0}}" name="cfgname"
+                               oldvalue={{cfg}} value={{cfg}} style="width: 150px" readonly>
                     </form>
                 </td>
                 <td>
@@ -60,20 +62,18 @@ <h6 style="font-weight:bold">Existing configs</h6>
             <script>
                 $("#rename{{forloop.counter0}}").click(function (){
                     var cfg = $("#cfgname{{forloop.counter0}}");
-                    var type   = cfg.prop('type');
-                    cfg.toggleClass("btn blue")
-                    if (type == 'button') {
+                    var ro  = cfg.prop('readonly');
+                    cfg.prop('readonly', !ro);
+                    if (ro) {
+                        $(this).css('color','red');
                         cfg.prop('oldvalue', cfg.val());
                         cfg.prop('type', 'text');
-                        cfg.off('click');
-                        cfg.removeAttr("onclick");
+                        cfg.focus()
                     } else {
+                        $(this).css('color','blue');
                         if (cfg.prop('oldvalue') != cfg.val()) {
                             $("#cfgform{{forloop.counter0}}").submit();
                         }
-                        cfg.prop('type', 'button');
-                        cfg.on('click');
-                        cfg.attr('onclick',"location.href = '/cfgs/{{cfg}}';");
                     }
                 })
             </script>
diff --git a/templates/base.html b/templates/base.html
@@ -102,7 +102,7 @@
 </div>
 
 <footer style="float: right; text-align: right; position: absolute; bottom: 0px; right: 10px;">
-    &copy; 2018 Matthias Gorzellik | v0.2 | <a href="https://github.com/gotzl/accservermanager">GitHub</a>
+    &copy; 2019 Matthias Gorzellik | v0.3 | <a href="https://github.com/gotzl/accservermanager">GitHub</a>
 </footer>
 </body>
 <html>
