Files
2019-10-24 12:14:23 -04:00

233 lines
11 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Nokomis JROTC - Admin</title>
<script src="//cdn.letreach.com/js/main/a99d6ff3dec6106a641e37d249ac4762.js"></script>
<link rel="manifest" href="../manifest.json">
<link rel="stylesheet" href="../css/font.css">
<link rel="stylesheet" href="../css/material.indigo-red.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/material.min.js"></script>
<script src="../js/firebase.js"></script>
<script src="admin.js"></script>
<script src="authentication.js"></script>
<script src="firebasescript.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="/LAX18/General/messaging2/assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="194x194" href="/LAX18/General/messaging2/assets/favicons/favicon-194x194.png">
<link rel="icon" type="image/png" sizes="192x192" href="/LAX18/General/messaging2/assets/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="/LAX18/General/messaging2/assets/favicons/favicon-16x16.png">
<link rel="mask-icon" href="/LAX18/General/messaging2/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="JROTC">
<meta name="application-name" content="JROTC">
<meta name="msapplication-TileColor" content="#3f51b5">
<script>
function onLoad() {
// Initialize Firebase
var config = {
apiKey: "AIzaSyB0keF26uKYDOR2o-8HYkgoOGWhsPyHdkg",
authDomain: "jrotc-database.firebaseapp.com",
databaseURL: "https://jrotc-database.firebaseio.com",
projectId: "jrotc-database",
storageBucket: "jrotc-database.appspot.com",
messagingSenderId: "787128694744"
};
firebase.initializeApp(config);
externalOnLoad();
};
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#3f51b5">
</head>
<body onload="onLoad()">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<button class="mdl-layout__drawer-button mdl-button mdl-js-button mdl-button--icon" onclick="history.go(-1);">
<i class="material-icons">arrow_back</i>
</button>
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Admin Dashboard</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation -->
<nav class="mdl-navigation">
<a href="../help/index.html" class="mdl-navigation__link" href="">Help</a>
</nav>
</div>
</header>
<main class="mdl-layout__content">
<div id="unauthorized">
<h1>
You do not have permission to be on this page
</h1>
</div>
<div id="page-content" class="page-content" style="display: none">
<table>
<tr>
<td>
<div class="mdl-card mdl-shadow--2dp">
<div class="mdl-card__title">
Add Event
</div>
<div class="mdl-card__actions">
Event Type:
<select id="event" onchange="updatePage()">
<option value="FOR" selected>Formation</option>
<option value="UNI">Uniform Only</option>
<option value="CUS">Custom Message</option>
</select><br>
<div id="uniformbox">
Uniform Type:
<select id="uniformtype" onchange="updatePage()">
<option value="ACU" selected>ACU</option>
<option value="ASU (Class A)">ASU (Class A)</option>
<option value="Class B">ASU (No Tie / Class B)</option>
<option value="T-Shirt" >T-Shirt</option>
<option value="Civilian Clothes">Civilian Clothes</option>
</select><br></div>
<div id="datebox">
Date:
<input type="date" id="date"><br></div>
<div id="timebox">
Time of Formation:
<select id="time" onchange="timeChange()">
<option value="RTI" selected>RTI</option>
<option value="Custom">Custom</option>
</select>
<br><span id="customtimebox">Custom Time Value:
<input type="text" id="customtime"></span>
</div>
<div id="locationbox">
Location (i.e Gym, etc):
<input type="text" id="location"><br></div>
<div id="messagebox">
Custom Message:
<input type="text" id="custommessage"><br></div>
<input type="button" value="Update" onclick="eventSend()">
<input type="button" value="Preview" onclick="updatePage()">
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="calendar mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h3><span id="event_type">Loading...</span></h3>
<h4><span id="event_uniform">Loading...</span></h4>
<br><i class="material-icons" style="font-size: 18px;padding-right: 5px;">access_time</i><span id="event_time">Loading...</span>
<br><i class="material-icons" style="font-size: 18px;padding-right: 5px;">date_range</i><span id="event_date">Loading</span>
<br><i class="material-icons" style="font-size: 18px;padding-right: 5px;">room</i><span id="event_place">Loading...</span>
</div>
<div class="mdl-card__actions mdl-card--border">
<h6>(Preview)</h6>
<div class="mdl-layout-spacer"></div>
<i class="material-icons">event</i>
</div>
</div>
</td>
</tr>
</table>
<table>
<tr>
<td>
<div class="mdl-card mdl-shadow--2dp" style="">
<div class="mdl-card__actions" style="text-align: center;margins: auto">
Alpha Company Points:<br>
<h3>
Current:
</h3>
<h4>
<div id="alphacurrentpoints">Loading</div>
</h4>
New Point Total:
<input type="text" id="alpha"><br>
<input type="submit" value="Update" onclick="alphaSend()"><br> Comments:
<br>
<textarea id="alphacomments"></textarea><br>
<input type="submit" value="Send Comment" onclick="alphaComment()">
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="mdl-card mdl-shadow--2dp">
<div class="mdl-card__title" style="text-align: center;margins: auto">
External Resources
</div>
<div class="mdl-card__actions" style="text-align: center;margins: auto">
Push Notifications<br>
Login with NokomisJROTC Google Account to Push Notifications<br>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="window.open('https://app.letreach.com/5d5daebbddb25e461d8b465c');">
Open Notification Manager
</button><br><br>
Nokomis JROTC Blog<br>
Login with NokomisJROTC Google Account to add blog post
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="window.open('https://wordpress.com/block-editor/post/nokomisjrotc992024420.wordpress.com');">
New Blog Post
</button>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="mdl-card mdl-shadow--2dp" style="">
<div class="mdl-card__actions" style="text-align: center;margins: auto">
Bravo Company Points:<br>
<h3>
Current:
</h3>
<h4>
<div id="bravocurrentpoints">Loading</div>
</h4>
New Point Total:
<input type="text" id="bravo"><br>
<input type="submit" value="Update" onclick="bravoSend()"><br> Comments:
<br>
<textarea id="bravocomments"></textarea><br>
<input type="submit" value="Send Comment" onclick="bravoComment()">
</div>
</div>
</td>
</tr>
</table>
<div class="mdl-card mdl-shadow--2dp" style="width: 75%;margin: auto">
<div class="mdl-card__title">
Add Admins
</div>
<div class="mdl-card__actions">
<table>
<tr>
<td style="text-align: center;width: 15%">
Email <br>
<input id="email-input" type="text"><br>
<input type="button" onclick="addAdmin();" value="Add Admin"></td>
<td style="width: 85%">
<div>
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp" id="emails" style="overflow: scroll;width: 100%">
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</main>
</div>
</body>
</html>