thelinux.pro/punch_list/public/index.html

127 lines
6.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<!-- <meta name="google-signin-client_id" content="999467953896-tcsf2i6f8rmvb9o8mpsprv43rfr9k8bq.apps.googleusercontent.com"> -->
<meta name="google-signin-client_id" content="999467953896-mrvotds9kf6fv0f9gnf4jdtvabf2s805.apps.googleusercontent.com">
<meta name="google-signin-cookiepolicy" content="single_host_origin">
<meta name="google-signin-scope" content="profile email">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Punch List</title>
<style media="screen">
body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
#message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
#message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
#message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
#message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
@media (max-width: 600px) {
body, #message { margin-top: 0; background: white; box-shadow: none; }
body { border-top: 16px solid #ffa100; }
}
</style>
<!-- CSS -->
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.orange-indigo.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href='https://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/datepicker.min.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.css" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/custom-medium.css">
<link rel="stylesheet" href="css/custom-large.css">
<!-- scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
<script src="/__/firebase/6.2.4/firebase-app.js"></script>
<script src="/__/firebase/6.2.4/firebase-auth.js"></script>
<script src="/__/firebase/6.2.4/firebase-database.js"></script>
<script src="/__/firebase/6.2.4/firebase-messaging.js"></script>
<script src="/__/firebase/6.2.4/firebase-storage.js"></script>
<script src="/__/firebase/init.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.3.0/firebase.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="js/myFirebase.js"></script>
<script src="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.js"></script>
<script src="js/datepicker.min.js"></script>
<script src="js/i18n/datepicker.en.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
</head>
<body>
<div id="firebaseui-auth-container"></div>
<div id=container>
<div id=left class="column-left">
<div class="eight columns"> &nbsp; </div>
<div class="four columns subject" style="border-bottom: 2px solid #fff">STATS</div>
<div class="eight columns"> &nbsp; </div>
<div id=stats class="four columns"></div>
</div>
<div id=middle class="column-middle">
<div class="dropdown menu" 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="https://thelinux.pro/broadcast_timer">Broadcast Timer</a> -->
</div>
</div>
<div id="editPunch" class="listWrapper"></div>
<div class="listWrapper" id="punchListAll">
<div id="punchListInProgressWrapper" class="listWrapper">
<!-- the list -->
<span class="punchListHeader">Punches</span>
<div id="punchListBacklog">
<ol id="sortable" class="punchListBacklog"></ol>
</div>
<!-- end the list -->
</div>
</div>
<div class="container row" id="newEvent">
<input onfocus="clearDefault(this)" class="u-full-width" type="text" id="newSubject" value="subject">
<input onfocus="clearDefault(this)" class="u-full-width" type="text" id="newPriority" value="priority">
<input type="hidden" id="newProgress" value="new">
<input onfocus="clearDefault(this)" type="text" id="timepickerCreate" class="datepicker-here u-full-width" data-timepicker="true" data-language="en" value="date">
<input onFocus="clearDefault(this)" type="text" id="tagsCreate" class="u-full-width" value="tag1,tag2, tag3">
Notes:<br />
<textarea class="u-full-width" id="newNotes" value=""></textarea>
<input class="u-full-width" onClick="createNewEvent()" id="test" type="button" value="Create" />
<input class="u-full-width" onClick="disableElement('newEvent'),enableElement('punchListAll')" id="nevermind" type="button" value="Nevermind." />
</div>
<div class='u-pull-right' style="width: 200px;">
<div style="width: 100%;" class='punch-default u-pull-right'><a class='punch-default u-pull-right' href='#' onClick=clearTagFilter()>Clear Tags</a></div>
<div style="width: 100%;" class='punch-default u-pull-right' id=versionInfo></div>
</div>
<div id="whoami"></div>
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
</div>
<div id=right class="column-right" style="float:left">
<div class="twelve columns events">
<div id="events-list"></div>
</div>
</div>
</div>
</body>
</html>