Modify rotation tab to a dropdown menu

infoscreen/templates/infoscreen_admin.html

@@ -25,7 +25,7 @@
                 </form>
             </div>
         </div>
-        <div class="container">
+        <div class="container" ng-controller="infoadmin_ctrl">
             <div class="row">
                 <div class="col-md-12">
                     <h1>{% trans "Infoscreen Admin Pane" %}</h1>
@@ -33,9 +33,12 @@
             </div>
             <ul class="nav nav-tabs" role="tablist">
                 <li class="active"><a data-toggle="tab" href="#slides" role="tab">Slides</a></li>
-                <li class="nav-item"><a data-toggle="tab" href="#rotations " role="tab">Rotations</a></li>
+                <li class="dropdown">
+                    <a data-toggle="dropdown" href="#">Rotations<span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li ng-repeat="r in rotations"><a href="#rotations" ng-click="selectRotation(r.id)" data-toggle="tab">{$ r.name $}</a></li>
+                    </ul>
                 <li class="nav-item"><a data-toggle="tab" href="#deleterot " role="tab">Manage Rotations</a></li>
-
             </ul>
             <div class="tab-content">
                 <div id="slides" class="tab-pane active">
@@ -143,7 +146,8 @@
                     </div>
                 </div>
                 <div id="deleterot" class="tab-pane">
-                    <div class="col-xs-12 col-md-6" ng-controller="infoadmin_ctrl">
+                    <div class="col-xs-12 c
+                                <td></td>ol-md-6" ng-controller="infoadmin_ctrl">
                         <h2>{% trans "Rotations" %}</h2>
                         <div>
                             {% trans "Select rotation to edit" %}: