Merge pull request #4975 from camptocamp/fix-example

Fix the examples
camptocamp · Jun 27, 2019 · dad9664 · dad9664
2 parents d2afa6d + 91e9771
commit dad9664
Show file tree

Hide file tree

Showing 75 changed files with 75 additions and 1 deletion.
diff --git a/Makefile b/Makefile
@@ -234,7 +234,7 @@ gh-pages: .build/python-venv.timestamp
 		.build/python-venv.timestamp
 	mkdir -p $(dir $@)
 	$(PY_VENV_BIN)/python buildtools/generate-examples-index.py \
-		--app 'GeoMapFish' contribs/gmf/mobile.html 'GeoMapFish examples.' \
+		--app 'GeoMapFish' contribs/gmf/ 'GeoMapFish examples.' \
 		$< $(NGEO_EXAMPLES_HTML_FILES) > $@
 
 .build/examples-hosted/contribs/gmf/index.html: \

diff --git a/contribs/gmf/apps/iframe_api/index.html.ejs b/contribs/gmf/apps/iframe_api/index.html.ejs
@@ -89,6 +89,7 @@
       </ngeo-modal>
     </main>
     <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,default-3.6,Array.prototype.includes,Object.entries,Object.values"></script>
+    <script src="../../../dist/vendor.js?${htmlWebpackPlugin.options.vars.version}"></script>
     <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
     <script src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
     <% } %>

diff --git a/contribs/gmf/examples/authentication.html b/contribs/gmf/examples/authentication.html
@@ -13,5 +13,6 @@
       directive to insert an authentication panel in a GeoMapFish page.
     </p>
     <gmf-authentication gmf-authentication-password-validator="ctrl.passwordValidator"></gmf-authentication>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/backgroundlayerselector.html b/contribs/gmf/examples/backgroundlayerselector.html
@@ -17,5 +17,6 @@
         </gmf-backgroundlayerselector>
     </div>
     <gmf-map gmf-map-map="ctrl.map"></gmf-map>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/contextualdata.html b/contribs/gmf/examples/contextualdata.html
@@ -10,5 +10,6 @@
   <body ng-controller="MainController as ctrl">
     <gmf-map gmf-map-map="ctrl.map" gmf-contextualdata="" gmf-contextualdata-map="::ctrl.map" gmf-contextualdata-projections="::[21781, 4326]" gmf-contextualdata-callback="::ctrl.onRasterData"></gmf-map>
     <p id="desc">This example shows how to use the <code>gmf-contextualdata</code> directive to display coordinates or data related to the point after a right click on the map.</p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/datepicker.html b/contribs/gmf/examples/datepicker.html
@@ -29,5 +29,6 @@
         </pre>
       </li>
     </ul>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/displayquerygrid.html b/contribs/gmf/examples/displayquerygrid.html
@@ -50,5 +50,6 @@
         gmf-displayquerygrid-featuresstyle="ctrl.featureStyle"
         gmf-displayquerygrid-map="::ctrl.map">
     </gmf-displayquerygrid>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/displayquerywindow.html b/contribs/gmf/examples/displayquerywindow.html
@@ -60,5 +60,6 @@
       gmf-displayquerywindow-desktop="::ctrl.desktop"
       gmf-displayquerywindow-featuresstyle="ctrl.featureStyle">
     </gmf-displayquerywindow>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/drawfeature.html b/contribs/gmf/examples/drawfeature.html
@@ -35,5 +35,6 @@ <h2>Draw & Measure</h2>
       directive to create, modify and delete vector features on a map and
       style them as we please.
     </p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/editfeature.html b/contribs/gmf/examples/editfeature.html
@@ -59,5 +59,6 @@
         </div>
       </div>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/editfeatureselector.html b/contribs/gmf/examples/editfeatureselector.html
@@ -55,5 +55,6 @@
     </gmf-editfeatureselector>
 
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/elevation.html b/contribs/gmf/examples/elevation.html
@@ -44,5 +44,6 @@
     </div>
 
     <p id="desc">This example shows how to use the <code>gmf-elevation</code> directive to get elevation under the mouse position.</p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/featurestyle.html b/contribs/gmf/examples/featurestyle.html
