Added ability to edit hardware components

views/component/edit.twig

@@ -0,0 +1,40 @@
+{% extends 'layout.twig' %}
+
+{% block title %}Editing Component: {{ component.name }}{% endblock %}
+
+{% block content %}
+
+<div class="row">
+  <div class="twelve columns">
+    <h1>Editing Component: {{ component.name }}</h1>
+  </div>
+</div>
+
+<div class="row">
+  <div class="twelve columns">
+    <form action="{{ url_for('component.edit', { component_id: component.id }) }}" method="POST" class="u-full-width">
+      <div class="row">
+        <div class="nine columns">
+					<label>
+						Component name:
+						<input type="text" id="component_name" class="u-full-width" name="component_name" value="{{ component.name }}">
+					</label>
+        </div>
+
+        <div class="three columns">
+          <label>
+            Component type:
+            <select class="u-full-width" name="component_type">
+              <option value="gpu" {% if component.type == 'gpu' %}selected{% endif %}>Graphics card</option>
+              <option value="cpu" {% if component.type == 'cpu' %}selected{% endif %}>Processor</option>
+            </select>
+          </label>
+        </div>
+      </div>
+
+      <input class="button button-primary u-full-width" type="submit" value="Submit">
+    </form>
+  </div>
+</div>
+
+{% endblock %}

views/component/view.twig

@@ -6,6 +6,7 @@
   <div class="row">
     <div class="twelve columns">
       <h1>{{ component.name }}</h1>
+      <p><a href="{{ url_for('component.edit', { component_id: component.id }) }}">Edit</a></p>
       <p>{{ component.type }}</p>
     </div>
   </div>