diff --git a/public/css/resource_scheduler.css b/public/css/resource_scheduler.css
index a3c99e93b6666342bb68a7dec3078e4f989289fd..2a532a88f130931c2d00822192662acb37a1a8de 100644
--- a/public/css/resource_scheduler.css
+++ b/public/css/resource_scheduler.css
@@ -1 +1 @@
-@charset "UTF-8";@font-face{font-family:'eventicon';src:url('font/eventicon.eot?22213170');src:url('font/eventicon.eot?22213170#iefix') format('embedded-opentype'),url('font/eventicon.svg?22213170#eventicon') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'eventicon';src:url('data:application/octet-stream;base64,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') format('woff'),url('data:application/octet-stream;base64,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') format('truetype')}[class^="eventicon-"]:before,[class*=" eventicon-"]:before{font-family:"eventicon";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.eventicon-plus-circled:before{content:'\e800'}.eventicon-search:before{content:'\e801'}.eventicon-angle-circled-left:before{content:'\e802'}.eventicon-angle-circled-right:before{content:'\e803'}.eventicon-rss:before{content:'\e804'}.eventicon-calendar-empty:before{content:'\e805'}.eventicon-link:before{content:'\e806'}.eventicon-location:before{content:'\e807'}.eventicon-clock:before{content:'\e808'}.eventicon-vcard:before{content:'\e809'}.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.icon-calendar:before{content:"\e812";speak:none;display:inline-block;font-family:wdn-icon;font-style:normal;font-variant:normal;font-weight:400;margin-right:0.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.tooltip{display:none;text-align:center;font-size:0.85em;line-height:1.3em;position:absolute;font-size:.8125rem}.tooltip>div{position:absolute;background-color:var(--bg-light-gray);color:var(--body);box-shadow:0 1px 4px rgba(0,0,0,0.2);padding:1em .75em;bottom:160%;left:-91px;width:200px;text-align:left;z-index:250;font-size:.8em}.tooltip>div:before{background-color:var(--bg-light-gray);content:"";display:block;width:15px;height:15px;position:absolute;bottom:-8px;left:50%;margin-left:-7px;transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:0 0 4px rgba(0,0,0,0.25)}.tooltip>div:after{content:"";height:12px;width:40px;background-color:var(--bg-light-gray);display:block;position:absolute;bottom:0px;left:50%;margin-left:-24px}.tooltip div.close{position:absolute;top:0;right:0;padding-right:.5em;font-size:1.5em}.tooltip.hang-right>div{left:-27px}.tooltip.hang-left>div{left:-37px}.tooltip.hang-right>div:before{left:34px;margin-left:-7px}.tooltip.hang-right>div:after{left:34px;margin-left:-24px}.tooltip.hang-left>div:before{left:166px;margin-left:-7px}.tooltip.hang-left>div:after{left:166px;margin-left:-24px}.tooltip.hang-below>div:before{top:-8px;bottom:auto}.tooltip.hang-below>div:after{top:0px;bottom:auto}.tooltip.hang-above{top:-1em}.tooltip.hang-below{bottom:0;margin-bottom:-8em}.tooltip ul li{margin-bottom:.75em}.tooltip span.heading{font-family:"Tungsten A","Tungsten B",HelveticaNeueCondensed,HelveticaNeue-Condensed,"Helvetica Neue Condensed",HelveticaNeueRomanCondensed,HelveticaNeue-Roman-Condensed,"Helvetica Neue Roman Condensed","Arial Narrow",HelveticaNeue,"Helvetica Neue",HelveticaNeueRoman,HelveticaNeue-Roman,"Helvetica Neue Roman",Helvetica,Tahoma,Geneva,Arial,sans-serif;font-size:1.777em}.tooltip p{margin:0}.tooltip.italic *,.tooltip .italic{font-style:italic}#pagetitle h3{margin-top:0}.dcf-main-content form fieldset{margin:0;margin-bottom:1em}.dcf-main-content form legend{font-size:1.5em;margin-top:0.5em;margin-bottom:1em;padding-bottom:0}.dcf-main-content form.delete-form,.dcf-main-content form.inline-form{display:inline;padding:0}.dcf-main-content form input{word-wrap:normal}.dcf-main-content form input[disabled]{background:#CCCCCC}.dcf-main-content form textarea{resize:vertical}.dcf-main-content form .helper{font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif}.dcf-main-content form .offset-field-group{background:#41708d;border-radius:.5em;padding:1em}.dcf-main-content form .offset-field-group label{color:#fefdfa}.table-actions a,.table-actions button{vertical-align:middle}.space-image{background:#78c3f1;border-radius:1em;border:1px solid #41708d;padding:1em}#notice .message-content a{text-decoration:underline}label.day-header{width:20%;display:block;float:left;text-align:center;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif}.day-label-container{height:2.5em;box-shadow:0 3px 2px rgba(0,0,0,0.2);position:relative;z-index:1;background-color:var(--bg-light-gray);padding:.5em 46px 0 10%}@media only screen and (min-width:900px){.day-label-container{padding:.5em 46px 0 7.5%}}@media only screen and (min-width:1200px){.day-label-container{padding:.5em 46px 0 5%}}.calendar{overflow:hidden;width:100%}.calendar-container{clear:both;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;width:100%;text-align:center;overflow-y:scroll;overflow-x:hidden;height:532px;padding:0 1em 0 0;box-shadow:inset 0 0 10px rgba(0,0,0,0.2)}.calendar-container .time-labels{font-size:80%;float:left;width:10%;border-right:solid 1px #d5d5d2;text-align:right}.calendar-container .time-labels .calendar-half-hour{padding-right:.1em;position:relative}.calendar-container .time-labels .calendar-half-hour,.calendar-container .time-labels .calendar-half-hour:nth-child(2n),.calendar-container .time-labels .calendar-half-hour:nth-child(2n+1){border-bottom:none}.calendar-container .time-labels .calendar-half-hour:first-child{border-top:none}.calendar-container .time-labels .calendar-half-hour label{display:block;position:relative;top:-0.9em;right:.3em}@media only screen and (min-width:900px){.calendar-container .time-labels{width:7.5%}}@media only screen and (min-width:1200px){.calendar-container .time-labels{width:5%}}.calendar-container .calendar-day{vertical-align:bottom;text-align:center;float:left;width:18%;border-right:solid 1px #d5d5d2}.calendar-container .calendar-day .day-chart{position:relative}@media only screen and (min-width:900px){.calendar-container .calendar-day{width:18.5%}}@media only screen and (min-width:1200px){.calendar-container .calendar-day{width:19%}}.calendar-container .calendar-day:last-child{margin-right:0}.calendar-container .calendar-half-hour{height:28px}.calendar-container .calendar-half-hour:nth-child(2n){border-bottom:1px solid #c1c0be}.calendar-container .calendar-half-hour:nth-child(2n+1){border-bottom:1px solid #eae9e6}.calendar-container .calendar-half-hour:first-child{border-top:solid 1px #d5d5d2}.calendar-container .event-container{position:absolute;width:100%;z-index:2}.calendar-container .event,.calendar-container .reservation{cursor:pointer;text-overflow:ellipsis;color:#fff;background:#137CBD;border-left:3px solid #2a5875;width:100%;font-size:60%;padding:0.15em .25em;white-space:nowrap;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.3);line-height:1.5em;font-size:1em}.calendar-container .event p,.calendar-container .reservation p{margin:0}.calendar-container .event p.eventicon-clock,.calendar-container .reservation p.eventicon-clock{line-height:0.25em;font-size:0.5em}.calendar-container .event.new-member-orientation,.calendar-container .reservation.new-member-orientation{background:#FFFFB8;border-color:#b8b800}.calendar-container .event.free-event,.calendar-container .reservation.free-event{background:#F8F8F8;border-color:#797979;color:#454545}.calendar-container .event.machine-training,.calendar-container .reservation.machine-training{background:#58CC2F;border-color:#34791c}.calendar-container .event.rsvp-only-event,.calendar-container .reservation.rsvp-only-event{background:#FFA6F5;border-color:#a60093}.calendar-container .event.top-overflow,.calendar-container .reservation.top-overflow{border-top:none;border-top-left-radius:0px;border-top-right-radius:0px}.calendar-container .event.bottom-overflow,.calendar-container .reservation.bottom-overflow{border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.calendar-container .event.editing,.calendar-container .reservation.editing{border-style:dashed}.calendar-container .event a,.calendar-container .reservation a{color:initial}.calendar-container .event a:hover,.calendar-container .reservation a:hover{text-decoration:underline}.calendar-container .event.past,.calendar-container .reservation.past{opacity:.5}.calendar-container .status{position:absolute;background:gray;width:100%;opacity:.5}.calendar-container .status.closed{background-color:#444}.calendar-container .status.open-without-reservations{background-color:#78c3f1}.calendar-container.individual-day{background-color:var(--bg-light-gray);border:1px solid var(--b)}.calendar-container.individual-day .time-labels{width:15%}@media only screen and (max-width:600px){.calendar-container.individual-day .time-labels{width:20%}}@media only screen and (min-width:900px){.calendar-container.individual-day .time-labels{width:10%}}.calendar-container.individual-day .calendar-day{width:80%}@media only screen and (max-width:600px){.calendar-container.individual-day .calendar-day{width:75%}}@media only screen and (min-width:900px){.calendar-container.individual-day .calendar-day{width:85%}}.calendar-container.individual-day .day-header{width:100%;padding:0.25em 0.75em}.event-details{margin-bottom:1em;padding:0 23px 1.777em;padding:0 1.425rem 1.777em;border-top:5px solid #D00000;background-color:#fff;box-shadow:0 0 0 1px rgba(20,20,20,0.1)}.event-details .date-wrapper,.event-details .time-wrapper,.event-details .location,.event-details .contact{display:block;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;font-weight:400;font-style:normal;font-size:13px;font-size:0.802rem}.event-details .date-wrapper:before,.event-details .time-wrapper:before,.event-details .location:before,.event-details .contact:before{color:#c1c0be}.event-details .description{margin:1em 0 0;padding-top:1em;border-top:1px solid #c1c0be}.toolbox,.visual-island{background:var(--bg-light-gray);margin-bottom:1em;word-wrap:break-word;padding:0 !important}.toolbox .tools,.visual-island .tools,.toolbox .details,.visual-island .details{padding:1em;border-left:1px solid var(--b);border-right:1px solid var(--b);border-bottom:1px solid var(--b)}.toolbox .tools.top-border,.visual-island .tools.top-border,.toolbox .details.top-border,.visual-island .details.top-border{border-top:1px solid var(--b)}.toolbox h1,.visual-island h1,.toolbox h2,.visual-island h2,.toolbox h3,.visual-island h3,.toolbox h4,.visual-island h4,.toolbox h5,.visual-island h5,.toolbox h6,.visual-island h6,.toolbox .vi-header,.visual-island .vi-header{display:block;font-size:.802em !important;margin:0;border-bottom:1px solid #474746;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;width:100%;background-color:#474746;padding:1em;text-transform:uppercase;color:#fff;font-weight:400;font-style:normal;text-align:center}.toolbox p,.visual-island p{padding:0 1em 1em 1em}.toolbox ul,.visual-island ul{padding:0;padding-left:1em;margin:0}.toolbox ul a,.visual-island ul a{border-bottom:none;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif}.event-list{background-color:#eae9e6;font-size:80%;line-height:1.4}.event-list .center{text-align:center}.event-list tbody tr{min-height:30px}.event-list ul{padding-left:0;list-style-type:none}.event-list li{padding:5px 0}.event-list li:not(:last-child){border-bottom:1px solid #999999}.date-time-select{padding:1em;background-color:var(--bg-light-gray);border:1px solid var(--b);margin-bottom:0.75em;text-align:center}.date-time-select.hours{text-align:left}.date-time-select .icon-calendar{margin-right:-2.3em;position:relative;z-index:2;margin-left:0.8em}.date-time-select .am_pm{display:inline-block;font-family:"Gotham";font-size:.75em;margin-left:.75em}.date-time-select input{padding-left:2.3em;width:90%;position:relative;text-align:center}.date-time-select select{width:90%;text-align:center;padding:0}.date-time-select>*{vertical-align:middle}@media (max-width:767px){.medium-hidden{display:none}.medium-block{display:block !important}.date-time-select input{width:100%}.date-time-select select{width:30%;text-align:center}}.calendar-container .mCSB_scrollTools{height:95%;margin-top:1.5%}#nowLine{width:100%;height:2px;background-image:linear-gradient(to right, rgba(208,0,0,0.5) 40%, rgba(255,255,255,0) 20%);background-position:top;background-size:3px 1px;background-repeat:repeat-x;position:absolute;z-index:1}#nowArrow{content:"";position:absolute;height:10px;width:12px;background-image:url(/images/time-arrow.svg);left:-7px;margin-top:-5px;background-repeat:no-repeat;z-index:3}.wdn_tabs>li{background-color:var(--bg-light-gray)}.wdn_tabs>li .selected{background-color:var(--bg-tab-selected)}.wdn_tabs_content{background-color:var(--bg-tabs-panel);border-color:var(--b-tab)}
\ No newline at end of file
+@charset "UTF-8";@font-face{font-family:'eventicon';src:url('font/eventicon.eot?22213170');src:url('font/eventicon.eot?22213170#iefix') format('embedded-opentype'),url('font/eventicon.svg?22213170#eventicon') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'eventicon';src:url('data:application/octet-stream;base64,d09GRgABAAAAAA+YAA4AAAAAGKQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPihJCmNtYXAAAAGIAAAAOgAAAUrQGhm3Y3Z0IAAAAcQAAAAUAAAAHAbZ/wZmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAAWxAAAHxMhfdCpoZWFkAAAMkAAAADUAAAA2Au9iKmhoZWEAAAzIAAAAHgAAACQHlwNbaG10eAAADOgAAAAiAAAALCXWAABsb2NhAAANDAAAABgAAAAYCUALLm1heHAAAA0kAAAAIAAAACABLQoMbmFtZQAADUQAAAGBAAAC2eMlZdpwb3N0AAAOyAAAAHUAAACicNarb3ByZXAAAA9AAAAAVgAAAFaSoZr/eJxjYGQuZJzAwMrAwVTFtIeBgaEHQjM+YDBkZGJgYGJgZWbACgLSXFMYHF4wvOBkDvqfxRDFHMwwDSjMCJIDAObnC7B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF5w/v8PUvCCAURLMELVAwEjG8OIBwBtzAa3AAB4nGNgQANGDEbMwf+zQBgAEdoD43icnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3ichVVdaBzXFT7nzu/OyLMzs/OzXu3Kq9nVrDJyFXU0O7uW5PXGlSVhO5Fq+cGyTSjFpItiTCh2MLi0ofg5FqowQQTRhDyEhpQEQigk2Cb4oVATGmNC80MIeSql6MHkpUFa9dy1StQY2uXuufeee2bmO+d+373AAHbeFc4LOvTBGLTbh0dQkvejwNhRhUZMllhHRCbITHgOAGQJ5HMgIArzIAh4GlDAuUrVq1SH3Jzqj1hJC+MBNFgwig3Ha4y7juePx2mjTuYwJqFSqSdhrRLIikvGv/zR5p2r8sV733zcedvJ3vCM2ayDNwzPM74fIz575e7ly3f/wc1PaX6D/BTgZOf2TgDYzs7OsvCa0Ad5GISoXdNREG0Cz44SdFEAkaADo+TOAaKO0zmvUnAkh6MWBpjvKL7nyMGTKFeCUUbwW2wU5dbyyusvX5pgx267Byec2xeuLax22iurf10RX/nzOv52YeXiFGt31p65duG2Oxm5t4+1Omvzv1hjK/dfltdhb30DqLWrecKDHI/AQDhHaJDNA2O4CMhwtui7OTH3gzIeQC8+gmnyJDa4CYMsynsK94G+rRf1Q7r+1lu6fkgb0Lb1vRW7YtC63tQHNFrvxW3r8Diu8v/E5T+OS9qDqweJ5speXOjQx4r849sE6hG+vcDms4Sqh/17fLQ/sPMvIUe4VCjDIUjaP3YQgZAxGWQGHRCpE4mEtIUwT3hxURIYRcyG6WQjzNmKN1JP0pjvZGjVk0Y6iQOC78kjGIS1UaRGXnJ6omfvuuujQi0IW2db1PoyWWHp9d+cVNA1TxgO9r3/kmG7Wfwdap9c5c4Fw5MvbHz+ouFc+BF/oIWzJ0xNU07++o2lrG8bL73fhw7WFrKu+uIn3W9Xs56z7+rffv9z1QPOQsqPc3QRKlCDBszCL0+8oy2caT8hMgYZVYWfaaiCIqvKWR0zGVwksaH2E5BlaREkSZem+9vRo9gMqJ3/F7zUto4dPTxRj8ctu14Zz41X+vIjrsULQFUgaXolHN8d+S43liNXBoOwMWgNkgQm8ZFuqUyyK/1gHpXmkqHqUPJpWq0MJThbivBgcWuzFM0K9tbmDU2tqlrP4NuaWuFjMvPsL6UoraaYDKW7XVTarpeiqMSmnudBr/236XH1Y6HMHkIRpmCy3aRjSF4GSZSWOV1J0pwVJO/HeTs1mdafGK4G/QXXUqyRoTT2PaJqECZHsIUkd0WuhZy7XtxAz8ly6dfChIdxZhNZeHQtpImHoTFslstRc/2F5trMWmqa1SA+tVZIjhfwn83mxvGTrdgoRkY8t1Es5tvF2Bw2giBOVy8bRlAdbr6w3lybthOTv2Ts1GrhZFxgzzXXmxtzsTE8YIzNvVo8ni9ohZiHx6ncy3uZPSSuaJCDYnu/iniEp/U8JQiLxCaNTecKtmCTMFPRcx0lgyFtWpwmYSB/iRNf1rsfdj+sf3H++nlq+NmrX7HPN67NdE/hH2euHeW+81zx9J1V4RUhIs1Z4MNc+xi9KycyEekSEKnCIutISIFU5XMy9mpMHePnP8M529YyCLZv+8a+jKVZkggqqmp2BGMwScUm5OLUDMuy6eVcX6lZeO8WGt2H3evdh2jcunn/fvfTBw/+dDP+gxD9x4u/QmPr3gOMeovs4re0ijZdQD0u/J1tQpZq4kM/HIAYrravlOlAfwp0IoUudvYRWJYBttRnUacqGXXJRIVoo8hLWZQ0SkoSlwzkF9nT1AmcLgIdv8V83nFME2EkqlaCweKB4oGBUr4/31/Y7/iO77lmzszZVkaGLBo2z9BzdwVTpz0YR2vQGnIr9cbuH/1KMp7SlVdPYteR+W0oXI8mJqKtr4enpoaF8tbX+Ox3/MdOi9/Jp9P3mpHHNiei7Tf5OjsTTWxPszPbb949e/Zmr3XvzMx4B82FsUuXxhZMpyzDvwHCnnS7AAAAeJxjYGRgYADij/+0l8Tz23xl4GZ+ARRhOP9ldQqELlb5//9/FvML5mAgl4OBCSQKAKmCDzQAAAB4nGNgZGBgDvqfxRDF/IKB4f9fIAkUQQHcAJEoBfgAAHicY37BwMAcCcQLoDQIC0L5CgwMTJ+A9AwgBqoDAIJWBfcAAAAAAAAAZgCwAPwBSAG4AlICzgMCA1gD4gABAAAACwBIAAYAAAAAAAIAJAAxAG4AAACJCZEAAAAAeJx1kL1OwzAUhY+hFLWVGIrE7AVUhJT+AEsHVKkCNoYOZU5T56ekduW4lTrxFrwDD8TKs3CSWhXiJ5aT75x7c++1AbTxCYHdc8u9Y4EG1Y4PcIw7z4f07z3XyE+ej9DCs+c6/ZnnJq7w4rmFU7yxgqg1qBZ49yzQFqeeD3Aizj0f0r/2XCPfez7CmXj2XKe/9NzEVLx6buFCfIzNamuzJHWyM76Ug17/Rs620tDKdJjLcO1SYws5krHRTuW5CSKzVBulXRYZPVHJOg/tXu9hqmyRGS37QW/vPSqtbOjUvOxQbJKBc7GMrVnKB19brqxZqMgFqXOrYbf7vSfGMFhhC4sMCVI4SHToXvI7QA993JBmzJDM3GVl0AiR0wmx5h9pFSmoR9wxlaarmJGTA0R8L6k33GUkqxyNCXXCCjnr2D/iv50pddkpq5TkdAFn/J33WOkyN6wmme/PUDA34ckcV1xNa6vpJB5+zC15L2VsQSeiH1S34+gO0eX655xfTG2H8QAAAHicbcjRDoIwDEDRFhgiGB/kO/ZRTVdhoQ7STRP/HhLjg4nn6eZCBR89/DcAYIU1NuiwxRN2eMYeh8umz+w5GquENgsZzzdKk8p3epV7GX+XxWkuteV8ZVJJgczLYyvvRmNaOl2ZSlyT46MW92KyALADORomRgAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=') format('woff'),url('data:application/octet-stream;base64,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') format('truetype')}[class^="eventicon-"]:before,[class*=" eventicon-"]:before{font-family:"eventicon";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.eventicon-plus-circled:before{content:'\e800'}.eventicon-search:before{content:'\e801'}.eventicon-angle-circled-left:before{content:'\e802'}.eventicon-angle-circled-right:before{content:'\e803'}.eventicon-rss:before{content:'\e804'}.eventicon-calendar-empty:before{content:'\e805'}.eventicon-link:before{content:'\e806'}.eventicon-location:before{content:'\e807'}.eventicon-clock:before{content:'\e808'}.eventicon-vcard:before{content:'\e809'}.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.tooltip{display:none;text-align:center;font-size:0.85em;line-height:1.3em;position:absolute;font-size:.8125rem}.tooltip>div{position:absolute;background-color:var(--bg-light-gray);color:var(--body);box-shadow:0 1px 4px rgba(0,0,0,0.2);padding:1em .75em;bottom:160%;left:-91px;width:200px;text-align:left;z-index:250;font-size:.8em}.tooltip>div:before{background-color:var(--bg-light-gray);content:"";display:block;width:15px;height:15px;position:absolute;bottom:-8px;left:50%;margin-left:-7px;transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:0 0 4px rgba(0,0,0,0.25)}.tooltip>div:after{content:"";height:12px;width:40px;background-color:var(--bg-light-gray);display:block;position:absolute;bottom:0px;left:50%;margin-left:-24px}.tooltip div.close{position:absolute;top:0;right:0;padding-right:.5em;font-size:1.5em}.tooltip.hang-right>div{left:-27px}.tooltip.hang-left>div{left:-37px}.tooltip.hang-right>div:before{left:34px;margin-left:-7px}.tooltip.hang-right>div:after{left:34px;margin-left:-24px}.tooltip.hang-left>div:before{left:166px;margin-left:-7px}.tooltip.hang-left>div:after{left:166px;margin-left:-24px}.tooltip.hang-below>div:before{top:-8px;bottom:auto}.tooltip.hang-below>div:after{top:0px;bottom:auto}.tooltip.hang-above{top:-1em}.tooltip.hang-below{bottom:0;margin-bottom:-8em}.tooltip ul li{margin-bottom:.75em}.tooltip span.heading{font-family:"Tungsten A","Tungsten B",HelveticaNeueCondensed,HelveticaNeue-Condensed,"Helvetica Neue Condensed",HelveticaNeueRomanCondensed,HelveticaNeue-Roman-Condensed,"Helvetica Neue Roman Condensed","Arial Narrow",HelveticaNeue,"Helvetica Neue",HelveticaNeueRoman,HelveticaNeue-Roman,"Helvetica Neue Roman",Helvetica,Tahoma,Geneva,Arial,sans-serif;font-size:1.777em}.tooltip p{margin:0}.tooltip.italic *,.tooltip .italic{font-style:italic}.dcf-main-content form.delete-form,.dcf-main-content form.inline-form{display:inline;padding:0}.dcf-main-content form .offset-field-group{border:solid 1px var(--b);background:var(--bg-dialog);border-radius:.5em;padding:1em}.dcf-main-content form .offset-field-group label{color:var(--body)}.table-actions a,.table-actions button{vertical-align:middle}.space-image{background:#78c3f1;border-radius:1em;border:1px solid #41708d;padding:1em}#notice .message-content a{text-decoration:underline}label.day-header{width:20%;display:block;float:left;text-align:center;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif}.day-label-container{height:2.5em;box-shadow:0 3px 2px rgba(0,0,0,0.2);position:relative;z-index:1;background-color:var(--bg-light-gray);padding:.5em 46px 0 10%}@media only screen and (min-width:900px){.day-label-container{padding:.5em 46px 0 7.5%}}@media only screen and (min-width:1200px){.day-label-container{padding:.5em 46px 0 5%}}.calendar{overflow:hidden;width:100%}.calendar-container{clear:both;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;width:100%;text-align:center;overflow-y:scroll;overflow-x:hidden;height:532px;padding:0 1em 0 0;box-shadow:inset 0 0 10px rgba(0,0,0,0.2)}.calendar-container .time-labels{font-size:80%;float:left;width:10%;border-right:solid 1px #d5d5d2;text-align:right}.calendar-container .time-labels .calendar-half-hour{padding-right:.1em;position:relative}.calendar-container .time-labels .calendar-half-hour,.calendar-container .time-labels .calendar-half-hour:nth-child(2n),.calendar-container .time-labels .calendar-half-hour:nth-child(2n+1){border-bottom:none}.calendar-container .time-labels .calendar-half-hour:first-child{border-top:none}.calendar-container .time-labels .calendar-half-hour label{display:block;position:relative;top:-0.9em;right:.3em}@media only screen and (min-width:900px){.calendar-container .time-labels{width:7.5%}}@media only screen and (min-width:1200px){.calendar-container .time-labels{width:5%}}.calendar-container .calendar-day{vertical-align:bottom;text-align:center;float:left;width:18%;border-right:solid 1px #d5d5d2}.calendar-container .calendar-day .day-chart{position:relative}@media only screen and (min-width:900px){.calendar-container .calendar-day{width:18.5%}}@media only screen and (min-width:1200px){.calendar-container .calendar-day{width:19%}}.calendar-container .calendar-day:last-child{margin-right:0}.calendar-container .calendar-half-hour{height:28px}.calendar-container .calendar-half-hour:nth-child(2n){border-bottom:1px solid #c1c0be}.calendar-container .calendar-half-hour:nth-child(2n+1){border-bottom:1px solid #eae9e6}.calendar-container .calendar-half-hour:first-child{border-top:solid 1px #d5d5d2}.calendar-container .event-container{position:absolute;width:100%;z-index:2}.calendar-container .event,.calendar-container .reservation{cursor:pointer;text-overflow:ellipsis;color:#fff;background:#137CBD;border-left:3px solid #2a5875;width:100%;font-size:60%;padding:0.15em .25em;white-space:nowrap;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.3);line-height:1.5em;font-size:1em}.calendar-container .event p,.calendar-container .reservation p{margin:0}.calendar-container .event p.eventicon-clock,.calendar-container .reservation p.eventicon-clock{line-height:0.25em;font-size:0.5em}.calendar-container .event.new-member-orientation,.calendar-container .reservation.new-member-orientation{background:#FFFFB8;border-color:#b8b800}.calendar-container .event.free-event,.calendar-container .reservation.free-event{background:#F8F8F8;border-color:#797979;color:#454545}.calendar-container .event.machine-training,.calendar-container .reservation.machine-training{background:#58CC2F;border-color:#34791c}.calendar-container .event.rsvp-only-event,.calendar-container .reservation.rsvp-only-event{background:#FFA6F5;border-color:#a60093}.calendar-container .event.top-overflow,.calendar-container .reservation.top-overflow{border-top:none;border-top-left-radius:0px;border-top-right-radius:0px}.calendar-container .event.bottom-overflow,.calendar-container .reservation.bottom-overflow{border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.calendar-container .event.editing,.calendar-container .reservation.editing{border-style:dashed}.calendar-container .event a,.calendar-container .reservation a{color:initial}.calendar-container .event a:hover,.calendar-container .reservation a:hover{text-decoration:underline}.calendar-container .event.past,.calendar-container .reservation.past{opacity:.5}.calendar-container .status{position:absolute;background:gray;width:100%;opacity:.5}.calendar-container .status.closed{background-color:#444}.calendar-container .status.open-without-reservations{background-color:#78c3f1}.calendar-container.individual-day{background-color:var(--bg-light-gray);border:1px solid var(--b)}.calendar-container.individual-day .time-labels{width:15%}@media only screen and (max-width:600px){.calendar-container.individual-day .time-labels{width:20%}}@media only screen and (min-width:900px){.calendar-container.individual-day .time-labels{width:10%}}.calendar-container.individual-day .calendar-day{width:80%}@media only screen and (max-width:600px){.calendar-container.individual-day .calendar-day{width:75%}}@media only screen and (min-width:900px){.calendar-container.individual-day .calendar-day{width:85%}}.calendar-container.individual-day .day-header{width:100%;padding:0.25em 0.75em}.event-details{margin-bottom:1em;padding:0 23px 1.777em;padding:0 1.425rem 1.777em;border-top:5px solid var(--brand-alpha);background-color:var(--bg-dialog);box-shadow:0 0 0 1px rgba(20,20,20,0.1)}.event-details .date-wrapper,.event-details .time-wrapper,.event-details .location,.event-details .contact{display:block;font-size:13px;font-size:0.802rem}.event-details .date-wrapper:before,.event-details .time-wrapper:before,.event-details .location:before,.event-details .contact:before{color:var(--brand-alpha)}.event-details .description{margin:1em 0 0;padding-top:1em;border-top:1px solid var(--b)}.toolbox,.visual-island{background:var(--bg-light-gray);margin-bottom:1em;word-wrap:break-word;padding:0 !important}.toolbox .tools,.visual-island .tools,.toolbox .details,.visual-island .details{padding:1em;border-left:1px solid var(--b);border-right:1px solid var(--b);border-bottom:1px solid var(--b)}.toolbox .tools.top-border,.visual-island .tools.top-border,.toolbox .details.top-border,.visual-island .details.top-border{border-top:1px solid var(--b)}.toolbox h1,.visual-island h1,.toolbox h2,.visual-island h2,.toolbox h3,.visual-island h3,.toolbox h4,.visual-island h4,.toolbox h5,.visual-island h5,.toolbox h6,.visual-island h6,.toolbox .vi-header,.visual-island .vi-header{display:block;font-size:.802em !important;margin:0;border-bottom:1px solid #474746;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;width:100%;background-color:#474746;padding:1em;text-transform:uppercase;color:#fff;font-weight:400;font-style:normal;text-align:center}.toolbox p,.visual-island p{padding:0 1em 1em 1em}.toolbox ul,.visual-island ul{padding:0;padding-left:1em;margin:0}.toolbox ul a,.visual-island ul a{border-bottom:none;font-family:"Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif}.event-list{background-color:#eae9e6;font-size:80%;line-height:1.4}.event-list .center{text-align:center}.event-list tbody tr{min-height:30px}.event-list ul{padding-left:0;list-style-type:none}.event-list li{padding:5px 0}.event-list li:not(:last-child){border-bottom:1px solid #999999}.date-time-select{padding:1em;background-color:var(--bg-light-gray);border:1px solid var(--b);margin-bottom:0.75em;text-align:center}.date-time-select>*{vertical-align:middle}@media (max-width:767px){.medium-hidden{display:none}.medium-block{display:block !important}}.calendar-container .mCSB_scrollTools{height:95%;margin-top:1.5%}#nowLine{width:100%;height:2px;background-image:linear-gradient(to right, rgba(208,0,0,0.5) 40%, rgba(255,255,255,0) 20%);background-position:top;background-size:3px 1px;background-repeat:repeat-x;position:absolute;z-index:1}#nowArrow{content:"";position:absolute;height:10px;width:12px;background-image:url(/images/time-arrow.svg);left:-7px;margin-top:-5px;background-repeat:no-repeat;z-index:3}
\ No newline at end of file
diff --git a/src/less/lib/fonts.less b/src/less/lib/fonts.less
index 707e2cfe6983d90066e173b52b72f3b46492daf5..aa6f2e73b77bed169632333ce7cc96f65ef1ac11 100644
--- a/src/less/lib/fonts.less
+++ b/src/less/lib/fonts.less
@@ -21,29 +21,3 @@
font-weight: 600;
font-style: normal;
}
-
-.sans-serif-font() {
- font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
- font-weight: 400;
- font-style: normal;
-}
-
-.fontello() {
- font-family: "wdn-icon";
- font-style: normal;
- font-weight: normal;
- speak: none;
-
- display: inline-block;
- text-decoration: inherit;
- width: 1em;
- margin-right: .2em;
- text-align: center;
-
- // For safety - reset parent styles, that can break glyph codes
- font-variant: normal;
- text-transform: none;
-
- // Uncomment for 3D effect
- // text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
-}
diff --git a/src/less/resource_scheduler.less b/src/less/resource_scheduler.less
index 44d585aecdeb20ebb61e22b3de917a870e652c6c..4f1274fa8ecaf3504364fd1b374be7099f54734c 100644
--- a/src/less/resource_scheduler.less
+++ b/src/less/resource_scheduler.less
@@ -5,12 +5,6 @@
@import "lib/fonts.less";
@import "lib/eventicon-embedded.less";
-.sans-serif-font() {
- font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
- font-weight: 400;
- font-style: normal;
-}
-
.clearfix:after {
content: " "; /* Older browsers do not support empty content */
visibility: hidden;
@@ -19,21 +13,6 @@
clear: both;
}
-.icon-calendar:before {
- content: "\e812";
- speak: none;
- display: inline-block;
- font-family: wdn-icon;
- font-style: normal;
- font-variant: normal;
- font-weight: 400;
- margin-right: 0.2em;
- text-align: center;
- text-decoration: inherit;
- text-transform: none;
- width: 1em;
-}
-
.tooltip {
> div {
position: absolute;
@@ -159,45 +138,20 @@
}
}
-#pagetitle h3 {
- margin-top: 0;
-}
-
.dcf-main-content form {
- fieldset {
- margin: 0;
- margin-bottom: 1em;
- }
- legend {
- font-size: 1.5em;
- margin-top: 0.5em;
- margin-bottom: 1em;
- padding-bottom: 0;
- }
&.delete-form, &.inline-form {
display: inline;
padding: 0;
}
- input {
- word-wrap: normal;
- &[disabled] {
- background: #CCCCCC;
- }
- }
- textarea {
- resize: vertical;
- }
- .helper {
- font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;
- }
.offset-field-group {
- background: @dark-triad;
+ border: solid 1px var(--b);
+ background: var(--bg-dialog);
border-radius: .5em;
padding: 1em;
label {
- color: @cream;
+ color: var(--body);
}
}
}
@@ -417,8 +371,8 @@ label.day-header {
margin-bottom: 1em;
padding: 0 23px 1.777em;
padding: 0 1.425rem 1.777em;
- border-top: 5px solid #D00000;
- background-color: #fff;
+ border-top: 5px solid var(--brand-alpha);
+ background-color: var(--bg-dialog);
box-shadow: 0 0 0 1px fadeout(mix(#000, @cream, 92%), 90%);
.date-wrapper,
@@ -426,19 +380,18 @@ label.day-header {
.location,
.contact {
display: block;
- .sans-serif-font();
font-size: 13px;
font-size: 0.802rem;
&:before {
- color: @ui05;
+ color: var(--brand-alpha);
}
}
.description {
margin: 1em 0 0;
padding-top: 1em;
- border-top: 1px solid mix(#000, @cream, 24%);
+ border-top: 1px solid var(--b);
}
}
@@ -513,32 +466,6 @@ label.day-header {
border: 1px solid var(--b);
margin-bottom: 0.75em;
text-align: center;
- &.hours {
- text-align: left;
- }
- .icon-calendar {
- margin-right: -2.3em;
- position: relative;
- z-index: 2;
- margin-left: 0.8em;
- }
- .am_pm {
- display: inline-block;
- font-family: "Gotham";
- font-size: .75em;
- margin-left: .75em;
- }
- input {
- padding-left: 2.3em;
- width: 90%;
- position: relative;
- text-align: center;
- }
- select {
- width: 90%;
- text-align: center;
- padding: 0;
- }
> * {
vertical-align: middle;
}
@@ -553,16 +480,6 @@ label.day-header {
.medium-block {
display: block !important;
}
-
- .date-time-select {
- input {
- width: 100%;
- }
- select {
- width: 30%;
- text-align: center;
- }
- }
}
@@ -594,16 +511,3 @@ label.day-header {
background-repeat: no-repeat;
z-index: 3;
}
-
-.wdn_tabs>li {
- background-color: var(--bg-light-gray);
-
- .selected {
- background-color: var(--bg-tab-selected);
- }
-}
-
-.wdn_tabs_content {
- background-color: var(--bg-tabs-panel);
- border-color: var(--b-tab);
-}
diff --git a/views/admin/add_user.erb b/views/admin/add_user.erb
index 492ffee4a20bfa01fb04bf687e60326e271694ca..5b3c76a7a5b71fc399bdafb935903007aafd8f71 100644
--- a/views/admin/add_user.erb
+++ b/views/admin/add_user.erb
@@ -1,19 +1,19 @@
-<div id="pagetitle">
- <h3>Add User</h3>
-</div>
+<h1 class="dcf-txt-h3">Add User</h1>
-<form id="edit-user" action="" method="POST">
+<form class="dcf-form" id="edit-user" action="" method="POST">
<div class="dcf-grid dcf-col-gap-vw">
<fieldset class="dcf-col-100% dcf-col-50%-start@sm">
<legend>User Details</legend>
- <label for="user_id">User</label>
- <select id="user_id" name="user_id">
- <option value=""></option>
- <% available_users.each do |user| %>
- <option value="<%= user.id %>"><%= user.sortable_name %>
- <% end %>
- </select>
+ <div class="dcf-form-group">
+ <label for="user_id">User</label>
+ <select id="user_id" name="user_id">
+ <option value=""></option>
+ <% available_users.each do |user| %>
+ <option value="<%= user.id %>"><%= user.sortable_name %>
+ <% end %>
+ </select>
+ </div>
</fieldset>
<% if @user.is_super_user?(@space) %>
@@ -21,17 +21,20 @@
<fieldset>
<legend>Manager Permissions</legend>
<% permissions.each do |perm| %>
- <input type="checkbox" id="permission-<%= perm.id %>" name="permission_<%= perm.id %>">
- <label for="permission-<%= perm.id %>"><%= perm.name %></label><br>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" id="permission-<%= perm.id %>" name="permission_<%= perm.id %>">
+ <label for="permission-<%= perm.id %>"><%= perm.name %></label>
+ </div>
<% end %>
</fieldset>
<fieldset>
<legend>Make Super User</legend>
- <label>Super Users can edit any user's permissions in the space and can create new Super Users, as well as
- remove your Super User status. Only give Super User to someone you <em>absolutely</em> trust.</label><br>
- <br>
- <input type="checkbox" id="permission-<%= su_permission.id %>" name="permission_<%= su_permission.id %>">
- <label for="permission-<%= su_permission.id %>"><%= su_permission.name %></label><br>
+ <p>Super Users can edit any user's permissions in the space and can create new Super Users, as well as
+ remove your Super User status. Only give Super User to someone you <em>absolutely</em> trust.</p>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" id="permission-<%= su_permission.id %>" name="permission_<%= su_permission.id %>">
+ <label for="permission-<%= su_permission.id %>"><%= su_permission.name %></label>
+ </div>
</fieldset>
</div>
<% end %>
diff --git a/views/admin/agenda.erb b/views/admin/agenda.erb
index 24340ea8dce9b9ce5ca2f30a8a8fcf47afcb9f40..0ea5ae55ae1a15d4c3375d3681dd885d4343cd47 100644
--- a/views/admin/agenda.erb
+++ b/views/admin/agenda.erb
@@ -1,21 +1,15 @@
-<form style="float: right; width: 320px;">
+<form class="dcf-form dcf-float-right">
<div class="offset-field-group">
<label for="date">Go to another date:</label>
- <div class="date-time-select">
- <span class="icon-calendar"></span>
- <input style="width: 90%;" id="date" name="date" title="Reservation Date" type="text" class="datepicker" value="<%= date.strftime('%m/%d/%Y') %>" />
+ <div class="dcf-datepicker">
+ <input id="date" name="date" title="Reservation Date" type="text" value="<%= date.strftime('%m/%d/%Y') %>" />
</div>
</div>
</form>
-<div id="pagetitle">
- <h3>Today's Agenda <span class="dcf-subhead"><%= date.strftime('%B %d, %Y') %></h3>
-</div>
+<h1 class="dcf-txt-h3">Today's Agenda <span class="dcf-subhead"><%= date.strftime('%B %d, %Y') %></h1>
-
-<h4>
-Today's Hours
-</h4>
+<h2 class="dcf-txt-h4">Today's Hours</h2>
<% unless space_hour.nil? %>
<%= space_hour.hours.map do |record|
start_time = date + record[:start].minutes
@@ -26,13 +20,11 @@ Today's Hours
The space is open all day.
<% end %>
-<h4>
-Today's Reservations
-</h4>
+<h2 class="dcf-txt-h4">Today's Reservations</h2>
<% if reservations.empty? %>
No reservations today. Hopefully someone will still come in to use the space!<br>
<% else %>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Name</th>
@@ -62,7 +54,7 @@ No reservations today. Hopefully someone will still come in to use the space!<br
<%= reservation.length %> minutes
</td>
<td>
- <form class="delete-form" method="POST" action="/<%= @space.url_name %>/admin/agenda/reservations/<%= reservation.id %>/remove/">
+ <form class="dcf-form delete-form" method="POST" action="/<%= @space.url_name %>/admin/agenda/reservations/<%= reservation.id %>/remove/">
<button class="dcf-btn dcf-btn-primary" type="submit">Remove</button>
</form>
</td>
@@ -72,14 +64,12 @@ No reservations today. Hopefully someone will still come in to use the space!<br
</table>
<% end %>
-<h4 class="dcf-mt-6">
-Today's Events
-</h4>
+<h2 class="dcf-txt-h4 dcf-mt-6">Today's Events</h2>
<% if events.empty? %>
No events today. Perhaps you'd like to create one?<br>
-<a href="<%= @space.admin_events_href %>/create/" class="dcf-btn dcf-btn-primary">New Event</a>
+<a href="<%= @space.admin_events_href %>/create/" class="dcf-mt-6 dcf-btn dcf-btn-primary">New Event</a>
<% else %>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Title</th>
@@ -104,15 +94,12 @@ No events today. Perhaps you'd like to create one?<br>
<% end %>
</tbody>
</table>
-<br>
-<a href="<%= @space.admin_events_href %>" class="dcf-btn dcf-btn-secondary">Go To Events</a>
+<a href="<%= @space.admin_events_href %>" class="dcf-mt-6 dcf-btn dcf-btn-secondary">Go To Events</a>
<% end %>
+<% append_script_declaration("WDN.initializePlugin('datepickers');") %>
<% append_script_declaration(%q[WDN.initializePlugin('jqueryui', [function() {
$ = require('jquery');
- $('.datepicker').datepicker();
- $("LINK[href^='//unlcms.unl.edu/wdn/templates_4.0/scripts/plugins/ui/css/jquery-ui.min.css']").remove();
-
$('#date').change(function () {
var date = $('#date').val().split('/');
window.location = window.location.href.split('?')[0] + '?date=' + date[2] + '-' + date[0] + '-' + date[1];
diff --git a/views/admin/edit_resource.erb b/views/admin/edit_resource.erb
index c98c230cf820b9feab3bfd209d2fb419188d897f..cd77d1c70d75585b1e6f4fe5c04317d2b9941eda 100644
--- a/views/admin/edit_resource.erb
+++ b/views/admin/edit_resource.erb
@@ -1,34 +1,61 @@
-<div id="pagetitle">
-<h3><%= resource.id.nil? ? 'Create Resource' : "Edit #{resource.name}" %></h3>
-</div>
+<h1 class="dcf-txt-h3"><%= resource.id.nil? ? 'Create Resource' : "Edit #{resource.name}" %></h1>
-<form action="" method="POST">
- <label for="name">Name</label>
- <input type="text" name="name" id="name" value='<%= resource.name %>'/>
+<form class="dcf-form" action="" method="POST">
+ <div class="dcf-form-group">
+ <label for="name">Name</label>
+ <input class="dcf-w-100%" type="text" name="name" id="name" value='<%= resource.name %>'/>
+ </div>
- <label for="description">Description</label>
- <textarea id="description" name="description"><%= resource.description %></textarea>
+ <div class="dcf-form-group">
+ <label for="description">Description</label>
+ <textarea id="description" name="description"><%= resource.description %></textarea>
+ </div>
- <div>
- <input type="checkbox" <%= 'checked="checked"' if resource.is_reservable || resource.id.nil? %> name='is_reservable' id="is-reservable">
- <label for="is-reservable">Requires Reservation?</label>
- </div>
- <div>
- <label for="minutes-per-reservation">Minutes Per Reservation</label><br>
- <input type="radio" name="time_slot_type" id="time-slot-type-exact" value="exact" <%= 'checked="checked"' if resource.time_slot_type == 'exact' || resource.time_slot_type.nil? %>>
- <label for="time-slot-type-exact">Exactly:</label> <input type="number" name="minutes_per_reservation" id="minutes-per-reservation" value="<%= resource.minutes_per_reservation %>"><br><br>
- <input type="radio" name="time_slot_type" id="time-slot-type-range" value="range" <%= 'checked="checked"' if resource.time_slot_type == 'range' %>>
- <label for="time-slot-type-range">Range:</label>
- <label for="min-minutes-per-reservation">Min:</label> <input style="width: 100px" type="number" name="min_minutes_per_reservation" id="min-minutes-per-reservation" value="<%= resource.min_minutes_per_reservation %>">
- <label for="max-minutes-per-reservation">Max:</label> <input style="width: 100px" type="number" name="max_minutes_per_reservation" id="max-minutes-per-reservation" value="<%= resource.max_minutes_per_reservation %>">
- <label for="increment-minutes-per-reservation">Increment:</label> <input style="width: 100px" type="number" name="increment_minutes_per_reservation" id="increment-minutes-per-reservation" value="<%= resource.increment_minutes_per_reservation %>"><br>
- </div>
- <div>
- <input type="checkbox" <%= 'checked="checked"' if resource.available_app_wide %> name='available_app_wide' id="available-app-wide">
- <label for="available-app-wide">Open to all Users? (Checking this will allow ANYONE who signs in to UNL Resource Scheduler
- to reserve the resource)</label>
- </div>
- <br>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" <%= 'checked="checked"' if resource.is_reservable || resource.id.nil? %> name='is_reservable' id="is-reservable">
+ <label for="is-reservable">Requires Reservation?</label>
+ </div>
- <button type="submit" class="dcf-btn dcf-btn-primary">Save Resource</button>
-</form>
\ No newline at end of file
+ <fieldset>
+ <legend>Minutes Per Reservation</legend>
+
+ <div class="dcf-form-group">
+ <div class="dcf-form-group dcf-input-radio">
+ <input type="radio" name="time_slot_type" id="time-slot-type-exact" value="exact" <%= 'checked="checked"' if resource.time_slot_type == 'exact' || resource.time_slot_type.nil? %>>
+ <label for="time-slot-type-exact">Exactly:</label>
+ </div>
+ <div class="dcf-form-group dcf-pl-5">
+ <label for="minutes-per-reservation">Min:</label>
+ <input class="dcf-w-10" type="number" name="minutes_per_reservation" id="minutes-per-reservation" value="<%= resource.minutes_per_reservation %>">
+ </div>
+ </div>
+ <div class="dcf-form-group">
+ <div class="dcf-form-group dcf-input-radio">
+ <input type="radio" name="time_slot_type" id="time-slot-type-range" value="range" <%= 'checked="checked"' if resource.time_slot_type == 'range' %>>
+ <label for="time-slot-type-range">Range:</label>
+ </div>
+ <div class="dcf-form-group dcf-pl-5">
+ <div class="dcf-form-group">
+ <label for="min-minutes-per-reservation">Min:</label>
+ <input class="dcf-w-10" type="number" name="min_minutes_per_reservation" id="min-minutes-per-reservation" value="<%= resource.min_minutes_per_reservation %>">
+ </div>
+ <div class="dcf-form-group">
+ <label for="max-minutes-per-reservation">Max:</label>
+ <input class="dcf-w-10" type="number" name="max_minutes_per_reservation" id="max-minutes-per-reservation" value="<%= resource.max_minutes_per_reservation %>">
+ </div>
+ <div class="dcf-form-group">
+ <label for="increment-minutes-per-reservation">Increment:</label>
+ <input class="dcf-w-10" type="number" name="increment_minutes_per_reservation" id="increment-minutes-per-reservation" value="<%= resource.increment_minutes_per_reservation %>">
+ </div>
+ </div>
+ </div>
+ </fieldset>
+
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" <%= 'checked="checked"' if resource.available_app_wide %> name='available_app_wide' id="available-app-wide">
+ <label for="available-app-wide">Open to all Users? (Checking this will allow ANYONE who signs in to UNL Resource Scheduler
+ to reserve the resource)</label>
+ </div>
+
+ <button type="submit" class="dcf-mt-6 dcf-btn dcf-btn-primary">Save Resource</button>
+</form>
diff --git a/views/admin/edit_resource_hours.erb b/views/admin/edit_resource_hours.erb
index 99838fc31ee2c0c58271db7a0ef5bc0d9e3ea750..c624af8d00cc6b11a7fe97d332fb4b5fe2b565b2 100644
--- a/views/admin/edit_resource_hours.erb
+++ b/views/admin/edit_resource_hours.erb
@@ -1,16 +1,14 @@
-<div id="pagetitle">
- <h3>
- This Week's Hours for <%= resource.name %>
- <span class="dcf-subhead"><%= "#{sunday.strftime("%m/%d")} - #{(sunday+6.days).strftime("%m/%d")}" %></span>
- </h3>
-</div>
+<h1 class="dcf-txt-h3">
+ This Week's Hours for <%= resource.name %>
+ <span class="dcf-subhead"><%= "#{sunday.strftime("%m/%d")} - #{(sunday+6.days).strftime("%m/%d")}" %></span>
+</h1>
-<div style="margin-bottom: 16px;">
+<div class="dcf-mb-3">
<a href="<%= resource.edit_hours_href %>?date=<%= (date-7.days).strftime('%Y-%m-%d') %>" class="dcf-btn dcf-btn-secondary" id="prev-week">< PREV</a>
-<a href="<%= resource.edit_hours_href %>?date=<%= (date+7.days).strftime('%Y-%m-%d') %>" class="dcf-btn dcf-btn-secondary" style="float: right;" id="next-week">NEXT ></a>
+<a href="<%= resource.edit_hours_href %>?date=<%= (date+7.days).strftime('%Y-%m-%d') %>" class="dcf-btn dcf-btn-secondary dcf-float-right" id="next-week">NEXT ></a>
</div>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Day</th>
@@ -40,12 +38,10 @@
</tbody>
</table>
-<h3>
-Upcoming Changes
-</h3>
+<h3 class="dcf-mt-6">Upcoming Changes</h3>
<a class="dcf-btn dcf-btn-primary" href="<%= resource.add_hours_href %>">Add Hours Change</a><br><br>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Day</th>
@@ -77,8 +73,8 @@ Upcoming Changes
</td>
<td class="table-actions">
<a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_resources_href %><%= resource.id %>/hours/<%= resource_hour.id %>/edit/">Edit</a>
- <form class="delete-space-hour delete-form" action="<%= @space.admin_resources_href %><%= resource.id %>/hours/<%= resource_hour.id %>/delete/" method="POST">
- <button type="submit" class="dcf-btn">Remove</button>
+ <form class="dcf-form delete-space-hour delete-form" action="<%= @space.admin_resources_href %><%= resource.id %>/hours/<%= resource_hour.id %>/delete/" method="POST">
+ <button type="submit" class="dcf-btn dcf-btn-secondary">Remove</button>
</form>
</td>
</tr>
diff --git a/views/admin/edit_user.erb b/views/admin/edit_user.erb
index 8d9f2deb49e019e9f51338cc8162dbd0d2d28e5f..f53b850faf115f33da2b0ed6996e4bd216e80150 100644
--- a/views/admin/edit_user.erb
+++ b/views/admin/edit_user.erb
@@ -1,25 +1,26 @@
-<div id="pagetitle">
- <h3>Edit User <%= user.username %></h3>
-</div>
+<h1 class="dcf-txt-h3">Edit User <%= user.username %></h1>
-<form id="edit-user" action="" method="POST">
+<form class="dcf-form" id="edit-user" action="" method="POST">
<div class="dcf-grid dcf-col-gap-vw">
<% if @user.is_super_user?(@space) %>
<div class="dcf-col-100% dcf-col-50%-start@sm">
<fieldset>
<legend>Manager Permissions</legend>
<% permissions.each do |perm| %>
- <input <%= 'checked="checked"' if user.permissions_in_space(@space).include?(perm) %> type="checkbox" id="permission-<%= perm.id %>" name="permission_<%= perm.id %>">
- <label for="permission-<%= perm.id %>"><%= perm.name %></label><br>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input <%= 'checked="checked"' if user.permissions_in_space(@space).include?(perm) %> type="checkbox" id="permission-<%= perm.id %>" name="permission_<%= perm.id %>">
+ <label for="permission-<%= perm.id %>"><%= perm.name %></label>
+ </div>
<% end %>
</fieldset>
<fieldset>
<legend>Make Super User</legend>
- <label>Super Users can edit any user's permissions in the space and can create new Super Users, as well as
- remove your Super User status. Only give Super User to someone you <em>absolutely</em> trust.</label><br>
- <br>
- <input <%= 'checked="checked"' if user.permissions_in_space(@space).include?(su_permission) %> type="checkbox" id="permission-<%= su_permission.id %>" name="permission_<%= su_permission.id %>">
- <label for="permission-<%= su_permission.id %>"><%= su_permission.name %></label><br>
+ <p>Super Users can edit any user's permissions in the space and can create new Super Users, as well as
+ remove your Super User status. Only give Super User to someone you <em>absolutely</em> trust.</p>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input <%= 'checked="checked"' if user.permissions_in_space(@space).include?(su_permission) %> type="checkbox" id="permission-<%= su_permission.id %>" name="permission_<%= su_permission.id %>">
+ <label for="permission-<%= su_permission.id %>"><%= su_permission.name %></label>
+ </div>
</fieldset>
</div>
<% end %>
diff --git a/views/admin/events.erb b/views/admin/events.erb
index 8e25b3e39c50e9a8c835457953e105667a560a37..32c26ac90dc248da20e5f59ea3a0a6c8e6a1c7de 100644
--- a/views/admin/events.erb
+++ b/views/admin/events.erb
@@ -1,15 +1,24 @@
-<section class="dcf-grid dcf-col-gap-vw">
- <div class="dcf-col-100% dcf-col-75%-start@sm">
- <div id="pagetitle">
- <h3>Events</h3>
+<div class="dcf-grid dcf-col-gap-vw">
+ <nav class="dcf-col-100% dcf-col-25%-start@sm">
+ <div class="toolbox">
+ <h3>Toolbox</h3>
+ <div class="tools">
+ <div class="dcf-txt-center">
+ <a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_events_href %>create/">+ New Event</a>
+ </div>
+ </div>
</div>
- <ul class="wdn_tabs">
- <li class="<%='selected' if tab == 'upcoming' %>"><a href="?tab=upcoming">Upcoming</a></li>
- <li class="<%='selected' if tab == 'past' %>"><a href="?tab=past">Past</a></li>
- </ul>
- <div class="wdn_tabs_content">
+ </nav>
+ <div class="dcf-tabs-fake dcf-col-100% dcf-col-75%-end@sm">
+ <h3>Events</h3>
+ <ol class="dcf-tabs-list dcf-list-bare dcf-mb-0" role="tablist">
+ <li class="dcf-tabs-list-item dcf-mb-0" role="presentation"><a id="tab-upcoming" href="?tab=upcoming" class="dcf-tab dcf-d-block" role="tab" <%='tabindex="-1" aria-selected="true"' if tab == 'upcoming' %>>Upcoming</a></li>
+ <li class="dcf-tabs-list-item dcf-mb-0" role="presentation"><a id="tab-past" href="?tab=past" class="dcf-tab dcf-d-block" role="tab" <%='tabindex="-1" aria-selected="true"' if tab == 'past' %>>Past</a></li>
+ </ol>
+ <section id="status-<%= tab %>" role="tabpanel" tabindex="-1" class="dcf-tabs-panel" aria-labelledby="tab-<%= tab %>">
<div class="event-page">
- <table class="event-list">
+ <h4><%= tab.capitalize %> Event Items</h4>
+ <table class="dcf-w-100% dcf-table dcf-table-bordered" aria-label="Event Listings">
<thead>
<tr>
<th>Title</th>
@@ -25,7 +34,7 @@
<a href="<%= @space.admin_events_href %><%= event.id %>/edit/"><%= event.title %></a>
</td>
<td>
- <ul>
+ <ul class="dcf-list-bare">
<li>
<%= event.start_time.in_time_zone.strftime('%m/%d/%Y @ %l:%M %P') %><br>
<%= event.location.name %>
@@ -39,8 +48,8 @@
<% end %>
</td>
<td>
- <form class="delete-event delete-form" action="<%= @space.admin_events_href %><%=event.id%>/delete/" method="POST">
- <button type="submit" class="dcf-btn">Delete</button>
+ <form class="dcf-form delete-event delete-form" action="<%= @space.admin_events_href %><%=event.id%>/delete/" method="POST">
+ <button type="submit" class="dcf-btn dcf-btn-secondary">Delete</button>
</form>
</td>
</tr>
@@ -76,23 +85,11 @@
</ol>
</nav>
<% end %>
- </div>
+ </section>
</div>
- <nav class="dcf-col-100% dcf-col-25%-end@sm">
- <div class="toolbox">
- <h3>Toolbox</h3>
- <div class="tools">
- <div style="text-align: center; margin-bottom: .8em">
- <a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_events_href %>create/">
- <span style="font-size: 2em; vertical-align: middle; font-weight: 600">+</span>
- <span style="vertical-align: middle;">New Event</span>
- </a>
- </div>
- </div>
- </div>
- </nav>
-</section>
+</div>
+<% append_script_declaration("WDN.initializePlugin('tabs');") %>
<% append_script_declaration(%q[require(['jquery'], function($) {
$(document).ready(function() {
$('.delete-event').submit(function (submit) {
diff --git a/views/admin/home.erb b/views/admin/home.erb
index a66a08c047db9d143f232944ea7c02f17178b067..99360020e7951ea2204a9ac3b5c09094c7780600 100644
--- a/views/admin/home.erb
+++ b/views/admin/home.erb
@@ -1,9 +1,9 @@
-<div id="pagetitle">
- <h3><%= @space.name %> Resource Scheduler Administration</h3>
- <span class="dcf-subhead">Hello, <%= @user.full_name %> (<%= @user.username %>) <% if @user.is_super_user?(@space) %><br>Super User<% end %></span>
-</div>
-
-<table>
+<h1 class="dcf-txt-h3"><%= @space.name %> Resource Scheduler Administration</h1>
+<h2 class="dcf-txt-h4">
+ Hello, <%= @user.full_name %> (<%= @user.username %>)
+ <% if @user.is_super_user?(@space) %> <span class="dcf-form-help">Super User</span><% end %>
+</h2>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<tbody>
<% if @user.has_permission?(Permission::MANAGE_USERS, @space) || @user.has_permission?(Permission::SUPER_USER, @space) %>
<tr>
@@ -61,17 +61,17 @@
</table>
<% if @user.has_permission?(Permission::SUPER_USER, @space) %>
-<h4 class="dcf-mt-6">Edit Space Image</h4>
-<form id="edit-space-image" action="<%= @space.edit_image_href %>" method="POST" enctype="multipart/form-data">
+<h3 class="dcf-txt-h4 dcf-mt-6">Edit Space Image</h3>
+<form class="dcf-form" id="edit-space-image" action="<%= @space.edit_image_href %>" method="POST" enctype="multipart/form-data">
<% unless @space.imagedata.nil? %>
<img src="<%= @space.image_src %>" alt="Image for Service Space <%= @space.name %>">
- <br>
- <input type="checkbox" name="remove_image" id="remove-image">
- <label for="remove-image">Remove Image</label>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" name="remove_image" id="remove-image">
+ <label for="remove-image">Remove Image</label>
+ </div>
<% end %>
-<input style="font-size: 10px;" type="file" name="imagedata" id="imagedata" title="Service Space Image">
-<br><br>
-<button type="submit" class="dcf-btn dcf-btn-primary">Submit</button>
+<input type="file" name="imagedata" id="imagedata" title="Service Space Image">
+<button type="submit" class="dcf-mt-6 dcf-btn dcf-btn-primary">Submit</button>
</form>
<% end %>
diff --git a/views/admin/hours.erb b/views/admin/hours.erb
index 7f14175ee1b9b110e1dc5916136b94692227cb72..b87b0676420b96ec01426346d830e18caf7e5012 100644
--- a/views/admin/hours.erb
+++ b/views/admin/hours.erb
@@ -1,16 +1,14 @@
-<div id="pagetitle">
- <h3>
- Your Hours For The Week
- <span class="dcf-subhead"><%= "#{sunday.strftime("%m/%d")} - #{(sunday+6.days).strftime("%m/%d")}" %></span>
- </h3>
-</div>
+<h1 class="dcf-txt-h3">
+ Your Hours For The Week
+ <span class="dcf-subhead"><%= "#{sunday.strftime("%m/%d")} - #{(sunday+6.days).strftime("%m/%d")}" %></span>
+</h1>
-<div style="margin-bottom: 16px;">
+<div class="dcf-mb-3">
<a href="<%= @space.admin_hours_href %>?date=<%= (date-7.days).strftime('%Y-%m-%d') %>" class="dcf-btn dcf-btn-secondary" id="prev-week">< PREV</a>
-<a href="<%= @space.admin_hours_href %>?date=<%= (date+7.days).strftime('%Y-%m-%d') %>" class="dcf-btn dcf-btn-secondary" style="float: right;" id="next-week">NEXT ></a>
+<a href="<%= @space.admin_hours_href %>?date=<%= (date+7.days).strftime('%Y-%m-%d') %>" class="dcf-btn dcf-btn-secondary dcf-float-right" id="next-week">NEXT ></a>
</div>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Day</th>
@@ -40,12 +38,10 @@
</tbody>
</table>
-<h3>
-Upcoming Changes
-</h3>
+<h2 class="dcf-txt-h3 dcf-mt-6">Upcoming Changes</h2>
<a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_hours_href %>create/">Add Hours Change</a><br><br>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Day</th>
@@ -76,9 +72,9 @@ Upcoming Changes
<% end %>
</td>
<td class="table-actions">
- <a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_hours_href %><%= space_hour.id %>/edit/">Edit</a>
- <form class="delete-space-hour delete-form" action="<%= @space.admin_hours_href %><%= space_hour.id %>/delete/" method="POST">
- <button type="submit" class="dcf-btn">Remove</button>
+ <a class="dcf-mt-1 dcf-btn dcf-btn-primary" href="<%= @space.admin_hours_href %><%= space_hour.id %>/edit/">Edit</a>
+ <form class="dcf-form delete-space-hour delete-form" action="<%= @space.admin_hours_href %><%= space_hour.id %>/delete/" method="POST">
+ <button type="submit" class="dcf-mt-1 dcf-btn dcf-btn-secondary">Remove</button>
</form>
</td>
</tr>
diff --git a/views/admin/manage_authorizations.erb b/views/admin/manage_authorizations.erb
index 4c3de4cef371ada791647bf6bb7565bc6ec5fba7..23701e8339ba978fb0e3ad23f3fc53501f7fcd1b 100644
--- a/views/admin/manage_authorizations.erb
+++ b/views/admin/manage_authorizations.erb
@@ -1,9 +1,7 @@
-<div id="pagetitle">
- <h3>Manage Resource Authorizations for <%= user.full_name %></h3>
-</div>
+<h1 class="dcf-txt-h3">Manage Resource Authorizations for <%= user.full_name %></h1>
-<form id="signup" action="" method="POST">
-<table>
+<form class="dcf-form" id="signup" action="" method="POST">
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<th>
Resource
@@ -16,8 +14,10 @@
<% resources.each do |resource| %>
<tr>
<td>
- <input <%= 'checked="checked"' if user.authorized_resource_ids.include?(resource.id) %> type="checkbox" name="permission_<%= resource.id %>" id="permission-<%= resource.id %>">
- <label for="permission-<%= resource.id %>"><%= resource.name %></label>
+ <div class="dcf-input-checkbox">
+ <input <%= 'checked="checked"' if user.authorized_resource_ids.include?(resource.id) %> type="checkbox" name="permission_<%= resource.id %>" id="permission-<%= resource.id %>">
+ <label for="permission-<%= resource.id %>"><%= resource.name %></label>
+ </div>
</td>
<td>
<% unless (auth = user.get_authorization(resource.id)).nil? || auth.authorized_date.nil? %>
@@ -28,6 +28,5 @@
<% end %>
</tbody>
</table>
-<br>
-<button class="dcf-btn dcf-btn-primary" type="submit">Save User</button>
+<button class="dcf-mt-6 dcf-btn dcf-btn-primary" type="submit">Save User</button>
</form>
diff --git a/views/admin/new_event.erb b/views/admin/new_event.erb
index 368f91ae0690ff359159e8ffe97b43c861dc028a..5010d57b67da0e61f7b301cbbe7a87ffcbabea0a 100644
--- a/views/admin/new_event.erb
+++ b/views/admin/new_event.erb
@@ -1,40 +1,54 @@
+<h1 class="dcf-txt-h3"><%= event.id.nil? ? 'Create' : 'Update' %> Event</h1>
-<form id="create-event-form" action="" method="POST" enctype="multipart/form-data">
+<form class="dcf-form" id="create-event-form" action="" method="POST" enctype="multipart/form-data">
<div class="dcf-grid dcf-col-gap-vw">
<div class="dcf-col-100% dcf-col-67%-start@sm">
<fieldset>
- <legend style="margin-top: 0">Event Details</legend>
- <label for="title"><span class="required">*</span> Title</label>
- <input type="text" id="title" name="title" value="<%= event.title %>"/>
-
- <label for="description">Description</label>
- <textarea rows="4" id="description" name="description"><%= event.description %></textarea>
-
- <label for="type">Type</label>
- <select id="type" name="type" class="use-select2 dcf-input-select" style="width: 100%;">
- <% types.each do |type| %>
- <option <%= 'selected="selected"' if !event.type.nil? && event.type.id == type.id %> value="<%= type.id %>"><%= type.description %></option>
- <% end %>
- </select>
- <br><br>
- <div>
- <input type="checkbox" <%= 'checked="checked"' unless event.max_signups.nil? %> id="limit-signups" name="limit_signups"><label for="limit-signups">Limit signups for this event to: </label>
- <input value="<%= event.max_signups %>" type="number" id="max-signups" name="max_signups" style="width: 100px;" />
+ <legend>Event Details</legend>
+
+ <div class="dcf-form-group">
+ <label for="title">Title <small class="dcf-required">Required</small></label>
+ <input class="dcf-w-100%" type="text" id="title" name="title" value="<%= event.title %>"/>
+ </div>
+
+ <div class="dcf-form-group">
+ <label for="description">Description</label>
+ <textarea rows="4" id="description" name="description"><%= event.description %></textarea>
+ </div>
+
+ <div class="dcf-form-group">
+ <label for="type">Type</label>
+ <select id="type" name="type" class="use-select2 dcf-input-select">
+ <% types.each do |type| %>
+ <option <%= 'selected="selected"' if !event.type.nil? && event.type.id == type.id %> value="<%= type.id %>"><%= type.description %></option>
+ <% end %>
+ </select>
+ </div>
+
+ <div class="dcf-form-group">
+ <div class="dcf-input-checkbox dcf-d-inline">
+ <input type="checkbox" <%= 'checked="checked"' unless event.max_signups.nil? %> id="limit-signups" name="limit_signups">
+ <label for="limit-signups">Limit signups for this event to: </label>
+ </div>
+ <label for="max-signups"><span class="dcf-sr-only">Max Signups</span></label>
+ <input value="<%= event.max_signups %>" type="number" id="max-signups" name="max_signups" class="dcf-d-inline dcf-w-10" />
</div>
</fieldset>
<fieldset>
- <legend style="font-size: 1.6em">Location, Date, and Time</legend>
- <label for="location"><span class="required">*</span> Location</label>
- <select id="location" name="location" class="use-select2 dcf-input-select" style="width: 100%;">
- <% locations.each do |location| %>
- <option <%= 'selected="selected"' if !event.location.nil? && event.location.id == location.id %> value="<%= location.id %>"><%= location.name %></option>
- <% end %>
- <option value="new">-- New Location --</option>
- </select>
+ <legend>Location, Date, and Time</legend>
+ <div class="dcf-form-group">
+ <label for="location">Location <small class="dcf-required">Required</small></label>
+ <select id="location" name="location" class="use-select2 dcf-input-select">
+ <% locations.each do |location| %>
+ <option <%= 'selected="selected"' if !event.location.nil? && event.location.id == location.id %> value="<%= location.id %>"><%= location.name %></option>
+ <% end %>
+ <option value="new">-- New Location --</option>
+ </select>
+ </div>
- <div style="display: none;" class="offset-field-group" id="new-location-details">
- <label for="location-name"><span class="required">*</span> Name</label>
+ <div style="display: none;" class="dcf-form-group offset-field-group" id="new-location-details">
+ <label for="location-name">Name <small class="dcf-required">Required</small></label>
<input type="text" id="location-name" name="new_location[name]" />
<label for="location-address">Address</label>
@@ -58,11 +72,14 @@
<label>* This location will be saved for future use</label>
</div>
- <div>
- <input type="checkbox" <%= 'checked="checked"' if !event.reservation.nil? && !event.reservation.resource.nil? %> id="reserve-resource" name="reserve_resource"><label for="reserve-resource">Reserve a resource for this event</label>
+ <div class="dcf-form-group">
+ <div class="dcf-input-checkbox">
+ <input type="checkbox" <%= 'checked="checked"' if !event.reservation.nil? && !event.reservation.resource.nil? %> id="reserve-resource" name="reserve_resource">
+ <label for="reserve-resource">Reserve a resource for this event</label>
+ </div>
<div id="resources-for-reserving" style="<%= 'display: none;' if event.reservation.nil? || event.reservation.resource.nil? %>">
<label for="resource">Resource</label>
- <select id="resource" name="resource" class="use-select2" style="width: 100%;">
+ <select id="resource" name="resource" class="use-select2">
<% resources.each do |resource| %>
<option <%= 'selected="selected"' if !event.reservation.nil? && !event.reservation.resource.nil? && event.reservation.resource.id == resource.id %> value="<%= resource.id %>"><%= "#{resource.name}" %></option>
<% end %>
@@ -71,9 +88,11 @@
</div>
<br>
- <label for="start-date" ><span class="required">*</span> Start Date & Time</label>
- <div class="date-time-select"><span class="icon-calendar"></span>
- <input id="start-date" value="<%= event.start_time.in_time_zone.strftime('%m/%d/%Y') if !event.start_time.nil? %>" name="start_date" title="Start Date" type="text" class="datepicker" />
+ <label for="start-date" >Start Date & Time <small class="dcf-required">Required</small></label>
+ <div class="date-time-select">
+ <div class="dcf-datepicker">
+ <input id="start-date" value="<%= event.start_time.in_time_zone.strftime('%m/%d/%Y') if !event.start_time.nil? %>" name="start_date" title="Start Date" type="text" />
+ </div>
<div class="dcf-d-flex dcf-ai-center dcf-flex-grow-1 dcf-mt-4 dcf-mr-4">
<span class="dcf-pr-2">@</span>
@@ -93,21 +112,26 @@
<div id="start-time-am-pm" class="am_pm dcf-mb-0 dcf-pl-3">
<div class="dcf-d-flex dcf-ai-center">
- <label class="dcf-label dcf-2nd dcf-mt-0" for="start-time-am-pm-am">AM</label>
- <input <%= 'checked="checked"' if event.start_time.nil? || event.start_time.in_time_zone.hour < 12 %> id="start-time-am-pm-am" title="AM" type="radio" value="am" name="start_time_am_pm" class="dcf-flex-shrink-0">
-
+ <div class="dcf-input-radio">
+ <input <%= 'checked="checked"' if event.start_time.nil? || event.start_time.in_time_zone.hour < 12 %> id="start-time-am-pm-am" title="AM" type="radio" value="am" name="start_time_am_pm" class="dcf-flex-shrink-0">
+ <label class="dcf-label dcf-2nd dcf-mt-0" for="start-time-am-pm-am">AM</label>
+ </div>
</div>
<div class="dcf-d-flex dcf-ai-center">
- <label class="dcf-label dcf-2nd dcf-mt-0" for="start-time-am-pm-pm">PM</label>
- <input <%= 'checked="checked"' if !event.start_time.nil? && event.start_time.in_time_zone.hour >= 12 %> id="start-time-am-pm-pm" title="PM" type="radio" value="pm" name="start_time_am_pm" class="dcf-flex-shrink-0">
+ <div class="dcf-input-radio">
+ <input <%= 'checked="checked"' if !event.start_time.nil? && event.start_time.in_time_zone.hour >= 12 %> id="start-time-am-pm-pm" title="PM" type="radio" value="pm" name="start_time_am_pm" class="dcf-flex-shrink-0">
+ <label class="dcf-label dcf-2nd dcf-mt-0" for="start-time-am-pm-pm">PM</label>
+ </div>
</div>
</div>
</div>
</div>
- <label for="end-date">End Date & Time (optional)</label>
+ <label for="end-date">End Date & Time <small class="dcf-form-help">(optional)</small></label>
<div class="date-time-select"><span class="icon-calendar"></span>
- <input id="end-date" value="<%= event.end_time.in_time_zone.strftime('%m/%d/%Y') if !event.end_time.nil? %>" name="end_date" title="End Date" type="text" class="datepicker" />
+ <div class="dcf-datepicker">
+ <input id="end-date" value="<%= event.end_time.in_time_zone.strftime('%m/%d/%Y') if !event.end_time.nil? %>" name="end_date" title="End Date" type="text" />
+ </div>
<div class="dcf-d-flex dcf-ai-center dcf-flex-grow-1 dcf-mt-4 dcf-mr-4">
<span class="dcf-pr-2">@</span>
@@ -127,12 +151,16 @@
<div id="end-time-am-pm" class="am_pm dcf-mb-0 dcf-pl-3">
<div class="dcf-d-flex dcf-ai-center">
- <label class="dcf-label dcf-2nd dcf-mt-0" for="end-time-am-pm-am">AM</label>
- <input <%= 'checked="checked"' if event.end_time.nil? || event.end_time.in_time_zone.hour < 12 %> id="end-time-am-pm-am" title="AM" type="radio" value="am" name="end_time_am_pm" class="dcf-flex-shrink-0">
+ <div class="dcf-input-radio">
+ <input <%= 'checked="checked"' if event.end_time.nil? || event.end_time.in_time_zone.hour < 12 %> id="end-time-am-pm-am" title="AM" type="radio" value="am" name="end_time_am_pm" class="dcf-flex-shrink-0">
+ <label class="dcf-label dcf-2nd dcf-mt-0" for="end-time-am-pm-am">AM</label>
+ </div>
</div>
<div class="dcf-d-flex dcf-ai-center">
- <label class="dcf-label dcf-2nd dcf-mt-0" for="end-time-am-pm-pm">PM</label>
- <input <%= 'checked="checked"' if !event.end_time.nil? && event.end_time.in_time_zone.hour >= 12 %> id="end-time-am-pm-pm" title="PM" type="radio" value="pm" name="end_time_am_pm" class="dcf-flex-shrink-0">
+ <div class="dcf-input-radio">
+ <input <%= 'checked="checked"' if !event.end_time.nil? && event.end_time.in_time_zone.hour >= 12 %> id="end-time-am-pm-pm" title="PM" type="radio" value="pm" name="end_time_am_pm" class="dcf-flex-shrink-0">
+ <label class="dcf-label dcf-2nd dcf-mt-0" for="end-time-am-pm-pm">PM</label>
+ </div>
</div>
</div>
</div>
@@ -150,26 +178,27 @@
<% unless event.imagedata.nil? %>
<img src="<%= event.image_src %>" alt="Image for Event <%= event.title %>">
<br>
- <input type="checkbox" name="remove_image" id="remove-image">
- <label for="remove-image">Remove Image</label>
+ <div class="dcf-input-checkbox">
+ <input type="checkbox" name="remove_image" id="remove-image">
+ <label for="remove-image">Remove Image</label>
+ </div>
<% end %>
- <input style="font-size: 10px;" type="file" name="imagedata" id="imagedata" title="Event Image">
+ <input type="file" name="imagedata" id="imagedata" title="Event Image">
</div>
</div>
</div>
</div>
<div class="dcf-grid dcf-col-gap-vw">
<div class="dcf-col-100% dcf-col-67%-start@sm">
- <button class="dcf-btn dcf-btn-primary dcf-float-left" type="submit"><%= event.id.nil? ? 'Create' : 'Save' %> Event</button>
+ <button class="dcf-mt-6 dcf-btn dcf-btn-primary dcf-float-left" type="submit"><%= event.id.nil? ? 'Create' : 'Save' %> Event</button>
</div>
</div>
</form>
<br>
+<% append_script_declaration("WDN.initializePlugin('datepickers');") %>
<% append_script_declaration(%q[WDN.initializePlugin('jqueryui', [function() {
$ = require('jquery');
- $('.datepicker').datepicker();
- $("LINK[href^='//unlcms.unl.edu/wdn/templates_4.0/scripts/plugins/ui/css/jquery-ui.min.css']").remove();
$('#reserve-resource').click(function(click) {
if ($('#reserve-resource').is(':checked')) {
diff --git a/views/admin/new_hours.erb b/views/admin/new_hours.erb
index e695c243be6622ac56f762b22f00782fdeb2c013..2ef22b3c803a03e3f78a2ba19a41b222bb92f727 100644
--- a/views/admin/new_hours.erb
+++ b/views/admin/new_hours.erb
@@ -1,22 +1,23 @@
-<div id="pagetitle">
- <h3>Set New Hours</h3>
-</div>
+<h1 class="dcf-txt-h3">Set New Hours</h1>
<form class="dcf-form" id="create-hours" action="" method="POST">
<div class="dcf-grid dcf-col-gap-vw">
<div class="dcf-col-100% dcf-col-50%-start@sm">
- <label for="day-of-week">Day Of Week</label>
- <select id="day-of-week" name="day_of_week">
- <% (weekdays = %w(Sunday Monday Tuesday Wednesday Thursday Friday Saturday)).each_index do |i| %>
- <option <%= 'selected="selected"' if space_hour.day_of_week == i && !space_hour.one_off %> value="<%= i %>"><%= weekdays[i] %></option>
- <% end %>
- <option <%= 'selected="selected"' if space_hour.one_off %> value="one_off">Set hours for a single day</option>
- </select>
-
- <label for="effective-date">Effective Date</label>
- <div class="date-time-select">
- <span class="icon-calendar dcf-float-left dcf-mt-2"></span>
- <input style="width: 90%;" id="effective-date" name="effective_date" title="Effective Date" type="text" class="datepicker" value="<%= (space_hour.effective_date || Time.now).strftime('%m/%d/%Y') %>" />
+ <div class="dcf-form-group">
+ <label for="day-of-week">Day Of Week</label>
+ <select id="day-of-week" name="day_of_week">
+ <% (weekdays = %w(Sunday Monday Tuesday Wednesday Thursday Friday Saturday)).each_index do |i| %>
+ <option <%= 'selected="selected"' if space_hour.day_of_week == i && !space_hour.one_off %> value="<%= i %>"><%= weekdays[i] %></option>
+ <% end %>
+ <option <%= 'selected="selected"' if space_hour.one_off %> value="one_off">Set hours for a single day</option>
+ </select>
+ </div>
+
+ <div class="dcf-form-group">
+ <div class="dcf-datepicker">
+ <label for="effective-date">Effective Date</label>
+ <input id="effective-date" name="effective_date" title="Effective Date" type="text" value="<%= (space_hour.effective_date || Time.now).strftime('%m/%d/%Y') %>" />
+ </div>
</div>
</div>
</div>
@@ -53,12 +54,12 @@
<div class="am_pm dcf-mb-0 dcf-pl-3">
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
- <input <%= 'checked="checked"' if record[:start] < 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
- <label for="hours-start-am">AM</label>
+ <input id="hours-start-am-<%=x%>" <%= 'checked="checked"' if record[:start] < 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
+ <label for="hours-start-am-<%=x%>">AM</label>
</div>
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
- <input <%= 'checked="checked"' if record[:start] >= 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
- <label for="hours-start-pm">PM</label>
+ <input id="hours-start-pm-<%=x%>" <%= 'checked="checked"' if record[:start] >= 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
+ <label for="hours-start-pm-<%=x%>">PM</label>
</div>
</div>
</div>
@@ -81,18 +82,18 @@
<div class="am_pm dcf-mb-0 dcf-pl-3">
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
- <input <%= 'checked="checked"' if record[:end] < 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
- <label for="hours-end-am">AM</label>
+ <input id="hours-end-am-<%=x%>" <%= 'checked="checked"' if record[:end] < 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
+ <label for="hours-end-am-<%=x%>">AM</label>
</div>
<div class="dcf-d-flex dcf-ai-center dcf-input-radio">
- <input <%= 'checked="checked"' if record[:end] >= 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
- <label for="hours-end-pm">PM</label>
+ <input id="hours-end-pm-<%=x%>" <%= 'checked="checked"' if record[:end] >= 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
+ <label for="hours-end-pm-<%=x%>">PM</label>
</div>
</div>
</div>
- <button title="Remove" type="button" class="<%= 'hidden' if x == 0 %> remove-hours dcf-btn">×</button>
+ <button title="Remove" type="button" class="<%= 'dcf-invisible' if x == 0 %> remove-hours dcf-btn dcf-btn-secondary">×</button>
</div>
<% end %>
</div>
@@ -102,10 +103,9 @@
<button type="submit" class="dcf-btn dcf-btn-primary">Submit</button>
</form>
+<% append_script_declaration("WDN.initializePlugin('datepickers');") %>
<% append_script_declaration(%q[WDN.initializePlugin('jqueryui', [function() {
$ = require('jquery');
- $('.datepicker').datepicker();
- $("LINK[href^='//unlcms.unl.edu/wdn/templates_4.0/scripts/plugins/ui/css/jquery-ui.min.css']").remove();
$('#hours-container').on('click', '.remove-hours', function(click) {
click.preventDefault();
@@ -118,8 +118,16 @@
var random2 = Math.random().toString(36).substring(7);
var element = $('#base-hours-0').clone();
element.find('.remove-hours').removeClass('hidden');
- element.find('.start-time-am-pm').attr('name', random1);
- element.find('.end-time-am-pm').attr('name', random2);
+ element.find('.start-time-am-pm').each(function(){
+ var id = random1 + '-' + Math.random().toString(36).substring(7);
+ $(this).attr('name', random1);
+ $(this).attr('id', id).next().attr('for', id);
+ });
+ element.find('.end-time-am-pm').each(function(){
+ var id = random2 + '-' + Math.random().toString(36).substring(7);
+ $(this).attr('name', random2);
+ $(this).attr('id', id).next().attr('for', id);
+ });
$('#hours-container').append(element);
});
diff --git a/views/admin/new_resource_hours.erb b/views/admin/new_resource_hours.erb
index 709b916cdab8daf036010e01934a6ea328e878c1..eb16f9528b4762d05c40a461b665748df54eff5a 100644
--- a/views/admin/new_resource_hours.erb
+++ b/views/admin/new_resource_hours.erb
@@ -1,95 +1,111 @@
-<div id="pagetitle">
- <h3>Set New Hours for <%= resource.name %></h3>
-</div>
+<h1 class="dcf-txt-h3">Set New Hours for <%= resource.name %></h1>
-<form id="create-hours" action="" method="POST">
+<form class="dcf-form" id="create-hours" action="" method="POST">
<div class="dcf-grid dcf-col-gap-vw">
<div class="dcf-col-100% dcf-col-50%-start@sm">
- <label for="day-of-week">Day Of Week</label>
- <select id="day-of-week" name="day_of_week">
- <% (weekdays = %w(Sunday Monday Tuesday Wednesday Thursday Friday Saturday)).each_index do |i| %>
- <option <%= 'selected="selected"' if resource_hour.day_of_week == i && !resource_hour.one_off %> value="<%= i %>"><%= weekdays[i] %></option>
- <% end %>
- <option <%= 'selected="selected"' if resource_hour.one_off %> value="one_off">Set hours for a single day</option>
- </select>
-
- <label for="effective-date">Effective Date</label>
- <div class="date-time-select">
- <span class="icon-calendar"></span>
- <input style="width: 90%;" id="effective-date" name="effective_date" title="Effective Date" type="text" class="datepicker" value="<%= (resource_hour.effective_date || Time.now).strftime('%m/%d/%Y') %>" />
+ <div class="dcf-form-group">
+ <label for="day-of-week">Day Of Week</label>
+ <select id="day-of-week" name="day_of_week">
+ <% (weekdays = %w(Sunday Monday Tuesday Wednesday Thursday Friday Saturday)).each_index do |i| %>
+ <option <%= 'selected="selected"' if resource_hour.day_of_week == i && !resource_hour.one_off %> value="<%= i %>"><%= weekdays[i] %></option>
+ <% end %>
+ <option <%= 'selected="selected"' if resource_hour.one_off %> value="one_off">Set hours for a single day</option>
+ </select>
+ </div>
+
+ <div class="dcf-form-group">
+ <div class="dcf-datepicker">
+ <label for="effective-date">Effective Date</label>
+ <input id="effective-date" name="effective_date" title="Effective Date" type="text" value="<%= (resource_hour.effective_date || Time.now).strftime('%m/%d/%Y') %>" />
+ </div>
</div>
</div>
</div>
<fieldset>
- <legend>Hours</legend>
- <label>This resource will not be reservable for any hours not indicated here.</label>
- <input type="text" class="hidden" name="hours" id="hours" />
- <div id="hours-container">
- <% hours = [{:status => 'open', :start => 540, :end => 1020}] if hours.nil? %>
- <% hours.each_index do |x| %>
- <% record = hours[x] %>
- <div id="base-hours-<%=x%>" class="date-time-select hours-record">
- <select class="hours-type">
- <option <%= 'selected="selected"' if record[:status] == 'open' %> value="open">Open</option>
- <option <%= 'selected="selected"' if record[:status] == 'open_without_reservations' %> value="open_without_reservations">Open but Reservations are Not Allowed</option>
- <option <%= 'selected="selected"' if record[:status] == 'closed' %> value="closed">Closed</option>
- </select>
- <label>from</label>
- <select class="start-time-hour" title="Start Time Hour">
- <option value=""></option>
- <% (1..12).each do |i| %>
- <option <%= 'selected="selected"' if [y = record[:start] / 60, y+12, y-12].include?(i) %> value="<%= i %>"><%= i %></option>
- <% end %>
- </select> :
+ <legend>Hours</legend>
+ <span>Studio will be closed for all hours you do not indicate here.</span>
+ <input type="hidden" name="hours" id="hours" />
+ <div id="hours-container">
+ <% hours = [{:status => 'open', :start => 540, :end => 1020}] if hours.nil? %>
+ <% hours.each_index do |x| %>
+ <% record = hours[x] %>
+ <div id="base-hours-<%=x%>" class="date-time-select hours-record">
+ <select class="hours-type dcf-input-select" aria-label="Choose hours entry status.">
+ <option <%= 'selected="selected"' if record[:status] == 'open' %> value="open">Open</option>
+ <option <%= 'selected="selected"' if record[:status] == 'open_without_reservations' %> value="open_without_reservations">Open but Machine Reservations are Not Allowed</option>
+ <option <%= 'selected="selected"' if record[:status] == 'closed' %> value="closed">Closed</option>
+ </select>
+ <label class="dcf-mt-4" for="start-date">from</label>
+ <div class="dcf-d-flex dcf-ai-center dcf-flex-grow-1 dcf-mt-4 dcf-mr-4">
+ <select class="start-time-hour dcf-flex-grow-1 dcf-input-select" title="Start Time Hour">
+ <option value=""></option>
+ <% (1..12).each do |i| %>
+ <option <%= 'selected="selected"' if [y = record[:start] / 60, y+12, y-12].include?(i) %> value="<%= i %>"><%= i %></option>
+ <% end %>
+ </select> :
- <select class="start-time-minute"title="Start Time Minute">
- <option value=""></option>
- <% (0..11).each do |i| %>
- <option <%= 'selected="selected"' if record[:start] % 60 == i*5 %> value="<%= i * 5 %>"><%= (i*5).to_s.rjust(2, '0') %></option>
- <% end %>
- </select>
+ <select class="start-time-minute dcf-flex-grow-1 dcf-input-select" title="Start Time Minute">
+ <option value=""></option>
+ <% (0..11).each do |i| %>
+ <option <%= 'selected="selected"' if record[:start] % 60 == i*5 %> value="<%= i * 5 %>"><%= (i*5).to_s.rjust(2, '0') %></option>
+ <% end %>
+ </select>
- <div class="am_pm">
- <input <%= 'checked="checked"' if record[:start] < 720 %> class="start-time-am-pm" title="AM" type="radio" value="am" name="<%= z = String.token %>">AM<br>
- <input <%= 'checked="checked"' if record[:start] >= 720 %> class="start-time-am-pm" title="PM" type="radio" value="pm" name="<%= z %>">PM
- </div>
- <label>until</label>
-
- <select class="end-time-hour" title="End Time Hour">
- <option value=""></option>
- <% (1..12).each do |i| %>
- <option <%= 'selected="selected"' if [y = record[:end] / 60, y+12, y-12].include?(i) %> value="<%= i %>"><%= i %></option>
- <% end %>
- </select> :
+ <div class="am_pm dcf-mb-0 dcf-pl-3">
+ <div class="dcf-d-flex dcf-ai-center dcf-input-radio">
+ <input id="hours-start-am-<%=x%>" <%= 'checked="checked"' if record[:start] < 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
+ <label for="hours-start-am-<%=x%>">AM</label>
+ </div>
+ <div class="dcf-d-flex dcf-ai-center dcf-input-radio">
+ <input id="hours-start-pm-<%=x%>" <%= 'checked="checked"' if record[:start] >= 720 %> class="start-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
+ <label for="hours-start-pm-<%=x%>">PM</label>
+ </div>
+ </div>
+ </div>
- <select class="end-time-minute"title="End Time Minute">
- <option value=""></option>
- <% (0..11).each do |i| %>
- <option <%= 'selected="selected"' if record[:end] % 60 == i*5 %> value="<%= i * 5 %>"><%= (i*5).to_s.rjust(2, '0') %></option>
- <% end %>
- </select>
+ <label class="dcf-mt-4" for="end-date">until</label>
+ <div class="dcf-d-flex dcf-ai-center dcf-flex-grow-1 dcf-mt-4 dcf-mr-4">
+ <select class="end-time-hour dcf-flex-grow-1 dcf-input-select" title="End Time Hour">
+ <option value=""></option>
+ <% (1..12).each do |i| %>
+ <option <%= 'selected="selected"' if [y = record[:end] / 60, y+12, y-12].include?(i) %> value="<%= i %>"><%= i %></option>
+ <% end %>
+ </select> :
+
+ <select class="end-time-minute dcf-flex-grow-1 dcf-input-select" title="End Time Minute">
+ <option value=""></option>
+ <% (0..11).each do |i| %>
+ <option <%= 'selected="selected"' if record[:start] % 60 == i*5 %> value="<%= i * 5 %>"><%= (i*5).to_s.rjust(2, '0') %></option>
+ <% end %>
+ </select>
+
+ <div class="am_pm dcf-mb-0 dcf-pl-3">
+ <div class="dcf-d-flex dcf-ai-center dcf-input-radio">
+ <input id="hours-end-am-<%=x%>" <%= 'checked="checked"' if record[:end] < 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="AM" type="radio" value="am" name="<%= z = String.token %>">
+ <label for="hours-end-am-<%=x%>">AM</label>
+ </div>
+ <div class="dcf-d-flex dcf-ai-center dcf-input-radio">
+ <input id="hours-end-pm-<%=x%>" <%= 'checked="checked"' if record[:end] >= 720 %> class="end-time-am-pm dcf-flex-shrink-0" title="PM" type="radio" value="pm" name="<%= z %>">
+ <label for="hours-end-pm-<%=x%>">PM</label>
+ </div>
+ </div>
+ </div>
- <div class="am_pm">
- <input <%= 'checked="checked"' if record[:end] < 720 %> class="end-time-am-pm" title="AM" type="radio" value="am" name="<%= z = String.token %>">AM<br>
- <input <%= 'checked="checked"' if record[:end] >= 720 %> class="end-time-am-pm" title="PM" type="radio" value="pm" name="<%= z %>">PM
+
+ <button title="Remove" type="button" class="<%= 'dcf-invisible' if x == 0 %> remove-hours dcf-btn dcf-btn-secondary">×</button>
+ </div>
+ <% end %>
</div>
-
- <button title="Remove" type="button" class="<%= 'hidden' if x == 0 %> remove-hours dcf-btn">×</button>
- </div>
- <% end %>
- </div>
- <button id="add-hours" type="button" class="dcf-btn dcf-btn-secondary">Add Hours</button>
- </fieldset>
+ <button id="add-hours" type="button" class="dcf-btn dcf-btn-secondary">Add Hours</button>
+ </fieldset>
<button type="submit" class="dcf-btn dcf-btn-primary">Submit</button>
</form>
+<% append_script_declaration("WDN.initializePlugin('datepickers');") %>
<% append_script_declaration(%q[WDN.initializePlugin('jqueryui', [function() {
$ = require('jquery');
- $('.datepicker').datepicker();
- $("LINK[href^='//unlcms.unl.edu/wdn/templates_4.0/scripts/plugins/ui/css/jquery-ui.min.css']").remove();
-
$('#hours-container').on('click', '.remove-hours', function(click) {
click.preventDefault();
$(this).closest('.hours-record').remove();
@@ -101,8 +117,16 @@
var random2 = Math.random().toString(36).substring(7);
var element = $('#base-hours-0').clone();
element.find('.remove-hours').removeClass('hidden');
- element.find('.start-time-am-pm').attr('name', random1);
- element.find('.end-time-am-pm').attr('name', random2);
+ element.find('.start-time-am-pm').each(function(){
+ var id = random1 + '-' + Math.random().toString(36).substring(7);
+ $(this).attr('name', random1);
+ $(this).attr('id', id).next().attr('for', id);
+ });
+ element.find('.end-time-am-pm').each(function(){
+ var id = random2 + '-' + Math.random().toString(36).substring(7);
+ $(this).attr('name', random2);
+ $(this).attr('id', id).next().attr('for', id);
+ });
$('#hours-container').append(element);
});
diff --git a/views/admin/resources.erb b/views/admin/resources.erb
index 15956bace0188afb9bb31e964de703ee6a72133c..1ef64d11cb6c303279c179f78370664abe4024c2 100644
--- a/views/admin/resources.erb
+++ b/views/admin/resources.erb
@@ -1,10 +1,8 @@
-<div id="pagetitle">
-<h3>All Resources</h3>
-</div>
+<h1 class="dcf-txt-h3">All Resources</h1>
<a class="dcf-btn dcf-btn-primary" href="/<%= @space.url_name %>/admin/resources/create/">Create Resource</a><br><br>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Resource</th>
@@ -20,8 +18,8 @@
<td class="table-actions">
<a href="/<%= @space.url_name %>/admin/resources/<%= resource.id %>/edit/" class="dcf-btn dcf-btn-primary">Edit</a>
<a href="/<%= @space.url_name %>/admin/resources/<%= resource.id %>/hours/" class="dcf-btn dcf-btn-secondary">Set Hours</a>
- <form method="POST" action="/<%= @space.url_name %>/admin/resources/<%= resource.id %>/delete/" class="delete-form delete-resource">
- <button class="dcf-btn" type="submit">Delete</button>
+ <form method="POST" action="/<%= @space.url_name %>/admin/resources/<%= resource.id %>/delete/" class="dcf-form delete-form delete-resource">
+ <button class="dcf-btn dcf-btn-secondary" type="submit">Delete</button>
</form>
</td>
</tr>
diff --git a/views/admin/send_email.erb b/views/admin/send_email.erb
index 31ce7fae2435f4d253422c2ac3fea93cc6ff0c85..2f09ef0feed457b72bff8a2117750c0c1ed062f4 100644
--- a/views/admin/send_email.erb
+++ b/views/admin/send_email.erb
@@ -1,28 +1,39 @@
-<div id="pagetitle">
- <h3>Send Email</h3>
-</div>
+<h1 class="dcf-txt-h3">Send Email</h1>
-<form action="" method="POST" enctype="multipart/form-data">
+<form class="dcf-form" action="" method="POST" enctype="multipart/form-data">
<div class="dcf-grid dcf-col-gap-vw">
<fieldset class="dcf-col-100% dcf-col-50%-start@sm">
<legend>Send to:</legend>
- <input type="checkbox" id="send-to-all-non-admins" name="send_to_all_non_admins"> <label for="send-to-all-non-admins">All Non-Admins of <%= @space.name %></label><br>
- <input type="checkbox" id="send-to-all-users" name="send_to_all_users"> <label for="send-to-all-users">All Users of <%= @space.name %></label><br>
- <input type="checkbox" id="send-to-specific-user" name="send_to_specific_user"> <label title="Specific Users" for="send-to-specific-user"><span class="dcf-sr-only">Specific Users</span></label>
- <label for="specific-user">Specific User:</label>
- <select id="specific-user" name="specific_user" style="width: auto;">
- <% users.sort{|x,y| x.sortable_name.downcase <=> y.sortable_name.downcase}.each do |user| %>
- <option value="<%= user.id %>"><%= user.sortable_name %></option>
- <% end %>
- </select><br>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" id="send-to-all-non-admins" name="send_to_all_non_admins">
+ <label for="send-to-all-non-admins">All Non-Admins of <%= @space.name %></label>
+ </div>
+ <div class="dcf-form-group dcf-input-checkbox">
+ <input type="checkbox" id="send-to-all-users" name="send_to_all_users">
+ <label for="send-to-all-users">All Users of <%= @space.name %></label>
+ </div>
+ <div class="dcf-form-group dcf-input-group">
+ <div class="dcf-input-checkbox">
+ <input type="checkbox" id="send-to-specific-user" name="send_to_specific_user">
+ <label title="Specific Users" for="send-to-specific-user"><span class="dcf-sr-only">Specific Users</span></label>
+ </div>
+ <div class="dcf-form-group">
+ <label for="specific-user">Specific User</label>
+ <select id="specific-user" name="specific_user">
+ <% users.sort{|x,y| x.sortable_name.downcase <=> y.sortable_name.downcase}.each do |user| %>
+ <option value="<%= user.id %>"><%= user.sortable_name %></option>
+ <% end %>
+ </select>
+ </div>
+ </div>
</fieldset>
<fieldset class="dcf-col-100% dcf-col-50%-end@sm">
<legend>Attachments</legend>
<div id="files">
- <div id="file-container" class="file-container" style="padding-right: 60px; position: relative;">
+ <div id="file-container" class="file-container dcf-mt-3" style="padding-right: 60px; position: relative;">
<input class="file-input" type="file" name="file_1" aria-label="Upload email attachment" />
- <button style="display: none; position: absolute; right: 5px; top: 5px;" type="button" class="remove-file dcf-btn">×</button>
+ <button style="display: none; position: absolute; right: 5px; top: 5px;" type="button" class="remove-file dcf-btn dcf-btn-secondary">×</button>
</div>
</div>
<br>
@@ -33,13 +44,17 @@
<fieldset>
<legend>Compose</legend>
- <label for="subject">Subject:</label>
- <input type="text" id="subject" name="subject" />
+ <div class="dcf-form-group">
+ <label for="subject">Subject:</label>
+ <input type="text" id="subject" name="subject" />
+ </div>
+
+ <div class="dcf-form-group">
+ <label for="body">Body:</label>
+ <textarea class="ckeditor" style="min-height: 150px" id="body" name="body"></textarea>
+ </div>
- <label for="body">Body:</label>
- <textarea class="ckeditor" style="min-height: 150px" id="body" name="body"></textarea>
- <br><br>
- <button type="submit" class="dcf-btn dcf-btn-primary">Send</button>
+ <button type="submit" class="dcf-mt-6 dcf-btn dcf-btn-primary">Send</button>
</fieldset>
</form>
diff --git a/views/admin/users.erb b/views/admin/users.erb
index 023c9d6eed946bbff3801d12eb7965b08e92ed47..b50314b41ffa99c628b87e0279941990f9356215 100644
--- a/views/admin/users.erb
+++ b/views/admin/users.erb
@@ -1,9 +1,7 @@
-<div id="pagetitle">
- <h3>Manage Users <span class="dcf-subhead"><a id="show-toolbox" href="#">Show User Toolbox</a></span></h3>
-</div>
+<h1 class="dcf-txt-h3">Manage Users <span class="dcf-subhead"><a id="show-toolbox" href="#">Show User Toolbox</a></span></h1>
<div id="toolbox" class="toolbox" style="display: none;">
- <h3>Toolbox <span style="float: right;"><a style="color: white;" href="#" id="hide-toolbox">–</a></span></h3>
+ <h2 class="dcf-txt-h43">Toolbox <span class="dcf-float-right"><a style="color: white;" href="#" id="hide-toolbox">–</a></span></h2>
<div class="tools">
<a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_users_href %>add/">Add User</a>
<a class="dcf-btn dcf-btn-primary" href="<%= @space.admin_users_href %><%= @user.id %>/edit/">Edit My User</a>
@@ -11,12 +9,12 @@
</div>
</div>
-<form id="find-controls">
+<form class="dcf-form" id="find-controls">
<div class="dcf-grid dcf-col-gap-vw">
<div class="dcf-col-100% dcf-col-25%-start@sm">
- <label style="font-size: 120%; margin-right: 20px;">Find users by:</label>
+ <label>Find users by:</label>
<br>
- <a href="<%= @space.admin_users_href %>" class="dcf-btn dcf-mb-6" style="font-size: 60%">Clear</a>
+ <a href="<%= @space.admin_users_href %>" class="dcf-btn dcf-mb-6">Clear</a>
</div>
<div class="dcf-col-100% dcf-col-75%-end@sm"">
<label for="resource-authorization">Resource Authorization:</label>
@@ -32,7 +30,7 @@
<% if users.count > 0 %>
<div>
- <table class="event-list">
+ <table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead class="small-hidden">
<tr>
<th>Name</th>
@@ -64,8 +62,8 @@
<td class="table-actions">
<a href="<%= @space.admin_users_href %><%= user.id %>/edit/" class="dcf-btn dcf-btn-primary dcf-mb-2">Edit</a>
<a href="<%= @space.admin_users_href %><%= user.id %>/manage/" class="dcf-btn dcf-btn-secondary dcf-mb-2">Resources</a>
- <form class="delete-form delete-user" action="<%= @space.admin_users_href %><%= user.id %>/delete/" method="POST">
- <button type="submit" class="dcf-btn dcf-mb-2">Delete</button>
+ <form class="dcf-form delete-form delete-user" action="<%= @space.admin_users_href %><%= user.id %>/delete/" method="POST">
+ <button type="submit" class="dcf-btn dcf-btn-secondary dcf-mb-2">Delete</button>
</form>
</td>
</tr>
diff --git a/views/calendar.erb b/views/calendar.erb
index fd495f039b0a7b1022852661ebebbace8fce18a2..1970e48180b41c216e9620fd6abc338ff41aaf25 100644
--- a/views/calendar.erb
+++ b/views/calendar.erb
@@ -3,12 +3,7 @@
end
%>
-<div id="pagetitle">
- <h3>
- <%= @space.name %> Calendar
- <span class="dcf-subhead">See all our upcoming events!</span>
- </h3>
-</div>
+<h1 class="dcf-txt-h3"><%= @space.name %> Calendar <span class="dcf-subhead">See all our upcoming events!</span></h1>
<div class="calendar">
<div class="calendar-header">
diff --git a/views/event_details.erb b/views/event_details.erb
index d209032a1db76b6e1977afd3e274d206e58d2351..0a27b358671fb84803a81c14604f62a4a03ca388 100644
--- a/views/event_details.erb
+++ b/views/event_details.erb
@@ -36,7 +36,7 @@
<% elsif @user %>
<% # the user is logged in but not signed up %>
<% if event.max_signups.nil? || event.signups.count < event.max_signups %>
- <form action="/<%= @space.url_name %>/events/<%= event.id %>/sign_up/" class="delete-form" method="POST">
+ <form class="dcf-form" action="/<%= @space.url_name %>/events/<%= event.id %>/sign_up/" class="delete-form" method="POST">
<button type="submit" class="dcf-btn dcf-btn-primary">
<% if event.type.description == 'Free Event' %>
Note event on my homepage
@@ -58,4 +58,4 @@
<% end %>
<% end %>
<% end %>
-<a href="<%= event.download_link %>" class="download-ics dcf-btn dcf-btn-secondary">Download</a>
\ No newline at end of file
+<a href="<%= event.download_link %>" class="download-ics dcf-mt-3 dcf-btn dcf-btn-secondary">Download</a>
\ No newline at end of file
diff --git a/views/fixed.erb b/views/fixed.erb
index 6fc37553623e5401cf9f6b00aa1fa10046a1ea07..c236533af98dc6a6111437c30df46dd9b7d0ef1b 100644
--- a/views/fixed.erb
+++ b/views/fixed.erb
@@ -20,8 +20,6 @@
<% if defined?(kiosk_mode) && kiosk_mode == 'true' %>
<link rel="stylesheet" href="/css/kiosk.css">
<% end %>
- <link rel="preload" href="/wdn/templates_5.3/css/deprecated.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
- <noscript><link rel="stylesheet" href="/wdn/templates_5.3/css/deprecated.css"></noscript>
<link rel="stylesheet" href="/css/jquery.mCustomScrollbar.min.css" />
<link rel="stylesheet" href="/css/resource_scheduler.css?cb=20211006">
<!-- TemplateEndEditable -->
diff --git a/views/home.erb b/views/home.erb
index b3de318439d89a44058212e4c1ac5752b65751ec..191b04410c5b9aabe4dedacb06a6f89fd7550458 100644
--- a/views/home.erb
+++ b/views/home.erb
@@ -5,13 +5,11 @@ if !params.include?('no-space-redirect') && reservations.empty? && @user && spac
end
%>
-<div id="pagetitle">
- <h1 class="dcf-txt-h3">Welcome to UNL Resource Scheduler <span class="dcf-subhead"><%= @user.full_name if @user %></span></h3>
-</div>
+<h1 class="dcf-txt-h3">Welcome to UNL Resource Scheduler <span class="dcf-subhead"><%= @user.full_name if @user %></span></h1>
<p>
UNL Resource Scheduler is the quick and easy way to reserve time for various machines, rooms, and tools around campus.
-If you'd like your organization, building, or department in our scheduler, please <a href="mailto:iim@listserv.unl.edu">email</a>
+If you'd like your organization, building, or department in our scheduler, please <a href="mailto:dxg@listserv.unl.edu">email</a>
to set up a service space. Enjoy!
</p>
@@ -51,7 +49,7 @@ to set up a service space. Enjoy!
<% unless resources.empty? %>
<h2 class="dcf-mt-6 dcf-txt-h5">Available Resources</h5>
<p>These resources are available to everyone at the University. You will be required to log in to reserve them.
- <table>
+ <table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Resource</th>
@@ -84,7 +82,7 @@ to set up a service space. Enjoy!
<h2 class="dcf-txt-h6 dcf-mt-6">
My Reservations (for resources available UNL-wide)
</h4>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Resource</th>
@@ -111,12 +109,12 @@ My Reservations (for resources available UNL-wide)
<td class="table-actions">
<a href="<%= reservation.download_link %>" class="dcf-btn dcf-btn-secondary">Download</a>
<a href="<%= reservation.edit_link %>" class="dcf-btn dcf-btn-primary">Edit</a>
- <form method="POST" action="<%= reservation.cancel_link %>" class="delete-form">
+ <form method="POST" action="<%= reservation.cancel_link %>" class="dcf-form delete-form">
<button class="dcf-btn" type="submit">Remove</button>
</form>
<% unless reservation.recurring_reference_id.nil? %>
- <form method="POST" action="<%= reservation.cancel_all_link %>" class="delete-form delete-recurring-reservation">
- <button class="dcf-btn" type="submit">Remove All</button>
+ <form method="POST" action="<%= reservation.cancel_all_link %>" class="dcf-form delete-form delete-recurring-reservation">
+ <button class="dcf-btn dcf-btn-secondary" type="submit">Remove All</button>
</form>
<% end %>
</td>
diff --git a/views/kiosk_logout.erb b/views/kiosk_logout.erb
index 502d8bb75f599316c33928741ab2fb1a9d5978e7..1623ab82e55941c3362f4e23c90ef3f0594a6f0f 100644
--- a/views/kiosk_logout.erb
+++ b/views/kiosk_logout.erb
@@ -1,8 +1,6 @@
-<div id="pagetitle">
-<h3>Logging you out...</h3>
-</div>
+<h1 class="dcf-txt-h3">Logging you out...</h1>
-<h5>Don't worry, we'll redirect out of here</h5>
+<h2 class="dcf-txt-h5">Don't worry, we'll redirect out of here</h2>
<a href="<%= url_redirect %>">If you don't want to wait</a><br><br>
diff --git a/views/reserve.erb b/views/reserve.erb
index 9b545054d5b7cc97229b1b24b98422e27dd878ac..8cf71e7786dbdd06dcc19b49315764d081258b4f 100644
--- a/views/reserve.erb
+++ b/views/reserve.erb
@@ -33,7 +33,7 @@ end
second_div_style = ''
end
%>
-<form action="" method="POST">
+<form class="dcf-form" action="" method="POST">
<section class="<%= section_class %>">
<div class="<%= first_div_class %>" style="<%= first_div_style %>">
<label>Schedule for <span id="current-date"><%= day.strftime('%m/%d/%Y') %></span></label>
@@ -154,55 +154,68 @@ end
</div>
</div>
</div>
- </div><div class="<%= second_div_class %>" style="<%= second_div_style %>">
- <label for="date">Date</label>
- <div class="date-time-select">
- <span class="icon-calendar"></span>
- <input style="width: 90%;" id="date" name="date" title="Reservation Date" type="text" class="datepicker" value="<%= day.strftime('%m/%d/%Y') %>" />
+ </div>
+ <div class="<%= second_div_class %>" style="<%= second_div_style %>">
+ <div class="dcf-form-group">
+ <div class="dcf-datepicker">
+ <label for="date">Date</label>
+ <input id="date" name="date" title="Reservation Date" type="text" value="<%= day.strftime('%m/%d/%Y') %>" />
+ </div>
</div>
- <label for="start-minutes">Start Time</label>
- <div class="date-time-select">
- <% if available_start_times.empty? %>
- No available times today.
- <% else %>
- <select id="start-minutes" name="start_minutes" style="width: 90%">
- <% available_start_times.each do |minutes| %>
- <option <%='selected="selected"' if !reservation.nil? && reservation.start_time.in_time_zone.midnight == day && reservation.start_time.in_time_zone.minutes_after_midnight == minutes %> value="<%= minutes %>"><%= Time.from_minutes(minutes).strftime("%l:%M %p") %></option>
- <% end %>
- </select>
- <% end %>
+ <div class="dcf-form-group">
+ <label for="start-minutes">Start Time</label>
+ <div class="date-time-select">
+ <% if available_start_times.empty? %>
+ No available times today.
+ <% else %>
+ <select id="start-minutes" name="start_minutes" style="width: 90%">
+ <% available_start_times.each do |minutes| %>
+ <option <%='selected="selected"' if !reservation.nil? && reservation.start_time.in_time_zone.midnight == day && reservation.start_time.in_time_zone.minutes_after_midnight == minutes %> value="<%= minutes %>"><%= Time.from_minutes(minutes).strftime("%l:%M %p") %></option>
+ <% end %>
+ </select>
+ <% end %>
+ </div>
</div>
- <label for="reservation-length">Reserve resource for:</label><br>
- <% if resource.time_slot_type == 'exact' %>
- <input style="width: 50px" disabled="disabled" value="<%= resource.minutes_per_reservation %>" /> <label>minutes</label>
- <input type="hidden" name="length" value="<%= resource.minutes_per_reservation %>" />
- <% elsif resource.time_slot_type == 'range' %>
+ <div class="dcf-form-group">
+ <label for="reservation-length">Reserve resource for:</label>
+ <% if resource.time_slot_type == 'exact' %>
+ <input style="width: 50px" disabled="disabled" value="<%= resource.minutes_per_reservation %>" /> <label>minutes</label>
+ <input type="hidden" name="length" value="<%= resource.minutes_per_reservation %>" />
+ <% elsif resource.time_slot_type == 'range' %>
+ <select id="reservation-length" name="length">
+ <% i = resource.min_minutes_per_reservation %>
+ <% while i <= resource.max_minutes_per_reservation %>
+ <option <%= (!reservation.nil? && reservation.length == i)? "selected" : "" %> value="<%= i %>"><%= i.minutes_output %></option>
+ <% i += resource.increment_minutes_per_reservation %>
+ <% end %>
+ </select>
+ <% else resource.minutes_per_reservation.nil? %>
<select id="reservation-length" name="length">
- <% i = resource.min_minutes_per_reservation %>
- <% while i <= resource.max_minutes_per_reservation %>
- <option value="<%= i %>"><%= i.minutes_output %></option>
- <% i += resource.increment_minutes_per_reservation %>
+ <% (1..3).each do |i| %>
+ <% min = i*15 %>
+ <option value="<%=min%>" <%= (!reservation.nil? && reservation.length == min)? "selected" : "" %>><%=min%> minutes</option>
<% end %>
+ <option value="60" <%= (reservation.nil? || reservation.length == 60)? "selected" : "" %>>1 hour</option>
+ <option value="90" <%= (!reservation.nil? && reservation.length == 90)? "selected" : "" %>>1.5 hours</option>
+ <option value="120" <%= (!reservation.nil? && reservation.length == 120)? "selected" : "" %>>2 hours</option>
</select>
- <% else resource.minutes_per_reservation.nil? %>
- <select id="reservation-length" name="length">
- <% (1..3).each do |i| %>
- <% min = i*15 %>
- <option value="<%=min%>" <%= (!reservation.nil? && reservation.length == min)? "selected" : "" %>><%=min%> minutes</option>
<% end %>
- <option value="60" <%= (reservation.nil? || reservation.length == 60)? "selected" : "" %>>1 hour</option>
- <option value="90" <%= (!reservation.nil? && reservation.length == 90)? "selected" : "" %>>1.5 hours</option>
- <option value="120" <%= (!reservation.nil? && reservation.length == 120)? "selected" : "" %>>2 hours</option>
- </select>
- <% end %>
- <label for="title">Name of Reservation: (e.g. "Group Meeting")</label>
- <input type="text" name="title" id="title" value="<%= reservation.title unless reservation.nil? %>">
- <br><br>
+ </div>
+
+ <div class="dcf-form-group">
+ <label for="title">Name of Reservation: (e.g. "Group Meeting")</label>
+ <input type="text" name="title" id="title" value="<%= reservation.title unless reservation.nil? %>">
+ </div>
+
<% if reservation.nil? # this is a new reservation, we can make it recurring %>
- <input type="checkbox" name="recurring" id="recurring">
- <label for="recurring">Make this reservation recur</label>
- <div id="recurring-container" class="date-time-select" style="display: none;">
+ <div class="dcf-form-group">
+ <div class="dcf-input-checkbox">
+ <input type="checkbox" name="recurring" id="recurring">
+ <label for="recurring">Make this reservation recur</label>
+ </div>
+ </div>
+ <div id="recurring-container" class="date-time-select" style="display: none;">
<select id="recurring-type" name="recurring_type">
<option value="daily">Daily</option>
<option value="weekly">Weekly</option>
@@ -210,11 +223,12 @@ end
<optgroup label="Monthly" id="monthly-group">
</optgroup>
</select>
- <label for="recurs-until-date">until </label><br>
- <span class="icon-calendar"></span>
- <input id="recurs-until-date" name="recurs_until_date" type="text" class="datepicker" value="<%= day.strftime('%m/%d/%Y') %>" />
+
+ <div class="dcf-datepicker">
+ <label for="recurs-until-date">until</label>
+ <input id="recurs-until-date" name="recurs_until_date" type="text" value="<%= day.strftime('%m/%d/%Y') %>" />
+ </div>
</div>
- <br><br>
<% end %>
<button type="submit" class="dcf-btn dcf-btn-primary"><%= reservation.nil? ? 'Reserve' : 'Update' %></button>
@@ -222,6 +236,7 @@ end
</section>
</form>
+<% append_script_declaration("WDN.initializePlugin('datepickers');") %>
<% append_script_declaration(%q[var ordinal = function(number) {
var mod = number % 100;
if (mod >= 11 && mod <= 13) {
@@ -308,8 +323,6 @@ var setRecurringOptions = function(start_elem, month_group_elem) {
append_script_declaration(%Q[WDN.initializePlugin('jqueryui', [function() {
$ = require('jquery');
- $('.datepicker').datepicker();
- $("LINK[href^='//unlcms.unl.edu/wdn/templates_4.0/scripts/plugins/ui/css/jquery-ui.min.css']").remove();
// kiosk mode?
var kiosk_mode = #{defined?(kiosk_mode) && kiosk_mode == 'true' ? 'true' : 'false'};
diff --git a/views/resources.erb b/views/resources.erb
index aa904278601a123d2b6a51c7542bb9ead93302e1..0282443ec3ad748ff887677d40be631123082a61 100644
--- a/views/resources.erb
+++ b/views/resources.erb
@@ -1,9 +1,7 @@
-<div id="pagetitle">
-<h3>Resources You Can Reserve</h3>
-</div>
+<h1 class="dcf-txt-h3">Resources You Can Reserve</h1>
<% if available_resources.count > 0 %>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Resource</th>
diff --git a/views/space_home.erb b/views/space_home.erb
index 4e505819d4b8b2efdff447f09f18c3fdcd7f1802..1fd163d4849a8a0928b7a0c15daf1ef9373f07e3 100644
--- a/views/space_home.erb
+++ b/views/space_home.erb
@@ -1,13 +1,11 @@
-<div id="pagetitle">
- <h1 class="dcf-txt-h3">Welcome to <%= @space.name %> Resource Scheduler <span class="dcf-subhead"><%= @user.full_name %></span></h3>
-</div>
+<h1 class="dcf-txt-h3">Welcome to <%= @space.name %> Resource Scheduler <span class="dcf-subhead"><%= @user.full_name %></span></h3>
<h2 class="dcf-txt-h4">My Reservations</h2>
<% if reservations.empty? %>
You have no upcoming reservations. You can view upcoming trainings to get certified, or check out the list of resources you can reserve.<br>
<a href="<%= @space.resources_href %>" class="dcf-mt-3 dcf-btn dcf-btn-primary">View Resources</a>
<% else %>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Resource</th>
@@ -35,11 +33,11 @@ You have no upcoming reservations. You can view upcoming trainings to get certif
<a href="<%= reservation.download_link %>" class="dcf-btn dcf-btn-secondary">Download</a>
<a href="/<%= @space.url_name %>/resources/<%= reservation.resource.id %>/edit_reservation/<%= reservation.id %>/" class="dcf-btn dcf-btn-primary">Edit</a>
<form method="POST" action="/<%= @space.url_name %>/resources/<%= reservation.resource.id %>/cancel/<%= reservation.id %>/" class="delete-form">
- <button class="dcf-btn" type="submit">Remove</button>
+ <button class="dcf-btn dcf-btn-secondary" type="submit">Remove</button>
</form>
<% unless reservation.recurring_reference_id.nil? %>
- <form method="POST" action="/<%= @space.url_name %>/resources/<%= reservation.resource.id %>/cancel_all/<%= reservation.recurring_reference_id %>/" class="delete-form delete-recurring-reservation">
- <button class="dcf-btn" type="submit">Remove All</button>
+ <form method="POST" action="/<%= @space.url_name %>/resources/<%= reservation.resource.id %>/cancel_all/<%= reservation.recurring_reference_id %>/" class="dcf-form delete-form delete-recurring-reservation">
+ <button class="dcf-btn dcf-btn-secondary" type="submit">Remove All</button>
</form>
<% end %>
</td>
@@ -85,7 +83,7 @@ You have no upcoming reservations. You can view upcoming trainings to get certif
You have not signed up for any upcoming events. Why not check out the calendar to find some?<br>
<a href="<%= @space.calendar_href %>" class="dcf-mt-3 dcf-btn dcf-btn-secondary">View Calendar</a>
<% else %>
-<table>
+<table class="dcf-w-100% dcf-table dcf-table-bordered">
<thead>
<tr>
<th>Title</th>
@@ -105,7 +103,7 @@ You have not signed up for any upcoming events. Why not check out the calendar t
</td>
<td class="table-actions">
<a href="<%= event.download_link %>" class="dcf-btn dcf-btn-secondary">Download</a>
- <form action="/<%= @space.url_name %>/events/<%= event.id %>/remove_signup/" method="POST" class="delete-form">
+ <form action="/<%= @space.url_name %>/events/<%= event.id %>/remove_signup/" method="POST" class="dcf-form delete-form">
<button class="dcf-btn" type="submit">
Remove
</button>