@@ -19,5 +19,6 @@
       directive to style a vector feature. Click on a feature to show the
       directive.
     </p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/filterselector.html b/contribs/gmf/examples/filterselector.html
@@ -57,5 +57,6 @@
           tool-group="ctrl.toolGroup">
       </gmf-filterselector>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/importdatasource.html b/contribs/gmf/examples/importdatasource.html
@@ -43,5 +43,6 @@
           map="ctrl.map">
       </gmf-importdatasource>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/layertree.html b/contribs/gmf/examples/layertree.html
@@ -25,5 +25,6 @@
     <gmf-layertree
         gmf-layertree-map="::ctrl.map">
     </gmf-layertree>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/layertreeadd.html b/contribs/gmf/examples/layertreeadd.html
@@ -25,5 +25,6 @@
     <gmf-layertree
         gmf-layertree-map="::ctrl.map">
     </gmf-layertree>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/lidarprofile.html b/contribs/gmf/examples/lidarprofile.html
@@ -24,5 +24,6 @@
       gmf-lidarprofile-panel-line="ctrl.profileLine">
     </gmf-lidarprofile-panel>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/mobilemeasure.html b/contribs/gmf/examples/mobilemeasure.html
@@ -55,5 +55,6 @@
       <code>gmfRaster</code> service to also obtain the height of the
       location as well.
     </p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/mouseposition.html b/contribs/gmf/examples/mouseposition.html
@@ -17,5 +17,6 @@
       </div>
     </div>
     <p id="desc">This example shows how to use the <code>gmf.mouseposition</code> directive.</p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/objectediting.html b/contribs/gmf/examples/objectediting.html
@@ -51,5 +51,6 @@ <h2>ObjectEditing</h2>
         </li>
       </ul>
     </p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/objecteditinghub.html b/contribs/gmf/examples/objecteditinghub.html
@@ -53,5 +53,6 @@
         </button>
       </div>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/permalink.html b/contribs/gmf/examples/permalink.html
@@ -35,5 +35,6 @@
       <code>gmfPermalinkOptions</code> to customize the permalink crosshair
       feature style.
     </p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/print.html b/contribs/gmf/examples/print.html
@@ -107,5 +107,6 @@
         </div>
       </div>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/profile.html b/contribs/gmf/examples/profile.html
@@ -25,5 +25,6 @@
       gmf-profile-linesconfiguration="::ctrl.profileLinesconfiguration"
       gmf-profile-options="::ctrl.profileOptions">
     </gmf-profile>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/search.html b/contribs/gmf/examples/search.html
@@ -27,5 +27,6 @@
       <p>You typed: {{ctrl.inputValue}}</p>
       <div id="message"></div>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/share.html b/contribs/gmf/examples/share.html
@@ -33,5 +33,6 @@
     <ngeo-modal ng-model="ctrl.modalShareWithEmailShown">
       <gmf-share ng-if="ctrl.modalShareWithEmailShown" gmf-share-email="true"/>
     </ngeo-modal>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/simple.html b/contribs/gmf/examples/simple.html
@@ -10,5 +10,6 @@
   <body ng-controller="MainController as ctrl">
     <gmf-map gmf-map-map="ctrl.map"></gmf-map>
     <p id="desc">This example shows how to use the <code>gmf-map</code> directive to insert an OpenLayers map in a GeoMapFish page.</p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/themeselector.html b/contribs/gmf/examples/themeselector.html
@@ -14,5 +14,6 @@
 
     </div>
     <p id="desc">This example shows how to use the <code>gmf.themeselector</code> directive from a c2c geoportal theme service.</p>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/timeslider.html b/contribs/gmf/examples/timeslider.html
@@ -35,5 +35,6 @@
         </pre>
       </li>
     </ul>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/wfspermalink.html b/contribs/gmf/examples/wfspermalink.html
@@ -48,5 +48,6 @@
       gmf-displayquerywindow-desktop="false"
       gmf-displayquerywindow-featuresstyle="ctrl.featureStyle">
     </gmf-displayquerywindow>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/contribs/gmf/examples/xsdattributes.html b/contribs/gmf/examples/xsdattributes.html
