Update interface.html

master
Ronin0000 2021-09-16 19:22:01 -07:00 committed by GitHub
parent 45a0d50b01
commit afafd449fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 25 deletions

View File

@ -1,9 +1,41 @@
<html> <html>
<head> <head>
<style>
body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100%;
}
#controls {
padding: 10px;
margin: 10px;
border: 1px solid black;
position:absolute;
right:0px;bottom:0px;
background-color: rgb(255, 255, 255);
z-index: 100;
}
</style>
<div id="controls">
<p>Create your events on the current week. Keep in note that your events repeat weekly.</p>
<p>One you have created your events, Click <button id="upload" class="btn btn-primary">Upload</button></p>
</div>
<meta charset='utf-8' /> <meta charset='utf-8' />
<link href='fullcalendar/main.css' rel='stylesheet' /> <link href='fullcalendar/main.css' rel='stylesheet' />
<script src='fullcalendar/main.js'></script> <script src='fullcalendar/main.js'></script>
<script> <script>
document.getElementById("upload").addEventListener("click", function() {
sendCustomizedApp({
id : "schoolCalender",
storage:[
{"name":"app.json"}
]
});
});
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar'); var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, { var calendar = new FullCalendar.Calendar(calendarEl, {
@ -41,31 +73,6 @@
calendar.render(); calendar.render();
}); });
</script> </script>
<style>
body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100%;
}
#controls {
padding: 10px;
margin: 10px;
border: 1px solid black;
position:absolute;
right:0px;bottom:0px;
background-color: rgb(255, 255, 255);
z-index: 100;
}
</style>
<div id="controls">
<p>Create your events on the current week. Keep in note that your events repeat weekly.</p>
<p>One you have created your events, Click <button id="upload" class="btn btn-primary">Upload</button></p>
</div>
</head> </head>
<body> <body>
<div id='calendar'></div> <div id='calendar'></div>