(wip) - cleanup

camptocamp · Apr 6, 2016 · 88d39bf · 88d39bf
1 parent a2de8dc
commit 88d39bf
Show file tree

Hide file tree

Showing 2 changed files with 57 additions and 3 deletions.
diff --git a/examples/drawfeature.html b/examples/drawfeature.html
@@ -69,6 +69,7 @@
   </head>
   <body ng-controller="MainController as ctrl">
     <div id="map" ngeo-map="ctrl.map"></div>
+
     <ngeo-drawfeature
         ngeo-btn-group
         class="btn-group"
@@ -122,15 +123,16 @@
         class="btn btn-default ngeo-drawfeature-text"
         ng-class="{active: dfCtrl.drawText.active}"
         ng-model="dfCtrl.drawText.active"></a>
-
     </ngeo-drawfeature>
+
     <input type="checkbox"
        ng-model="ctrl.dummyActive" /> Dummy
 
     <p id="desc">
       This example shows how to use the <code>ngeo-drawfeature</code>
       directive to draw vector features on the map.
     </p>
+
     <script src="../node_modules/jquery/dist/jquery.js"></script>
     <script src="../node_modules/angular/angular.js"></script>
     <script src="../node_modules/angular-animate/angular-animate.js"></script>

diff --git a/src/directives/drawfeature.js b/src/directives/drawfeature.js
@@ -24,10 +24,62 @@ goog.require('ngeo.measurelengthDirective');
  * Example:
  *
  *     <ngeo-drawfeature
- *       ngeo-drawfeature-active="ctrl.drawActive"
- *       ngeo-drawfeature-map="::ctrl.map">
+ *         ngeo-btn-group
+ *         class="btn-group"
+ *         ngeo-drawfeature-active="ctrl.drawActive"
+ *         ngeo-drawfeature-map="::ctrl.map">
+ *       <a
+ *         href
+ *         translate
+ *         ngeo-btn
+ *         ngeo-drawpoint
+ *         class="btn btn-default ngeo-drawfeature-point"
+ *         ng-class="{active: dfCtrl.drawPoint.active}"
+ *         ng-model="dfCtrl.drawPoint.active"></a>
+ *       <a
+ *         href
+ *         translate
+ *         ngeo-btn
+ *         ngeo-measurelength
+ *         class="btn btn-default ngeo-drawfeature-linestring"
+ *         ng-class="{active: dfCtrl.measureLength.active}"
+ *         ng-model="dfCtrl.measureLength.active"></a>
+ *       <a
+ *         href
+ *         translate
+ *         ngeo-btn
+ *         ngeo-measurearea
+ *         class="btn btn-default ngeo-drawfeature-polygon"
+ *         ng-class="{active: dfCtrl.measureArea.active}"
+ *         ng-model="dfCtrl.measureArea.active"></a>
+ *       <a
+ *         href
+ *         translate
+ *         ngeo-btn
+ *         ngeo-measureazimut
+ *         class="btn btn-default ngeo-drawfeature-circle"
+ *         ng-class="{active: dfCtrl.measureAzimut.active}"
+ *         ng-model="dfCtrl.measureAzimut.active"></a>
+ *       <a
+ *         href
+ *         translate
+ *         ngeo-btn
+ *         ngeo-drawrectangle
+ *         class="btn btn-default ngeo-drawfeature-rectangle"
+ *         ng-class="{active: dfCtrl.drawRectangle.active}"
+ *         ng-model="dfCtrl.drawRectangle.active"></a>
+ *       <a
+ *         href
+ *         translate
+ *         ngeo-btn
+ *         ngeo-drawtext
+ *         class="btn btn-default ngeo-drawfeature-text"
+ *         ng-class="{active: dfCtrl.drawText.active}"
+ *         ng-model="dfCtrl.drawText.active"></a>
  *     </ngeo-drawfeature>
  *
+ * @htmlAttribute {boolean} ngeo-drawfeature-active Whether the directive is
+ *     active or not.
  * @htmlAttribute {ol.Map} ngeo-drawfeature-map The map.
  * @return {angular.Directive} The directive specs.
  * @ngInject