Add display type and sort by name to info items

infoscreen/models.py

@@ -51,6 +51,7 @@ class InfoItem(models.Model):
             'name': self.name,
             'item_type': ContentType.objects.get_for_model(self).id,
             'template_url': self.get_template_url(),
+            'display_name': self.display_name,
             'create_template_url': self.get_create_template_url(),
             'options': {}
         }
@@ -99,7 +100,7 @@ class SossoInfoItem(InfoItem):
 
 
 class ImageInfoItem(InfoItem):
-    display_name = _("Image upload")
+    display_name = _("Image")
     img = models.ImageField(upload_to="infoimages/")
 
     def get_template_url(self):

infoscreen/templates/infoscreen_admin.html

@@ -36,12 +36,14 @@
                     <table class="table table-striped">
                         <tr>
                             <th>{% trans "Item" %}</th>
+                            <th>{% trans "Type" %}</th>
                             <th>{% trans "Set duration" %}</th>
                             <th>{% trans "Add to rotation" %}</th>
                             <th>{% trans "Delete" %}</th>
                         </tr>
-                        <tr ng-repeat="i in infoitems">
+                        <tr ng-repeat="i in infoitems | orderBy:['display_name','name']">
                             <td>{$ i.name $}</td>
+                            <td>{$ i.display_name $}</td>
                             <td><input type="text" class="form-control" ng-model="i.duration"></input></td>
                             <td><input type="button" class="btn btn-success" ng-click="createInstance(selected_rot.id, i.id, i.item_type, i.duration);" value="{% trans "Add" %}"></input></td>
                             <td><input type="button" class="btn btn-danger" ng-click="deleteItem(i.item_type, i.id);" value="{% trans "Delete" %}"></input></td>