working on grids

sails/src/assets/scripts/modules/student/controllers/collections.js

@@ -581,6 +581,13 @@ dashboardControllers.controller('StudentCollectionsCtrl', function StudentCollec
     modalInstance.result.then(function () {});
   };
 
+  $scope.child_grid = function(id_child_grid){
+
+    if(id_child_grid == null) return;
+
+    $scope.showGrid(id_child_grid);
+  };
+
   // Modal window to open picto config
   $scope.open_config = function (studentPicto) {
     console.log(studentPicto);

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

@@ -6,7 +6,7 @@
     <div class="" ng-switch="slide.state">
 
       <!-- Slides -->
-      <div class="col-xs-10">
+      <div class="col-xs-10 switch-animation">
         <div id="student_collection"
           class="student-collection"
           ng-class="{ 'student-collection-loading': loadingPictos }"
@@ -48,7 +48,9 @@
                   src="/app/img/redcross.png"
                   class="red-cross-visibility disabled"
                   ng-if="studentPicto.attributes.status == 'disabled'"/>
+
                 <img
+                  ng-click="child_grid(studentPicto.id_child_grid)"
                   ng-src="{{studentPicto.picto.uri}}"
                   class="unselectable"
                   ng-class="{
@@ -58,6 +60,7 @@
                   ng-style="{
                     'background-color': studentPicto.attributes.color || '#ffffff'
                   }"/>
+
                 <div
                     class="picto_options"
                     ng-if="studentPicto == emptyStudentPicto">