diff --git a/ietf/secr/static/.gitignore b/ietf/secr/static/.gitignore
new file mode 100644
index 000000000..9b1c8b133
--- /dev/null
+++ b/ietf/secr/static/.gitignore
@@ -0,0 +1 @@
+/dist
diff --git a/ietf/secr/static/css/base.css b/ietf/secr/static/css/base.css
new file mode 100644
index 000000000..673c824aa
--- /dev/null
+++ b/ietf/secr/static/css/base.css
@@ -0,0 +1,786 @@
+/*
+ DJANGO Admin styles
+*/
+
+body {
+ margin: 0;
+ padding: 0;
+ font-size: 12px;
+ font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
+ color: #333;
+ background: #fff;
+}
+
+/* LINKS */
+
+a:link, a:visited {
+ color: #5b80b2;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #036;
+}
+
+a img {
+ border: none;
+}
+
+a.section:link, a.section:visited {
+ color: white;
+ text-decoration: none;
+}
+
+/* GLOBAL DEFAULTS */
+
+p, ol, ul, dl {
+ margin: .2em 0 .8em 0;
+}
+
+p {
+ padding: 0;
+ line-height: 140%;
+}
+
+h1,h2,h3,h4,h5 {
+ font-weight: bold;
+}
+
+h1 {
+ font-size: 18px;
+ color: #666;
+ padding: 0 6px 0 0;
+ margin: 0 0 .2em 0;
+}
+
+h2 {
+ font-size: 16px;
+ margin: 1em 0 .5em 0;
+}
+
+h2.subhead {
+ font-weight: normal;
+ margin-top: 0;
+}
+
+h3 {
+ font-size: 14px;
+ margin: .8em 0 .3em 0;
+ color: #666;
+ font-weight: bold;
+}
+
+h4 {
+ font-size: 12px;
+ margin: 1em 0 .8em 0;
+ padding-bottom: 3px;
+}
+
+h5 {
+ font-size: 10px;
+ margin: 1.5em 0 .5em 0;
+ color: #666;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+}
+
+ul li {
+ list-style-type: square;
+ padding: 1px 0;
+}
+
+ul.plainlist {
+ margin-left: 0 !important;
+}
+
+ul.plainlist li {
+ list-style-type: none;
+}
+
+li ul {
+ margin-bottom: 0;
+}
+
+li, dt, dd {
+ font-size: 11px;
+ line-height: 14px;
+}
+
+dt {
+ font-weight: bold;
+ margin-top: 4px;
+}
+
+dd {
+ margin-left: 0;
+}
+
+form {
+ margin: 0;
+ padding: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 1em;
+}
+
+blockquote {
+ font-size: 11px;
+ color: #777;
+ margin-left: 2px;
+ padding-left: 10px;
+ border-left: 5px solid #ddd;
+}
+
+code, pre {
+ font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
+ background: inherit;
+ color: #666;
+ font-size: 11px;
+}
+
+pre.literal-block {
+ margin: 10px;
+ background: #eee;
+ padding: 6px 8px;
+}
+
+code strong {
+ color: #930;
+}
+
+hr {
+ clear: both;
+ color: #eee;
+ background-color: #eee;
+ height: 1px;
+ border: none;
+ margin: 0;
+ padding: 0;
+ font-size: 1px;
+ line-height: 1px;
+}
+
+/* TEXT STYLES & MODIFIERS */
+
+.small {
+ font-size: 11px;
+}
+
+.tiny {
+ font-size: 10px;
+}
+
+p.tiny {
+ margin-top: -2px;
+}
+
+.mini {
+ font-size: 9px;
+}
+
+p.mini {
+ margin-top: -3px;
+}
+
+.help, p.help {
+ font-size: 10px !important;
+ color: #999;
+}
+
+p img, h1 img, h2 img, h3 img, h4 img, td img {
+ vertical-align: middle;
+}
+
+.quiet, a.quiet:link, a.quiet:visited {
+ color: #999 !important;
+ font-weight: normal !important;
+}
+
+.quiet strong {
+ font-weight: bold !important;
+}
+
+.float-right {
+ float: right;
+}
+
+.float-left {
+ float: left;
+}
+
+.clear {
+ clear: both;
+}
+
+.align-left {
+ text-align: left;
+}
+
+.align-right {
+ text-align: right;
+}
+
+.example {
+ margin: 10px 0;
+ padding: 5px 10px;
+ background: #efefef;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+/* TABLES */
+
+table {
+ border-collapse: collapse;
+ border-color: #ccc;
+}
+
+td, th {
+ font-size: 11px;
+ line-height: 13px;
+ border-bottom: 1px solid #eee;
+ vertical-align: top;
+ padding: 5px;
+ font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+}
+
+th {
+ text-align: left;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+thead th,
+tfoot td {
+ color: #666;
+ padding: 2px 5px;
+ font-size: 11px;
+ background: #e1e1e1 url(../images/nav-bg.webp) top left repeat-x;
+ border-left: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+
+tfoot td {
+ border-bottom: none;
+ border-top: 1px solid #ddd;
+}
+
+thead th:first-child,
+tfoot td:first-child {
+ border-left: none !important;
+}
+
+thead th.optional {
+ font-weight: normal !important;
+}
+
+fieldset table {
+ border-right: 1px solid #eee;
+}
+
+tr.row-label td {
+ font-size: 9px;
+ padding-top: 2px;
+ padding-bottom: 0;
+ border-bottom: none;
+ color: #666;
+ margin-top: -1px;
+}
+
+tr.alt {
+ background: #f6f6f6;
+}
+
+.row1 {
+ background: #EDF3FE;
+}
+
+.row2 {
+ background: white;
+}
+
+/* SORTABLE TABLES */
+
+thead th a:link, thead th a:visited {
+ color: #666;
+ display: block;
+}
+
+table thead th.sorted {
+ background-position: bottom left !important;
+}
+
+table thead th.sorted a {
+ padding-right: 13px;
+}
+
+table thead th.ascending a {
+ background: url(../images/arrow-down.webp) right .4em no-repeat;
+}
+
+table thead th.descending a {
+ background: url(../images/arrow-up.webp) right .4em no-repeat;
+}
+
+/* ORDERABLE TABLES */
+
+table.orderable tbody tr td:hover {
+ cursor: move;
+}
+
+table.orderable tbody tr td:first-child {
+ padding-left: 14px;
+ background-image: url(../images/nav-bg-grabber.webp);
+ background-repeat: repeat-y;
+}
+
+table.orderable-initalized .order-cell, body>tr>td.order-cell {
+ display: none;
+}
+
+/* FORM DEFAULTS */
+
+input, textarea, select {
+ margin: 2px 0;
+ padding: 2px 3px;
+ vertical-align: middle;
+ font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 11px;
+}
+
+textarea {
+ vertical-align: top !important;
+}
+
+input[type=text], input[type=password], textarea, select, .vTextField {
+ border: 1px solid #ccc;
+}
+
+/* FORM BUTTONS */
+
+.button, input[type=submit], input[type=button], .submit-row input {
+ background: white url(../images/nav-bg.webp) bottom repeat-x;
+ padding: 3px;
+ color: black;
+ border: 1px solid #bbb;
+ border-color: #ddd #aaa #aaa #ddd;
+}
+
+.button:active, input[type=submit]:active, input[type=button]:active {
+ background-image: url(../images/nav-bg-reverse.webp);
+ background-position: top;
+}
+
+.button.default, input[type=submit].default, .submit-row input.default {
+ border: 2px solid #5b80b2;
+ background: #7CA0C7 url(../images/default-bg.webp) bottom repeat-x;
+ font-weight: bold;
+ color: white;
+ float: right;
+}
+
+.button.default:active, input[type=submit].default:active {
+ background-image: url(../images/default-bg-reverse.webp);
+ background-position: top;
+}
+
+/* MODULES */
+
+.module {
+ border: 1px solid #ccc;
+ margin-bottom: 5px;
+ background: white;
+}
+
+.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.module blockquote {
+ margin-left: 12px;
+}
+
+.module ul, .module ol {
+ margin-left: 1.5em;
+}
+
+.module h3 {
+ margin-top: .6em;
+}
+
+.module h2, .module caption, .inline-group h2 {
+ margin: 0;
+ padding: 2px 5px 3px 5px;
+ font-size: 11px;
+ text-align: left;
+ font-weight: bold;
+ background: #7CA0C7 url(../images/default-bg.webp) top left repeat-x;
+ color: white;
+}
+
+.module table {
+ border-collapse: collapse;
+}
+
+/* MESSAGES & ERRORS */
+
+ul.messagelist {
+ padding: 0 0 5px 0;
+ margin: 0;
+}
+
+ul.messagelist li {
+ font-size: 12px;
+ display: block;
+ padding: 4px 5px 4px 25px;
+ margin: 0 0 3px 0;
+ border-bottom: 1px solid #ddd;
+ color: #666;
+ background: #ffc url(../images/icon_success.webp) 5px .3em no-repeat;
+}
+/******** User feedback messages ********/
+ul.messages {
+ padding: 0 0 5px 0;
+ margin: 0;
+}
+
+ul.messages li {
+ font-size: 12px;
+ display: block;
+ padding: 4px 5px 4px 25px;
+ margin: 0 0 3px 0;
+ border-bottom: 1px solid #ddd;
+ color: #666;
+}
+
+.info,
+.success,
+.warning,
+.error,
+.validation {
+ padding: 4px 5px 4px 25px;
+ margin: 0 0 3px 0;
+ border-bottom: 1px solid #ddd;
+}
+
+.info {
+ background: #ffc url(../images/icon_success.webp) 5px .3em no-repeat;
+}
+
+.success {
+ background: #ffc url(../images/icon_success.webp) 5px .3em no-repeat;
+}
+
+.warning {
+ background: #ffc url(../images/icon_alert.webp) 5px .3em no-repeat;
+}
+
+.error {
+ background: #ffc url(../images/icon_error.webp) 5px .3em no-repeat;
+}
+/******** /User feedback messages ********/
+
+.errornote {
+ font-size: 12px !important;
+ display: block;
+ padding: 4px 5px 4px 25px;
+ margin: 0 0 3px 0;
+ border: 1px solid red;
+ color: red;
+ background: #ffc url(../images/icon_error.webp) 5px .3em no-repeat;
+}
+
+ul.errorlist {
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+.errorlist li {
+ font-size: 12px !important;
+ display: block;
+ padding: 4px 5px 4px 25px;
+ margin: 0 0 3px 0;
+ border: 1px solid red;
+ color: white;
+ background: red url(../images/icon_alert.webp) 5px .3em no-repeat;
+}
+
+td ul.errorlist {
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+td ul.errorlist li {
+ margin: 0 !important;
+}
+
+.errors {
+ background: #ffc;
+}
+
+.errors input, .errors select {
+ border: 1px solid red;
+}
+
+div.system-message {
+ background: #ffc;
+ margin: 10px;
+ padding: 6px 8px;
+ font-size: .8em;
+}
+
+div.system-message p.system-message-title {
+ padding: 4px 5px 4px 25px;
+ margin: 0;
+ color: red;
+ background: #ffc url(../images/icon_error.webp) 5px .3em no-repeat;
+}
+
+.description {
+ font-size: 12px;
+ padding: 5px 0 0 12px;
+}
+
+/* BREADCRUMBS */
+
+div.breadcrumbs {
+ background: white url(../images/nav-bg-reverse.webp) 0 -10px repeat-x;
+ padding: 2px 8px 3px 8px;
+ font-size: 11px;
+ color: #999;
+ border-top: 1px solid white;
+ border-bottom: 1px solid #ccc;
+ text-align: left;
+}
+
+/* ACTION ICONS */
+
+.addlink {
+ padding-left: 12px;
+ background: url(../images/icon_addlink.webp) 0 .2em no-repeat;
+}
+
+.changelink {
+ padding-left: 12px;
+ background: url(../images/icon_changelink.webp) 0 .2em no-repeat;
+}
+
+.deletelink {
+ padding-left: 12px;
+ background: url(../images/icon_deletelink.webp) 0 .25em no-repeat;
+}
+
+a.deletelink:link, a.deletelink:visited {
+ color: #CC3434;
+}
+
+a.deletelink:hover {
+ color: #993333;
+}
+
+/* OBJECT TOOLS */
+
+.object-tools {
+ font-size: 10px;
+ font-weight: bold;
+ font-family: Arial,Helvetica,sans-serif;
+ padding-left: 0;
+ float: right;
+ position: relative;
+ margin-top: -2.4em;
+ margin-bottom: -2em;
+}
+
+.form-row .object-tools {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ float: none;
+ height: 2em;
+ padding-left: 3.5em;
+}
+
+.object-tools li {
+ display: block;
+ float: left;
+ background: url(../images/tool-left.webp) 0 0 no-repeat;
+ padding: 0 0 0 8px;
+ margin-left: 2px;
+ height: 16px;
+}
+
+.object-tools li:hover {
+ background: url(../images/tool-left_over.webp) 0 0 no-repeat;
+}
+
+.object-tools a:link, .object-tools a:visited {
+ display: block;
+ float: left;
+ color: white;
+ padding: .1em 14px .1em 8px;
+ height: 14px;
+ background: #999 url(../images/tool-right.webp) 100% 0 no-repeat;
+}
+
+.object-tools a:hover, .object-tools li:hover a {
+ background: #5b80b2 url(../images/tool-right_over.webp) 100% 0 no-repeat;
+}
+
+.object-tools a.viewsitelink, .object-tools a.golink {
+ background: #999 url(../images/tooltag-arrowright.webp) top right no-repeat;
+ padding-right: 28px;
+}
+
+.object-tools a.viewsitelink:hover, .object-tools a.golink:hover {
+ background: #5b80b2 url(../images/tooltag-arrowright_over.webp) top right no-repeat;
+}
+
+.object-tools a.addlink {
+ background: #999 url(../images/tooltag-add.webp) top right no-repeat;
+ padding-right: 28px;
+}
+
+.object-tools a.addlink:hover {
+ background: #5b80b2 url(../images/tooltag-add_over.webp) top right no-repeat;
+}
+
+/* OBJECT HISTORY */
+
+table#change-history {
+ width: 100%;
+}
+
+table#change-history tbody th {
+ width: 16em;
+}
+
+/* PAGE STRUCTURE */
+
+#container {
+ position: relative;
+ width: 100%;
+ min-width: 760px;
+ padding: 0;
+}
+
+#content {
+ margin: 10px 15px;
+}
+
+#header {
+ width: 100%;
+}
+
+#content-main {
+ float: left;
+ width: 100%;
+}
+
+#content-related {
+ float: right;
+ width: 18em;
+ position: relative;
+ margin-right: -19em;
+}
+
+#footer {
+ clear: both;
+ padding: 10px;
+}
+
+/* COLUMN TYPES */
+
+.colMS {
+ margin-right: 20em !important;
+}
+
+.colSM {
+ margin-left: 20em !important;
+}
+
+.colSM #content-related {
+ float: left;
+ margin-right: 0;
+ margin-left: -19em;
+}
+
+.colSM #content-main {
+ float: right;
+}
+
+.popup .colM {
+ width: 95%;
+}
+
+.subcol {
+ float: left;
+ width: 46%;
+ margin-right: 15px;
+}
+
+.dashboard #content {
+ width: 500px;
+}
+
+/* HEADER */
+
+#header {
+ background: #417690;
+ color: #ffc;
+ overflow: hidden;
+}
+
+#header a:link, #header a:visited {
+ color: white;
+}
+
+#header a:hover {
+ text-decoration: underline;
+}
+
+#branding h1 {
+ padding: 0 10px;
+ font-size: 18px;
+ margin: 8px 0;
+ font-weight: normal;
+ color: #f4f379;
+}
+
+#branding h2 {
+ padding: 0 10px;
+ font-size: 14px;
+ margin: -8px 0 8px 0;
+ font-weight: normal;
+ color: #ffc;
+}
+
+#user-tools {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 1.2em 10px;
+ font-size: 11px;
+ text-align: right;
+}
+
+/* SIDEBAR */
+
+#content-related h3 {
+ font-size: 12px;
+ color: #666;
+ margin-bottom: 3px;
+}
+
+#content-related h4 {
+ font-size: 11px;
+}
+
+#content-related .module h2 {
+ background: #eee url(../images/nav-bg.webp) bottom left repeat-x;
+ color: #666;
+}
\ No newline at end of file
diff --git a/ietf/secr/static/css/custom.css b/ietf/secr/static/css/custom.css
new file mode 100644
index 000000000..8816b3f13
--- /dev/null
+++ b/ietf/secr/static/css/custom.css
@@ -0,0 +1,845 @@
+/*
+ Overrides (override existing properties from Django admin css)
+*/
+
+#container {
+ margin: 0 auto;
+ width: 760px;
+}
+
+#content {
+ margin: 10px auto;
+}
+
+#footer {
+ /* background-color: #DDDDDD;
+ background-color: #EEEEFF; */
+ color: #888888;
+ margin-top: 8px;
+ padding: 6px 0;
+ text-align: left;
+ font-size: 10px;
+}
+
+#footer-logo {
+ border-top: 1px solid #DDDDDD;
+ padding-top: 9px;
+}
+
+#footer-version {
+ float: left;
+ border-top: 1px solid #DDDDDD;
+ padding-top: 9px;
+}
+
+#footer ul {
+ margin: 0;
+ padding: 0 0 9px;
+}
+
+#footer li {
+ list-style-type: none;
+ font-size: 10px;
+}
+
+/*.inline-group th, td {
+ padding: 3px;
+}*/
+
+.object-tools {
+ float: left;
+ margin-bottom: 0;
+ margin-top: 0;
+}
+
+.errorlist li {
+ background: #FF8080 url(../images/icon_alert.webp) no-repeat scroll 5px 0.3em;
+ border: 1px solid #FF8080;
+}
+
+/* ==========================================================================
+ General Styles
+ ========================================================================== */
+
+.alert {
+ color: red;
+}
+
+.breadcrumbs td {
+ border-bottom: none;
+}
+
+.internal-form {
+ padding: 1em;
+}
+
+.message-right {
+ float: right;
+ color: Red;
+}
+
+.locked {
+ float: right;
+}
+
+.locked a {
+ color: Red;
+ text-decoration: underline;
+}
+
+.locked a:hover {
+ color: Blue;
+ text-decoration: underline;
+}
+
+.unlocked {
+ float: right;
+}
+
+.unlocked a {
+ color: White;
+ text-decoration: underline;
+}
+
+.unlocked a:hover {
+ color: Blue;
+ text-decoration: underline;
+}
+
+.login {
+ float: right;
+ color: white;
+ font-size: 12px;
+ vertical-align: bottom;
+ padding-right: 10px;
+}
+
+.menu li {
+ list-style-type: none;
+}
+
+ul.none li {
+ list-style-type: none;
+}
+
+.required {
+ color: red;
+}
+
+.loading {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ padding-top: 10px;
+}
+
+td.border-right {
+ border-right: #ccc 1px solid;
+ padding: 0;
+}
+
+tr.green-row {
+ background-color: #A5EEAA;
+}
+
+tr.red-row {
+ background-color: #FF66FF;
+}
+
+table.full-width {
+ width: 100%;
+}
+
+table.center {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%;
+}
+
+.new-style th {
+ text-align: right;
+}
+
+/* Buttons
+ ========================================================================== */
+
+.action-group ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 7px;
+ text-align: center;
+}
+
+.action-group li {
+ list-style-type: none;
+ padding: 4px;}
+
+.button.standard, input.standard[type="submit"] {
+ background: none;
+}
+
+.button-group {
+ clear: both;
+ width: auto;
+ height: 2.5em;
+ padding: 4px 7px;
+ background: white url(../images/nav-bg.webp) 0 100% repeat-x;
+ border: 0 solid #ccc;
+ border-top: 1px solid #ccc;
+ margin: 5px 0 0 0;
+ overflow: hidden;
+}
+
+.button-group ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 7px;
+ text-align: center;
+}
+
+.button-group li {
+ display: inline;
+ padding: 5px;
+}
+
+button.fancy:hover {
+ background-color: #ffc;
+}
+
+/* Navigation Bar
+ ========================================================================== */
+
+#nav {
+ padding: 0;
+}
+
+.list-nav {
+ padding-left: 0;
+ margin-left: 0;
+ background-color: #36648B;
+ color: White;
+ width: 100%;
+ overflow: auto;
+}
+
+.list-nav li { display: inline; }
+
+.list-nav li a {
+ padding: 0.2em;
+ width: 19%;
+ background-color: #36648B;
+ color: White;
+ text-decoration: none;
+ text-align: center;
+ float: left;
+ border-left: 1px solid #fff;
+}
+
+.rooms-times-nav .list-nav li a {
+ width: 25%;
+}
+
+.list-nav li.selected a {
+ background-color: #4F94CD;
+}
+
+.list-nav li.leftmost a {
+ border-left: none;
+}
+
+.list-nav li a:hover {
+ background-color: #4F94CD;
+ color: #fff;
+}
+
+.list-nav a.current {
+ background-color: #7CA0C7;
+}
+
+/* ==========================================================================
+ Announcement Tool
+ ========================================================================== */
+
+#announce-table input[type="text"] {
+ width: 40em;
+}
+
+#announce-table #id_body {
+ width: 40em;
+}
+
+#announce-table td {
+ border-bottom: none;
+}
+
+#announce-table th {
+ border-bottom: none;
+}
+
+#announce-confirm {
+ color: black;
+ font-family: "Courier New",Courier,monospace;
+}
+
+/* ==========================================================================
+ Area Tool
+ ========================================================================== */
+
+#areas-list-table td {
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+#area-awp-table input[type="text"] {
+ width: 40em;
+}
+
+#area-add-table #id_comments {
+ width: 40em;
+}
+
+#area-add-table #id_name {
+ width: 40em;
+}
+
+/* ==========================================================================
+ Draft Tool
+ ========================================================================== */
+
+input.draft-file-input {
+ width: 40em;
+}
+
+.draft-container #id_title {
+ height: 4em;
+ width: 40em;
+}
+
+.draft-container #id_pages {
+ width: 4em;
+}
+
+.draft-container #id_internal_comments {
+ height: 4em;
+ width: 40em;
+}
+
+.draft-container #id_abstract {
+ height: 15em;
+ width: 40em;
+}
+
+#draft-confirm-email th {
+ text-align: right;
+ font-weight: normal;
+ padding-right: 2em;
+}
+
+#draft-file-table label {
+ width: 12em;
+ /* text-align: right;
+ margin-right: 0.5em; */
+ margin-left: 1em;
+ display: block;
+}
+
+#draft-search-table th {
+ width: 15em;
+}
+
+#draft-view-col1 {
+ float: left;
+ width: 600px;
+ margin: 0;
+ border-right: 1px solid #CCCCCC;
+}
+
+#draft-view-col2 {
+ float: left;
+ width: 157px;
+ margin: 0;
+ padding: 0;
+}
+
+#draft-edit-col1 {
+ float: left;
+ width: 620px;
+ margin: 0;
+ border-right: 1px solid #CCCCCC;
+}
+
+#draft-edit-col2 {
+ float: left;
+ width: 137px;
+ margin: 0;
+ padding: 0;
+}
+
+#draft-edit-table #id_name {
+ width: 30em;
+}
+
+#draft-email-table #id_cc {
+ width: 60em;
+}
+
+#draft-email-table #id_subject {
+ width: 60em;
+}
+
+#draft-email-table #id_to {
+ width: 60em;
+}
+
+#draft-email-table #id_body {
+ width: 60em;
+}
+
+#draft-search-form #id_document_title {
+ width: 40em;
+}
+
+#draft-search-form #id_group {
+ width: 40em;
+}
+
+#draft-search-form #id_filename {
+ width: 40em;
+}
+
+#draft-obsoletes-table input[type="text"] {
+ width: 3.5em;
+}
+
+/* ==========================================================================
+ Group Tool
+ ========================================================================== */
+
+.awp-form input {
+ width: 30em;
+}
+
+#groups-table #id_name,#id_list_email,#id_list_subscribe,#id_list_archive {
+ width: 40em;
+}
+
+#groups-table #id_comments {
+ width: 40em;
+}
+
+#group-description-form #id_description {
+ width: 90%;
+}
+
+#group-search-results td {
+ font-size: xx-small;
+}
+
+#groups-people-col1 {
+ width: 75%;
+}
+
+#groups-people-col2 {
+ width: 25%;
+}
+
+#groups-view-col1 {
+ float: left;
+ width: 620px;
+ margin: 0;
+ border-right: 1px solid #CCCCCC;
+}
+
+#groups-view-col2 {
+ float: left;
+ width: 137px;
+ margin: 0;
+ padding: 0;
+}
+
+/* ==========================================================================
+ Meeting Tool
+ ========================================================================== */
+
+#misc-sessions .from-base-schedule {
+ text-align: centeR;
+ opacity: 0.7;
+}
+
+#misc-session-edit-form input[type="text"] {
+ width: 30em;
+}
+
+#additional-info-form #id_text {
+ width: 90%;
+}
+
+#meetings-schedule-form input[type="text"] {
+ width: 30em;
+}
+
+#timeslot-form #id_time,#id_duration {
+ width: 5em;
+}
+
+#timeslot-form #id_name {
+ width: 30em;
+}
+
+#timeslot-form th {
+ width: 60px;
+}
+
+#id_duration input {
+ width: 5em;
+}
+
+tr.break td {
+ border-top: 2px solid black;
+}
+
+tr.cancelled {
+ background-color: #e12817;
+ color: white;
+}
+
+#id_schedule_selector {
+ display: inline;
+}
+
+#id_rooms_table input[type="number"] {
+ width: 4em;
+}
+
+/* ==========================================================================
+ Proceedings Tool
+ ========================================================================== */
+
+input#id_slide_name {
+ width: 30em;
+}
+
+input#id_title {
+ width: 30em;
+}
+
+div.interim-scroll {
+ height: 300px;
+ overflow: auto;
+}
+
+.highlight {
+ color: #FF0000;
+}
+
+.internal-form label {
+ float: left;
+ width: 100px;
+ text-align: right;
+ padding-right: 10px;
+}
+
+.internal-form select {
+ min-width: 100px;
+}
+
+#interim-directory-table td {
+ padding-left: 2em;
+ padding-right: 2em;
+}
+
+#proceedings-interim-table td {
+ white-space:pre-wrap;
+ padding-left: 1em;
+ padding-right: 1em;
+ /* font-family: "Courier",monospace; */
+}
+
+#proceedings-list-table td {
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+#proceedings-add-table th {
+ width: 25%;
+}
+
+#proceedings-edit-table th {
+ width: 25%;
+}
+
+#proceedings-upload-table th {
+ text-align: right;
+ width: 30%;
+}
+
+#proceedings-view-first-col {
+ width: 30%;
+}
+
+#proceedings-left-col {
+ float: left;
+ width: 378px;
+ margin: 0;
+ border-right: 1px solid #CCCCCC;
+}
+
+#proceedings-right-col {
+ float: left;
+ width: 377px;
+ margin: 0;
+ border-right: 1px solid #CCCCCC;
+ border-left: 1px solid #CCCCCC;
+}
+
+#recording-form #id_external_url {
+ width: 40em;
+}
+
+td.hidden {
+ display: none;
+}
+
+td.document-name {
+ white-space: nowrap;
+}
+
+/* ==========================================================================
+ Role Tool
+ ========================================================================== */
+
+.name-autocomplete {
+ width: 300px;
+}
+
+/* ==========================================================================
+ Rolodex Tool
+ ========================================================================== */
+
+form[id^="rolodex-"] input[type=text] {
+ width: 25em;
+}
+
+form[id^="rolodex-"] #id_address {
+ width: 25em;
+ height: 7em;
+}
+
+/* ==========================================================================
+ Session Request Tool
+ ========================================================================== */
+
+tr.bg1 {
+ background: #CCCCCC;
+}
+
+tr.bg2 {
+ background: #EEEEEE;
+}
+
+tr.bg3 {
+ background: #DDDDDD;
+}
+
+
+/*
+table#sessions-new-table td {
+ padding: 2px;
+ border-spacing: 2px;
+ border: 1;
+
+}
+*/
+
+#id_number_attendee {
+ width: 3em;
+}
+
+input.wg_constraint { width: 37em; }
+
+input.wg_constraint:disabled {
+ background-color: #ffe0e0;
+ cursor: not-allowed;
+}
+ul.session-buttons {
+ padding-left: 2px;
+ margin-left: 0;
+}
+
+.session-buttons li {
+ list-style-type: none;
+ padding-left: 0;
+}
+
+/* ==========================================================================
+ Telechat Tool
+ ========================================================================== */
+
+#telechat-sidebar {
+ float: left;
+ width: 294px;
+ background: url("../images/default-bg.webp") repeat-x scroll left top #7CA0C7;
+ color: white;
+ min-height: 500px;
+ padding: 0 0 0 6px;
+}
+
+#telechat-sidebar h2 {
+ text-align: center;
+}
+
+#telechat-sidebar ul {
+ /*list-style-type: none;*/
+ padding: 0;
+}
+
+#telechat-sidebar ul.doc-list {
+ list-style-type: circle;
+}
+
+#telechat-sidebar ul.doc-list {
+ margin-bottom: 0.8em;
+}
+
+ul.doc-list li {
+ list-style-type: circle;
+}
+
+#telechat-sidebar ul ul {
+ list-style-type: circle;
+}
+
+#telechat-sidebar a:link {
+ color: #FFFF99;
+}
+
+#telechat-sidebar a:visited {
+ color: #FFFF99;
+}
+
+#telechat-sidebar a:hover {
+ color: #FF0000;
+}
+
+#telechat-sidebar li.level1 {
+ font-size: 110%;
+}
+
+#telechat-sidebar li.level3 + li.level2 {
+ margin-top: 1em;
+}
+
+#telechat-sidebar li.level3 + li.level1 {
+ margin-top: 1.5em;
+}
+
+#telechat-sidebar li div {
+ font-style: italic;
+}
+
+#telechat-positions-table td {
+ text-align: center;
+}
+
+/*
+#telechat-sidebar ol {
+ list-style-position: outside;
+ counter-reset: item;
+ padding: 0px;
+}
+
+#telechat-sidebar li { display: block }
+#telechat-sidebar li li { display: block; padding: 3px 3px 3px 3px; }
+#telechat-sidebar li:before { content: counters(item, ".") " "; counter-increment: item }
+*/
+
+#telechat-main {
+ float: left;
+ padding-left: 20px;
+ width: 640px;
+}
+
+#telechat-main pre {
+ white-space: pre-wrap; /* css-3 */
+ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+ white-space: -pre-wrap; /* Opera 4-6 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+.right-nav {
+ float: right;
+}
+
+.telechat-warn h3 {
+ color: white;
+ text-align: center;
+ background-color: #FF66FF;
+}
+
+.telechat-button {
+ height: 2.5em;
+ padding: 4px 7px;
+ width: auto;
+ margin: 0 auto;
+}
+
+.telechat-button ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 7px;
+ text-align: center;
+}
+
+.telechat-button li {
+ list-style-type: none;
+ text-align: center;
+}
+
+/* ==========================================================================
+ Redesign Section
+ ========================================================================== */
+
+table.amstable {
+ background-color: #F2F2E6;
+}
+
+table.amstable th {
+ color: #666666;
+ font-size: 12px;
+ font-weight: normal !important;
+ padding-left: 1em;
+ padding-right: 1em;
+ text-align: right;
+}
+
+table.amsview th {
+ border-bottom: none;
+ color: #666666;
+ font-size: 13px;
+ padding: 4px 10px 4px 4px;
+ text-align: right;
+ vertical-align: middle;
+}
+
+table.amsview td {
+ border-bottom: none;
+ vertical-align: middle;
+ padding: 4px 10px 4px 4px;
+}
+
+.button-group {
+ background: #F2F2E6;
+}
+
+td, th, li, h2 {
+ font-size: 12px;
+}
+
+.module h2 {
+ font-size: 12px;
+}
+
+thead th {
+ font-size: 12px;
+}
\ No newline at end of file
diff --git a/ietf/secr/static/css/forms.css b/ietf/secr/static/css/forms.css
new file mode 100644
index 000000000..b40f1a3eb
--- /dev/null
+++ b/ietf/secr/static/css/forms.css
@@ -0,0 +1,354 @@
+@import url('widgets.css');
+
+/* FORM ROWS */
+
+.form-row {
+ overflow: hidden;
+ padding: 8px 12px;
+ font-size: 11px;
+ border-bottom: 1px solid #eee;
+}
+
+.form-row img, .form-row input {
+ vertical-align: middle;
+}
+
+form .form-row p {
+ padding-left: 0;
+ font-size: 11px;
+}
+
+/* FORM LABELS */
+
+form h4 {
+ margin: 0 !important;
+ padding: 0 !important;
+ border: none !important;
+}
+
+label {
+ font-weight: normal !important;
+ color: #666;
+ font-size: 12px;
+}
+
+.required label, label.required {
+ font-weight: bold !important;
+ color: #333 !important;
+}
+
+/* RADIO BUTTONS */
+
+form ul.radiolist li {
+ list-style-type: none;
+}
+
+form ul.radiolist label {
+ float: none;
+ display: inline;
+}
+
+form ul.inline {
+ margin-left: 0;
+ padding: 0;
+}
+
+form ul.inline li {
+ float: left;
+ padding-right: 7px;
+}
+
+/* ALIGNED FIELDSETS */
+
+.aligned label {
+ display: block;
+ padding: 3px 10px 0 0;
+ float: left;
+ width: 8em;
+}
+
+.aligned ul label {
+ display: inline;
+ float: none;
+ width: auto;
+}
+
+.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
+ width: 350px;
+}
+
+form .aligned p, form .aligned ul {
+ margin-left: 7em;
+ padding-left: 30px;
+}
+
+form .aligned table p {
+ margin-left: 0;
+ padding-left: 0;
+}
+
+form .aligned p.help {
+ padding-left: 38px;
+}
+
+.aligned .vCheckboxLabel {
+ float: none !important;
+ display: inline;
+ padding-left: 4px;
+}
+
+.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
+ width: 610px;
+}
+
+.checkbox-row p.help {
+ margin-left: 0;
+ padding-left: 0 !important;
+}
+
+fieldset .field-box {
+ float: left;
+ margin-right: 20px;
+}
+
+/* WIDE FIELDSETS */
+
+.wide label {
+ width: 15em !important;
+}
+
+form .wide p {
+ margin-left: 15em;
+}
+
+form .wide p.help {
+ padding-left: 38px;
+}
+
+.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
+ width: 450px;
+}
+
+/* COLLAPSED FIELDSETS */
+
+fieldset.collapsed * {
+ display: none;
+}
+
+fieldset.collapsed h2, fieldset.collapsed {
+ display: block !important;
+}
+
+fieldset.collapsed h2 {
+ background-image: url(../images/nav-bg.webp);
+ background-position: bottom left;
+ color: #999;
+}
+
+fieldset.collapsed .collapse-toggle {
+ background: transparent;
+ display: inline !important;
+}
+
+/* MONOSPACE TEXTAREAS */
+
+fieldset.monospace textarea {
+ font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
+}
+
+/* SUBMIT ROW */
+
+.submit-row {
+ padding: 5px 7px;
+ text-align: right;
+ background: white url(../images/nav-bg.webp) 0 100% repeat-x;
+ border: 1px solid #ccc;
+ margin: 5px 0;
+ overflow: hidden;
+}
+
+.submit-row input {
+ margin: 0 0 0 5px;
+}
+
+.submit-row p {
+ margin: 0.3em;
+}
+
+.submit-row p.deletelink-box {
+ float: left;
+}
+
+.submit-row .deletelink {
+ background: url(../images/icon_deletelink.webp) 0 50% no-repeat;
+ padding-left: 14px;
+}
+
+/* CUSTOM FORM FIELDS */
+
+.vSelectMultipleField {
+ vertical-align: top !important;
+}
+
+.vCheckboxField {
+ border: none;
+}
+
+.vDateField, .vTimeField {
+ margin-right: 2px;
+}
+
+.vURLField {
+ width: 30em;
+}
+
+.vLargeTextField, .vXMLLargeTextField {
+ width: 48em;
+}
+
+.flatpages-flatpage #id_content {
+ height: 40.2em;
+}
+
+.module table .vPositiveSmallIntegerField {
+ width: 2.2em;
+}
+
+.vTextField {
+ width: 20em;
+}
+
+.vIntegerField {
+ width: 5em;
+}
+
+.vForeignKeyRawIdAdminField {
+ width: 5em;
+}
+
+/* INLINES */
+
+.inline-group {
+ padding: 0;
+ border: 1px solid #ccc;
+ margin: 10px 0;
+}
+
+.inline-group .aligned label {
+ width: 8em;
+}
+
+.inline-related {
+ position: relative;
+}
+
+.inline-related h3 {
+ margin: 0;
+ color: #666;
+ padding: 3px 5px;
+ font-size: 11px;
+ background: #e1e1e1 url(../images/nav-bg.webp) top left repeat-x;
+ border-bottom: 1px solid #ddd;
+}
+
+.inline-related h3 span.delete {
+ float: right;
+}
+
+.inline-related h3 span.delete label {
+ margin-left: 2px;
+ font-size: 11px;
+}
+
+.inline-related fieldset {
+ margin: 0;
+ background: #fff;
+ border: none;
+}
+
+.inline-related fieldset.module h3 {
+ margin: 0;
+ padding: 2px 5px 3px 5px;
+ font-size: 11px;
+ text-align: left;
+ font-weight: bold;
+ background: #bcd;
+ color: #fff;
+}
+
+.inline-group .tabular fieldset.module {
+ border: none;
+ border-bottom: 1px solid #ddd;
+}
+
+.inline-related.tabular fieldset.module table {
+ width: 100%;
+}
+
+.last-related fieldset {
+ border: none;
+}
+
+.inline-group .tabular tr.has_original td {
+ padding-top: 2em;
+}
+
+.inline-group .tabular tr td.original {
+ padding: 2px 0 0 0;
+ width: 0;
+ _position: relative;
+}
+
+.inline-group .tabular th.original {
+ width: 0px;
+ padding: 0;
+}
+
+.inline-group .tabular td.original p {
+ position: absolute;
+ left: 0;
+ height: 1.1em;
+ padding: 2px 7px;
+ overflow: hidden;
+ font-size: 9px;
+ font-weight: bold;
+ color: #666;
+ _width: 700px;
+}
+
+.inline-group ul.tools {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.inline-group ul.tools li {
+ display: inline;
+ padding: 0 5px;
+}
+
+.inline-group div.add-row,
+.inline-group .tabular tr.add-row td {
+ color: #666;
+ padding: 3px 5px;
+ border-bottom: 1px solid #ddd;
+ background: #e1e1e1 url(../images/nav-bg.webp) top left repeat-x;
+}
+
+.inline-group .tabular tr.add-row td {
+ padding: 4px 5px 3px;
+ border-bottom: none;
+}
+
+.inline-group ul.tools a.add,
+.inline-group div.add-row a,
+.inline-group .tabular tr.add-row td a {
+ background: url(../images/icon_addlink.webp) 0 50% no-repeat;
+ padding-left: 14px;
+ font-size: 11px;
+ outline: 0; /* Remove dotted border around link */
+}
+
+.empty-form {
+ display: none;
+}
\ No newline at end of file
diff --git a/ietf/secr/static/css/telechat.css b/ietf/secr/static/css/telechat.css
new file mode 100644
index 000000000..0db42a811
--- /dev/null
+++ b/ietf/secr/static/css/telechat.css
@@ -0,0 +1,10 @@
+#container {
+ margin: 0 auto;
+ width: 960px;
+}
+
+ul#list-nav li a {
+ width: 19%;
+ background-color: #36648B;
+}
+
diff --git a/ietf/secr/static/css/test.css b/ietf/secr/static/css/test.css
new file mode 100644
index 000000000..5ea9b01f7
--- /dev/null
+++ b/ietf/secr/static/css/test.css
@@ -0,0 +1,3 @@
+body {
+ background-image:url('../images/test-background.png');
+}
diff --git a/ietf/secr/static/css/widgets.css b/ietf/secr/static/css/widgets.css
new file mode 100644
index 000000000..493f1727b
--- /dev/null
+++ b/ietf/secr/static/css/widgets.css
@@ -0,0 +1,505 @@
+/* SELECTOR (FILTER INTERFACE) */
+
+.selector {
+ width: 580px;
+ float: left;
+}
+
+.selector select {
+ width: 270px;
+ height: 17.2em;
+}
+
+.selector-available, .selector-chosen {
+ float: left;
+ width: 270px;
+ text-align: center;
+ margin-bottom: 5px;
+}
+
+.selector-available h2, .selector-chosen h2 {
+ border: 1px solid #ccc;
+}
+
+.selector .selector-available h2 {
+ background: white url(../images/nav-bg.webp) bottom left repeat-x;
+ color: #666;
+}
+
+.selector .selector-filter {
+ background: white;
+ border: 1px solid #ccc;
+ border-width: 0 1px;
+ padding: 3px;
+ color: #999;
+ font-size: 10px;
+ margin: 0;
+ text-align: left;
+}
+
+.selector .selector-chosen .selector-filter {
+ padding: 4px 5px;
+}
+
+.selector .selector-available input {
+ width: 230px;
+}
+
+.selector ul.selector-chooser {
+ float: left;
+ width: 22px;
+ height: 50px;
+ background: url(../images/chooser-bg.webp) top center no-repeat;
+ margin: 8em 3px 0 3px;
+ padding: 0;
+}
+
+.selector-chooser li {
+ margin: 0;
+ padding: 3px;
+ list-style-type: none;
+}
+
+.selector select {
+ margin-bottom: 5px;
+ margin-top: 0;
+}
+
+.selector-add, .selector-remove {
+ width: 16px;
+ height: 16px;
+ display: block;
+ text-indent: -3000px;
+}
+
+.selector-add {
+ background: url(../images/selector-add.webp) top center no-repeat;
+ margin-bottom: 2px;
+}
+
+.selector-remove {
+ background: url(../images/selector-remove.webp) top center no-repeat;
+}
+
+a.selector-chooseall, a.selector-clearall {
+ display: block;
+ width: 6em;
+ text-align: left;
+ margin-left: auto;
+ margin-right: auto;
+ font-weight: bold;
+ color: #666;
+ padding: 3px 0 3px 18px;
+}
+
+a.selector-chooseall:hover, a.selector-clearall:hover {
+ color: #036;
+}
+
+a.selector-chooseall {
+ width: 7em;
+ background: url(../images/selector-addall.webp) left center no-repeat;
+}
+
+a.selector-clearall {
+ background: url(../images/selector-removeall.webp) left center no-repeat;
+}
+
+
+/* STACKED SELECTORS */
+
+.stacked {
+ float: left;
+ width: 500px;
+}
+
+.stacked select {
+ width: 480px;
+ height: 10.1em;
+}
+
+.stacked .selector-available, .stacked .selector-chosen {
+ width: 480px;
+}
+
+.stacked .selector-available {
+ margin-bottom: 0;
+}
+
+.stacked .selector-available input {
+ width: 442px;
+}
+
+.stacked ul.selector-chooser {
+ height: 22px;
+ width: 50px;
+ margin: 0 0 3px 40%;
+ background: url(../images/chooser_stacked-bg.webp) top center no-repeat;
+}
+
+.stacked .selector-chooser li {
+ float: left;
+ padding: 3px 3px 3px 5px;
+}
+
+.stacked .selector-chooseall, .stacked .selector-clearall {
+ display: none;
+}
+
+.stacked .selector-add {
+ background-image: url(../images/selector_stacked-add.webp);
+}
+
+.stacked .selector-remove {
+ background-image: url(../images/selector_stacked-remove.webp);
+}
+
+
+/* DATE AND TIME */
+
+p.datetime {
+ line-height: 20px;
+ margin: 0;
+ padding: 0;
+ color: #666;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+.datetime span {
+ font-size: 11px;
+ color: #ccc;
+ font-weight: normal;
+ white-space: nowrap;
+}
+
+table p.datetime {
+ font-size: 10px;
+ margin-left: 0;
+ padding-left: 0;
+}
+
+/* FILE UPLOADS */
+
+p.file-upload {
+ line-height: 20px;
+ margin: 0;
+ padding: 0;
+ color: #666;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+.file-upload a {
+ font-weight: normal;
+}
+
+.file-upload .deletelink {
+ margin-left: 5px;
+}
+
+/* CALENDARS & CLOCKS */
+
+.calendarbox, .clockbox {
+ margin: 5px auto;
+ font-size: 11px;
+ width: 16em;
+ text-align: center;
+ background: white;
+ position: relative;
+}
+
+.clockbox {
+ width: auto;
+}
+
+.calendar {
+ margin: 0;
+ padding: 0;
+}
+
+.calendar table {
+ margin: 0;
+ padding: 0;
+ border-collapse: collapse;
+ background: white;
+ width: 99%;
+}
+
+.calendar caption, .calendarbox h2 {
+ margin: 0;
+ font-size: 11px;
+ text-align: center;
+ border-top: none;
+}
+
+.calendar th {
+ font-size: 10px;
+ color: #666;
+ padding: 2px 3px;
+ text-align: center;
+ background: #e1e1e1 url(../images/nav-bg.webp) 0 50% repeat-x;
+ border-bottom: 1px solid #ddd;
+}
+
+.calendar td {
+ font-size: 11px;
+ text-align: center;
+ padding: 0;
+ border-top: 1px solid #eee;
+ border-bottom: none;
+}
+
+.calendar td.selected a {
+ background: #C9DBED;
+}
+
+.calendar td.nonday {
+ background: #efefef;
+}
+
+.calendar td.today a {
+ background: #ffc;
+}
+
+.calendar td a, .timelist a {
+ display: block;
+ font-weight: bold;
+ padding: 4px;
+ text-decoration: none;
+ color: #444;
+}
+
+.calendar td a:hover, .timelist a:hover {
+ background: #5b80b2;
+ color: white;
+}
+
+.calendar td a:active, .timelist a:active {
+ background: #036;
+ color: white;
+}
+
+.calendarnav {
+ font-size: 10px;
+ text-align: center;
+ color: #ccc;
+ margin: 0;
+ padding: 1px 3px;
+}
+
+.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
+ color: #999;
+}
+
+.calendar-shortcuts {
+ background: white;
+ font-size: 10px;
+ line-height: 11px;
+ border-top: 1px solid #eee;
+ padding: 3px 0 4px;
+ color: #ccc;
+}
+
+.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
+ display: block;
+ position: absolute;
+ font-weight: bold;
+ font-size: 12px;
+ background: #C9DBED url(../images/default-bg.webp) bottom left repeat-x;
+ padding: 1px 4px 2px 4px;
+ color: white;
+}
+
+.calendarnav-previous:hover, .calendarnav-next:hover {
+ background: #036;
+}
+
+.calendarnav-previous {
+ top: 0;
+ left: 0;
+}
+
+.calendarnav-next {
+ top: 0;
+ right: 0;
+}
+
+.calendar-cancel {
+ margin: 0 !important;
+ padding: 0;
+ font-size: 10px;
+ background: #e1e1e1 url(../images/nav-bg.webp) 0 50% repeat-x;
+ border-top: 1px solid #ddd;
+}
+
+.calendar-cancel a {
+ padding: 2px;
+ color: #999;
+}
+
+ul.timelist, .timelist li {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+.timelist a {
+ padding: 2px;
+}
+
+/* INLINE ORDERER */
+
+ul.orderer {
+ position: relative;
+ padding: 0 !important;
+ margin: 0 !important;
+ list-style-type: none;
+}
+
+ul.orderer li {
+ list-style-type: none;
+ display: block;
+ padding: 0;
+ margin: 0;
+ border: 1px solid #bbb;
+ border-width: 0 1px 1px 0;
+ white-space: nowrap;
+ overflow: hidden;
+ background: #e2e2e2 url(../images/nav-bg-grabber.webp) repeat-y;
+}
+
+ul.orderer li:hover {
+ cursor: move;
+ background-color: #ddd;
+}
+
+ul.orderer li a.selector {
+ margin-left: 12px;
+ overflow: hidden;
+ width: 83%;
+ font-size: 10px !important;
+ padding: 0.6em 0;
+}
+
+ul.orderer li a:link, ul.orderer li a:visited {
+ color: #333;
+}
+
+ul.orderer li .inline-deletelink {
+ position: absolute;
+ right: 4px;
+ margin-top: 0.6em;
+}
+
+ul.orderer li.selected {
+ background-color: #f8f8f8;
+ border-right-color: #f8f8f8;
+}
+
+ul.orderer li.deleted {
+ background: #bbb url(../images/deleted-overlay.webp);
+}
+
+ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited {
+ color: #888;
+}
+
+ul.orderer li.deleted .inline-deletelink {
+ background-image: url(../images/inline-restore.png);
+}
+
+ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover {
+ cursor: default;
+}
+
+/* EDIT INLINE */
+
+.inline-deletelink {
+ display: block;
+ text-indent: -9999px;
+ background: transparent url(../images/inline-delete.png) no-repeat;
+ width: 15px;
+ height: 15px;
+ margin: 0.4em 0;
+ border: 0px none;
+}
+
+.inline-deletelink:hover {
+ background-position: -15px 0;
+ cursor: pointer;
+}
+
+.editinline button.addlink {
+ border: 0px none;
+ color: #5b80b2;
+ font-size: 100%;
+ cursor: pointer;
+}
+
+.editinline button.addlink:hover {
+ color: #036;
+ cursor: pointer;
+}
+
+.editinline table .help {
+ text-align: right;
+ float: right;
+ padding-left: 2em;
+}
+
+.editinline tfoot .addlink {
+ white-space: nowrap;
+}
+
+.editinline table thead th:last-child {
+ border-left: none;
+}
+
+.editinline tr.deleted {
+ background: #ddd url(../images/deleted-overlay.webp);
+}
+
+.editinline tr.deleted .inline-deletelink {
+ background-image: url(../images/inline-restore.png);
+}
+
+.editinline tr.deleted td:hover {
+ cursor: default;
+}
+
+.editinline tr.deleted td:first-child {
+ background-image: none !important;
+}
+
+/* EDIT INLINE - STACKED */
+
+.editinline-stacked {
+ min-width: 758px;
+}
+
+.editinline-stacked .inline-object {
+ margin-left: 210px;
+ background: white;
+}
+
+.editinline-stacked .inline-source {
+ float: left;
+ width: 200px;
+ background: #f8f8f8;
+}
+
+.editinline-stacked .inline-splitter {
+ float: left;
+ width: 9px;
+ background: #f8f8f8 url(../images/inline-splitter-bg.webp) 50% 50% no-repeat;
+ border-right: 1px solid #ccc;
+}
+
+.editinline-stacked .controls {
+ clear: both;
+ background: #e1e1e1 url(../images/nav-bg.webp) top left repeat-x;
+ padding: 3px 4px;
+ font-size: 11px;
+ border-top: 1px solid #ddd;
+}
\ No newline at end of file
diff --git a/ietf/secr/static/images/ajax-loader.webp b/ietf/secr/static/images/ajax-loader.webp
new file mode 100644
index 000000000..78cf52956
Binary files /dev/null and b/ietf/secr/static/images/ajax-loader.webp differ
diff --git a/ietf/secr/static/images/ams_logo.png b/ietf/secr/static/images/ams_logo.png
new file mode 100644
index 000000000..af1527a8f
Binary files /dev/null and b/ietf/secr/static/images/ams_logo.png differ
diff --git a/ietf/secr/static/images/arrow-down.webp b/ietf/secr/static/images/arrow-down.webp
new file mode 100644
index 000000000..e62f7bfa7
Binary files /dev/null and b/ietf/secr/static/images/arrow-down.webp differ
diff --git a/ietf/secr/static/images/arrow-up.webp b/ietf/secr/static/images/arrow-up.webp
new file mode 100644
index 000000000..9a9004530
Binary files /dev/null and b/ietf/secr/static/images/arrow-up.webp differ
diff --git a/ietf/secr/static/images/chooser-bg.webp b/ietf/secr/static/images/chooser-bg.webp
new file mode 100644
index 000000000..42b084055
Binary files /dev/null and b/ietf/secr/static/images/chooser-bg.webp differ
diff --git a/ietf/secr/static/images/chooser_stacked-bg.webp b/ietf/secr/static/images/chooser_stacked-bg.webp
new file mode 100644
index 000000000..4fdac4dbb
Binary files /dev/null and b/ietf/secr/static/images/chooser_stacked-bg.webp differ
diff --git a/ietf/secr/static/images/default-bg-reverse.webp b/ietf/secr/static/images/default-bg-reverse.webp
new file mode 100644
index 000000000..c7b090a01
Binary files /dev/null and b/ietf/secr/static/images/default-bg-reverse.webp differ
diff --git a/ietf/secr/static/images/default-bg.webp b/ietf/secr/static/images/default-bg.webp
new file mode 100644
index 000000000..4d0694ba2
Binary files /dev/null and b/ietf/secr/static/images/default-bg.webp differ
diff --git a/ietf/secr/static/images/deleted-overlay.webp b/ietf/secr/static/images/deleted-overlay.webp
new file mode 100644
index 000000000..3680dcae3
Binary files /dev/null and b/ietf/secr/static/images/deleted-overlay.webp differ
diff --git a/ietf/secr/static/images/icon_addlink.webp b/ietf/secr/static/images/icon_addlink.webp
new file mode 100644
index 000000000..833a374ee
Binary files /dev/null and b/ietf/secr/static/images/icon_addlink.webp differ
diff --git a/ietf/secr/static/images/icon_alert.webp b/ietf/secr/static/images/icon_alert.webp
new file mode 100644
index 000000000..edb0cae83
Binary files /dev/null and b/ietf/secr/static/images/icon_alert.webp differ
diff --git a/ietf/secr/static/images/icon_changelink.webp b/ietf/secr/static/images/icon_changelink.webp
new file mode 100644
index 000000000..4dd80e802
Binary files /dev/null and b/ietf/secr/static/images/icon_changelink.webp differ
diff --git a/ietf/secr/static/images/icon_deletelink.webp b/ietf/secr/static/images/icon_deletelink.webp
new file mode 100644
index 000000000..46c93b7b1
Binary files /dev/null and b/ietf/secr/static/images/icon_deletelink.webp differ
diff --git a/ietf/secr/static/images/icon_error.webp b/ietf/secr/static/images/icon_error.webp
new file mode 100644
index 000000000..923550b7d
Binary files /dev/null and b/ietf/secr/static/images/icon_error.webp differ
diff --git a/ietf/secr/static/images/icon_success.webp b/ietf/secr/static/images/icon_success.webp
new file mode 100644
index 000000000..7816fe813
Binary files /dev/null and b/ietf/secr/static/images/icon_success.webp differ
diff --git a/ietf/secr/static/images/inline-delete.png b/ietf/secr/static/images/inline-delete.png
new file mode 100644
index 000000000..e8c352f07
Binary files /dev/null and b/ietf/secr/static/images/inline-delete.png differ
diff --git a/ietf/secr/static/images/inline-restore.png b/ietf/secr/static/images/inline-restore.png
new file mode 100644
index 000000000..2837ff950
Binary files /dev/null and b/ietf/secr/static/images/inline-restore.png differ
diff --git a/ietf/secr/static/images/inline-splitter-bg.webp b/ietf/secr/static/images/inline-splitter-bg.webp
new file mode 100644
index 000000000..e66fe0ca2
Binary files /dev/null and b/ietf/secr/static/images/inline-splitter-bg.webp differ
diff --git a/ietf/secr/static/images/nav-bg-grabber.webp b/ietf/secr/static/images/nav-bg-grabber.webp
new file mode 100644
index 000000000..b1bfd89f9
Binary files /dev/null and b/ietf/secr/static/images/nav-bg-grabber.webp differ
diff --git a/ietf/secr/static/images/nav-bg-reverse.webp b/ietf/secr/static/images/nav-bg-reverse.webp
new file mode 100644
index 000000000..9c96611c5
Binary files /dev/null and b/ietf/secr/static/images/nav-bg-reverse.webp differ
diff --git a/ietf/secr/static/images/nav-bg.webp b/ietf/secr/static/images/nav-bg.webp
new file mode 100644
index 000000000..133b6d16b
Binary files /dev/null and b/ietf/secr/static/images/nav-bg.webp differ
diff --git a/ietf/secr/static/images/selector-add.webp b/ietf/secr/static/images/selector-add.webp
new file mode 100644
index 000000000..d46e5526b
Binary files /dev/null and b/ietf/secr/static/images/selector-add.webp differ
diff --git a/ietf/secr/static/images/selector-addall.webp b/ietf/secr/static/images/selector-addall.webp
new file mode 100644
index 000000000..8dd2562cf
Binary files /dev/null and b/ietf/secr/static/images/selector-addall.webp differ
diff --git a/ietf/secr/static/images/selector-remove.webp b/ietf/secr/static/images/selector-remove.webp
new file mode 100644
index 000000000..a0b1ed7fd
Binary files /dev/null and b/ietf/secr/static/images/selector-remove.webp differ
diff --git a/ietf/secr/static/images/selector-removeall.webp b/ietf/secr/static/images/selector-removeall.webp
new file mode 100644
index 000000000..2640f852e
Binary files /dev/null and b/ietf/secr/static/images/selector-removeall.webp differ
diff --git a/ietf/secr/static/images/selector_stacked-add.webp b/ietf/secr/static/images/selector_stacked-add.webp
new file mode 100644
index 000000000..03579dfba
Binary files /dev/null and b/ietf/secr/static/images/selector_stacked-add.webp differ
diff --git a/ietf/secr/static/images/selector_stacked-remove.webp b/ietf/secr/static/images/selector_stacked-remove.webp
new file mode 100644
index 000000000..9cdaffaa6
Binary files /dev/null and b/ietf/secr/static/images/selector_stacked-remove.webp differ
diff --git a/ietf/secr/static/images/test-background.png b/ietf/secr/static/images/test-background.png
new file mode 100644
index 000000000..7f5cbea29
Binary files /dev/null and b/ietf/secr/static/images/test-background.png differ
diff --git a/ietf/secr/static/images/tool-left.webp b/ietf/secr/static/images/tool-left.webp
new file mode 100644
index 000000000..054b1aaf7
Binary files /dev/null and b/ietf/secr/static/images/tool-left.webp differ
diff --git a/ietf/secr/static/images/tool-left_over.webp b/ietf/secr/static/images/tool-left_over.webp
new file mode 100644
index 000000000..485474ee4
Binary files /dev/null and b/ietf/secr/static/images/tool-left_over.webp differ
diff --git a/ietf/secr/static/images/tool-right.webp b/ietf/secr/static/images/tool-right.webp
new file mode 100644
index 000000000..a0ab7af32
Binary files /dev/null and b/ietf/secr/static/images/tool-right.webp differ
diff --git a/ietf/secr/static/images/tool-right_over.webp b/ietf/secr/static/images/tool-right_over.webp
new file mode 100644
index 000000000..a155f4e47
Binary files /dev/null and b/ietf/secr/static/images/tool-right_over.webp differ
diff --git a/ietf/secr/static/images/tooltag-add.webp b/ietf/secr/static/images/tooltag-add.webp
new file mode 100644
index 000000000..ad7dc2c0b
Binary files /dev/null and b/ietf/secr/static/images/tooltag-add.webp differ
diff --git a/ietf/secr/static/images/tooltag-add_over.webp b/ietf/secr/static/images/tooltag-add_over.webp
new file mode 100644
index 000000000..28146bda5
Binary files /dev/null and b/ietf/secr/static/images/tooltag-add_over.webp differ
diff --git a/ietf/secr/static/images/tooltag-arrowright.webp b/ietf/secr/static/images/tooltag-arrowright.webp
new file mode 100644
index 000000000..65489ebe8
Binary files /dev/null and b/ietf/secr/static/images/tooltag-arrowright.webp differ
diff --git a/ietf/secr/static/images/tooltag-arrowright_over.webp b/ietf/secr/static/images/tooltag-arrowright_over.webp
new file mode 100644
index 000000000..c319da029
Binary files /dev/null and b/ietf/secr/static/images/tooltag-arrowright_over.webp differ
diff --git a/ietf/secr/static/js/dynamic_inlines.js b/ietf/secr/static/js/dynamic_inlines.js
new file mode 100644
index 000000000..9a7c0ed1f
--- /dev/null
+++ b/ietf/secr/static/js/dynamic_inlines.js
@@ -0,0 +1,66 @@
+/* Following functions based off code written by Arne Brodowski
+http://www.arnebrodowski.de/blog/507-Add-and-remove-Django-Admin-Inlines-with-JavaScript.html
+
+2012-02-01 customized for new Rolodex. Email formset doesn't have an id field, rather a "address"
+field as primary key. Also for some reason the "active" boolean field doesn't get saved properly
+if the checkbox input has an empty "value" argument.
+*/
+function increment_form_ids(el, to, name) {
+ var from = to-1
+ $(':input', $(el)).each(function(i,e){
+ var old_name = $(e).attr('name')
+ var old_id = $(e).attr('id')
+ $(e).attr('name', old_name.replace(from, to))
+ $(e).attr('id', old_id.replace(from, to))
+ if ($(e).attr('type') != 'checkbox') {
+ $(e).val('')
+ }
+ })
+}
+
+function add_inline_form(name) {
+ if (name=="email") {
+ var first = $('#id_'+name+'-0-address').parents('.inline-related')
+ }
+ else {
+ var first = $('#id_'+name+'-0-id').parents('.inline-related')
+ }
+ // check to see if this is a stacked or tabular inline
+ if (first.hasClass("tabular")) {
+ var field_table = first.parent().find('table > tbody')
+ var count = field_table.children().length
+ var copy = $('tr:last', field_table).clone(true)
+ copy.removeClass("row1 row2")
+ copy.find("input[name$='address']").removeAttr("readonly")
+ copy.addClass("row"+((count % 2) == 0 ? 1 : 2))
+ field_table.append(copy)
+ increment_form_ids($('tr:last', field_table), count, name)
+ }
+ else {
+ var last = $(first).parent().children('.last-related')
+ var copy = $(last).clone(true)
+ var count = $(first).parent().children('.inline-related').length
+ $(last).removeClass('last-related')
+ var header = $('h3', copy)
+ header.html(header.html().replace("#"+count, "#"+(count+1)))
+ $(last).after(copy)
+ increment_form_ids($(first).parents('.inline-group').children('.last-related'), count, name)
+ }
+ $('input#id_'+name+'-TOTAL_FORMS').val(count+1)
+ return false;
+}
+
+// Add all the "Add Another" links to the bottom of each inline group
+$(function() {
+ var html_template = ''
+ $('.inline-group').each(function(i) {
+ //prefix is in the name of the input fields before the "-"
+ var prefix = $("input[type='hidden'][name!='csrfmiddlewaretoken']", this).attr("name").split("-")[0]
+ $(this).append(html_template.replace("{{prefix}}", prefix))
+ })
+})
diff --git a/ietf/secr/static/js/proceedings-recording.js b/ietf/secr/static/js/proceedings-recording.js
new file mode 100644
index 000000000..64cf9503e
--- /dev/null
+++ b/ietf/secr/static/js/proceedings-recording.js
@@ -0,0 +1,6 @@
+/* proceedings-recordings.js - utility functions */
+
+
+$(document).ready(function() {
+ $('#id_session').select2({ placeholder: 'Type group acronym or part of session name', width: '450px' });;
+});
diff --git a/ietf/secr/static/js/session_form.js b/ietf/secr/static/js/session_form.js
new file mode 100644
index 000000000..6f28f16db
--- /dev/null
+++ b/ietf/secr/static/js/session_form.js
@@ -0,0 +1,28 @@
+/* Copyright The IETF Trust 2021, All Rights Reserved
+ *
+ * JS support for the SessionForm
+ * */
+(function() {
+ 'use strict';
+
+ function track_common_input(input, name_suffix) {
+ const handler = function() {
+ const hidden_inputs = document.querySelectorAll(
+ '.session-details-form input[name$="-' + name_suffix + '"]'
+ );
+ for (let hi of hidden_inputs) {
+ hi.value = input.value;
+ }
+ };
+ input.addEventListener('change', handler);
+ handler();
+ }
+
+ function initialize() {
+ // Keep all the hidden inputs in sync with the main form
+ track_common_input(document.getElementById('id_attendees'), 'attendees');
+ track_common_input(document.getElementById('id_comments'), 'comments');
+ }
+
+ window.addEventListener('load', initialize);
+})();
\ No newline at end of file
diff --git a/ietf/secr/static/js/sessions.js b/ietf/secr/static/js/sessions.js
new file mode 100644
index 000000000..a2770e626
--- /dev/null
+++ b/ietf/secr/static/js/sessions.js
@@ -0,0 +1,159 @@
+// Copyright The IETF Trust 2015-2021, All Rights Reserved
+/* global alert */
+var ietf_sessions; // public interface
+
+(function() {
+ 'use strict';
+
+ function get_formset_management_data(prefix) {
+ return {
+ total_forms: document.getElementById('id_' + prefix + '-TOTAL_FORMS').value,
+ };
+ }
+
+ function update_session_form_visibility(session_num, is_visible) {
+ const elt = document.getElementById('session_row_' + session_num);
+ if (elt) {
+ elt.hidden = !is_visible;
+ elt.querySelector('[name$="DELETE"]').value = is_visible ? '' : 'on';
+ }
+ }
+
+ function have_additional_session() {
+ const elt = document.getElementById('id_third_session');
+ return elt && elt.checked;
+ }
+
+ function update_for_num_sessions(val) {
+ const total_forms = get_formset_management_data('session_set').total_forms;
+ val = Number(val);
+ if (have_additional_session()) {
+ val++;
+ }
+
+ for (let i=0; i < total_forms; i++) {
+ update_session_form_visibility(i, i < val);
+ }
+
+ const only_one_session = (val === 1);
+ if (document.form_post.session_time_relation) {
+ document.form_post.session_time_relation.disabled = only_one_session;
+ document.form_post.session_time_relation.closest('tr').hidden = only_one_session;
+ }
+ if (document.form_post.joint_for_session) {
+ document.form_post.joint_for_session.disabled = only_one_session;
+ }
+ const third_session_row = document.getElementById('third_session_row');
+ if (third_session_row) {
+ third_session_row.hidden = val < 2;
+ }
+ }
+
+ function delete_last_joint_with_groups () {
+ var b = document.form_post.joint_with_groups.value;
+ var temp = b.split(' ');
+ temp.pop();
+ b = temp.join(' ');
+ document.form_post.joint_with_groups.value = b;
+ document.form_post.joint_with_groups_selector.selectedIndex=0;
+ }
+
+/*******************************************************************/
+// WG constraint UI support
+
+// get the constraint field element for a given slug
+ function constraint_field(slug) {
+ return document.getElementById('id_constraint_' + slug);
+ }
+
+// get the wg selection element for a given slug
+ function constraint_selector(slug) {
+ return document.getElementById('id_wg_selector_' + slug);
+ }
+
+ /**
+ * Handler for constraint select input 'change' event
+ */
+ function wg_constraint_selector_changed() {
+ let slug = this.getAttribute('data-slug');
+ let cfield = constraint_field(slug);
+ // add selected value to constraint_field
+ cfield.value += ' ' + this.options[this.selectedIndex].value;
+ }
+
+ /**
+ * Remove the last group in a WG constraint field
+ *
+ * @param slug ConstraintName slug
+ */
+ function delete_last_wg_constraint(slug) {
+ let cfield = constraint_field(slug);
+ if (cfield) {
+ var b = cfield.value;
+ var temp = b.split(' ');
+ temp.pop();
+ b = temp.join(' ');
+ cfield.value = b;
+ constraint_selector(slug).selectedIndex = 0;
+ }
+ }
+
+ /**
+ * Handle click event on a WG constraint's delete button
+ *
+ * @param slug ConstraintName slug
+ */
+ function delete_wg_constraint_clicked(slug) {
+ delete_last_wg_constraint(slug);
+ }
+
+ /**
+ * Handler for the change event on the session count select or 'third session' checkbox
+ */
+ function handle_num_session_change(event) {
+ const num_select_value = Number(event.target.value);
+ if (num_select_value !== 2) {
+ if (document.form_post.third_session) {
+ document.form_post.third_session.checked = false;
+ }
+ }
+ update_for_num_sessions(num_select_value);
+ }
+
+ function handle_third_session_change(event) {
+ const num_select_value = Number(document.getElementById('id_num_session').value);
+ if (num_select_value === 2) {
+ update_for_num_sessions(num_select_value);
+ } else {
+ event.target.checked = false;
+ }
+ }
+
+ /* Initialization */
+ function on_load() {
+ // Attach event handler to session count select
+ const num_session_select = document.getElementById('id_num_session');
+ num_session_select.addEventListener('change', handle_num_session_change);
+ const third_session_input = document.getElementById('id_third_session');
+ if (third_session_input) {
+ third_session_input.addEventListener('change', handle_third_session_change);
+ }
+ update_for_num_sessions(num_session_select.value);
+
+ // Attach event handlers to constraint selectors
+ let selectors = document.getElementsByClassName('wg_constraint_selector');
+ for (let index = 0; index < selectors.length; index++) {
+ selectors[index].addEventListener('change', wg_constraint_selector_changed, false)
+ }
+
+ }
+
+ // initialize after page loads
+ window.addEventListener('load', on_load, false);
+
+ // expose public interface methods
+ ietf_sessions = {
+ delete_last_joint_with_groups: delete_last_joint_with_groups,
+ delete_wg_constraint_clicked: delete_wg_constraint_clicked
+ }
+})();
\ No newline at end of file
diff --git a/ietf/secr/static/js/utils.js b/ietf/secr/static/js/utils.js
new file mode 100644
index 000000000..3ffdb6344
--- /dev/null
+++ b/ietf/secr/static/js/utils.js
@@ -0,0 +1,253 @@
+/* utils.js - utility functions */
+
+// set X-CSRFToken AJAX request header
+// from https://docs.djangoproject.com/en/dev/ref/contrib/csrf/#ajax
+
+function getCookie(name) {
+ var cookieValue = null;
+ if (document.cookie && document.cookie != '') {
+ var cookies = document.cookie.split(';');
+ for (var i = 0; i < cookies.length; i++) {
+ var cookie = jQuery.trim(cookies[i]);
+ // Does this cookie string begin with the name we want?
+ if (cookie.substring(0, name.length + 1) == (name + '=')) {
+ cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+ break;
+ }
+ }
+ }
+ return cookieValue;
+}
+var csrftoken = getCookie('csrftoken');
+
+function csrfSafeMethod(method) {
+ // these HTTP methods do not require CSRF protection
+ return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
+}
+function sameOrigin(url) {
+ // test that a given url is a same-origin URL
+ // url could be relative or scheme relative or absolute
+ var host = document.location.host; // host + port
+ var protocol = document.location.protocol;
+ var sr_origin = '//' + host;
+ var origin = protocol + sr_origin;
+ // Allow absolute or scheme relative URLs to same origin
+ return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
+ (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
+ // or any other URL that isn't scheme relative or absolute i.e relative.
+ !(/^(\/\/|http:|https:).*/.test(url));
+}
+$.ajaxSetup({
+ beforeSend: function(xhr, settings) {
+ if (!csrfSafeMethod(settings.type) && sameOrigin(settings.url)) {
+ // Send the token to same-origin, relative URLs only.
+ // Send the token only if the method warrants CSRF protection
+ // Using the CSRFToken value acquired earlier
+ xhr.setRequestHeader("X-CSRFToken", csrftoken);
+ }
+ }
+});
+
+// end set csrftoken
+
+//returns the requested GET parameter from the URL
+function get_param(param) {
+ var regex = '[?&]' + param + '=([^&#]*)';
+ var results = (new RegExp(regex)).exec(window.location.href);
+ if(results) return results[1];
+ return '';
+}
+
+function restripe(id) {
+ $(id + ' tbody tr:visible:even').removeClass('row1 row2').addClass('row1');
+ $(id + ' tbody tr:visible:odd').removeClass('row1 row2').addClass('row2');
+}
+
+function init_area_table() {
+ // add "Show All" button
+ $("#areas-button-list").append('');
+ // register button
+ $("#areas-list-toggle").click(function() {
+ if (this.value == "Show All") {
+ $('#areas-list-table tbody tr:not(.active)').show();
+ $(this).val("Show Active");
+ $(this).text("Show Active");
+ } else if (this.value == "Show Active") {
+ $('#areas-list-table tbody tr:not(.active)').hide();
+ $(this).val("Show All");
+ $(this).text("Show All");
+ }
+ // restripe the table
+ restripe('#areas-list-table');
+ });
+ // hide non-active areas
+ $('#areas-list-table tbody tr:not(.active)').hide();
+ restripe('#areas-list-table');
+}
+
+function style_current_tab() {
+ path_array = window.location.pathname.split('/');
+ page = path_array[path_array.length-2];
+ id = "#nav-" + page;
+ $(id + ' a').addClass('current');
+}
+
+
+/*********************************
+/*Functions : For Proceedings */
+/*********************************/
+function change_material_type(obj) {
+ if (obj.value == "Agenda") {
+ alert('agenda');
+ }
+}
+
+function init_proceedings_upload() {
+ // dynamic help message
+ $('#id_material_type').change(function() {
+ if(this.value == "slides") {
+ //alert('Presentation handler called');
+ $('div#id_file_help').html("Note 1: You can only upload a presentation file in txt, pdf, doc, or ppt/pptx. System will not accept presentation files in any other format.
Note 2: All uploaded files will be available to the public immediately on the Preliminary Page. However, for the Proceedings, ppt/pptx files will be converted to html format and doc files will be converted to pdf format manually by the Secretariat staff.");
+ $('#id_slide_name').attr('disabled', false);
+ }
+ if(this.value == "minutes") {
+ //alert('Minutes handler called');
+ $('div#id_file_help').html("Note: You can only upload minutes in txt/html/ppt/pdf formats. System will not accept minutes in any other format.");
+ $('#id_slide_name').attr('disabled', true);
+ $('#id_slide_name').val('');
+ }
+ if(this.value == "agenda") {
+ //alert('Agenda handler called');
+ $('div#id_file_help').html("Note: You can only upload agendas in txt/html/ppt/pdf formats. System will not accept agendas in any other format.");
+ $('#id_slide_name').attr('disabled', true);
+ $('#id_slide_name').val('');
+ }
+ });
+
+ // handle slide sorting
+ $('#slides.sortable tbody').sortable({
+ axis:'y',
+ //containment:'parent',
+ update: function(event, ui){
+ var data = $(this).sortable("toArray");
+ var element_id = ui.item.attr("id");
+ var slide_name = $("tr#"+element_id+" td.hidden").text();
+ var order = $.inArray(element_id,data);
+ $.post('/secr/proceedings/ajax/order-slide/',{'slide_name':slide_name,'order':order});
+ // restripe the table
+ restripe('#slides.sortable');
+ }
+ }).disableSelection();
+}
+
+function init_proceedings_table() {
+ // do only if table with secretariat class exists
+ if ($('table.secretariat').length) {
+ // add "Show All" button
+ $("#proceedings-meeting-buttons").append('');
+ // register button
+ $("#proceedings-list-toggle").click(function() {
+ if (this.value == "Show All") {
+ $('#proceedings-list-table tbody tr:not(.open)').show();
+ $(this).val("Show Active");
+ $(this).text("Show Active");
+ } else if (this.value == "Show Active") {
+ $('#proceedings-list-table tbody tr:not(.open)').hide();
+ $(this).val("Show All");
+ $(this).text("Show All");
+ }
+ // restripe the table
+ restripe('#proceedings-list-table');
+ });
+ // hide non-active areas
+ $('#proceedings-list-table tbody tr:not(.open)').hide();
+ restripe('#proceedings-list-table');
+ }
+}
+
+$(document).ready(function() {
+ // set focus --------------------------------
+ if ( $("form[id^=group-role-assignment-form]").length > 0) {
+ $("#id_role_type").focus();
+ } else if ( $("form[id=draft-search-form]").length > 0) {
+ $("#id_filename").focus();
+ } else if ( $("form[id=drafts-add-form]").length > 0) {
+ $("#id_title").focus();
+ } else if ( $("form[id=proceedings-add-form]").length > 0) {
+ $("#id_start_date").focus();
+ } else if ( $("form[id=proceedings-upload-form]").length > 0) {
+ $("#id_group_name").focus();
+ } else if ( $("form[id=session-request-form]").length > 0) {
+ $("#id_num_session").focus();
+ } else if ( $(".rooms-times-nav").length > 0){
+ $("li.selected a").focus();
+ } else {
+ $("input:text:visible:enabled:first").focus();
+ }
+
+
+ // unset Primary Area selection unless it appears as URL parameter
+ //if (($('#id_primary_area').length) && (get_param('primary_area') == '')) {
+ // $('#id_primary_area')[0].selectedIndex = -1;
+
+ // special features for area list page
+ if ($('#areas-button-list').length) {
+ init_area_table();
+ }
+ // Setup autocomplete for adding names
+ if ($('input.name-autocomplete').length) {
+ $('input.name-autocomplete').autocomplete({
+ source: "/secr/areas/getpeople/",
+ minLength: 3,
+ select: function(event, ui) {
+ //match number inside paren and then strip paren
+ var id = ui.item.label.match(/\(\d+\)/);
+ var val = id[0].replace(/[\(\)]/g, "");
+ //alert(id,val);
+ //alert(id.match(/\d+/));
+ $.getJSON('/secr/areas/getemails/',{"id":val},function(data) {
+ $('#id_email option').remove();
+ $.each(data,function(i,item) {
+ $('#id_email').append('');
+ });
+ });
+ }
+ });
+ }
+
+ // nav bar setup
+ if ($('ul#list-nav').length) {
+ style_current_tab();
+ }
+
+ // auto populate Area Director List when primary area selected (add form)
+ $('#id_primary_area').change(function(){
+ $.getJSON('/secr/groups/get_ads/',{"area":$(this).val()},function(data) {
+ $('#id_primary_area_director option').remove();
+ $.each(data,function(i,item) {
+ $('#id_primary_area_director').append('');
+ });
+ });
+ });
+
+ // auto populate Area Director List when area selected (edit form)
+ $('#id_ietfwg-0-primary_area').change(function(){
+ $.getJSON('/secr/groups/get_ads/',{"area":$(this).val()},function(data) {
+ $('#id_ietfwg-0-area_director option').remove();
+ $.each(data,function(i,item) {
+ $('#id_ietfwg-0-area_director').append('');
+ });
+ });
+ });
+
+ // special features for Proceedings list page
+ if ($('#proceedings-button-list').length) {
+ init_proceedings_table();
+ }
+
+ // special features for Proceedings Upload Material Page
+ if ($('#proceedings-upload-table').length) {
+ init_proceedings_upload();
+ }
+
+});
diff --git a/ietf/secr/templates/areas/people.html b/ietf/secr/templates/areas/people.html
index c72e11670..ce1fde6f2 100644
--- a/ietf/secr/templates/areas/people.html
+++ b/ietf/secr/templates/areas/people.html
@@ -3,8 +3,8 @@
{% block title %}Areas - People{% endblock %}
{% block extrahead %}{{ block.super }}
-
-
+
+
{% endblock %}
diff --git a/ietf/secr/templates/base_secr.html b/ietf/secr/templates/base_secr.html
index ec6c21c2f..3e4545f71 100644
--- a/ietf/secr/templates/base_secr.html
+++ b/ietf/secr/templates/base_secr.html
@@ -1,7 +1,10 @@
-
+
{% load staticfiles %}
-
+
+
+
+
{% block title %}{% endblock %}
@@ -12,11 +15,10 @@
{% block extrastyle %}{% endblock %}
{% block extrahead %}
-
+
{% endblock %}
{% block blockbots %}{% endblock %}
-
@@ -83,4 +85,4 @@
-
+
\ No newline at end of file
diff --git a/ietf/secr/templates/base_secr_bootstrap.html b/ietf/secr/templates/base_secr_bootstrap.html
index 46f994564..c142967b4 100644
--- a/ietf/secr/templates/base_secr_bootstrap.html
+++ b/ietf/secr/templates/base_secr_bootstrap.html
@@ -1,11 +1,12 @@
-
+
{% load staticfiles %}
-
+
+
+
+
{% block title %}{% endblock %}
-
-
-
+
@@ -15,11 +16,10 @@
{% block extrastyle %}{% endblock %}
{% block extrahead %}
-
+
{% endblock %}
{% block blockbots %}{% endblock %}
-
@@ -86,4 +86,4 @@
-
+
\ No newline at end of file
diff --git a/ietf/secr/templates/base_site.html b/ietf/secr/templates/base_site.html
index d0c39c3fd..2c258efe4 100644
--- a/ietf/secr/templates/base_site.html
+++ b/ietf/secr/templates/base_site.html
@@ -33,7 +33,7 @@
{% endblock %}
diff --git a/ietf/secr/templates/base_site_bootstrap.html b/ietf/secr/templates/base_site_bootstrap.html
index ed1f32db8..c8edb0124 100644
--- a/ietf/secr/templates/base_site_bootstrap.html
+++ b/ietf/secr/templates/base_site_bootstrap.html
@@ -33,7 +33,7 @@
{% endblock %}
diff --git a/ietf/secr/templates/groups/people.html b/ietf/secr/templates/groups/people.html
index 9d17f318e..9f09ae26d 100644
--- a/ietf/secr/templates/groups/people.html
+++ b/ietf/secr/templates/groups/people.html
@@ -4,8 +4,8 @@
{% block title %}Groups - People{% endblock %}
{% block extrahead %}{{ block.super }}
-
-
+
+
{% endblock %}
diff --git a/ietf/secr/templates/meetings/base_rooms_times.html b/ietf/secr/templates/meetings/base_rooms_times.html
index 34512eb50..01848f617 100644
--- a/ietf/secr/templates/meetings/base_rooms_times.html
+++ b/ietf/secr/templates/meetings/base_rooms_times.html
@@ -4,8 +4,8 @@
{% block title %}Meetings{% endblock %}
{% block extrahead %}{{ block.super }}
-
-
+
+
{% endblock %}
diff --git a/ietf/secr/templates/proceedings/recording.html b/ietf/secr/templates/proceedings/recording.html
index 47773785b..7ebf0a58b 100755
--- a/ietf/secr/templates/proceedings/recording.html
+++ b/ietf/secr/templates/proceedings/recording.html
@@ -4,12 +4,12 @@
{% block title %}Proceedings{% endblock %}
{% block extrastyle %}{{ block.super }}
-
+
{% endblock %}
{% block extrahead %}{{ block.super }}
-
+
{% endblock %}
diff --git a/ietf/secr/templates/proceedings/wait.html b/ietf/secr/templates/proceedings/wait.html
index a2618fe4f..7f6580fd1 100644
--- a/ietf/secr/templates/proceedings/wait.html
+++ b/ietf/secr/templates/proceedings/wait.html
@@ -16,7 +16,7 @@
Proceedings
{{ message }}
- 
+
{% endblock %}
diff --git a/ietf/secr/templates/roles/main.html b/ietf/secr/templates/roles/main.html
index 54c9f0d27..7f18c490b 100755
--- a/ietf/secr/templates/roles/main.html
+++ b/ietf/secr/templates/roles/main.html
@@ -4,8 +4,8 @@
{% block title %}Roles{% endblock %}
{% block extrahead %}{{ block.super }}
-
-
+
+
+
-
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/group/edit_milestones.html b/ietf/templates/group/edit_milestones.html
index 215608ffe..5adda842f 100644
--- a/ietf/templates/group/edit_milestones.html
+++ b/ietf/templates/group/edit_milestones.html
@@ -124,7 +124,7 @@
{{ all_forms|merge_media:'js' }}
{% if not group.uses_milestone_dates %}
-
+
{% endif %}
{% endblock %}
diff --git a/ietf/templates/meeting/create_timeslot.html b/ietf/templates/meeting/create_timeslot.html
index bfa0d8ac2..a79196218 100755
--- a/ietf/templates/meeting/create_timeslot.html
+++ b/ietf/templates/meeting/create_timeslot.html
@@ -1,7 +1,7 @@
{% extends "base.html" %}
{# Copyright The IETF Trust 2021, All Rights Reserved #}
{% load origin static %}
-{% load bootstrap3 %}
+{% load django_bootstrap5 %}
{% block pagehead %}
{{ form.media.css }}
@@ -15,14 +15,12 @@
{% endblock %}
{% block js %}
-
+
{{ form.media.js }}
{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/edit_session.html b/ietf/templates/meeting/edit_session.html
index 1503be512..396c3ea48 100644
--- a/ietf/templates/meeting/edit_session.html
+++ b/ietf/templates/meeting/edit_session.html
@@ -1,7 +1,7 @@
{% extends "base.html" %}
{# Copyright The IETF Trust 2021, All Rights Reserved #}
{% load origin %}
-{% load bootstrap3 %}
+{% load django_bootstrap5 %}
{% block pagehead %}
{{ form.media.css }}
@@ -15,10 +15,8 @@
{% endblock %}
diff --git a/ietf/templates/meeting/edit_timeslot.html b/ietf/templates/meeting/edit_timeslot.html
index 1a84e535a..49c64135f 100644
--- a/ietf/templates/meeting/edit_timeslot.html
+++ b/ietf/templates/meeting/edit_timeslot.html
@@ -1,7 +1,7 @@
{% extends "base.html" %}
{# Copyright The IETF Trust 2021, All Rights Reserved #}
{% load origin %}
-{% load bootstrap3 %}
+{% load django_bootstrap5 %}
{% block pagehead %}
{{ form.media.css }}
@@ -23,10 +23,8 @@
{% endblock %}
diff --git a/ietf/templates/meeting/floor-plan.html b/ietf/templates/meeting/floor-plan.html
index f287f3c46..3ca0459ad 100644
--- a/ietf/templates/meeting/floor-plan.html
+++ b/ietf/templates/meeting/floor-plan.html
@@ -55,10 +55,10 @@
{% if floor.image %}
-
-
-
-
+
+
+
+
{% else %}
No floor image available yet.
{% endif %}
@@ -117,4 +117,4 @@
return [left, top, right, bottom, floor, width];
}
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_announce.html b/ietf/templates/meeting/interim_announce.html
index bfd673b88..ce52c7a68 100644
--- a/ietf/templates/meeting/interim_announce.html
+++ b/ietf/templates/meeting/interim_announce.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
{% block content %}
@@ -54,4 +53,4 @@
{% block js %}
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_pending.html b/ietf/templates/meeting/interim_pending.html
index 21990bf38..dfc9ff9f2 100644
--- a/ietf/templates/meeting/interim_pending.html
+++ b/ietf/templates/meeting/interim_pending.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
{% block content %}
@@ -56,4 +55,4 @@
{% block js %}
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_request.html b/ietf/templates/meeting/interim_request.html
index 8640d5914..061346c8e 100644
--- a/ietf/templates/meeting/interim_request.html
+++ b/ietf/templates/meeting/interim_request.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
@@ -169,4 +168,4 @@
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_request_cancel.html b/ietf/templates/meeting/interim_request_cancel.html
index 808c48fa1..783199072 100644
--- a/ietf/templates/meeting/interim_request_cancel.html
+++ b/ietf/templates/meeting/interim_request_cancel.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
@@ -38,4 +37,4 @@
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_request_details.html b/ietf/templates/meeting/interim_request_details.html
index 8d9a3287f..5f7e2f536 100644
--- a/ietf/templates/meeting/interim_request_details.html
+++ b/ietf/templates/meeting/interim_request_details.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
{% block content %}
@@ -86,4 +85,4 @@
{% block js %}
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_request_edit.html b/ietf/templates/meeting/interim_request_edit.html
index 6d87fe1f5..6adf607b1 100644
--- a/ietf/templates/meeting/interim_request_edit.html
+++ b/ietf/templates/meeting/interim_request_edit.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
@@ -116,4 +115,4 @@
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/interim_send_announcement.html b/ietf/templates/meeting/interim_send_announcement.html
index d64790cb4..1ad72c575 100644
--- a/ietf/templates/meeting/interim_send_announcement.html
+++ b/ietf/templates/meeting/interim_send_announcement.html
@@ -7,7 +7,6 @@
{% block pagehead %}
-
{% endblock %}
{% block content %}
@@ -52,4 +51,4 @@
{% block js %}
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/ietf/templates/meeting/proceedings/material_details.html b/ietf/templates/meeting/proceedings/material_details.html
index ef347ee84..1ddee7a28 100644
--- a/ietf/templates/meeting/proceedings/material_details.html
+++ b/ietf/templates/meeting/proceedings/material_details.html
@@ -83,8 +83,8 @@
{% comment %}{% block js %}
{% if can_manage_materials %}
-
-
+
+
-
+
+
+
+
+
+
+ {% comment %} This sets box-sizing: border-box {% endcomment %}
+
-
+
+ 
