inspect: Add keyboard shortcut for edit, Create extra set of buttons

- Sometimes it's a far way down to the edit button, so this can help you
  with that
- Also it's kind of an reflex these days to press 'e' to edit something
- Having an extra set of buttons at the top makes editing for mouse
  people easier (potentially)

Author: YannikSc

serveradmin/servershell/static/js/inspect.js

@@ -0,0 +1,5 @@
+document.addEventListener("keypress", (event) => {
+  if (event.key == "e") {
+    document.querySelector("[data-edit-link]").click();
+  }
+});

serveradmin/servershell/templates/servershell/edit.html

@@ -25,6 +25,13 @@ <h3>
             {% endif %}
         </div>
     </div>
+    <div class="row mb-3">
+        <div class="col-md-2"></div>
+        <div class="col-md-8">
+            <input class="btn btn-success" type="submit" value="Commit" />
+            <a href="{% url 'servershell_index' %}" class="btn btn-danger">Cancel</a>
+        </div>
+    </div>
     <div class="row">
         <div class="col-md-2"></div>
         <div class="col-md-8">

serveradmin/servershell/templates/servershell/inspect.html

@@ -12,7 +12,7 @@
 
 {% block content %}
 <div>
-<div class="row">
+<div class="row mb-3">
     <div class="col-md-2"></div>
     <div class="col-md-8">
         <h3>
@@ -21,7 +21,14 @@ <h3>
         </h3>
     </div>
 </div>
-<div class="row">
+<div class="row mb-3">
+    <div class="col-md-2"></div>
+    <div class="col-md-8">
+        <a class="btn btn-success" data-edit-link href="{% url 'servershell_edit' %}?object_id={{ object_id }}">Edit</a>
+        <a href="{% url 'servershell_index' %}" class="btn btn-success">Goto Servershell</a>
+    </div>
+</div>
+<div class="row mb-3">
     <div class="col-md-2"></div>
     <div class="col-md-8">
         <table class="table table-bordered table-sm table-borderless table-striped table-flex">
@@ -63,9 +70,13 @@ <h3>
 <div class="row">
     <div class="col-md-2"></div>
     <div class="col-md-8">
-        <a class="btn btn-success" href="{% url 'servershell_edit' %}?object_id={{ object_id }}">Edit</a>
+        <a class="btn btn-success" data-edit-link href="{% url 'servershell_edit' %}?object_id={{ object_id }}">Edit</a>
         <a href="{% url 'servershell_index' %}" class="btn btn-success">Goto Servershell</a>
     </div>
 </div>
 </div>
-{% endblock %}
+{% endblock %}
+
+{% block additional_scripts %}
+    <script src="{{ STATIC_URL }}js/inspect.js"></script>
+{% endblock %}