This commit is contained in:
Kameron Kenny 2019-06-26 14:37:07 -04:00
parent 9b6523c70d
commit afe0e9746b
3 changed files with 20 additions and 1 deletions

View File

@ -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>

View File

@ -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");
} }

View File

@ -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;