working on collections slider

sails/src/assets/scripts/modules/student/views/collections.html

-<!-- Collection tab-->
+<!-- Collection tab -->
 <div class="panel panel-default student_tab_panel">
 <div class="panel panel-default student_tab_panel">
   <div class="panel-body">
   <div class="panel-body">
-    <!--
-    <div class="row">
-      <div class="col-md-6">
-        <a class="btn btn-success btn-sm" role="button" ng-click="open()">
-          <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
-          <span translate>add_picto</span>
-        </a>
-      </div>
-    </div>
-    -->
-    <div class="col-xs-10"><!-- col-xs-10 -->
+
+    <!-- Switch panel body -->
+    <div class="" ng-switch="slide.state">
+
+      <!-- Slides -->
+      <div class="col-xs-10">
         <div id="student_collection"
         <div id="student_collection"
           class="student-collection"
           class="student-collection"
           ng-class="{ 'student-collection-loading': loadingPictos }"
           ng-class="{ 'student-collection-loading': loadingPictos }"
@@ -110,6 +105,8 @@
         </div>
         </div>
       </div><!--/. col-xs-10 -->
       </div><!--/. col-xs-10 -->
 
 
+    </div><!--/. Switch panel body -->
+
     <div class="col-xs-2">
     <div class="col-xs-2">
       <div class="text-center">
       <div class="text-center">
         <input type="text" class="editable grid-name text-center" ng-model="viewingGrid.name" ng-blur="update_grid(viewingGrid)">
         <input type="text" class="editable grid-name text-center" ng-model="viewingGrid.name" ng-blur="update_grid(viewingGrid)">