added symbols on cards

templates/drag_example.html

@@ -22,7 +22,18 @@
     <div class="row top-buffer">
         <div class="main-canvas">
             {% for i in range(0,9) %}
-                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" >{{ cmds[i].action }}
+                {% if 'forward' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #28a745">
+                {% elif 'backward' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #E74C3C">
+                {% elif 'left' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #f3d500">
+                {% elif 'right' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #2832ad">
+                {% else %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: rgba(128,116,109,0.55)">
+                {% endif %}
+                        <img src="static/{{ cmds[i].action }}.png">
                 <p style="font-size: 10px">{{ cmds[i].priority }}</p>
             </div>
             {% endfor %}