Added Company Pages

This commit is contained in:
nicholaspease18
2019-09-13 20:53:42 -04:00
parent d19b6ec29c
commit 75ecef254b
10 changed files with 381 additions and 15 deletions
+4
View File
@@ -2,6 +2,10 @@ function externalOnLoad() {
verify();
timeChange();
updatePage();
readData("company", function(data) {
document.getElementById("alphacurrentpoints").innerHTML = data.alphapoints
document.getElementById("bravocurrentpoints").innerHTML = data.bravopoints
});
window.setInterval(verify(),1000);
}
+23 -10
View File
@@ -1,4 +1,27 @@
// JROTC Firebase Interaction Script
// Bravo Company Comment Send
function bravoComment() {
sendData("company/bravocomments",document.getElementById("bravocomments").value)
document.getElementById('bravocomments').value = '';
}
// Alpha Company Comment Send
function alphaComment() {
sendData("company/alphacomments",document.getElementById("alphacomments").value)
document.getElementById('alphacomments').value = '';
}
// Commanders Cup Point Send
function alphaSend() {
sendData("company/alphapoints", document.getElementById("alpha").value);
document.getElementById('alpha').value = '';
}
// Bravo Point Send
function bravoSend() {
sendData("company/bravopoints", document.getElementById("bravo").value);
document.getElementById('bravo').value = '';
}
// Time Change Function (Global)
function timeConvert(timestring) {
var year = timestring.substring(0,4)
@@ -69,14 +92,4 @@ function eventSend() {
document.getElementById('location').value = '';
//document.getElementById('event').value = '';
document.getElementById('custommessage').value = '';
}
function cupSend() {
var array = {
Alpha: document.getElementById("alpha").value,
Bravo: document.getElementById("bravo").value
}
sendData("commanderscup/", array);
document.getElementById('alpha').value = '';
document.getElementById('bravo').value = '';
}
+54 -3
View File
@@ -125,9 +125,7 @@
<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">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Go to Calendar
</a>
<h6>(Preview)</h6>
<div class="mdl-layout-spacer"></div>
<i class="material-icons">event</i>
</div>
@@ -135,6 +133,59 @@
</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>
<td>
<div class="mdl-card mdl-shadow--2dp">
<div class="mdl-card__title" style="text-align: center;margins: auto">
Push Notification
</div>
<div class="mdl-card__actions" style="text-align: center;margins: auto">
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>
</div>
</div>
</td>
<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>
</main>
</div>
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

+112
View File
@@ -0,0 +1,112 @@
<html>
<head>
<title>Nokomis JROTC - Alpha Company</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/script.js"></script>
<script src="script.js"></script>
<script src="../js/firebase.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);
signUpList();
};
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#3f51b5">
</head>
<body onload="alphaCompanyOnLoad();">
<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">Alpha Company</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
</div>
</header>
<main class="mdl-layout__content">
<h1 style="text-align: center;">
Alpha Company
</h1>
<table>
<tr>
<td>
<div class="mdl-card mdl-shadow--2dp" style="width:320px;height:350px;">
<div class="mdl-card__title">
Documents:
</div>
<div class="mdl-card__actions">
<iframe src="https://drive.google.com/embeddedfolderview?id=1kDBvVxfmYoU6pFGshJrbxFqaKDWOLOH9#list" style="width:100%; height:600px; border:0;"></iframe>
</div>
</div>
</td>
<td>
<div class="mdl-card mdl-shadow--2dp" style="width:320px;height:350px;">
<div class="mdl-card__title">
Event:
</div>
<div class="mdl-card__actions">
<iframe src="https://script.google.com/a/rsu19.net/macros/s/AKfycby91rlxs3Qsy-keGMjvCn8p3y7Ro7qTQfA-6nRZnJk/exec" style="width: 100%;height: 600px;border: 0;">
</iframe>
</div>
</div>
</td>
<td>
<div class="mdl-card mdl-shadow--2dp" style="width:320px;height:350px;">
<div class="mdl-card__title">
Company Information and Commanders Comments:
</div>
<div class="mdl-card__actions">
<div id="alphacomments">No Comment.</div><br><br>
Current Commanders Cup Points:<br>
<h4>
<div id="alphacurrentpoints">
Loading...
</div></h4>
</div>
</div>
</td>
</tr>
</table>
</main>
</div>
</body>
</html>
+112
View File
@@ -0,0 +1,112 @@
<html>
<head>
<title>Nokomis JROTC - Bravo Company</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/script.js"></script>
<script src="script.js"></script>
<script src="../js/firebase.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);
signUpList();
};
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#3f51b5">
</head>
<body onload="bravoCompanyOnLoad()">
<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">Bravo Company</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
</div>
</header>
<main class="mdl-layout__content">
<h1 style="text-align: center;">
Bravo Company
</h1>
<table>
<tr>
<td>
<div class="mdl-card mdl-shadow--2dp" style="width:320px;height:350px;">
<div class="mdl-card__title">
Documents:
</div>
<div class="mdl-card__actions">
<iframe src="https://drive.google.com/embeddedfolderview?id=14rLv_6wWMfCim6cx8pJ8wupLSmuQXHR8#list" style="width:100%; height:600px; border:0;"></iframe>
</div>
</div>
</td>
<td>
<div class="mdl-card mdl-shadow--2dp" style="width:320px;height:350px;">
<div class="mdl-card__title">
Event:
</div>
<div class="mdl-card__actions">
<iframe src="https://script.google.com/a/rsu19.net/macros/s/AKfycbxAYQ9wMUbS6gBlnKXO3jbPpOFg1Zzjkd1Ni8BeyQ/exec" style="width: 100%;height: 600px;border: 0;">
</iframe>
</div>
</div>
</td>
<td>
<div class="mdl-card mdl-shadow--2dp" style="width:320px;height:350px;">
<div class="mdl-card__title">
Company Information and Commanders Comments:
</div>
<div class="mdl-card__actions">
<div id="bravocomments">No Comment.</div><br><br>
Current Commanders Cup Points:<br>
<h4>
<div id="bravocurrentpoints">
Loading...
</div></h4>
</div>
</div>
</td>
</tr>
</table>
</main>
</div>
</body>
</html>
+32
View File
@@ -0,0 +1,32 @@
function alphaCompanyOnLoad() {
// 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);
setData("company","alphacomments","alphacomments");
readData("company", function(data) {
document.getElementById("alphacurrentpoints").innerHTML = data.alphapoints
});
}
function bravoCompanyOnLoad() {
// 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);
setData("company","bravocomments","bravocomments");
readData("company", function(data) {
document.getElementById("bravocurrentpoints").innerHTML = data.bravopoints
});
}
+12
View File
@@ -75,6 +75,18 @@ table {
background-color: white;
}
.alphacompany > .mdl-card__title {
color: #000;
background: url('../alpha.png') bottom right 15% no-repeat #46B6AC;
background-color: white;
}
.bravocompany > .mdl-card__title {
color: #000;
background: url('../bravo.png') bottom right 15% no-repeat #46B6AC;
background-color: white;
}
.calendar.mdl-card {
width: 320px;
height: 320px;
+32 -2
View File
@@ -154,6 +154,38 @@
</div>
</div>
</td>
<td>
<div class="alphacompany mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Alpha Company</h2>
</div>
<div class="mdl-card__supporting-text">
Information about Alpha Company is located here.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="companies/alpha.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Enter
</a>
</div>
</div>
</td>
<td>
<div class="bravocompany mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Bravo Company</h2>
</div>
<div class="mdl-card__supporting-text">
Information about Bravo Company is located here.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="companies/bravo.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Enter
</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="resources mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
@@ -169,8 +201,6 @@
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="signups mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">