Commit b2a2a2d9 authored by Mark Stenglein's avatar Mark Stenglein
Browse files

Further UI changes

- Added DataTables library
- Changes spacing of DataTable

TODO:
- Need to find a better way to display datatable search field
parent a8c37ab4
$(document).ready(function() {
$('#classSearch').DataTable();
} );
......@@ -9,3 +9,7 @@ head
script(src='/javascripts/bootstrap.js')
script(src="https://use.fontawesome.com/1c4cae8f2d.js")
link(href='/stylesheets/main.css', rel='stylesheet')
// Datatables
link(rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.12/datatables.min.css")
script(type="text/javascript" src="https://cdn.datatables.net/v/bs/dt-1.10.12/datatables.min.js")
......@@ -2,6 +2,7 @@
extends layout
block content
script(src='/javascripts/mainApp.js')
div.containter-fluid
div.row
// Main site column
......@@ -22,13 +23,36 @@ block content
span.input-group-btn
button.btn.btn-info(type="button") Import CRN's
input.form-control(type="text" placeholder="Enter class CRN's separated by commas...")
br
div.input-group
span.input-group-btn
button.btn.btn-info(type="button")
i.fa.fa-search
input.form-control(type="text" placeholder="Search for classes...")
// br
// div.input-group
// span.input-group-btn
// button.btn.btn-info(type="button")
// i.fa.fa-search
// input.form-control(type="text" placeholder="Search for classes...")
div.col-md-2
div.row
br
div.col-md-12
table#classSearch.table.table-striped.table-bordered
thead
tr
th Add
th CRN
th Class
th Title
th Section
th Campus
th Sessions
tbody
tr
td
button.btn.btn-primary(type="button") Add
td 12345
td
td
td
td
td
// Right padding
div.col-md-1
// Registration cart div
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment