89 lines
2.9 KiB
HTML
89 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="css/popup.css">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="card" id="header">
|
|
<div id="buttons" style="padding: 5px 10px 5px 10px;display: flex;justify-content: space-between;">
|
|
<button id="clear" class="matbut" style="font-size:15px; background:#4CAF50;margin: 7px;">Clear All</button>
|
|
<button id="schedule" class="matbut" style="font-size:15px;background:#FF9800;margin: 7px;">Course List</button>
|
|
<button id="calendar" class="matbut" style="font-size:15px; background: #FF0000; margin:7px;">My Schedule</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<ul id="courseList" style="list-style-type: none;padding: 5px;"></ul>
|
|
<h2 id="empty" style="font-weight: normal;font-size: large;margin: 60px 30px 40px 30px ;text-align: center">
|
|
<div id="main" style="margin-bottom: 5px;">Doesn't Look Like
|
|
Anything
|
|
To Me.
|
|
</div>
|
|
<span style="font-size: small;display:table;margin:0 auto;font-weight: bold">(No Courses Saved)</span>
|
|
</h2>
|
|
</div>
|
|
|
|
<div style=" margin-bottom: 0px; display:inline-block"></div>
|
|
<input type="file" id="importOrig" accept=".json" style="display:none" />
|
|
|
|
<div class="settings">
|
|
|
|
<button title='Search' style="background-color:white;margin-left: 5px;margin-right: 3px;" class="settingsbut"
|
|
id='search'>
|
|
<i style='color:#FF9800' class="material-icons">
|
|
search
|
|
</i>
|
|
</button>
|
|
|
|
<div id="search-popup" class="hide">
|
|
<div class="flex-container">
|
|
|
|
<div id='semcon' class="select-style item">
|
|
<label>
|
|
<select id="semesters"></select>
|
|
</label>
|
|
</div>
|
|
|
|
<input type="text" id="class_id_input" class="item" name="class_id" maxlength="5"
|
|
placeholder="Course ID #"></input>
|
|
|
|
</div>
|
|
|
|
<button id="search-class" class="matbut">Search</button>
|
|
</div>
|
|
|
|
<button title='Import/Export' style="background-color:white;" class="settingsbut" id='impexp'>
|
|
<i style='color:#FF9800' class="material-icons">
|
|
import_export
|
|
</i>
|
|
</button>
|
|
|
|
<div id="import-export-popup" class="hide">
|
|
<div class="flex-container">
|
|
<button id="import-class" class="simple-menu-option">
|
|
<i class="material-icons">file_upload</i>Import Classes
|
|
</button>
|
|
<button id="export-class" class="simple-menu-option">
|
|
<i class="material-icons">file_download</i>Export Classes
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<button title='Options' style="background-color:white; margin-right: 0px;" class="settingsbut" id='open'>
|
|
<i style='color:#FF9800' class="material-icons">
|
|
settings
|
|
</i></button>
|
|
|
|
</div>
|
|
|
|
<script src="js/jquery-3.3.1.min.js"></script>
|
|
<script src="js/moment.min.js"></script>
|
|
<script src="js/popup.js"></script>
|
|
</body>
|
|
|
|
</html> |