Passage des CSS dsfr en externe dans les extensions

build/widgets.json

@@ -1,19 +1,19 @@
 {
     "openlayers" : [
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/Drawing.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/GetFeatureInfo.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/Route.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/Isocurve.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/MeasureToolBox.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/SearchEngine.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/ElevationPath.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/LayerImport.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/MousePosition.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/GeoportalAttribution.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/LayerSwitcher.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/ReverseGeocode.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/Measures/MeasureArea.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/Measures/MeasureLength.js",
-        "node_modules/geoportal-extensions-openlayers/src/OpenLayers/Controls/Measures/MeasureAzimuth.js"
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Drawing/Drawing.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/GetFeatureInfo/GetFeatureInfo.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Route/Route.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Isocurve/Isocurve.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/ToolBoxMeasure/MeasureToolBox.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/SearchEngine/SearchEngine.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/ElevationPath/ElevationPath.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/LayerImport/LayerImport.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/MousePosition/MousePosition.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Attribution/GeoportalAttribution.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/LayerSwitcher/LayerSwitcher.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/ReverseGeocode/ReverseGeocode.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Measures/MeasureArea.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Measures/MeasureLength.js",
+        "node_modules/geoportal-extensions-openlayers/src/packages/Controls/Measures/MeasureAzimuth.js"
     ]
 }

package.json

