jslightham/MEVN-Attendance-Tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working

Browse Source
This commit is contained in:
jslightham
2020-04-09 00:08:06 -04:00
parent 1571b76967
commit 93956f9ab5
3 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attendancetracker/public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

19
attendancetracker/public/index.html
View File

@@ -4,12 +4,27 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Attendance Tracker</title> <title>Attendance Tracker</title>
</head> </head>
<style>
#sorry {
text-align: center;
margin-top: 24%;
font-family: Roboto, Open Sans, sans-serif;
color: black;
}
#oops {
font-size: 40px;
color: #134074;
}
</style>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but Attendance Tracker doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <div id="sorry">
<strong id="oops">Uh oh, JavaScript seems to have kicked the bucket</strong>
<br> <br>
<strong>We're sorry, but Attendance Tracker doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</div>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->

7
attendancetracker/src/components/Calendar.vue
View File

@@ -35,10 +35,11 @@
</b-navbar> </b-navbar>
</div> </div>
<h1>Attendance for {{user}}:</h1> <h1>Attendance Calendar for {{user}}:</h1>
<form @submit.prevent="att"> <form @submit.prevent="att">
<br><br><br>
<div id="cal"> <div id="cal">
<b-calendar v-model="value" locale="en-US" class="cal" selected-variant="info" width="35vw" hide-header> <b-calendar v-model="value" locale="en-US" class="cal" selected-variant="primary" width="35vw" hide-header>
<div class="d-flex" dir="ltr"> <div class="d-flex" dir="ltr">
<b-button <b-button
size="sm" size="sm"
@@ -46,7 +47,7 @@
v-if="value" v-if="value"
@click="clearDate" @click="clearDate"
> >
Clear date Clear date
</b-button> </b-button>
<b-button <b-button
size="sm" size="sm"