new menu
This commit is contained in:
parent
9b6523c70d
commit
afe0e9746b
|
@ -27,6 +27,18 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div class="dropdown u-pull-right" id=mainMenuWrapper>
|
||||||
|
<button class="top dropbtn" onclick=mainMenuDrop() id=mainMenu>Menu</button>
|
||||||
|
<div id=mainMenuDropdown class="dropdown-content punch-default">
|
||||||
|
<a href="#" onclick="genEventForm()">New Punch Item</a>
|
||||||
|
<a href="#" onclick="genDaily()">Generate Daily Punches</a>
|
||||||
|
<a href="#" onclick="genWeekly()">Generate Weekly Punches</a>
|
||||||
|
<a href="#" onclick="getJson(genList)">Refresh</a>
|
||||||
|
<a href="https://thelinux.pro/broadcast_timer">Broadcast Timer</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- // Old Menu Buttons
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<button class="button" onClick="genEventForm()" id="put">New Punch Item</button>
|
<button class="button" onClick="genEventForm()" id="put">New Punch Item</button>
|
||||||
<button class="button" onClick="genDaily()" id="daily">Gen Daily</button>
|
<button class="button" onClick="genDaily()" id="daily">Gen Daily</button>
|
||||||
|
@ -34,6 +46,7 @@
|
||||||
<button class="button" onClick="getJson(genList)" id="getJson">Refresh</button>
|
<button class="button" onClick="getJson(genList)" id="getJson">Refresh</button>
|
||||||
<a class="button" href="https://thelinux.pro/broadcast_timer">Time Boxer</a>
|
<a class="button" href="https://thelinux.pro/broadcast_timer">Time Boxer</a>
|
||||||
</div>
|
</div>
|
||||||
|
-->
|
||||||
|
|
||||||
<div id="editPunch" class="listWrapper"></div>
|
<div id="editPunch" class="listWrapper"></div>
|
||||||
|
|
||||||
|
|
|
@ -237,6 +237,10 @@ mkSortable();
|
||||||
enableDrop();
|
enableDrop();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function mainMenuDrop() {
|
||||||
|
document.getElementById("mainMenuDropdown").classList.toggle("show");
|
||||||
|
}
|
||||||
|
|
||||||
function progressMenuDrop(uuid) {
|
function progressMenuDrop(uuid) {
|
||||||
document.getElementById("progressDropdown-" + uuid).classList.toggle("show");
|
document.getElementById("progressDropdown-" + uuid).classList.toggle("show");
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
#mainMenuWrapper:after { content: ""; clear: both; }
|
||||||
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
|
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
|
||||||
#sortable li { font-size: 1.4em; color: #AAA;}
|
#sortable li { font-size: 1.4em; color: #AAA;}
|
||||||
#sortable li span { position: absolute; margin-left: -1.3em; }
|
#sortable li span { position: absolute; margin-left: -1.3em; }
|
||||||
|
@ -73,8 +74,9 @@ textarea {
|
||||||
clear: both; }
|
clear: both; }
|
||||||
.listWrapper {
|
.listWrapper {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
background: #333;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
border: 1px solid #999; }
|
border: 0px solid #999; }
|
||||||
.punchListHeader {
|
.punchListHeader {
|
||||||
color: #00bfff;
|
color: #00bfff;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
|
|
Loading…
Reference in New Issue