diff --git a/static/css/bootstrap-wizard.css b/static/css/bootstrap-wizard.css deleted file mode 100644 index c90510ea..00000000 --- a/static/css/bootstrap-wizard.css +++ /dev/null @@ -1,186 +0,0 @@ -/* WIZARD GENERAL */ -.wizard { - display:none; -} - -.wizard-dialog {} -.wizard-content {} - -.wizard-body { - padding: 0; - margin: 0; -} - -/* WIZARD HEADER */ -.wizard-header { - padding: 9px 15px; - border-bottom: 0; -} - -.wizard-header h3 { - margin: 0; - line-height: 35px; - display: inline; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-family: inherit; - font-weight: bold; - text-rendering: optimizelegibility; - color: rgb(51, 51, 51); -} - -.wizard-subtitle { - font-weight:bold; - color:#AFAFAF; - padding-left:20px; -} - - -/* WIZARD NAVIGATION */ -.wizard-steps { - width: 28%; - background-color: #f5f5f5; - border-bottom-left-radius: 6px; - position: relative; -} - -.wizard-nav-container { - padding-bottom: 30px; -} - -.wizard-nav-list { - margin-bottom: 0; -} - -.wizard-nav-link .glyphicon-chevron-right { - float:right; - margin-top:12px; - margin-right:-6px; - opacity:.25; -} - -li.wizard-nav-item.active .glyphicon-chevron-right { - opacity:1; -} - -li.wizard-nav-item { - line-height:40px; -} - -.wizard-nav-list > li > a { - background-color:#f5f5f5; - padding:3px 15px 3px 20px; - cursor:default; - color:#B4B4B4; -} - -.wizard-nav-list > li > a:hover { - background-color: transparent; -} - -.wizard-nav-list > li.already-visited > a.wizard-nav-link { - color:#08C; - cursor:pointer; -} - -.wizard-nav-list > li.active > a.wizard-nav-link { - color:white; -} - -.wizard-nav-item .already-visited .active { - background-color:#08C; -} - -.wizard-nav-list li.active > a { - background-color:#08C; -} - - -/* WIZARD CONTENT */ -.wizard-body form { - padding: 0; - margin: 0; -} - -/* WIZARD PROGRESS BAR */ -.wizard-progress-container { - margin-top: 20px; - padding: 15px; - width: 100%; - position: absolute; - bottom: 0; -} - -.wizard-progress-container .progress-bar { - width: 0; -} - -.wizard-card-container { - margin-left: 28%; -} - -/* WIZARD CARDS */ -.wizard-error, -.wizard-failure, -.wizard-success, -.wizard-loading, -.wizard-card { - border-top: 1px solid #EEE; - display:none; - padding:35px; - padding-top:20px; - overflow-y:auto; - - /* - position:relative; - height:300px; - margin-right: 5px; - */ -} - -.wizard-card-overlay { - overflow-y: initial; -} - -.wizard-card > h3 { - margin-top:0; - margin-bottom:20px; - font-size:21px; - line-height:40px; - font-weight:normal; -} - -/* WIZARD FOOTER */ -.wizard-footer { - padding:0; -} - -.wizard-buttons-container { - padding:20px; -} - -.wizard-cancel { - margin-left: 12px; -} - -/* Inner Card */ -.wizard-input-section { - margin-bottom:20px; -} - -.wizard-dialog .popover.error-popover { - background-color:#F2DEDE; - color:#B94A48; - border-color:#953B39; -} - -.wizard-dialog .popover.error-popover .arrow::after { - border-right-color:#F2DEDE; -} - -.wizard-dialog .popover.error-popover .popover-title { - display:none; -} - -.wizard-dialog .popover.error-popover .arrow { - border-right-color:#953B39; -} diff --git a/static/css/bootstrap2-wizard.css b/static/css/bootstrap2-wizard.css deleted file mode 100644 index 21ecb9b3..00000000 --- a/static/css/bootstrap2-wizard.css +++ /dev/null @@ -1,160 +0,0 @@ -.wizard { - display:none; -} -.wizard-modal form { - margin:0; - padding:0; -} -.wizard-modal.modal { - width:750px; - margin-left:-375px; - top:50%; -} -.wizard-modal-footer { - padding:0; -} -.wizard-modal-header.modal-header h3 { - line-height:35px; - display:inline -} -.wizard-modal-header.modal-header { - border-bottom:0; -} - -.wizard-subtitle { - font-weight:bold; - color:#AFAFAF; - padding-left:20px; -} - -.wizard-error, -.wizard-failure, -.wizard-success, -.wizard-loading, -.wizard-card { - position:relative; - padding:35px; - padding-top:20px; - overflow-y:auto; - height:300px; - display:none; - border-top: 1px solid #EEE; - margin-right: 5px; -} - -.wizard-nav-link .icon-chevron-right { - float:right; - margin-top:12px; - margin-right:-6px; - opacity:.25; -} - -li.wizard-nav-item.active .icon-chevron-right { - opacity:1; -} - -li.wizard-nav-item { - line-height:40px; -} - -.wizard-no-modal .nav-list > li > a, -.wizard-modal.modal .nav-list > li > a { - background-color:#f5f5f5; - padding:3px 15px 3px 20px; - cursor:default; - color:#B4B4B4; -} - -.wizard-no-modal .nav-list li.active > a, -.wizard-modal.modal .nav-list li.active > a { - background-color:#08C; -} -.wizard-no-modal .nav-list > li.already-visited > a.wizard-nav-link, -.wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link { - color:#08C; - cursor:pointer; -} - -.wizard-no-modal .nav-list > li.active > a.wizard-nav-link, -.wizard-modal.modal .nav-list > li.active > a.wizard-nav-link { - color:white; -} - -.already-visited > a.wizard-nav-link:hover { - background-color:#E4E4E4; -} - -.wizard-card > h3 { - margin-top:0; - margin-bottom:20px; - font-size:21px; - line-height:40px; - font-weight:normal; -} - -.wizard-progress { - padding:15px; - bottom:0; -} -.wizard-progress-container { - padding:20px; -} - -.wizard-steps { - width:28%; - height:425px; - background-color:#f5f5f5; -} - -.wizard-nav-container { - height:360px; -} - -.nav > li > a.wizard-step-error { - background-color:#F2DEDE; - color:#B94A48; - font-weight:bold; -} - -.wizard-step-error .icon-chevron-right { - opacity:0; -} - -.wizard-input-section { - margin-bottom:20px; -} - -.wizard-buttons-container { - padding:20px; -} - -.wizard-cancel { - display:none; - margin-left:20px; -} - -.wizard-close { - display: none; -} - -.wizard-no-modal .popover.error-popover, -.wizard-modal .popover.error-popover { - background-color:#F2DEDE; - color:#B94A48; - border-color:#953B39; -} - -.wizard-no-modal .popover.error-popover .arrow::after, -.wizard-modal .popover.error-popover .arrow::after { - border-right-color:#F2DEDE; -} - -.wizard-no-modal .popover.error-popover .popover-title, -.wizard-modal .popover.error-popover .popover-title { - display:none; -} - -.wizard-no-modal .popover.error-popover .arrow, -.wizard-modal .popover.error-popover .arrow { - border-right-color:#953B39; -} diff --git a/static/css/dashboard.css b/static/css/dashboard.css index 68284dea..667165d1 100644 --- a/static/css/dashboard.css +++ b/static/css/dashboard.css @@ -30,20 +30,17 @@ padding-left:0; padding-right:0; } -#profile-menu-large ul, -ul.wizard-nav-list { +#profile-menu-large ul { border-right:none; } -#profile-menu-large li, -ul.wizard-nav-list li { +#profile-menu-large li { position:relative; color:#000; padding-left:0; border-bottom: 1px solid #629c92; } -#profile-menu-large li:last-child, -ul.wizard-nav-list li:last-child { +#profile-menu-large li:last-child { border:none; } #profile-menu-large li#profile-filled-li:after, @@ -76,17 +73,11 @@ ul.wizard-nav-list li:last-child { #profile-menu-large li.active, #profile-menu-large li:hover, -ul.wizard-nav-list li.active, -ul.wizard-nav-list li.already-visited:hover, .nav>li>a:hover, .nav>li>a:focus { position:relative; background-color:#fff; } -ul.wizard-nav-list > li.active a.wizard-nav-link, -ul.wizard-nav-list li.already-visited a.wizard-nav-link { - color: #111 !important; -} #profile-menu-large li.active a, #profile-menu-large li:hover a { /*padding-left:30px;*/ @@ -101,9 +92,7 @@ ul.wizard-nav-list li.already-visited a.wizard-nav-link { margin-bottom:0; } #profile-menu-large li.active:after, -#profile-menu-large li:hover:after, -ul.wizard-nav-list li.active:after, -ul.wizard-nav-list li.already-visited:hover:after { +#profile-menu-large li:hover:after { content:''; display:block; position:absolute; @@ -115,9 +104,6 @@ ul.wizard-nav-list li.already-visited:hover:after { border-bottom: 22px solid transparent; border-left: 20px solid #fff; } -ul.wizard-nav-list li a span.glyphicon { - display: none; -} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, @@ -405,48 +391,8 @@ form#resetpasswordstep2view-form div.checkbox { /* End of reset password view styles -------------------------------------------------- */ -/* Wizard --------------------------------------------------- */ - -.wizard-modal p { - margin: 0 0 10px; - padding: 0; -} - -#wizard-ns-detail-servers, .wizard-additional-servers { - font-size:12px; - margin-top:10px; - margin-left:15px; -} -#wizard-ns-detail-servers > li, .wizard-additional-servers li { - line-height:20px; - list-style-type:none; -} -#wizard-ns-detail-servers > li > img { - padding-right:5px; -} - -.wizard-modal .chzn-container .chzn-results { - max-height:150px; - } -.wizard-addl-subsection { - margin-bottom:40px; -} -.wizard-progress-container > .progress { - width:135px; -} - -.wizard-modal .help-inline .error { - color: #b94a48; -} - /* Forms */ -div.modal.wizard > div.wizard-dialog { - width: 650px; - margin-top: 60px !important; -} - #chpass-form-buttons { text-align: center; width: 100%; @@ -726,147 +672,6 @@ div#profile-menu-small { } -/* Wizard --------------------------------------------------- */ - -.wizard-modal p { - margin: 0 0 10px; - padding: 0; -} - -div.wizard-steps, -ul.wizard-nav-list > li > a { - background-color: transparent !important; -} - -#wizard-ns-detail-servers, .wizard-additional-servers { - font-size:12px; - margin-top:10px; - margin-left:15px; -} -#wizard-ns-detail-servers > li, .wizard-additional-servers li { - line-height:20px; - list-style-type:none; -} -#wizard-ns-detail-servers > li > img { - padding-right:5px; -} - -.wizard-modal .chzn-container .chzn-results { - max-height:150px; - } -.wizard-addl-subsection { - margin-bottom:40px; -} -.wizard-progress-container > .progress { - width:135px; -} - -.wizard-modal .help-inline .error { - color: #b94a48; -} - -.wizard-card > h3 { - color: #333; -} - -.wizard-header h3.modal-title.wizard-title { - color: #fff; -} - -button.wizard-next { - margin-left: 0 !important; -} - -div.wizard-steps { - height: 295px !important; - width: 36%; -} - a#go-to-mobiles-tab { cursor: pointer; } - -/* end wizard */ - - -@media only screen and (min-width: 598px) { - -.wizard-body .wizard-steps { - height:298px !important; -} - -} - -@media only screen and (max-width: 597px) { - -div.wizard div.wizard-steps { - display: none; -} - -div.wizard div.wizard-dialog { - width: 94% !important; - margin-top: 15px !important; -} - -div.wizard div.wizard-card-container, -div.wizard div.wizard-buttons-container > div.btn-group-single { - margin-left: 0px !important; -} - -div.wizard div.wizard-content, -div.wizard div.wizard-body, -div.wizard div.wizard-cards, -div.wizard div.wizard-card-container { - height: auto !important; -} - -} - -@media only screen and (max-width: 650px) { - -div.wizard-card { - padding: 20px 35px 0px !important; -} - -div.wizard div.wizard-steps { - display: none; -} - -div.wizard div.wizard-dialog { - width: 94% !important; - margin-top: 15px !important; -} - -div.wizard div.wizard-card-container { - margin-left: 0px; -} - -div.wizard div.wizard-content, -div.wizard div.wizard-body, -div.wizard div.wizard-cards, -div.wizard div.wizard-card-container { - height: auto !important; -} - -div.wizard div.wizard-buttons-container > div.btn-group-single { - float: none !important; -} -} - -@media only screen and (min-width: 651px) and (max-width: 767px) { - -div.wizard-buttons-container .btn { - margin-left:auto; - margin-right:auto; - width:auto; - max-width:100%; - padding-left: 30px; - padding-right: 30px; - font-size:13px - } - -} - -/* End of wizard --------------------------------------------------- */ diff --git a/static/css/screen.css b/static/css/screen.css index 7ecebc37..131a05d7 100644 --- a/static/css/screen.css +++ b/static/css/screen.css @@ -1,7 +1,6 @@ body, .well, .container-fluid .jumbotron, -div.wizard-content, div.modal-dialog .modal-content { background-color:#bbded9; background-image:url(../img/texture.png); @@ -287,10 +286,6 @@ form.form-horizontal label { font-weight: 400; } -form.form-horizontal .btn-primary.wizard-next { - margin-left: 0; -} - .table-thin { width: 50%; } diff --git a/static/js/dashboard-basewizard.js b/static/js/dashboard-basewizard.js deleted file mode 100644 index 8629e336..00000000 --- a/static/js/dashboard-basewizard.js +++ /dev/null @@ -1,31 +0,0 @@ -(function ($) { - var dataholder = $('span.dataholder#basewizard-data'), - step = parseInt(dataholder.data('step')), - datakey = dataholder.data('datakey'), - model = dataholder.data('model'), - path = dataholder.data('path'), - msg_done = dataholder.data('msg_done'), - msg_sending = dataholder.data('msg_sending'), - msg_next = dataholder.data('msg_next'), - msg_back = dataholder.data('msg_back'), - msg_dismiss = dataholder.data('msg_dismiss'), - eduidwizard; - - $.fn.wizard.logging = true; - - eduidwizard = EduidWizard("#"+model+"-wizard", step, { - showCancel: true, - isModal: true, - submitUrl: path, - contentHeight: 400, - contentWidth: 650, - buttons: { - submitText: msg_done, - submittingText: msg_sending, - nextText: msg_next, - backText: msg_back, - cancelText: msg_dismiss, - }, - }); - -}(jQuery)); diff --git a/static/js/dashboard-eduid-wizards.js b/static/js/dashboard-eduid-wizards.js deleted file mode 100644 index b413fe9f..00000000 --- a/static/js/dashboard-eduid-wizards.js +++ /dev/null @@ -1,176 +0,0 @@ -/*jslint vars: false, nomen: true, browser: true */ -/*global $, console, alert, active_card, Wizard */ - - -$.fn.serializeObject = function () { - 'use strict'; - var o = {}, - a = this.serializeArray(); - $.each(a, function () { - if (o[this.name] !== undefined) { - if (!o[this.name].push) { - o[this.name] = [o[this.name]]; - } - o[this.name].push(this.value || ''); - } else { - o[this.name] = this.value || ''; - } - }); - return o; -}; - -var currentwizard = {}; - -var EduidWizard = function (container_path, active_card, options) { - 'use strict'; - - var wizard = $(container_path).wizard(options), - presentcard, - newcard, - show_alert = function (message, level) { - var currentCard = wizard.getActiveCard(); - - if (level === undefined) { - level = 'danger'; - } - if (currentCard.el.find('div.alert.alert-' + level).length > 0) { - currentCard.el.find('div.alert.alert-' + level).html(message); - } else { - currentCard.el.find('> h3'). - before("