@@ -42,5 +42,6 @@
         </div>
       </div>
     </div>
+    <script type="text/javascript" src="../../dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/animation.html b/examples/animation.html
@@ -19,5 +19,6 @@
     </label>
     <p>Use the <em>Open sidebar!</em> to open the sidebar and change the width of the map.</p>
     <p id="desc">This example shows how to animate the resizing of a map without distortions of the map during the animation. This uses the <code><a href="../apidoc/ngeo.map.resizemap.html" title="Read our documentation">ngeoResizemap</a></code> directive.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/asitvd.html b/examples/asitvd.html
@@ -13,5 +13,6 @@
       This example shows how to use the <code>ngeo.source.AsitVD</code> source to access tiles from the
       <a href="https://asitvd.ch/chercher/geoservices/fond-de-plan-asit-vd.html">ASIT VD tile server</a>.
     </p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/attributes.html b/examples/attributes.html
@@ -44,5 +44,6 @@
         <textarea readonly ng-model="ctrl.log" rows="10" cols="100"></textarea>
       </div>
     </div>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/backgroundlayer.html b/examples/backgroundlayer.html
@@ -33,5 +33,6 @@
 
     </div> <!-- container -->
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/backgroundlayerdropdown.html b/examples/backgroundlayerdropdown.html
@@ -13,5 +13,6 @@
     <div>
       <p id="desc">This example shows how to write an application-specific directive (<code>app-backgroundlayer</code>) to create a background layer selector. The directive is based on Bootstrap's <code>dropdown</code> jQuery plugin, and on the <code><a href="../apidoc/ngeo.map.BackgroundLayerMgr.html" title="Read our documentation">ngeoBackgroundLayerMgr</a></code> service.</p>
     </div>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/bboxquery.html b/examples/bboxquery.html
@@ -26,5 +26,6 @@
 
     <app-queryresult></app-queryresult>
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/colorpicker.html b/examples/colorpicker.html
@@ -19,5 +19,6 @@
     <div>
       <p id="desc">This example shows how to write an application-specific directive (<code>app-colorpicker</code>) based on <code>ngeo-colorpicker</code>to create a color picker.</p>
     </div>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/control.html b/examples/control.html
@@ -11,5 +11,6 @@
     <div id="map" ngeo-map="ctrl.map"></div>
     Mouse position: <div id="mouse-position" ngeo-control="ctrl.control" ngeo-control-map="ctrl.map"></div>
     <p id="desc">This example shows how to use the <code><a href="../apidoc/ngeo.misc.controlComponent.html" title="Read our documentation">ngeo-control</a></code> directive to insert an OpenLayers control in the page.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/createfeature.html b/examples/createfeature.html
@@ -64,5 +64,6 @@
       a map.
     </p>
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/datepicker.html b/examples/datepicker.html
@@ -29,5 +29,6 @@
         </pre>
       </li>
     </ul>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/datetimepicker.html b/examples/datetimepicker.html
@@ -21,5 +21,6 @@
       ng-model="ctrl.datetime"
       ngeo-datetimepicker
       ngeo-datetimepicker-options="{scrollTime: false, format: 'Y-m-d H:i:s', mask: '9999-19-39 29:59:59'}"></p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/desktopgeolocation.html b/examples/desktopgeolocation.html
@@ -23,5 +23,6 @@
         directive.
       </p>
     </div>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/disclaimer.html b/examples/disclaimer.html
@@ -53,5 +53,6 @@
           class="btn btn-danger">Close all</button>
     </div>
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/displaywindow.html b/examples/displaywindow.html
@@ -80,5 +80,6 @@ <h3>Using AngularJS bindings:</h3>
         </p>
       </div>
     </script>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/drawfeature.html b/examples/drawfeature.html
