#91: champs éditables et checkboxes

makinacorpus · Jul 21, 2015 · 0328bb8 · 0328bb8
1 parent 4e44452
commit 0328bb8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/app/scripts/app.js b/app/scripts/app.js
@@ -20,7 +20,8 @@ angular
     'ui.select',
     'ui.bootstrap-slider',
     'ui.keypress',
-    'ui.grid'
+    'ui.grid',
+    'ui.grid.edit'
   ])
   .config(function($routeProvider) {
     $routeProvider

diff --git a/app/scripts/controllers/commonmap.js b/app/scripts/controllers/commonmap.js
@@ -79,19 +79,28 @@ angular.module('accessimapEditeurDerApp')
         'f0': 'Aucune interaction',
         'f1': 'Valeur OSM'
       }, {
-        'id': 'expandable',
+        'id': 'Guidage',
         'f0': false,
-        'f1': false
+        'f1': true,
+        'type': 'boolean'
       }, {
         'id': 'title',
         'f0': 'Titre par défaut',
       }];
 
+      var checkboxTemplate = '<input ng-if="row.entity.type === \'boolean\'" type="checkbox" value="{{row.entity[col.field]}}" ng-model="row.entity[col.field]"><div ng-if="row.entity.type !== \'boolean\'">{{row.entity[col.field]}}</div>';
+
       $scope.interactiveFilters = {
-        data: $scope.interactiveFiltersInit
+        data: $scope.interactiveFiltersInit,
+        showSelectionCheckbox: true,
+        enableSorting: false,
+        columnDefs: [
+          { name: 'id', enableCellEdit: false },
+          { name: 'f0', cellTemplate: checkboxTemplate },
+          { name: 'f1', cellTemplate: checkboxTemplate }
+        ],
       };
 
-
       d3.select('svg').append('defs')
           .append('marker')
           .attr('id', 'midmarker')

diff --git a/app/views/commonmap.html b/app/views/commonmap.html
@@ -102,6 +102,6 @@
     <i class="fa fa-times"></i>
   </span>
     Ajouter des interactions
-    <div ui-grid="interactiveFilters" class="myGrid"></div>
+    <div ui-grid="interactiveFilters" ui-grid-edit class="myGrid"></div>
 </div>