Renamed 'MapView' to 'MapViewport'. Added documentation to the maps module.

2019-12-09 18:15:28 +01:00
parent 60e28f8fe5
commit 65fac2f406
16 changed files with 638 additions and 151 deletions
@@ -145,43 +145,49 @@ export default class Doctest {
            let container = document.createElement('div')
            container.className = 'doctest-wrapper'

-            let titleParent = container
-            if (doctest.hasAttribute('data-collapsible')) {
-                let collapsibleToggle = document.createElement('div')
+            if (doctest.hasAttribute('data-title') || doctest.hasAttribute('data-collapsible')) {
+                let titlebar = document.createElement('div')
+                titlebar.className = 'doctest-titlebar'
+                titlebar.style = 'min-height: 10px;'
+                container.appendChild(titlebar)

-                let icon = document.createElement('i')
-                icon.className = 'material-icons'
-                collapsibleToggle.appendChild(icon)
+                if (doctest.hasAttribute('data-title')) {
+                    let title = document.createElement('h6')
+                    title.innerText = doctest.getAttribute('data-title')
+                    title.className = 'doctest-section-title'
+                    titlebar.appendChild(title)
+                }

-                collapsibleToggle.className = 'doctest-collapsible-toggle'
-                collapsibleToggle.style = 'min-height: 10px;'
-                titleParent = collapsibleToggle
-                container.appendChild(collapsibleToggle)
+                if (doctest.hasAttribute('data-collapsible')) {
+                    let icon = document.createElement('i')
+                    icon.className = 'material-icons'
+                    titlebar.classList.add('doctest-collapsible-toggle')

-                const collapsedClass = 'collapsed'
-
-                function setToggleMode(collapse) {
-                    if (collapse) {
-                        container.classList.add(collapsedClass)
-                        icon.innerText = 'arrow_drop_down'
+                    if (titlebar.childNodes.length > 0) {
+                        titlebar.insertBefore(icon, titlebar.childNodes[0])
                    } else {
-                        container.classList.remove(collapsedClass)
-                        icon.innerText = 'arrow_drop_up'
+                        titlebar.appendChild(icon)
                    }
-                }

-                function determineToggleMode() {
-                    setToggleMode(!container.classList.contains(collapsedClass))
-                }
+                    const collapsedClass = 'collapsed'

-                setToggleMode(doctest.hasAttribute('data-collapsed'))
-                collapsibleToggle.addEventListener('click', determineToggleMode)
-            }
-            if (doctest.hasAttribute('data-title')) {
-                let title = document.createElement('h6')
-                title.innerText = doctest.getAttribute('data-title')
-                title.className = 'doctest-section-title'
-                titleParent.appendChild(title)
+                    function setToggleMode(collapse) {
+                        if (collapse) {
+                            container.classList.add(collapsedClass)
+                            icon.innerText = 'arrow_drop_down'
+                        } else {
+                            container.classList.remove(collapsedClass)
+                            icon.innerText = 'arrow_drop_up'
+                        }
+                    }
+
+                    function determineToggleMode() {
+                        setToggleMode(!container.classList.contains(collapsedClass))
+                    }
+
+                    setToggleMode(doctest.hasAttribute('data-collapsed'))
+                    titlebar.addEventListener('click', determineToggleMode)
+                }
            }

            let pre = document.createElement('pre')