diff --git a/src/main/webapp/scripts/xmodal-v1/xmodal.css b/src/main/webapp/scripts/xmodal-v1/xmodal.css index 32057f9b94e74485b849234e367127c0b756b8ec..9ad44b973e18834927d72bf9e1f824832e3208fa 100644 --- a/src/main/webapp/scripts/xmodal-v1/xmodal.css +++ b/src/main/webapp/scripts/xmodal-v1/xmodal.css @@ -4,55 +4,54 @@ /*html.noscroll { position: relative ; overflow-y: scroll ; width: 100% ; }*/ -body.xmodal-v1 { display: block !important ; overflow-y: scroll ; } /* the body will not disappear! */ +body.xmodal-v1, body.xmodal { display: block !important ; overflow-y: scroll ; } /* the body will not disappear! */ /*body.xmodal-v1.open { position: fixed !important ; overflow: hidden ; } *//* hold the page still while the xModal is open */ -div.xmodal-mask.v1 { display: none ; margin: auto ; position: fixed ; left: 0 ; top: 0 ; width: 100% ; height: 100% ; background: rgba(0,0,0,0.3) ; } -div.xmodal-mask.v1 { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiZGBg8GVAAkwMaICwAECAAQAUlABVw7mtDgAAAABJRU5ErkJggg==); } -/*div.xmodal-mask.v1.open { display: block ; z-index: 100 ; }*/ +div.xmodal-mask { display: none ; margin: auto ; position: fixed ; left: 0 ; top: 0 ; width: 100% ; height: 100% ; background: rgba(0,0,0,0.3) ; } +div.xmodal-mask { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiZGBg8GVAAkwMaICwAECAAQAUlABVw7mtDgAAAABJRU5ErkJggg==); } +/*div.xmodal-mask.open { display: block ; z-index: 100 ; }*/ -div.xmodal.v1 { +div.xmodal { display: none ; min-width: 200px ; min-height: 128px ; max-width: 98% ; max-height: 98% ; position: fixed ; top: 0 ; right: 0 ; bottom: 0 ; left: 0 ; margin: auto ; overflow: hidden ; background: #fff ; border: 1px solid #a0a0a0 ; box-shadow: 0 10px 30px rgba(0,0,0,0.5) ; font-family: Arial, Helvetica, sans-serif ; } -div.xmodal.v1.open { display: block; } +div.xmodal.open { display: block; } -div.xmodal.v1:focus { outline: 1px solid #808080; } +div.xmodal:focus { outline: 1px solid #808080; } -div.xmodal.v1.dialog { width: 600px ; height: 400px ; } +div.xmodal.dialog { width: 600px ; height: 400px ; } -div.xmodal.v1.loading { min-height: 80px; } +div.xmodal.loading { min-height: 80px; } -div.xmodal.v1.maxxed { +div.xmodal.maxxed { width: 98% !important; height: 98% !important; max-width: 98% !important; max-height: 98% !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } -div.xmodal.v1 .button:hover, -div.xmodal.v1 .close:hover { cursor: pointer ; } +div.xmodal .button:hover, +div.xmodal .close:hover { cursor: pointer ; } -div.xmodal.v1 .buttons :focus { box-shadow: 0 0 5px rgba(0, 100, 200, 0.8); } +div.xmodal .buttons :focus { box-shadow: 0 0 5px rgba(0, 100, 200, 0.8); } -div.xmodal.v1 .title { - height: 25px ; padding: 0 ; overflow: hidden ; line-height: inherit ; - color: #303030 ; background: #f0f0f0 center center repeat-x ; border-bottom: 1px solid #c0c0c0 ; } -div.xmodal.v1 .title { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAkCAIAAAAhPwwfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpi/PPnDwMMMDEgAYo5LP///yeZ8+/fP2JkyFFGDodiF5ARBhQHPECAAQDfTksARZ3oFgAAAABJRU5ErkJggg==); } -div.xmodal.v1 .title .inner { +div.xmodal .title { + height: 40px; padding: 0 ; overflow: hidden ; + color: #303030 ; background: #f0f0f0 ; border-bottom: 1px solid #e0e0e0 ; } +div.xmodal .title .inner { display: inline-block; padding-left: 10px ; overflow: hidden; white-space: nowrap; - font-size: 12px ; font-weight: bold ; line-height: 28px ; vertical-align: middle ; } -div.xmodal.v1 .title .inner > i { color: #505050; font-weight: normal; font-style: normal; } -div.xmodal.v1 .title .close, -div.xmodal.v1 .title .maximize { + font-size: 15px ; font-weight: normal ; line-height: 42px ; vertical-align: middle ; } +div.xmodal .title .inner > i { color: #505050; font-weight: normal; font-style: normal; } +div.xmodal .title .close, +div.xmodal .title .maximize { width: 24px; height: 16px; margin: 0; padding: 0; position: absolute ; top: 4px ; right: 4px ; font-size: 16px ; font-weight: bold ; text-align: center; line-height: 17px; color: #606060 ; background: #f8f8f8 ; border: 1px solid #b0b0b0 ; border-radius: 2px; } -div.xmodal.v1 .title .maximize { right: 34px; line-height: 10px; } -div.xmodal.v1 .title .maximize:hover { cursor: pointer; } +div.xmodal .title .maximize { right: 34px; line-height: 10px; } +div.xmodal .title .maximize:hover { cursor: pointer; } /* base64 close-yui.gif */ /*div.xmodal .title .close {*/ @@ -60,49 +59,47 @@ div.xmodal.v1 .title .maximize:hover { cursor: pointer; } /*background-image: url(data:image/gif;base64,R0lGODlhGQAPALMJALGxsZ2dnezs7HNzc21tbYWFhfX19cHBwf///////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAZAA8AAAROMJ1Jq71Tos27/9sEjqMIAgZnAOVxEkVqFAT7md4MC3QM4jnaAJb6uUaC4UBAAnZ0Q58RpCvwiNNPAKsLZHOBIsIQ/pLOCCf6J8G4MYkIADs=);*/ /*}*/ -div.xmodal.v1 .body { width: 100% ; height: 100% ; position: absolute ; overflow: hidden ; } -div.xmodal.v1 .body.scroll { overflow-y: auto ; } -div.xmodal.v1 .body .inner { display: none ; padding: 20px ; font-size: 13px ; line-height: 17px ; } -div.xmodal.v1.nopad .body .inner { padding: 0 ; } -div.xmodal.v1.open .body .inner { display: block ; } -div.xmodal.v1 .body h1, -div.xmodal.v1 .body h2, -div.xmodal.v1 .body h3, -div.xmodal.v1 .body h4 { margin-bottom: 1em !important; } -div.xmodal.v1 .body p { margin: 0 0 1em ; } - -div.xmodal.v1 .footer { - display: block ; width: 100% ; /*height: 52px ;*/ margin-top: -1px ; padding: 0 ; +div.xmodal .body { width: 100% ; height: 100% ; position: absolute ; overflow: hidden ; } +div.xmodal .body.scroll { overflow-y: auto ; } +div.xmodal .body .inner { display: none ; padding: 20px ; font-size: 13px ; line-height: 17px ; } +div.xmodal.nopad .body .inner { padding: 0 ; } +div.xmodal.open .body .inner { display: block ; } +div.xmodal .body h1, +div.xmodal .body h2, +div.xmodal .body h3, +div.xmodal .body h4 { margin-bottom: 1em !important; } +div.xmodal .body p { margin: 0 0 1em ; } + +div.xmodal .footer { + display: block ; width: 100% ; height: 60px ; margin-top: -1px ; padding: 0 ; position: absolute ; bottom: 0 ; background: #f0f0f0; border-top: 1px solid #e0e0e0 ; overflow: hidden ; } -div.xmodal.v1 .footer.white { background: #fff ; border-top-color: #fff ; } -div.xmodal.v1 .footer .inner { display: table ; width: 100% ; height: 100% ; position: relative ; } -div.xmodal.v1 .footer .content { display: table-cell ; padding-left: 15px ; vertical-align: middle ; text-align: left ; } -div.xmodal.v1 .footer .buttons { display: table-cell ; padding-right: 15px ; vertical-align: middle ; text-align: right ; } -div.xmodal.v1 .footer .buttons .link { display: inline-block; padding: 10px; font-size: 13px; text-decoration: underline; } -div.xmodal.v1 .footer .button { +div.xmodal .footer.white { background: #fff ; border-top-color: #fff ; } +div.xmodal .footer .inner { display: table ; width: 100% ; height: 100% ; position: relative ; } +div.xmodal .footer .content { display: table-cell ; padding-left: 15px ; vertical-align: middle ; text-align: left ; } +div.xmodal .footer .buttons { display: table-cell ; padding-right: 15px ; vertical-align: middle ; text-align: right ; } +div.xmodal .footer .buttons .link { display: inline-block; padding: 10px; font-size: 13px; text-decoration: underline; } +div.xmodal .footer .button { display: inline-block ; margin-left: 10px ; padding: 1px 15px !important ; float: right ; line-height: 23px ; vertical-align: middle ; font-size: 13px ; font-weight: bold ; text-decoration: none !important ; } -div.xmodal.v1 .footer a.button { height: 24px ; line-height: 24px; } /* set height only for <a> buttons */ -div.xmodal.v1 .footer .button, -div.xmodal.v1 .footer .button.cancel.default { - color: #303030 ; background: #e0e0e0 center center repeat-x ; border: 1px solid #a0a0a0 ; border-radius: 3px ; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAeCAIAAACE3ijUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpi/P//PwMMMDEgAYo5LP/+/SOG8+fPHxwyf//+xcFB0YNbGW49uO3B7VAUZVQNN4AAAwDARzjNaWlUCgAAAABJRU5ErkJggg==); } -div.xmodal.v1 .footer .button:active, -div.xmodal.v1 .footer .button.cancel.default:active { color: inherit ; background: #d0d0d0 } -div.xmodal.v1 .footer .button.default { font-weight: bold ; color: #fff ; background: #07428d center top repeat-x ; border-color: #293d66 ; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAeCAIAAACE3ijUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNqMzsENwDAIA0BH6nrdKbt1rGLTfiqcRyr4nWwB45wXvjmUKND0QoWgJeG14Lb2kxjuXm3ZtvxG7r6WaPAFqXCwA2QTdgdITwqPAAMAHoRQTInXYu8AAAAASUVORK5CYII=); } -div.xmodal.v1 .footer .button.default:active { background: #084FAB ; border-color: #243356 ; } -div.xmodal.v1 .footer .button.hidden, -div.xmodal.v1 .footer .button.disabled { /*display: inline-block ;*/ color: #f0f0f0 ; background: #d0d0d0 ; border-color: #c0c0c0 ; } -div.xmodal.v1 .footer .button.hidden:hover, -div.xmodal.v1 .footer .button.disabled:hover { cursor: not-allowed !important ; background: #d0d0d0 ; } - -div.xmodal.v1.loading .title .close { display: none ; } -div.xmodal.v1.loading .body .inner { text-align: center ; } - -.ie8 body div.xmodal.v1 .footer .button { /* margin: 10px ; */ padding: 3px 6px ; } -.ie9 body div.xmodal.v1 .footer .button { /* margin: 12px ; */ padding: 4px 6px 3px ; } +div.xmodal .footer a.button { height: 24px ; line-height: 24px; } /* set height only for <a> buttons */ +div.xmodal .footer .button, +div.xmodal .footer .button.cancel.default { + color: #303030 ; background: #e0e0e0 center center repeat-x ; border: 1px solid #a0a0a0 ; border-radius: 3px ; } +div.xmodal .footer .button:active, +div.xmodal .footer .button.cancel.default:active { color: inherit ; background: #d0d0d0 } +div.xmodal .footer .button.default { font-weight: bold ; color: #fff ; background: #07428d center top repeat-x ; border-color: #293d66 ; } +div.xmodal .footer .button.default:active { background: #084FAB ; border-color: #243356 ; } +div.xmodal .footer .button.hidden, +div.xmodal .footer .button.disabled { /*display: inline-block ;*/ color: #f0f0f0 ; background: #d0d0d0 ; border-color: #c0c0c0 ; } +div.xmodal .footer .button.hidden:hover, +div.xmodal .footer .button.disabled:hover { cursor: not-allowed !important ; background: #d0d0d0 ; } + +div.xmodal.loading .title .close { display: none ; } +div.xmodal.loading .body .inner { text-align: center ; } + +.ie8 body div.xmodal .footer .button { /* margin: 10px ; */ padding: 3px 6px ; } +.ie9 body div.xmodal .footer .button { /* margin: 12px ; */ padding: 4px 6px 3px ; } .modal_content, .modal_template { display: none ; } @@ -115,4 +112,4 @@ for db.humanconnectome.org /* custom form styles from HCP didn't work for core XNAT */ -div.xmodal.v1.embedded { top: 0; left: 0; border: none; box-shadow: none; display: block; z-index: auto; } +div.xmodal.embedded { top: 0; left: 0; border: none; box-shadow: none; display: block; z-index: auto; } diff --git a/src/main/webapp/scripts/xnat/url.js b/src/main/webapp/scripts/xnat/url.js index 54bb44f7946e964915fdd76bd376551df800e0c1..c3c81083c5fc2d858f7c3f433fb756f48a63176a 100644 --- a/src/main/webapp/scripts/xnat/url.js +++ b/src/main/webapp/scripts/xnat/url.js @@ -46,7 +46,7 @@ var XNAT = getObject(XNAT||{}); // make sure the serverRoot string (and only ONE serverRoot string) // is at the beginning of a url function rootUrl(url){ - return fixRoot((window.serverRoot || XNAT.serverRoot || ''), url) + return fixRoot((window.serverRoot || XNAT.serverRoot || ''), url || '') } url.rootUrl = rootUrl;