@@ -15,9 +15,10 @@
     "npm": "~8.3.1"
   },
   "dependencies": {
+    "@gouvfr/dsfr": "^1.11.0",
     "file-saver": "^2.0.5",
     "geoportal-access-lib": "3.4.0",
-    "geoportal-extensions-openlayers": "./geoportal-extensions-openlayers-1.0.0-beta.4.tgz",
+    "geoportal-extensions-openlayers": "./geoportal-extensions-openlayers-1.0.0-beta.5.tgz",
     "ol": "8.2.0"
   },
   "devDependencies": {

src/components/TheHeader.vue

@@ -88,7 +88,7 @@ export default {
         /* positioning */
         position: fixed;
         padding: 5px 45px;
-        width: 128px;
+        /* width: 128px; */
         /* top right of the page */
         top: 50px;
         right: -50px;

src/components/router/TheCptGeneratorMap.vue

@@ -244,7 +244,7 @@ export default {
   color: #FFFFFF;
   padding: 20px;
   margin: 5px;
-  width: 120px;
+  /* width: 120px; */
   text-align: center;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;

src/data/openlayers-elevationpath.doclet.json

@@ -1 +1 @@
-{"name":"elevationpath","auto":true,"params":[{"type":{"names":["Object"]},"description":"options for function call.","name":"options","value":null,"section":true},{"type":{"names":["String"]},"optional":true,"description":"API key for services call (isocurve and autocomplete services), mandatory if autoconf service has not been charged in advance","name":"options.apiKey","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":false,"description":"specify if control should be actived at startup. Default is false.","name":"options.active","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"use of ssl or not (default true, service requested using https protocol)","name":"options.ssl","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":false,"description":"Specify if button \"Export\" is displayed","name":"options.export","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"elevation path service options. See {@link http://ignf.github.io/geoportal-access-lib/latest/jsdoc/module-Services.html#~getAltitude Gp.Services.getAltitude()} for available options","name":"options.elevationPathOptions","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Layer informations to be displayed in LayerSwitcher widget (only if a LayerSwitcher is also added to the map)","name":"options.layerDescription","value":null,"section":true},{"type":{"names":["String"]},"optional":true,"defaultvalue":"\"Profil altimétrique\"","description":"Layer title to be displayed in LayerSwitcher","name":"options.layerDescription.title","value":null,"section":false},{"type":{"names":["String"]},"optional":true,"defaultvalue":"\"Mon profil altimétrique\"","description":"Layer description to be displayed in LayerSwitcher","name":"options.layerDescription.description","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"description":"styles management","name":"options.stylesOptions","value":null,"section":true},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"styles management of marker displayed on map when the user follows the elevation path. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Image-ImageStyle.html ol.style.Image} subclass object","name":"options.stylesOptions.marker","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"styles used when drawing. Specified with following properties.","name":"options.stylesOptions.draw","value":null,"section":true},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Style for mouse pointer when drawing the line. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Image-ImageStyle.html ol.style.Image} subclass object.","name":"options.stylesOptions.draw.pointer","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Line Style when drawing. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Stroke-Stroke.html ol.style.Stroke} object.","name":"options.stylesOptions.draw.start","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Line Style when finished drawing. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Stroke-Stroke.html ol.style.Stroke} object.","name":"options.stylesOptions.draw.finish","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"profile options.","name":"options.displayProfileOptions","value":null,"section":true},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the total distance of the path","name":"options.displayProfileOptions.totalDistance","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the greater slope into the graph","name":"options.displayProfileOptions.greaterSlope","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the mean slope into the graph","name":"options.displayProfileOptions.meanSlope","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the ascending elevation into the graph","name":"options.displayProfileOptions.ascendingElevation","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the descending elevation into the graph","name":"options.displayProfileOptions.descendingElevation","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display current slope value on profile mouseover","name":"options.displayProfileOptions.currentSlope","value":null,"section":false},{"type":{"names":["function"]},"optional":true,"description":"function to display profile if you want to cutomise it. By default, ([DISPLAY_PROFILE_BY_DEFAULT()](./ol.control.ElevationPath.html#.DISPLAY_PROFILE_BY_DEFAULT)) is used. Helper functions to use with D3 ([DISPLAY_PROFILE_LIB_D3()](./ol.control.ElevationPath.html#.DISPLAY_PROFILE_LIB_D3)) or AmCharts ([DISPLAY_PROFILE_LIB_AMCHARTS()](./ol.control.ElevationPath.html#.DISPLAY_PROFILE_LIB_AMCHARTS)) frameworks are also provided. You may also provide your own function.","name":"options.displayProfileOptions.apply","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"description":"DOM container to use to display the profile.","name":"options.displayProfileOptions.target","value":null,"section":false}],"examples":["var measure = new ol.control.ElevationPath({\n   export : false,\n   stylesOptions : {\n    draw : {\n      finish : new ol.style.Stroke({\n           color : \"rgba(0, 0, 0, 0.5)\",\n           width : 2\n      })\n    },\n   }\n   displayProfileOptions : {\n      apply : ol.control.ElevationPath.DISPLAY_PROFILE_RAW,\n   }\n});\n\nExemples :\n- displayProfileOptions.apply : null\n- displayProfileOptions.apply : function (elevations, container, context) {  // do some stuff... }\n- displayProfileOptions.apply : ol.control.ElevationPath.DISPLAY_PROFILE_{LIB_AMCHARTS | LIB_D3 | RAW}"]}
+{"name":"elevationpath","auto":true,"params":[{"type":{"names":["Object"]},"description":"options for function call.","name":"options","value":null,"section":true},{"type":{"names":["String"]},"optional":true,"description":"API key for services call (isocurve and autocomplete services). The key \"calcul\" is used by default.","name":"options.apiKey","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":false,"description":"specify if control should be actived at startup. Default is false.","name":"options.active","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"use of ssl or not (default true, service requested using https protocol)","name":"options.ssl","value":null,"section":false},{"type":{"names":["Boolean","Object"]},"optional":true,"defaultvalue":false,"description":"Specify if button \"Export\" is displayed. For the use of the options of the \"Export\" control, see {@link ol.control.Export}","name":"options.export","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"elevation path service options. See {@link http://ignf.github.io/geoportal-access-lib/latest/jsdoc/module-Services.html#~getAltitude Gp.Services.getAltitude()} for available options","name":"options.elevationOptions","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Layer informations to be displayed in LayerSwitcher widget (only if a LayerSwitcher is also added to the map)","name":"options.layerDescription","value":null,"section":true},{"type":{"names":["String"]},"optional":true,"defaultvalue":"\"Profil altimétrique\"","description":"Layer title to be displayed in LayerSwitcher","name":"options.layerDescription.title","value":null,"section":false},{"type":{"names":["String"]},"optional":true,"defaultvalue":"\"Mon profil altimétrique\"","description":"Layer description to be displayed in LayerSwitcher","name":"options.layerDescription.description","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"description":"styles management","name":"options.stylesOptions","value":null,"section":true},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"styles management of marker displayed on map when the user follows the elevation path. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Image-ImageStyle.html ol.style.Image} subclass object","name":"options.stylesOptions.marker","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"styles used when drawing. Specified with following properties.","name":"options.stylesOptions.draw","value":null,"section":true},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Style for mouse pointer when drawing the line. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Image-ImageStyle.html ol.style.Image} subclass object.","name":"options.stylesOptions.draw.pointer","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Line Style when drawing. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Stroke-Stroke.html ol.style.Stroke} object.","name":"options.stylesOptions.draw.start","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"Line Style when finished drawing. Specified with an {@link https://openlayers.org/en/latest/apidoc/module-ol_style_Stroke-Stroke.html ol.style.Stroke} object.","name":"options.stylesOptions.draw.finish","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"defaultvalue":"{}","description":"profile options.","name":"options.displayProfileOptions","value":null,"section":true},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the total distance of the path","name":"options.displayProfileOptions.totalDistance","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the greater slope into the graph","name":"options.displayProfileOptions.greaterSlope","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the mean slope into the graph","name":"options.displayProfileOptions.meanSlope","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the ascending elevation into the graph","name":"options.displayProfileOptions.ascendingElevation","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display the descending elevation into the graph","name":"options.displayProfileOptions.descendingElevation","value":null,"section":false},{"type":{"names":["Boolean"]},"optional":true,"defaultvalue":true,"description":"display current slope value on profile mouseover","name":"options.displayProfileOptions.currentSlope","value":null,"section":false},{"type":{"names":["function"]},"optional":true,"description":"function to display profile if you want to cutomise it. By default, ([DISPLAY_PROFILE_BY_DEFAULT()](./ol.control.ElevationPath.html#.DISPLAY_PROFILE_BY_DEFAULT)) is used. Helper functions to use with D3 ([DISPLAY_PROFILE_LIB_D3()](./ol.control.ElevationPath.html#.DISPLAY_PROFILE_LIB_D3)) or AmCharts ([DISPLAY_PROFILE_LIB_AMCHARTS()](./ol.control.ElevationPath.html#.DISPLAY_PROFILE_LIB_AMCHARTS)) frameworks are also provided. You may also provide your own function.","name":"options.displayProfileOptions.apply","value":null,"section":false},{"type":{"names":["Object"]},"optional":true,"description":"DOM container to use to display the profile.","name":"options.displayProfileOptions.target","value":null,"section":false}],"examples":["var measure = new ol.control.ElevationPath({\n   export : false,\n   stylesOptions : {\n    draw : {\n      finish : new ol.style.Stroke({\n           color : \"rgba(0, 0, 0, 0.5)\",\n           width : 2\n      })\n    },\n   }\n   displayProfileOptions : {\n      apply : ol.control.ElevationPath.DISPLAY_PROFILE_RAW,\n   }\n});\n\n// if you want to pluggued the control Export with options :\nvar measure = new ol.control.ElevationPath({\n   export : {\n     name : \"export\",\n     format : \"geojson\",\n     title : \"Exporter\",\n     menu : false\n   }\n});\n\nExemples :\n- displayProfileOptions.apply : null\n- displayProfileOptions.apply : function (elevations, container, context) {  // do some stuff... }\n- displayProfileOptions.apply : ol.control.ElevationPath.DISPLAY_PROFILE_{LIB_AMCHARTS | LIB_D3 | RAW}"]}