Commit a86df290 authored by Jacob Priddy's avatar Jacob Priddy 👌
Browse files

remove old frontend folder

parent 098300c0
Pipeline #9085 passed with stages
in 3 minutes and 3 seconds
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
</head>
<body>
Lol this ain't a thing yet lol.<br/>
<a href="home.html">Home</a>
<a href="index.html">Logout</a>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
<script src="vue.js"></script>
</head>
<body>
<header>
<h1>Manage Doors</h1>
<a href="user.html">Users</a>
<a href="userG.html">User Groups</a>
<a href="home.html">Home</a>
<a href="doorG.html">Door Groups</a>
<a href="event.html">Events</a>
<a href="log.html">Access Log</a>
<a href="map.html">Map</a>
<a href="index.html">Logout</a>
</header>
<form id="door">
Door:<select name="door" v-model="select">
<option value="">Select a door.</option>
<option v-for="item in doorList" :value="item.id">{{ item.id }}</option>
</select><br/>
Door Group:<select name="dGroups">
<option v-for="item in doorGList" :value="item.id" :selected="getDG(item.id)">{{ item.id }}</option>
</select><br/>
Normal <input type="radio" name="status" value="normal" :checked="getStat('0')"><br/>
Open <input type="radio" name="status" value="open" :checked="getStat('1')"><br/>
Locked <input type="radio" name="status" value="locked" :checked="getStat('2')"><br/>
Events:<select multiple name="events">
<option v-for="item in eventList" v-bind:value="item.id" :selected="getEv(item.id)">{{ item.id }}</option>
</select><br/>
<input type="button" value="Update" name="up"><br/>
</form>
<script src="door.js"></script>
</body>
</html>
\ No newline at end of file
var door = new Vue({
el: '#door',
data: {
select: "",
doorGList: [
{id: "A"},
{id: "B"},
{id: "C"},
{id: "D"},
{id: "E"}
],
doorList: [
{id: "001", group: "A", status: "0", event: ["e1"]},
{id: "002", group: "A", status: "0", event: ["e1", "e2"]},
{id: "003", group: "B", status: "1", event: ["e1"]},
{id: "004", group: "B", status: "1", event: ["e2"]},
{id: "005", group: "C", status: "0", event: ["e1", "e2"]},
{id: "006", group: "C", status: "0", event: ["e2"]},
{id: "007", group: "D", status: "1", event: ["e1"]},
{id: "008", group: "D", status: "1", event: ["e2"]},
{id: "009", group: "E", status: "2", event: ["e3", "e4"]},
{id: "010", group: "E", status: "2", event: ["e4"]},
{id: "012", group: "E", status: "2", event: [""]},
{id: "011", group: "E", status: "2", event: [""]},
{id: "013", group: "E", status: "2", event: [""]},
{id: "014", group: "E", status: "2", event: [""]},
{id: "015", group: "E", status: "2", event: [""]},
{id: "016", group: "E", status: "2", event: [""]}
],
eventList: [
{id: "e1"},
{id: "e2"},
{id: "e3"},
{id: "e4"},
]
},
methods: {
getDG: function (ug) {
for (i = 0; i < this.doorList.length; i++) {
if ((this.doorList[i].id == this.select) & (this.doorList[i].group == ug)) {
return true;
}
}
return false;
},
getStat: function (ug) {
for (i = 0; i < this.doorList.length; i++) {
if ((this.doorList[i].id == this.select) & (this.doorList[i].status == ug)) {
return true;
}
}
return false;
},
getEv: function (ug) {
for (i = 0; i < this.doorList.length; i++) {
for (i2 = 0; i2 < this.doorList[i].event.length; i2++) {
if ((this.doorList[i].id == this.select) & (this.doorList[i].event[i2] == ug)) {
return true;
}
}
}
return false;
}
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
<script src="vue.js"></script>
</head>
<body>
<header>
<h1>Manage Door Groups</h1>
<a href="user.html">Users</a>
<a href="userG.html">User Groups</a>
<a href="door.html">Doors</a>
<a href="home.html">Home</a>
<a href="event.html">Events</a>
<a href="log.html">Access Log</a>
<a href="map.html">Map</a>
<a href="index.html">Logout</a>
</header>
<form id="doorG">
Door Group:<select name="dGroup" v-model="select">
<option value="" selected>New Door Group</option>
<option v-for="item in doorGList" :value="item.id">{{ item.id }}</option>
</select><br/>
Name:<input type="text" name="nom" :value="select"><br/>
Door:<select name="doors" multiple>
<option v-for="item in doorList" :value="item.id" :selected="getDoor(item.id)">{{ item.id }}</option>
</select><br/>
Normal <input type="radio" name="status" value="normal" :checked="getStat('0')"><br/>
Open <input type="radio" name="status" value="open" :checked="getStat('1')"><br/>
Locked <input type="radio" name="status" value="locked" :checked="getStat('2')"><br/>
Events:<select multiple name="events">
<option v-for="item in eventList" v-bind:value="item.id" :selected="getEv(item.id)">{{ item.id }}</option>
</select><br/>
<input type="button" value="Delete" name="del"><br/>
<input type="button" value="Update" name="up"><br/>
<input type="button" value="New" name="new"><br/>
</form>
<script src="doorG.js"></script>
</body>
</html>
\ No newline at end of file
var door = new Vue({
el: '#doorG',
data: {
select: "",
doorGList: [
{id: "A", status: "0", event: ["e1"], doors: ["001", "002"]},
{id: "B", status: "1", event: ["e2", "e3"], doors: ["003", "004"]},
{id: "C", status: "0", event: ["e3", "e4"], doors: ["005", "006"]},
{id: "D", status: "1", event: ["e1", "e4"], doors: ["007", "008"]},
{id: "E", status: "2", event: ["e2"], doors: ["009", "010", "011", "012", "013", "014", "015", "016"]}
],
doorList: [
{id: "001"},
{id: "002"},
{id: "003"},
{id: "004"},
{id: "005"},
{id: "006"},
{id: "007"},
{id: "008"},
{id: "009"},
{id: "010"},
{id: "011"},
{id: "012"},
{id: "013"},
{id: "014"},
{id: "015"},
{id: "016"}
],
eventList: [
{id: "e1"},
{id: "e2"},
{id: "e3"},
{id: "e4"},
]
},
methods: {
getDoor: function (ug) {
for (i = 0; i < this.doorGList.length; i++) {
for (i2 = 0; i2 < this.doorGList[i].doors.length; i2++) {
if ((this.doorGList[i].id == this.select) & (this.doorGList[i].doors[i2] == ug)) {
return true;
}
}
}
return false;
},
getStat: function (ug) {
for (i = 0; i < this.doorGList.length; i++) {
if ((this.doorGList[i].id == this.select) & (this.doorGList[i].status == ug)) {
return true;
}
}
return false;
},
getEv: function (ug) {
for (i = 0; i < this.doorGList.length; i++) {
for (i2 = 0; i2 < this.doorGList[i].event.length; i2++) {
if ((this.doorGList[i].id == this.select) & (this.doorGList[i].event[i2] == ug)) {
return true;
}
}
}
return false;
}
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
<script src="vue.js"></script>
</head>
<body>
<header>
<h1>Manage Events</h1>
<a href="user.html">Users</a>
<a href="userG.html">User Groups</a>
<a href="door.html">Doors</a>
<a href="doorG.html">Door Groups</a>
<a href="home.html">Home</a>
<a href="log.html">Access Log</a>
<a href="map.html">Map</a>
<a href="index.html">Logout</a>
</header>
<form id="event">
Event:<select name="event" v-model="select">
<option value="">New Event</option>
<option v-for="item in eventList" :value="item.id">{{ item.id }}</option>
</select><br/>
Name:<input type="text" name="nom" :value="select"><br/>
Time(s): Still workin' on that.<br/>
Reocurring <input type="checkbox" name="reocur" :checked="getRec()"><br/>
Reocurrence Period: Still workin' on that.<br/>
Normal <input type="radio" name="status" value="normal" :checked="getStat('0')"><br/>
Open <input type="radio" name="status" value="open" :checked="getStat('1')"><br/>
Locked <input type="radio" name="status" value="locked" :checked="getStat('2')"><br/>
Doors:<select multiple name="doors">
<option v-for="item in doorList" :value="item.id" :selected="getDoor(item.id)">{{ item.id }}</option>
</select><br/>
Door Groups:<select multiple name="dGroups">
<option v-for="item in doorGList" :value="item.id" :selected="getDG(item.id)">{{ item.id }}</option>
</select><br/>
<input type="button" value="Delete" name="del"><br/>
<input type="button" value="Update" name="up"><br/>
<input type="button" value="New" name="new"><br/>
</form>
<script src="event.js"></script>
</body>
</html>
\ No newline at end of file
var door = new Vue({
el: '#event',
data: {
select: "",
doorGList: [
{id: "A"},
{id: "B"},
{id: "C"},
{id: "D"},
{id: "E"}
],
doorList: [
{id: "001"},
{id: "002"},
{id: "003"},
{id: "004"},
{id: "005"},
{id: "006"},
{id: "007"},
{id: "008"},
{id: "009"},
{id: "010"},
{id: "012"},
{id: "011"},
{id: "013"},
{id: "014"},
{id: "015"},
{id: "016"}
],
eventList: [
{id: "e1", rec: true, doors: ["001", "002", "003", "005", "007"], groups: ["A"], status: "0"},
{id: "e2", rec: true, doors: ["002", "004", "005", "006", "008"], groups: ["C"], status: "0"},
{id: "e3", rec: true, doors: ["009"], groups: [""], status: "2"},
{id: "e4", rec: true, doors: ["009", "010"], groups: ["E"], status: "2"},
]
},
methods: {
getDoor: function (ug) {
for (i = 0; i < this.eventList.length; i++) {
for (i2 = 0; i2 < this.eventList[i].doors.length; i2++) {
if ((this.eventList[i].id == this.select) & (this.eventList[i].doors[i2] == ug)) {
return true;
}
}
}
return false;
},
getDG: function (ug) {
for (i = 0; i < this.eventList.length; i++) {
for (i2 = 0; i2 < this.eventList[i].groups.length; i2++) {
if ((this.eventList[i].id == this.select) & (this.eventList[i].groups[i2] == ug)) {
return true;
}
}
}
return false;
},
getStat: function (ug) {
for (i = 0; i < this.eventList.length; i++) {
if ((this.eventList[i].id == this.select) & (this.eventList[i].status == ug)) {
return true;
}
}
return false;
},
getRec: function (ug) {
for (i = 0; i < this.eventList.length; i++) {
if (this.eventList[i].id == this.select) {
return this.eventList[i].rec;
}
}
}
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
</head>
<body>
<header>
<h1>Welcome to the Doorcode Site!</h1>
<a href="user.html">Users</a>
<a href="userG.html">User Groups</a>
<a href="door.html">Doors</a>
<a href="doorG.html">Door Groups</a>
<a href="event.html">Events</a>
<a href="log.html">Access Log</a>
<a href="map.html">Map</a>
<a href="index.html">Logout</a>
</header>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang=en-US>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Doorcode</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div class="content">
<div class="title m-b-md">
<a href="home.html">"Admin Login"</a><br/>
<a href="NYI.html">"Student Login"</a><br/>
</div>
</div>
</div>
</body>
</html>
table {
border-collapse: collapse;
}
tr {
border-width: 3px;
border-style: solid;
border-color: black;
}
th, td {
border-left-width: 3px;
border-right-width: 3px;
border-left-style: solid;
border-right-style: solid;
border-left-color: black;
border-right-color: black;
text-align: center;
padding-left: 3px;
padding-right: 3px;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
<script src="vue.js"></script>
<link rel="stylesheet" type="text/css" href="log.css">
</head>
<body>
<header>
<h1>Access Log</h1>
<a href="user.html">Users</a>
<a href="userG.html">User Groups</a>
<a href="door.html">Doors</a>
<a href="doorG.html">Door Groups</a>
<a href="event.html">Events</a>
<a href="home.html">Home</a>
<a href="map.html">Map</a>
<a href="index.html">Logout</a>
</header>
<table>
<thead>
<tr class="head">
<th>Code</th>
<th>Door</th>
<th>DGroup</th>
<th>OK?</th>
<th>Time</th>
<th>Date</th>
<th>User</th>
<th>UGroup</th>
</tr>
</thead>
<tbody id="log">
<tr is="log-entry"
class="body"
v-for="row in rows"
:key="row.id"
:code="row.code"
:door="row.door"
:ok="row.ok"
:time="row.time"
:day="row.day"
:uid="row.uid"
:ug="row.ug"
:dg="row.dg"
></tr>
</tbody id="log">
</table>
</body>
<!-- <script type='module' src="log-entry.js"></script> -->
<script src="log.js"></script>
</html>
\ No newline at end of file
Vue.component('log-entry', {
props: ['code', 'door', 'dg', 'ok', 'time', 'day', 'uid', 'ug'],
template: '<tr>\n<td>{{ code }}</td>\n<td>{{ door }}</td>\n<td>{{ dg }}</td>\n<td>{{ ok }}</td>\n<td>{{ time }}</td>\n<td>{{ day }}</td>\n<td>{{ uid }}</td>\n<td>{{ ug }}</td>\n</tr>'
})
new Vue ({
el: "#log",
data: {
rows: [
{id: 0, code: "OOOOOOO", door: "001", ok: "", time: "08:00", day: "5 February 2020", uid: "0000000", ug: "Test0", dg: "A"},
{id: 1, code: "00800001", door: "001", ok: "X", time: "09:00", day: "5 February 2020", uid: "N/A", ug: "N/A", dg: "A"}
],
},
methods: {
}
})
\ No newline at end of file
<!DOCTYPE html>
<html lang = en-US>
<head>
<meta charset="utf-8">
<title>Doorcode</title>
</head>
<body>
<header>
<h1>Door Map</h1>
<a href="user.html">Users</a>
<a href="userG.html">User Groups</a>
<a href="door.html">Doors</a>
<a href="doorG.html">Door Groups</a>
<a href="event.html">Events</a>
<a href="log.html">Access Log</a>
<a href="home.html">Home</a>
<a href="index.html">Logout</a>
</header>
</body>
<img src="MapTemp.jpg">
</html>
\ No newline at end of file
{
"name": "doorcode_frontend",
"version": "0.0.1",
"description": "The frontend for the doorcode website",
"main": "index.js",
"dependencies": {
"vue-multiselect": "^2.1.6"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",