@@ -74,5 +74,6 @@
       directive to draw vector features on the map.
     </p>
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/elevationProfile.html b/examples/elevationProfile.html
@@ -23,5 +23,6 @@
     </ul>
 
     <p id="desc">This example shows how to use <code><a href="../apidoc/ngeo.profile.elevationComponent.html" title="Read our documentation">ngeo-profile</a></code> to create a D3-based elevation profile graphic.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/googlestreetview.html b/examples/googlestreetview.html
@@ -38,5 +38,6 @@
     </div>
     <script src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyA3NVIy-HOYT0a0CkChA6nFwqEFqHYWBVk"></script>
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/grid.html b/examples/grid.html
@@ -12,5 +12,6 @@
 
     <ngeo-grid ngeo-grid-configuration="ctrl.gridConfig"></ngeo-grid>
 
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/importfeatures.html b/examples/importfeatures.html
@@ -13,5 +13,6 @@
     <p ng-hide="::ctrl.fileReaderSupported">Your browser doesn't support the <code>FileReader</code> API! IE 9?</p>
     <p id="desc">This example shows how to use the <code><a href="../apidoc/ngeo.misc.filereaderComponent.html" title="Read our documentation">ngeo-filereader</a></code> directive to import features from a KML file read from the user's file system.</p>
     <p>You can download and use the <a href="http://openlayers.org/en/master/examples/data/kml/2012-02-10.kml">2012-02-10.kml file</a> from the OpenLayers examples for testing.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/interactionbtngroup.html b/examples/interactionbtngroup.html
@@ -19,5 +19,6 @@
     <button ngeo-btn class="btn btn-primary" ng-model="ctrl.showInfo">Info</button>
     <div ng-show="ctrl.showInfo" ng-cloak class="alert alert-success" role="alert"><b>ngeo-btn</b> directive works also outside <b>ngeo-btn-group</b> one</div>
     <p id="desc">This example shows how to use the <code><a href="../apidoc/ngeo.misc.btnComponent.html" title="Read our documentation">ngeo-btn-group</a></code> and <code><a href="../apidoc/ngeo.misc.btnComponent.html" title="Read our documentation">ngeo-btn</a></code> directives to activate/deactivate OpenLayers interactions in a toggle group.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/layerorder.html b/examples/layerorder.html
@@ -26,5 +26,6 @@
       <input type="checkbox" ng-model="ctrl.toggleRoadsLayer" ng-model-options="{getterSetter: true}"/>
     <label>
       <p id="desc">This example shows how to use the <code><a href="../apidoc/ngeo.misc.sortableComponent.html" title="Read our documentation">ngeo-sortable</a></code> directive and the <code><a href="../apidoc/ngeo.misc.syncArrays.html" title="Read our documentation">ngeo.misc.syncArrays</a></code> function to create a list of layers where the order of layers can be changed using drag-and-drop.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/layertree.html b/examples/layertree.html
@@ -11,5 +11,6 @@
     <div id="map" ngeo-map="mainCtrl.map"></div>
     <app-layertree app-layertree-map="::mainCtrl.map"></app-layertree>
     <p id="desc">This example shows how to use ngeo's layer tree directive (<code><a href="../apidoc/ngeo.layertree.component.html" title="Read our documentation">ngeo-layertree</a></code>). It also shows how to define an application-specific HTML partial for the tree nodes.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/locationsearch.html b/examples/locationsearch.html
@@ -19,5 +19,6 @@
       service and the <code><a href="../apidoc/search.html#LocationSearchOptions" title="Read our documentation">LocationSearchOptions</a></code>
       options together with the <a href="http://api3.geo.admin.ch/services/sdiservices.html#search">GeoAdmin Location Search API</a>.
     </div>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>
diff --git a/examples/mapfishprint.html b/examples/mapfishprint.html
@@ -15,5 +15,6 @@
     <span ng-bind="ctrl.printState"></span>
     <p id="desc">This example shows how to use <code><a href="../apidoc/ngeo.createPrintServiceFactory.html" title="Read our documentation">ngeo.Print</a></code> to print an OpenLayers map with MapFish Print v3.</p>
     <p>In this example the best print scale is chosen based on the current map resolution.</p>
+    <script type="text/javascript" src="dist/vendor.js"></script>
   </body>
 </html>