Skip to content

Commit

Permalink
docs(ol-*-control): use components names for checkboxes
Browse files Browse the repository at this point in the history
  • Loading branch information
@d-koppenhagen
d-koppenhagen committed Jun 13, 2023
1 parent 5622d23 commit d7591c2
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 30 deletions.
32 changes: 17 additions & 15 deletions docs/componentsguide/mapcontrols/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,31 +31,31 @@ See menu items on the left.
id="fullscreencontrol"
v-model="fullscreencontrol"
/>
<label for="fullscreencontrol">fullscreencontrol</label>
<label for="fullscreencontrol">ol-fullscreen-control</label>
</li>
<li>
<input type="checkbox" id="attribution" v-model="attributioncontrol" />
<label for="attribution">attributioncontrol</label>
<label for="attribution">ol-attribution-control</label>
</li>
<li>
<input type="checkbox" id="zoom" v-model="zoomcontrol" />
<label for="zoom">zoomcontrol</label>
<label for="zoom">ol-zoom-control</label>
</li>
<li>
<input type="checkbox" id="zoomtoextent" v-model="zoomtoextentcontrol" />
<label for="zoomtoextent">zoomtoextentcontrol</label>
<label for="zoomtoextent">ol-zoomtoextent-control</label>
</li>
<li>
<input type="checkbox" id="zoomslider" v-model="zoomslidercontrol" />
<label for="zoomslider">zoomslidercontrol</label>
<label for="zoomslider">ol-zoomslider-control</label>
</li>
<li>
<input type="checkbox" id="scaleline" v-model="scalelinecontrol" />
<label for="scaleline">scalelinecontrol</label>
<label for="scaleline">ol-scaleline-control</label>
</li>
<li>
<input type="checkbox" id="overviewmap" v-model="overviewmapcontrol" />
<label for="overviewmap">overviewmapcontrol</label>
<label for="overviewmap">ol-overviewmap-control</label>
</li>
<li>
<input
Expand All @@ -64,43 +64,45 @@ See menu items on the left.
v-model="mousepositioncontrol"
/>
<label for="mousepositioncontrol">mousepositioncontrol</label>
<label for="mousepositioncontrol">ol-mouseposition-control</label>
</li>
<li>
<input type="checkbox" id="rotatecontrol" v-model="rotatecontrol" />
<label for="rotatecontrol">rotatecontrol</label>
<label for="rotatecontrol">ol-rotate-control</label>
</li>
<li>
<input type="checkbox" id="swipecontrol" v-model="showSwipeControl" />
<label for="swipecontrol">swipe-control</label>
<label for="swipecontrol">ol-swipe-control</label>
</li>
<li>
<input
type="checkbox"
id="layerswitchercontrol"
v-model="showLayerSwitcherControl"
/>
<label for="layerswitchercontrol">layerswitcher-control</label>
<label for="layerswitchercontrol">ol-layerswitcher-control</label>
</li>
<li>
<input
type="checkbox"
id="layerswitcherimagecontrol"
v-model="showLayerSwitcherImageControl"
/>
<label for="layerswitcherimagecontrol">layerswitcherimage-control</label>
<label for="layerswitcherimagecontrol"
>ol-layerswitcherimage-control</label
>
</li>
<li>
<input
type="checkbox"
id="printdialogcontrol"
v-model="showPrintDialogControl"
/>
<label for="printdialogcontrol">printdialog-control</label>
<label for="printdialogcontrol">ol-printdialog-control</label>
</li>
<li>
<input type="checkbox" id="togglecontrol" v-model="showToggleControl" />
<label for="togglecontrol">toggle-control</label>
<label for="togglecontrol">ol-toggle-control</label>
</li>
<li>
Expand All @@ -109,7 +111,7 @@ See menu items on the left.
id="videorecordercontrol"
v-model="showVideoRecorderControl"
/>
<label for="videorecordercontrol">videorecorder-control</label>
<label for="videorecordercontrol">ol-videorecorder-control</label>
</li>
</ul>
Expand Down
32 changes: 17 additions & 15 deletions src/demos/MapControlDemo.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,31 @@
id="fullscreencontrol"
v-model="fullscreencontrol"
/>
<label for="fullscreencontrol">fullscreencontrol</label>
<label for="fullscreencontrol">ol-fullscreen-control</label>
</li>
<li>
<input type="checkbox" id="attribution" v-model="attributioncontrol" />
<label for="attribution">attributioncontrol</label>
<label for="attribution">ol-attribution-control</label>
</li>
<li>
<input type="checkbox" id="zoom" v-model="zoomcontrol" />
<label for="zoom">zoomcontrol</label>
<label for="zoom">ol-zoom-control</label>
</li>
<li>
<input type="checkbox" id="zoomtoextent" v-model="zoomtoextentcontrol" />
<label for="zoomtoextent">zoomtoextentcontrol</label>
<label for="zoomtoextent">ol-zoomtoextent-control</label>
</li>
<li>
<input type="checkbox" id="zoomslider" v-model="zoomslidercontrol" />
<label for="zoomslider">zoomslidercontrol</label>
<label for="zoomslider">ol-zoomslider-control</label>
</li>
<li>
<input type="checkbox" id="scaleline" v-model="scalelinecontrol" />
<label for="scaleline">scalelinecontrol</label>
<label for="scaleline">ol-scaleline-control</label>
</li>
<li>
<input type="checkbox" id="overviewmap" v-model="overviewmapcontrol" />
<label for="overviewmap">overviewmapcontrol</label>
<label for="overviewmap">ol-overviewmap-control</label>
</li>
<li>
<input
Expand All @@ -39,43 +39,45 @@
v-model="mousepositioncontrol"
/>

<label for="mousepositioncontrol">mousepositioncontrol</label>
<label for="mousepositioncontrol">ol-mouseposition-control</label>
</li>
<li>
<input type="checkbox" id="rotatecontrol" v-model="rotatecontrol" />
<label for="rotatecontrol">rotatecontrol</label>
<label for="rotatecontrol">ol-rotate-control</label>
</li>
<li>
<input type="checkbox" id="swipecontrol" v-model="showSwipeControl" />
<label for="swipecontrol">swipe-control</label>
<label for="swipecontrol">ol-swipe-control</label>
</li>
<li>
<input
type="checkbox"
id="layerswitchercontrol"
v-model="showLayerSwitcherControl"
/>
<label for="layerswitchercontrol">layerswitcher-control</label>
<label for="layerswitchercontrol">ol-layerswitcher-control</label>
</li>
<li>
<input
type="checkbox"
id="layerswitcherimagecontrol"
v-model="showLayerSwitcherImageControl"
/>
<label for="layerswitcherimagecontrol">layerswitcherimage-control</label>
<label for="layerswitcherimagecontrol"
>ol-layerswitcherimage-control</label
>
</li>
<li>
<input
type="checkbox"
id="printdialogcontrol"
v-model="showPrintDialogControl"
/>
<label for="printdialogcontrol">printdialog-control</label>
<label for="printdialogcontrol">ol-printdialog-control</label>
</li>
<li>
<input type="checkbox" id="togglecontrol" v-model="showToggleControl" />
<label for="togglecontrol">toggle-control</label>
<label for="togglecontrol">ol-toggle-control</label>
</li>

<li>
Expand All @@ -84,7 +86,7 @@
id="videorecordercontrol"
v-model="showVideoRecorderControl"
/>
<label for="videorecordercontrol">videorecorder-control</label>
<label for="videorecordercontrol">ol-videorecorder-control</label>
</li>
</ul>

Expand Down

0 comments on commit d7591c2

Please sign in to comment.