#91: menu à droite pour l'affichage des filters d'interaction

makinacorpus · Jul 20, 2015 · 5a003df · 5a003df
1 parent 83c5214
commit 5a003df
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 6 deletions.
diff --git a/app/scripts/controllers/commonmap.js b/app/scripts/controllers/commonmap.js
@@ -65,6 +65,15 @@ angular.module('accessimapEditeurDerApp')
 
       $scope.featureIcon = svgicon.featureIcon;
 
+      $scope.rightMenuVisible = false;
+      $scope.hideMenu = function() {
+        $scope.rightMenuVisible = false;
+      };
+
+      $scope.showMenu = function() {
+        $scope.rightMenuVisible = true;
+      };
+
       d3.select('svg').append('defs')
           .append('marker')
           .attr('id', 'midmarker')

diff --git a/app/styles/map.scss b/app/styles/map.scss
@@ -38,4 +38,8 @@
 
 .blink {
   animation: blink 3s ease infinite;
-}
+}
+
+.menu-right {
+  background-color: #EEEEEE;
+}
diff --git a/app/views/commonmap.html b/app/views/commonmap.html
@@ -85,10 +85,22 @@
   <input ng-model="interaction.value" class="form-control" type="text" id="comment"></input>
 </div>
 
-<div id="der"></div>
-<div id="der-legend"></div>
+<div class="col-xs-6">
+  <div id="der"></div>
+  <div id="der-legend"></div>
+  <div class="form-group">
+    <label for="comment">Commentaires de transcription</label>
+    <textarea class="form-control" rows="5" id="comment"></textarea>
+  </div>
+</div>
 
-<div class="form-group">
-  <label for="comment">Commentaires de transcription</label>
-  <textarea class="form-control" rows="5" id="comment"></textarea>
+<div class="mini-submenu pull-right" ng-hide="rightMenuVisible">
+    <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true" ng-click="showMenu()"></span>
 </div>
+<div class="col-xs-6 menu-right" ng-show="rightMenuVisible">
+  <span class="pull-right" id="slide-submenu" ng-click="hideMenu()">
+    <i class="fa fa-times"></i>
+  </span>
+    Ici, affichage des filtres d'interaction
+</div>
+