mbirth/tcl_update_db
1
0
Fork 0
mirror of https://github.com/mbirth/tcl_update_db.git synced 2024-12-26 12:34:07 +00:00
Code Issues Releases Wiki Activity

Move script tags to top, run after DOM Ready.

Browse Source
This commit is contained in:
Markus Birth 2018-01-06 21:33:54 +01:00
parent 3e86408b90
commit 61706d8651
Signed by: mbirth
GPG Key ID: A9928D7A098C3A9A
2 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
assets/main.coffee
View File

@ -1,25 +1,27 @@
window.mdc.autoInit()
window.tabBar = new mdc.tabs.MDCTabBar document.querySelector '#tab-bar'
document.addEventListener 'DOMContentLoaded', (event) ->
# Hide all panels but the selected one
activatePanel = (panelId) ->
allPanels = document.querySelectorAll '.panel'
for panel, i in allPanels
if panel.id is panelId
tabBar.activeTabIndex = i
panel.style.display = if panel.id is panelId then 'block' else 'none'
window.mdc.autoInit()
window.tabBar = new mdc.tabs.MDCTabBar document.querySelector '#tab-bar'
# React to clicking the tabs
window.tabBar.listen 'MDCTabBar:change', (t) ->
nthChildIndex = t.detail.activeTabIndex
tabId = t.srcElement.id
tab = document.querySelector "##{tabId} .mdc-tab:nth-child(#{nthChildIndex + 1})"
panelId = tab.dataset.panel
activatePanel panelId
# Hide all panels but the selected one
activatePanel = (panelId) ->
allPanels = document.querySelectorAll '.panel'
for panel, i in allPanels
if panel.id is panelId
tabBar.activeTabIndex = i
panel.style.display = if panel.id is panelId then 'block' else 'none'
# If specific tab/panel given in URL, e.g. #motion, switch to that
hash = location.hash
if hash.length > 1
activatePanel 'family-' + hash.substring 1
else
activatePanel 'family-keyone'
# React to clicking the tabs
window.tabBar.listen 'MDCTabBar:change', (t) ->
nthChildIndex = t.detail.activeTabIndex
tabId = t.srcElement.id
tab = document.querySelector "##{tabId} .mdc-tab:nth-child(#{nthChildIndex + 1})"
panelId = tab.dataset.panel
activatePanel panelId
# If specific tab/panel given in URL, e.g. #motion, switch to that
hash = location.hash
if hash.length > 1
activatePanel 'family-' + hash.substring 1
else
activatePanel 'family-keyone'

4
index_main.php
View File

@ -5,6 +5,8 @@
<link rel="stylesheet" href="node_modules/material-components-web/dist/material-components-web.css"/>
<link rel="stylesheet" href="assets/material-icons.css"/>
<link rel="stylesheet" href="assets/style.css"/>
<script type="text/javascript" src="node_modules/material-components-web/dist/material-components-web.js"></script>
<script type="text/javascript" src="assets/main.js"></script>
</head>
<body class="mdc-typography">
<?php
@ -90,7 +92,5 @@ foreach ($allVars as $family => $models) {
}
?>
</main>
<script type="text/javascript" src="node_modules/material-components-web/dist/material-components-web.js"></script>
<script type="text/javascript" src="assets/main.js"></script>
</body>
</html>