diff --git a/frontend-js/src/main/css/global.css b/frontend-js/src/main/css/global.css
index 53f378c7042964ffe9cd43fa802d16be36413e16..ed331c7a94fc99c2c1a062b9e0e8200db711881c 100644
--- a/frontend-js/src/main/css/global.css
+++ b/frontend-js/src/main/css/global.css
@@ -1,946 +1,977 @@
-.ui-widget-content a {
- text-decoration: underline;
-}
-
-.minerva-header {
- background-color: #333333;
- color: #ffffff;
- display: block;
-}
-
-.minerva-header a:link, .minerva-header a:visited {
- background-color: #333333;
- color: #ffffff;
- line-height: 36px;
- height: 36px;
- text-decoration: none;
- transition: background-color 0.4s ease-in-out 0s;
- font-size: 13px;
- font-weight: 900;
- padding-left: 15px;
-}
-
-.minerva-header-right-menu {
- height: 36px;
- line-height: 35px;
- font-size: 13px;
- font-weight: 900;
- color: #ffffff;
- display: inline;
- width: auto;
- float: right
-}
-
-.minerva-header a:hover {
- background-color: #000000;
- transition: background-color 0.4s ease-in-out 0s;
-}
-
-.minerva-header .minerva-loading-div {
- display: none;
- float: right;
-}
-
-.minerva-header .minerva-loading-div img {
- height: 35px;
-}
-
-.minerva-header .minerva-menu-link {
- padding-right: 5px;
- float: right;
-}
-
-.minerva-checkbox-grid li {
- display: block;
- float: left;
- width: 20%;
-}
-
-.minerva-checkbox-grid li .checkbox {
- margin-top: 2px;
- margin-bottom: 2px;
-}
-
-.minerva-checkbox-grid:after {
- content: '';
- display: block;
- clear: both;
-}
-
-.minerva-chart-name {
- width: 150px;
- float: left;
- display: inline-block;
-}
-
-.minerva-chart-row-even, .minerva-chart-row-odd {
- position: relative;
- white-space: nowrap;
- overflow: hidden;
- margin: 1px;
- width: 360px;
-}
-
-.minerva-chart-row-even {
- background-color: #D3D3D3;
-}
-
-.minerva-chart-row-odd {
- background-color: #C0C0C0;
-}
-
-.canvasDebugClass {
- border: 0;
- position: absolute;
- top: 0;
- left: 0
-}
-
-.minerva-top-menu {
- width: 100%;
- min-height: 36px;
- height: auto;
- float: left;
- z-index: -1;
- background: #13ACE0;
- background: -moz-linear-gradient(top, #2CCAFE, #13ACE0);
- background: -webkit-gradient(linear, left top, left bottom, from(#2CCAFE),
- to(#13ACE0));
-}
-
-.headerBelt {
- width: 100%;
- min-height: 36px;
- height: auto;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- background: #13ACE0;
- background: -moz-linear-gradient(top, #2CCAFE, #13ACE0);
- background: -webkit-gradient(linear, left top, left bottom, from(#2CCAFE),
- to(#13ACE0));
-}
-
-.minerva-header-hide-div-button {
- display: inline;
- width: auto;
- height: 36px;
- float: left
-}
-
-.minerva-header-hide-button {
- color: #FFFFFF;
- height: 36px;
- line-height: 36px;
- padding: 0 16px;
- margin: 0;
- border: none;
- background-color: transparent;
- font-size: 20px;
- border-right: 1px solid #9DE1F8;
- cursor: pointer;
- transition: background-color 0.4s ease-in-out 0s;
-}
-
-.minerva-header-hide-button:hover {
- background-color: #01536D;
- transition: background-color 0.4s ease-in-out 0s;
-}
-
-.minerva-version-div {
- display: inline;
- width: auto;
- height: 36px;
- float: left;
- line-height: 36px;
- padding: 0 17px;
- color: #FFFFFF;
- font-weight: 900;
- font-size: 13px;
- text-align: center;
- border-right: 1px solid #9DE1F8;
-}
-
-.minerva-session-expire {
- background: #EE0000;
- display: inline;
- width: auto;
- height: 36px;
- float: left;
- line-height: 34px;
- padding: 0 0 0 17px;
- color: #FFFFFF;
- font-weight: 900;
- font-size: 13px;
- text-align: center;
- border-right: 1px solid #9DE1F8;
-}
-
-.minerva-extend-session-button {
- background-color: #CC0000;
- margin-left: 10px;
- border: 0px;
-}
-
-.minerva-extend-session-button:hover {
- background-color: #880000;
- transition: background-color 0.4s ease-in-out 0s;
-}
-
-.minerva-legend {
- position: absolute;
- bottom: 10px;
- right: 10px;
- box-shadow: 0 3px 20px #999999;
- border-top: 6px solid #017DA7;
-}
-
-.searchPanel {
- background-color: #FFFFFF;
- box-shadow: 0 3px 30px #B9B9B9;
- padding: 15px;
- margin: 30px;
- color: #666666;
- font-size: 13px;
- font-weight: 900;
-}
-
-.minerva-search-result-icon {
- float: left;
- margin: 0 10px;
-}
-
-.minerva-clickable {
- cursor: pointer;
-}
-
-.input-field {
- background-color: #21BDF1;
- color: #ffffff;
- width: 210px;
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- font-size: 14px;
- font-weight: 900;
- padding: 8px;
- font-family: Lato;
- margin: 0;
- border: none
-}
-
-.chkbox {
- width: 16px;
- height: 16px;
- display: inline-block;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
-}
-
-.result-table {
- width: 100%;
- border-spacing: 2px;
- -webkit-border-horizontal-spacing: 2px;
- -webkit-border-vertical-spacing: 2px;
-}
-
-.minerva-map {
- position: absolute;
- top: 36px;
- bottom: 0;
- right: 0;
- left: 0;
- border: none;
- border-left: 1px solid #e1e1e1;
-}
-
-.minerva-footer-table {
- position: absolute;
- bottom: 0;
- height: 80px;
- left: 0;
- width: 100%;
-}
-
-.minerva-footer-text {
- font-weight: 900;
- font-size: 13px;
- color: #999999
-}
-
-.minerva-logo-footer {
- background-color: #333333;
- color: white;
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- padding: 5px;
- text-align: center;
- text-shadow: 1px 1px 0 #444;
- font-size: 13px;
- font-weight: 900;
-}
-
-.minerva-logo-footer img {
- margin-right: 6px;
- width: 25px;
-}
-
-.minerva-logo-footer a {
- color: white;
- text-decoration: none;
-}
-
-.minerva-logo {
- height: auto;
- width: auto;
- max-width: 80px;
- max-height: 80px;
- border: 0;
- cursor: pointer;
-}
-
-/* twitter typeahead */
-.tt-query /* UPDATE: newer versions use tt-input instead of tt-query */
-{
- width: 396px;
- height: 30px;
- padding: 8px 12px;
- font-size: 24px;
- line-height: 30px;
- border: 2px solid #ccc;
- border-radius: 8px;
- outline: none;
-}
-
-.tt-query {
- /* UPDATE: newer versions use tt-input instead of tt-query */
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-}
-
-.tt-hint {
- color: #999;
-}
-
-.tt-menu {
- /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
- width: 222px;
- margin-top: 12px;
- padding: 8px 0;
- background-color: #fff;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 8px;
- box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-}
-
-.tt-suggestion {
- font-weight: normal;
- padding: 3px 20px;
- line-height: 24px;
-}
-
-.tt-suggestion:hover {
- cursor: pointer;
- color: #fff;
- background-color: #0097cf;
-}
-
-.tt-suggestion.tt-cursor {
- color: #fff;
- background-color: #0097cf;
-}
-
-.tt-suggestion strong {
- font-weight: normal;
- color: red;
-}
-
-.dropdown-submenu {
- position: relative;
-}
-
-.dropdown-submenu > .dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -6px;
- margin-left: -1px;
- -webkit-border-radius: 0 6px 6px 6px;
- -moz-border-radius: 0 6px 6px 6px;
- border-radius: 0 6px 6px 6px;
-}
-
-.dropdown-submenu:hover > .dropdown-menu {
- display: block;
-}
-
-.dropdown-submenu > a:after {
- display: block;
- content: " ";
- float: right;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- border-width: 5px 0 5px 5px;
- border-left-color: #cccccc;
- margin-top: 5px;
- margin-right: -10px;
-}
-
-.dropdown-submenu:hover > a:after {
- border-left-color: #ffffff;
-}
-
-.dropdown-submenu.pull-left {
- float: none;
-}
-
-.dropdown-submenu.pull-left > .dropdown-menu {
- left: -100%;
- margin-left: 10px;
- -webkit-border-radius: 6px 0 6px 6px;
- -moz-border-radius: 6px 0 6px 6px;
- border-radius: 6px 0 6px 6px;
-}
-
-.dual-listbox .dual-listbox__search {
- display: none;
-}
-
-.dual-listbox .dual-listbox__title {
- padding: 5px 2px;
-}
-
-.dual-listbox .dual-listbox__item {
- padding: 2px;
-}
-
-.dual-listbox .dual-listbox__button {
- background-color: #999;
-}
-
-.minerva-multi-select-special {
- background-color: #00FF00;
-}
-
-.dual-listbox__item--selected .minerva-multi-select-special {
- background-color: rgba(8, 157, 227, .7);
-}
-
-.dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected {
- width: 200px;
- height: 200px;
-}
-
-.minerva-export-dual-listbox-container {
- padding: 10px;
- float: left;
-}
-
-table.minerva-publication-table td {
- padding: 0px;
-}
-
-input.minerva-input-text, input.minerva-input-password {
- background-color: #21BDF1;
- color: #ffffff;
- width: 210px;
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- font-size: 14px;
- font-weight: 900;
- padding: 8px;
- font-family: Lato;
- margin: 0;
- border: none
-}
-
-.minerva-window-drug-table {
- border-collapse: collapse;
-}
-
-table.minerva-window-drug-table, table.minerva-window-drug-table th,
-table.minerva-window-drug-table td {
- padding: 2px;
- border: 1px solid black;
-}
-
-.minerva-root {
- display: flex;
- width: 100%;
- height: 100%;
-}
-
-.minerva-left-panel {
- position: relative;
- flex: 0 0 357px;
- max-width: 357px;
- border: none;
- background-color: #ffffff;
- height: 100%;
-}
-
-.minerva-left-panel .minerva-help-button {
- position: absolute;
- top: 35px;
- right: 35px;
- width: 18px;
-}
-
-.minerva-plugin-dialog .minerva-help-button {
- position: absolute;
- top: 4px;
- right: 1px;
- width: 18px;
-}
-
-.minerva-left-panel .minerva-label, .minerva-element-info-div .minerva-label {
- font-weight: 900;
- line-height: 24px;
-}
-
-.minerva-middle-panel {
- height: 100%;
- width: 100%;
-}
-
-.minerva-middle-panel > div {
- height: 100%;
- width: 100%;
- position: relative;
-}
-
-/**
-Plugin tabs
- */
-.minerva-plugin-split-bar {
- width: 5px;
- height: 100%;
- clear: both;
- vertical-align: top;
- border-left: 1px dotted gray;
- cursor: col-resize;
-}
-
-.minerva-plugin {
- width: 300px;
- max-width: 600px;
- min-width: 150px;
- height: 100%;
- position: relative;
- display: none;
-}
-
-.minerva-plugin > .parentTabs {
- position: absolute;
- top: 0;
- width: 100%;
-}
-
-.minerva-plugin > .parentTabs > .tab-content > .tab-pane {
- overflow: auto;
-}
-
-.minerva-annotation-row-odd {
- padding: 5px;
- background-color: #EAEAEA;
-}
-
-.minerva-annotation-row-even {
- padding: 5px;
- background-color: #ffffff;
-}
-
-.minerva-overview-button {
- color: #FFFFFF;
- height: 36px;
- line-height: 35px;
- padding: 0 18px;
- margin: 0;
- border: none;
- background-color: #017DA7;
- font-size: 13px;
- font-weight: 900;
- border-right: 1px solid #9DE1F8;
- cursor: pointer;
- transition: background-color 0.4s ease-in-out 0s;
-}
-
-.minerva-overview-button:hover {
- background-color: #01536D;
- transition: background-color 0.4s ease-in-out 0s;
-}
-
-.minerva-top-checkbox-div {
- height: 36px;
- vertical-align: top;
- font-size: 13px;
- font-weight: 900;
- color: #ffffff;
- display: inline;
- width: auto;
- float: left;
- text-align: left;
- padding: 0 0 0 15px;
- margin: 0;
-}
-
-.minerva-top-checkbox-div label {
- padding: 0 15px 0 5px;
- font-size: 11px;
- line-height: 35px;
- display: inline;
- float: left;
-}
-
-.minerva-top-checkbox-div input {
- margin-top: 12px;
- display: inline;
- float: left;
-}
-
-.minerva-overlay-dialog div[style*="display: table-cell"] {
- padding: 2px;
- vertical-align: top;
-}
-
-.minerva-open-submap-button {
- padding: 2px;
- margin: 2px;
-}
-
-h1 {
- font-size: 22px;
- color: #999999;
- text-align: center;
- padding-bottom: 10px;
- font-weight: 400;
-}
-
-.minerva-projects-tab, .minerva-users-tab, .minerva-configuration-tab .tab-pane, .minerva-genome-tab, .minerva-plugin-tab {
- margin-left: 10px;
- margin-top: 10px;
-}
-
-.minerva-projects-tab .minerva-menu-row button,
-.minerva-plugin-tab .minerva-menu-row button,
-.minerva-edit-project-dialog .minerva-menu-row button,
-.minerva-users-tab .minerva-menu-row button,
-.minerva-genome-tab .minerva-menu-row button {
- margin: 5px;
-}
-
-/**
- tabs in dialogs
- */
-.ui-dialog-content .tab-pane {
- overflow: auto;
-}
-
-.ui-dialog-content > .parentTabs {
- position: absolute;
- top: 10px;
- bottom: 40px;
- left: 10px;
- right: 10px
-}
-
-.ui-dialog-content > .parentTabs > .tab-content {
- height: 100%;
-}
-
-/**
-disabled close button in dialogs
- */
-.minerva-no-close .ui-dialog-titlebar-close {
- display: none
-}
-
-.ui-icon {
- display: inline-block;
-}
-
-.ui-icon-refresh {
- background: url(images/icons/refresh.png.xhtml) 50% 50% no-repeat;
-}
-
-.nav > li > a {
- text-decoration: none;
-}
-
-.minerva-edit-project-dialog div[style*="display: table-cell"] {
- padding: 2px;
-}
-
-.borderTable div[style*="display: table-cell"] {
- padding: 2px;
- border: 1px solid black;
-}
-
-.minerva-datatable-toolbar {
- float: left;
-}
-
-.minerva-annotation-group {
- padding-bottom: 10px;
-}
-
-.minerva-annotation-group .minerva-annotation-group-header {
- font-weight: bold
-
-}
-
-.minerva-annotators-params {
- margin-top: 10px;
- border: 1px #ddd solid;
-}
-
-.minerva-annotator-params {
- padding: 5px;
-
-}
-
-.minerva-annotator-params-header {
- font-weight: bold;
- text-align: center;
- padding-bottom: 5px;
-}
-
-.minerva-annotator-param {
- display: table;
- width: 100%;
- padding-bottom: 5px;
-}
-
-.minerva-annotator-param-name {
- display: table-cell;
- vertical-align: middle;
- width: 30%;
- padding-right: 5px;
-
-}
-
-.minerva-annotator-param-value {
- display: table-cell;
- width: 70%;
-}
-
-.minerva-annotator-param-value textarea {
- width: 100%;
- height: 100px;
-}
-
-.minerva-annotators-params-header {
- position: relative
-}
-
-.minerva-annotators-params-header > div {
- position: absolute;
- left: 20px;
- top: -11px;
- background-color: white;
- padding-left: 10px;
- padding-right: 10px;
- font-weight: bold;
-}
-
-.minerva-annotator-param-name .annotator-tooltip, .minerva-annotation-group .annotator-tooltip {
- visibility: hidden;
- background-color: rgba(0, 0, 0, .5);
- color: #fff;
- text-align: left;
- border-radius: 6px;
- padding: 5px;
-
- /* Position the tooltip */
- position: absolute;
- z-index: 1;
-}
-
-.minerva-annotator-param-name .annotator-tooltip {
- width: 50%;
-}
-
-.minerva-annotation-group .annotator-tooltip {
- width: 250px;
-}
-
-.minerva-annotator-param-name > span:hover .annotator-tooltip, .minerva-annotation-group-header > span:hover .annotator-tooltip {
- visibility: visible;
-}
-
-.minerva-annotation-group-header > span {
- position: relative;
-}
-
-.minerva-annotation-group .tooltip-icon, .minerva-annotator-param-name .tooltip-icon {
- font-size: 0.8em;
- left: 3px;
- top: -3px;
- font-weight: 700;
-}
-
-table.dataTable tbody td.no_padding, table.dataTable thead th.no_padding {
- padding-top: 8px;
- padding-left: 3px;
- padding-right: 3px;
-}
-
-.dropdown-menu a.disabled-link, .dropdown-menu a.disabled-link:hover {
- color: darkgrey;
-}
-
-.minerva-molart-container {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100vh;
- background-color: white;
- border: 30px solid rgba(0, 0, 0, 0.5);
- -moz-background-clip: padding; /* Firefox 3.6 */
- -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
- background-clip: padding-box;
- z-index: 100;
- display: none;
-}
-
-.minerva-molart-close-button {
- position: absolute;
- left: 3px;
- top: 3px;
- font-size: 17px;
- padding-top: 2px;
- background: rgba(0, 0, 0, 0.2);
- cursor: pointer;
- width: 28px;
- height: 28px;
- border-radius: 3px;
- text-align: center;
- z-index: 101
-}
-
-.minerva-molart-close-button:hover {
- background: rgba(0, 0, 0, 0.4);
-
-}
-
-button:disabled {
- color: graytext;
-}
-
-a.adminLink:link, a.adminLink:visited {
- font-size: 11px;
- font-weight: 900;
- text-decoration: none;
- color: #666666
-}
-
-a.adminLink:hover {
- color: #000000;
-}
-
-.minerva-login-form {
- height: 100%;
- background-color: #FFFFFF;
- box-shadow: 0 3px 30px #B9B9B9;
- width: 320px;
- padding: 20px;
- margin: 20px auto;
- color: #666666;
- font-size: 13px;
- font-weight: 900;
-}
-
-.minerva-login-form-title {
- font-weight: 900;
- padding-bottom: 20px;
- font-size: 19px;
-}
-
-/* custom open layers styling */
-
-.minerva-login-form .minerva-label {
- font-size: 13px;
- font-weight: 900
-}
-
-.minerva-ol-bottom-left {
- bottom: .5em;
- left: .5em;
-}
-
-.minerva-ol-bottom-right {
- bottom: .5em;
- right: .5em;
-}
-
-.minerva-ol-top-right {
- top: .5em;
- right: .5em;
-}
-
-.popover {
- max-width: 800px;
- min-width: 390px;
-}
-
-.popover-content {
- display: inline-block;
- overflow: auto;
- max-height: 80vh;
-}
-
-/*
-https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip
- */
-.minerva-tooltip {
- position: relative;
- display: inline-block;
-}
-
-.minerva-tooltip .minerva-tooltip-text {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px 0;
-
- /* Position the tooltip */
- position: absolute;
- z-index: 1;
-}
-
-.minerva-tooltip:hover .minerva-tooltip-text {
- visibility: visible;
-}
-
-.minerva-overlay-panel {
- overflow-x: hidden;
-}
-
-.minerva-overlay-panel td.word_wrap, .minerva-overlay-panel th.word_wrap {
- /* For Firefox */
- white-space: pre-wrap;
- word-break: break-all;
-
- /* For Chrome */
- word-wrap: break-word;
-
- min-width: 50px;
-}
-
-.minerva-search-data-hidden {
- display: none;
-}
-
-.pileup-root .controls input[type="text"] {
- width: 180px;
-}
+.ui-widget-content a {
+ text-decoration: underline;
+}
+
+.minerva-header {
+ background-color: #333333;
+ color: #ffffff;
+ display: block;
+}
+
+.minerva-header a:link, .minerva-header a:visited {
+ background-color: #333333;
+ color: #ffffff;
+ line-height: 36px;
+ height: 36px;
+ text-decoration: none;
+ transition: background-color 0.4s ease-in-out 0s;
+ font-size: 13px;
+ font-weight: 900;
+ padding-left: 15px;
+}
+
+.minerva-header-right-menu {
+ height: 36px;
+ line-height: 35px;
+ font-size: 13px;
+ font-weight: 900;
+ color: #ffffff;
+ display: inline;
+ width: auto;
+ float: right
+}
+
+.minerva-header a:hover {
+ background-color: #000000;
+ transition: background-color 0.4s ease-in-out 0s;
+}
+
+.minerva-header .minerva-loading-div {
+ display: none;
+ float: right;
+}
+
+.minerva-header .minerva-loading-div img {
+ height: 35px;
+}
+
+.minerva-header .minerva-menu-link {
+ padding-right: 5px;
+ float: right;
+}
+
+.minerva-checkbox-grid li {
+ display: block;
+ float: left;
+ width: 20%;
+}
+
+.minerva-checkbox-grid li .checkbox {
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
+
+.minerva-checkbox-grid:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+.minerva-chart-name {
+ width: 150px;
+ float: left;
+ display: inline-block;
+}
+
+.minerva-chart-row-even, .minerva-chart-row-odd {
+ position: relative;
+ white-space: nowrap;
+ overflow: hidden;
+ margin: 1px;
+ width: 360px;
+}
+
+.minerva-chart-row-even {
+ background-color: #D3D3D3;
+}
+
+.minerva-chart-row-odd {
+ background-color: #C0C0C0;
+}
+
+.canvasDebugClass {
+ border: 0;
+ position: absolute;
+ top: 0;
+ left: 0
+}
+
+.minerva-top-menu {
+ width: 100%;
+ min-height: 36px;
+ height: auto;
+ float: left;
+ z-index: -1;
+ background: #13ACE0;
+ background: -moz-linear-gradient(top, #2CCAFE, #13ACE0);
+ background: -webkit-gradient(linear, left top, left bottom, from(#2CCAFE),
+ to(#13ACE0));
+}
+
+.headerBelt {
+ width: 100%;
+ min-height: 36px;
+ height: auto;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ background: #13ACE0;
+ background: -moz-linear-gradient(top, #2CCAFE, #13ACE0);
+ background: -webkit-gradient(linear, left top, left bottom, from(#2CCAFE),
+ to(#13ACE0));
+}
+
+.minerva-header-hide-div-button {
+ display: inline;
+ width: auto;
+ height: 36px;
+ float: left
+}
+
+.minerva-header-hide-button {
+ color: #FFFFFF;
+ height: 36px;
+ line-height: 36px;
+ padding: 0 16px;
+ margin: 0;
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ border-right: 1px solid #9DE1F8;
+ cursor: pointer;
+ transition: background-color 0.4s ease-in-out 0s;
+}
+
+.minerva-header-hide-button:hover {
+ background-color: #01536D;
+ transition: background-color 0.4s ease-in-out 0s;
+}
+
+.minerva-version-div {
+ display: inline;
+ width: auto;
+ height: 36px;
+ float: left;
+ line-height: 36px;
+ padding: 0 17px;
+ color: #FFFFFF;
+ font-weight: 900;
+ font-size: 13px;
+ text-align: center;
+ border-right: 1px solid #9DE1F8;
+}
+
+.minerva-session-expire {
+ background: #EE0000;
+ display: inline;
+ width: auto;
+ height: 36px;
+ float: left;
+ line-height: 34px;
+ padding: 0 0 0 17px;
+ color: #FFFFFF;
+ font-weight: 900;
+ font-size: 13px;
+ text-align: center;
+ border-right: 1px solid #9DE1F8;
+}
+
+.minerva-extend-session-button {
+ background-color: #CC0000;
+ margin-left: 10px;
+ border: 0px;
+}
+
+.minerva-extend-session-button:hover {
+ background-color: #880000;
+ transition: background-color 0.4s ease-in-out 0s;
+}
+
+.minerva-legend {
+ position: absolute;
+ bottom: 10px;
+ right: 10px;
+ box-shadow: 0 3px 20px #999999;
+ border-top: 6px solid #017DA7;
+}
+
+.searchPanel {
+ background-color: #FFFFFF;
+ box-shadow: 0 3px 30px #B9B9B9;
+ padding: 15px;
+ margin: 30px;
+ color: #666666;
+ font-size: 13px;
+ font-weight: 900;
+}
+
+.minerva-search-result-icon {
+ float: left;
+ margin: 0 10px;
+}
+
+.minerva-clickable {
+ cursor: pointer;
+}
+
+.input-field {
+ background-color: #21BDF1;
+ color: #ffffff;
+ width: 210px;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ font-size: 14px;
+ font-weight: 900;
+ padding: 8px;
+ font-family: Lato;
+ margin: 0;
+ border: none
+}
+
+.chkbox {
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ -moz-border-radius: 0px;
+ -webkit-border-radius: 0px;
+ border-radius: 0px;
+}
+
+.result-table {
+ width: 100%;
+ border-spacing: 2px;
+ -webkit-border-horizontal-spacing: 2px;
+ -webkit-border-vertical-spacing: 2px;
+}
+
+.minerva-map {
+ position: absolute;
+ top: 36px;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ border: none;
+ border-left: 1px solid #e1e1e1;
+}
+
+.minerva-footer-table {
+ position: absolute;
+ bottom: 0;
+ height: 80px;
+ left: 0;
+ width: 100%;
+}
+
+.minerva-footer-text {
+ font-weight: 900;
+ font-size: 13px;
+ color: #999999
+}
+
+.minerva-logo-footer {
+ background-color: #333333;
+ color: white;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 5px;
+ text-align: center;
+ text-shadow: 1px 1px 0 #444;
+ font-size: 13px;
+ font-weight: 900;
+}
+
+.minerva-logo-footer img {
+ margin-right: 6px;
+ width: 25px;
+}
+
+.minerva-logo-footer a {
+ color: white;
+ text-decoration: none;
+}
+
+.minerva-logo {
+ height: auto;
+ width: auto;
+ max-width: 80px;
+ max-height: 80px;
+ border: 0;
+ cursor: pointer;
+}
+
+/* twitter typeahead */
+.tt-query /* UPDATE: newer versions use tt-input instead of tt-query */
+{
+ width: 396px;
+ height: 30px;
+ padding: 8px 12px;
+ font-size: 24px;
+ line-height: 30px;
+ border: 2px solid #ccc;
+ border-radius: 8px;
+ outline: none;
+}
+
+.tt-query {
+ /* UPDATE: newer versions use tt-input instead of tt-query */
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.tt-hint {
+ color: #999;
+}
+
+.tt-menu {
+ /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
+ width: 222px;
+ margin-top: 12px;
+ padding: 8px 0;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 8px;
+ box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+}
+
+.tt-suggestion {
+ font-weight: normal;
+ padding: 3px 20px;
+ line-height: 24px;
+}
+
+.tt-suggestion:hover {
+ cursor: pointer;
+ color: #fff;
+ background-color: #0097cf;
+}
+
+.tt-suggestion.tt-cursor {
+ color: #fff;
+ background-color: #0097cf;
+}
+
+.tt-suggestion strong {
+ font-weight: normal;
+ color: red;
+}
+
+.dropdown-submenu {
+ position: relative;
+}
+
+.dropdown-submenu > .dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-top: -6px;
+ margin-left: -1px;
+ -webkit-border-radius: 0 6px 6px 6px;
+ -moz-border-radius: 0 6px 6px 6px;
+ border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block;
+}
+
+.dropdown-submenu > a:after {
+ display: block;
+ content: " ";
+ float: right;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ border-left-color: #cccccc;
+ margin-top: 5px;
+ margin-right: -10px;
+}
+
+.dropdown-submenu:hover > a:after {
+ border-left-color: #ffffff;
+}
+
+.dropdown-submenu.pull-left {
+ float: none;
+}
+
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: -100%;
+ margin-left: 10px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}
+
+.dual-listbox .dual-listbox__search {
+ display: none;
+}
+
+.dual-listbox .dual-listbox__title {
+ padding: 5px 2px;
+}
+
+.dual-listbox .dual-listbox__item {
+ padding: 2px;
+}
+
+.dual-listbox .dual-listbox__button {
+ background-color: #999;
+}
+
+.minerva-multi-select-special {
+ background-color: #00FF00;
+}
+
+.dual-listbox__item--selected .minerva-multi-select-special {
+ background-color: rgba(8, 157, 227, .7);
+}
+
+.dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected {
+ width: 200px;
+ height: 200px;
+}
+
+.minerva-export-dual-listbox-container {
+ padding: 10px;
+ float: left;
+}
+
+table.minerva-publication-table td {
+ padding: 0px;
+}
+
+input.minerva-input-text, input.minerva-input-password {
+ background-color: #21BDF1;
+ color: #ffffff;
+ width: 210px;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ font-size: 14px;
+ font-weight: 900;
+ padding: 8px;
+ font-family: Lato;
+ margin: 0;
+ border: none
+}
+
+.minerva-window-drug-table {
+ border-collapse: collapse;
+}
+
+table.minerva-window-drug-table, table.minerva-window-drug-table th,
+table.minerva-window-drug-table td {
+ padding: 2px;
+ border: 1px solid black;
+}
+
+.minerva-root {
+ display: flex;
+ width: 100%;
+ height: 100%;
+}
+
+.minerva-left-panel {
+ position: relative;
+ flex: 0 0 357px;
+ max-width: 357px;
+ border: none;
+ background-color: #ffffff;
+ height: 100%;
+}
+
+.minerva-left-panel .minerva-help-button {
+ position: absolute;
+ top: 35px;
+ right: 35px;
+ width: 18px;
+}
+
+.minerva-plugin-dialog .minerva-help-button {
+ position: absolute;
+ top: 4px;
+ right: 1px;
+ width: 18px;
+}
+
+.minerva-left-panel .minerva-label, .minerva-element-info-div .minerva-label {
+ font-weight: 900;
+ line-height: 24px;
+}
+
+.minerva-middle-panel {
+ height: 100%;
+ width: 100%;
+}
+
+.minerva-middle-panel > div {
+ height: 100%;
+ width: 100%;
+ position: relative;
+}
+
+/**
+Plugin tabs
+ */
+.minerva-plugin-split-bar {
+ width: 5px;
+ height: 100%;
+ clear: both;
+ vertical-align: top;
+ border-left: 1px dotted gray;
+ cursor: col-resize;
+}
+
+.minerva-plugin {
+ width: 300px;
+ max-width: 600px;
+ min-width: 150px;
+ height: 100%;
+ position: relative;
+ display: none;
+}
+
+.minerva-plugin > .parentTabs {
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+.minerva-plugin > .parentTabs > .tab-content > .tab-pane {
+ overflow: auto;
+}
+
+.minerva-annotation-row-odd {
+ padding: 5px;
+ background-color: #EAEAEA;
+}
+
+.minerva-annotation-row-even {
+ padding: 5px;
+ background-color: #ffffff;
+}
+
+.minerva-overview-button {
+ color: #FFFFFF;
+ height: 36px;
+ line-height: 35px;
+ padding: 0 18px;
+ margin: 0;
+ border: none;
+ background-color: #017DA7;
+ font-size: 13px;
+ font-weight: 900;
+ border-right: 1px solid #9DE1F8;
+ cursor: pointer;
+ transition: background-color 0.4s ease-in-out 0s;
+}
+
+.minerva-overview-button:hover {
+ background-color: #01536D;
+ transition: background-color 0.4s ease-in-out 0s;
+}
+
+.minerva-top-checkbox-div {
+ height: 36px;
+ vertical-align: top;
+ font-size: 13px;
+ font-weight: 900;
+ color: #ffffff;
+ display: inline;
+ width: auto;
+ float: left;
+ text-align: left;
+ padding: 0 0 0 15px;
+ margin: 0;
+}
+
+.minerva-top-checkbox-div label {
+ padding: 0 15px 0 5px;
+ font-size: 11px;
+ line-height: 35px;
+ display: inline;
+ float: left;
+}
+
+.minerva-top-checkbox-div input {
+ margin-top: 12px;
+ display: inline;
+ float: left;
+}
+
+.minerva-overlay-dialog div[style*="display: table-cell"] {
+ padding: 2px;
+ vertical-align: top;
+}
+
+.minerva-open-submap-button {
+ padding: 2px;
+ margin: 2px;
+}
+
+h1 {
+ font-size: 22px;
+ color: #999999;
+ text-align: center;
+ padding-bottom: 10px;
+ font-weight: 400;
+}
+
+.minerva-projects-tab, .minerva-users-tab, .minerva-configuration-tab .tab-pane, .minerva-genome-tab, .minerva-plugin-tab {
+ margin-left: 10px;
+ margin-top: 10px;
+}
+
+.minerva-projects-tab .minerva-menu-row button,
+.minerva-plugin-tab .minerva-menu-row button,
+.minerva-edit-project-dialog .minerva-menu-row button,
+.minerva-users-tab .minerva-menu-row button,
+.minerva-genome-tab .minerva-menu-row button {
+ margin: 5px;
+}
+
+/**
+ tabs in dialogs
+ */
+.ui-dialog-content .tab-pane {
+ overflow: auto;
+}
+
+.ui-dialog-content > .parentTabs {
+ position: absolute;
+ top: 10px;
+ bottom: 40px;
+ left: 10px;
+ right: 10px
+}
+
+.ui-dialog-content > .parentTabs > .tab-content {
+ height: 100%;
+}
+
+/**
+error report dialog style
+ */
+.report-dialog label.ui-checkboxradio-label {
+ border: 1px solid #fff;
+}
+
+.report-dialog label.ui-checkboxradio-label:active {
+ background: rgb(32, 189, 241);
+}
+
+.report-dialog label.ui-checkboxradio-checked {
+ background: rgb(32, 189, 241);
+ border: 1px solid #fff;
+}
+
+.report-dialog label.ui-checkboxradio-checked:hover {
+ background: rgb(152, 220, 243);
+ border: 1px solid #fff;
+}
+
+.report-dialog-warning {
+ color: #cb5454;
+}
+
+#report-stacktrace h3 {
+ color: #fff;
+ border: 1px solid #fff;
+ background: rgb(32, 189, 241);
+}
+
+/**
+disabled close button in dialogs
+ */
+.minerva-no-close .ui-dialog-titlebar-close {
+ display: none
+}
+
+.ui-icon {
+ display: inline-block;
+}
+
+.ui-icon-refresh {
+ background: url(images/icons/refresh.png.xhtml) 50% 50% no-repeat;
+}
+
+.nav > li > a {
+ text-decoration: none;
+}
+
+.minerva-edit-project-dialog div[style*="display: table-cell"] {
+ padding: 2px;
+}
+
+.borderTable div[style*="display: table-cell"] {
+ padding: 2px;
+ border: 1px solid black;
+}
+
+.minerva-datatable-toolbar {
+ float: left;
+}
+
+.minerva-annotation-group {
+ padding-bottom: 10px;
+}
+
+.minerva-annotation-group .minerva-annotation-group-header {
+ font-weight: bold
+
+}
+
+.minerva-annotators-params {
+ margin-top: 10px;
+ border: 1px #ddd solid;
+}
+
+.minerva-annotator-params {
+ padding: 5px;
+
+}
+
+.minerva-annotator-params-header {
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: 5px;
+}
+
+.minerva-annotator-param {
+ display: table;
+ width: 100%;
+ padding-bottom: 5px;
+}
+
+.minerva-annotator-param-name {
+ display: table-cell;
+ vertical-align: middle;
+ width: 30%;
+ padding-right: 5px;
+
+}
+
+.minerva-annotator-param-value {
+ display: table-cell;
+ width: 70%;
+}
+
+.minerva-annotator-param-value textarea {
+ width: 100%;
+ height: 100px;
+}
+
+.minerva-annotators-params-header {
+ position: relative
+}
+
+.minerva-annotators-params-header > div {
+ position: absolute;
+ left: 20px;
+ top: -11px;
+ background-color: white;
+ padding-left: 10px;
+ padding-right: 10px;
+ font-weight: bold;
+}
+
+.minerva-annotator-param-name .annotator-tooltip, .minerva-annotation-group .annotator-tooltip {
+ visibility: hidden;
+ background-color: rgba(0, 0, 0, .5);
+ color: #fff;
+ text-align: left;
+ border-radius: 6px;
+ padding: 5px;
+
+ /* Position the tooltip */
+ position: absolute;
+ z-index: 1;
+}
+
+.minerva-annotator-param-name .annotator-tooltip {
+ width: 50%;
+}
+
+.minerva-annotation-group .annotator-tooltip {
+ width: 250px;
+}
+
+.minerva-annotator-param-name > span:hover .annotator-tooltip, .minerva-annotation-group-header > span:hover .annotator-tooltip {
+ visibility: visible;
+}
+
+.minerva-annotation-group-header > span {
+ position: relative;
+}
+
+.minerva-annotation-group .tooltip-icon, .minerva-annotator-param-name .tooltip-icon {
+ font-size: 0.8em;
+ left: 3px;
+ top: -3px;
+ font-weight: 700;
+}
+
+table.dataTable tbody td.no_padding, table.dataTable thead th.no_padding {
+ padding-top: 8px;
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.dropdown-menu a.disabled-link, .dropdown-menu a.disabled-link:hover {
+ color: darkgrey;
+}
+
+.minerva-molart-container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100vh;
+ background-color: white;
+ border: 30px solid rgba(0, 0, 0, 0.5);
+ -moz-background-clip: padding; /* Firefox 3.6 */
+ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
+ background-clip: padding-box;
+ z-index: 100;
+ display: none;
+}
+
+.minerva-molart-close-button {
+ position: absolute;
+ left: 3px;
+ top: 3px;
+ font-size: 17px;
+ padding-top: 2px;
+ background: rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ width: 28px;
+ height: 28px;
+ border-radius: 3px;
+ text-align: center;
+ z-index: 101
+}
+
+.minerva-molart-close-button:hover {
+ background: rgba(0, 0, 0, 0.4);
+
+}
+
+button:disabled {
+ color: graytext;
+}
+
+a.adminLink:link, a.adminLink:visited {
+ font-size: 11px;
+ font-weight: 900;
+ text-decoration: none;
+ color: #666666
+}
+
+a.adminLink:hover {
+ color: #000000;
+}
+
+.minerva-login-form {
+ height: 100%;
+ background-color: #FFFFFF;
+ box-shadow: 0 3px 30px #B9B9B9;
+ width: 320px;
+ padding: 20px;
+ margin: 20px auto;
+ color: #666666;
+ font-size: 13px;
+ font-weight: 900;
+}
+
+.minerva-login-form-title {
+ font-weight: 900;
+ padding-bottom: 20px;
+ font-size: 19px;
+}
+
+/* custom open layers styling */
+
+.minerva-login-form .minerva-label {
+ font-size: 13px;
+ font-weight: 900
+}
+
+.minerva-ol-bottom-left {
+ bottom: .5em;
+ left: .5em;
+}
+
+.minerva-ol-bottom-right {
+ bottom: .5em;
+ right: .5em;
+}
+
+.minerva-ol-top-right {
+ top: .5em;
+ right: .5em;
+}
+
+.popover {
+ max-width: 800px;
+ min-width: 390px;
+}
+
+.popover-content {
+ display: inline-block;
+ overflow: auto;
+ max-height: 80vh;
+}
+
+/*
+https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip
+ */
+.minerva-tooltip {
+ position: relative;
+ display: inline-block;
+}
+
+.minerva-tooltip .minerva-tooltip-text {
+ visibility: hidden;
+ width: 120px;
+ background-color: black;
+ color: #fff;
+ text-align: center;
+ border-radius: 6px;
+ padding: 5px 0;
+
+ /* Position the tooltip */
+ position: absolute;
+ z-index: 1;
+}
+
+.minerva-tooltip:hover .minerva-tooltip-text {
+ visibility: visible;
+}
+
+.minerva-overlay-panel {
+ overflow-x: hidden;
+}
+
+.minerva-overlay-panel td.word_wrap, .minerva-overlay-panel th.word_wrap {
+ /* For Firefox */
+ white-space: pre-wrap;
+ word-break: break-all;
+
+ /* For Chrome */
+ word-wrap: break-word;
+
+ min-width: 50px;
+}
+
+.minerva-search-data-hidden {
+ display: none;
+}
+
+.pileup-root .controls input[type="text"] {
+ width: 180px;
+}
diff --git a/frontend-js/src/main/js/GuiConnector.js b/frontend-js/src/main/js/GuiConnector.js
index e3bc805638c1c8c823601d0abb0b20576ef198f8..eae62f0341fdabff61877f7395b1568ad557b0c2 100644
--- a/frontend-js/src/main/js/GuiConnector.js
+++ b/frontend-js/src/main/js/GuiConnector.js
@@ -264,35 +264,99 @@ GuiConnector.prototype.hideProcessing = function () {
$(self._processingDialog).dialog("close");
};
+/**
+ * Gather information that are presented to the user before submission to MinervaNet.
+ *
+ * @param {string|Error} error The error that triggered the report sequence.
+ * @return {Promise}
+ */
+GuiConnector.prototype.gatherReportData = function () {
+ return ServerConnector.getLoggedUser().then(function (user) {
+ return {
+ url: { value: window.location.href, tooltip: 'The error location. This information can help to narrow down the error source.' },
+ login: { value: user.getLogin(), tooltip: 'Your account name. This information is useful in case the issue is specific to a certain account.' },
+ email: { value: user.getEmail(), tooltip: 'Your contact email. If provided we might contact you for additional information.' },
+ browser: { value: navigator.userAgent, tooltip: 'Your browser user agent. Many issues are specific to certain browsers. This information is important to identify those.' },
+ timestamp: { value: new Date(), tooltip: 'The error time. This information is useful to link the issue to a specific event on the server.' } // TODO: Submission time rather than server time for now
+ };
+ });
+};
+
/**
*
* @param {string|Error} error
* @param {boolean} [redirectIfSecurityError]
*/
GuiConnector.prototype.alert = function (error, redirectIfSecurityError) {
- if (redirectIfSecurityError === undefined) {
- redirectIfSecurityError = false;
- }
if (redirectIfSecurityError && error instanceof SecurityError && ServerConnector.getSessionData().getLogin() === "anonymous") {
window.location.href = ServerConnector.getServerBaseUrl() + "login.xhtml?from=" + encodeURI(window.location.href);
} else {
var self = returnThisOrSingleton(this);
logger.error(error);
+
+
+
+
if (self._errorDialog === undefined) {
- self._errorDialog = document.createElement("div");
- self._errorDialogContent = document.createElement("div");
- self._errorDialog.appendChild(self._errorDialogContent);
+ var errorData = self.getErrorMessageForError(error);
+ var message = errorData.message;
+ var stacktrace = {
+ value: errorData.stack,
+ tooltip: 'The error stacktrace. The sequence of events that triggered this particular error.'
+ };
+ self._errorDialog = document.createElement('div');
+ self._errorDialog.innerHTML = '<span class="ui-icon ui-icon-info" style="float: right;" title="The error message. This might not be human readable. If this issue persists you should should contact your administrator."></span>' +
+ '<span>' + message + '</span>';
+ self.gatherReportData().then(function (data) {
+ self._errorDialog.innerHTML += '<p class="report-dialog-warning">If you agree to submit the following information to the Minerva maintainers please uncheck all boxes that might contain sensitive data.</p>';
+ self._errorDialogData = document.createElement('div');
+ self._errorDialog.appendChild(self._errorDialogData);
+
+ Object.keys(data).forEach(function (key, i) {
+ self._errorDialogData.innerHTML += '<label>' +
+ data[key].value +
+ '<input class="report-check" type="checkbox"/>' +
+ '<span class="ui-icon ui-icon-info" style="float: right;" title="' + data[key].tooltip + '"></span>' +
+ '</label>';
+ });
+ self._errorDialogData.innerHTML += '<div id="report-stacktrace">' +
+ '<h3>Stacktrace</h3>' +
+ '<div><p>' + stacktrace.value + '</p></div>' +
+ '</div>';
+
+ $('.report-check')
+ .checkboxradio()
+ .prop('checked', true)
+ .button('refresh');
+ $(self._errorDialogData)
+ .controlgroup({direction: 'vertical'});
+ $(self._errorDialog)
+ .tooltip();
+ $('#report-stacktrace')
+ .accordion({active: false, collapsible: true});
+ });
document.body.appendChild(self._errorDialog);
$(self._errorDialog).dialog({
- classes: {
- "ui-dialog": "ui-state-error"
- },
+ classes: {'ui-dialog': 'report-dialog'},
+ title: 'An error occurred!',
+ resizable: false,
+ height: 'auto',
+ width: '50vw',
modal: true,
- title: "ERROR"
- }).siblings('.ui-dialog-titlebar').css("background", "red");
+ buttons: {
+ 'Submit': function () {
+ $(this).dialog('close');
+ },
+ 'Cancel': function () {
+ $(this).dialog('close');
+ }
+ }
+ }).dialog("open");
}
- self._errorDialogContent.innerHTML = self.getErrorMessageForError(error);
- $(self._errorDialog).dialog("open");
+
+
+
+
}
};
diff --git a/frontend-js/src/main/js/ServerConnector.js b/frontend-js/src/main/js/ServerConnector.js
index 91da36859da89749c86ebbd585123f0fb5001477..756586da8353248aadcf2fad38ae2e37b2870b38 100644
--- a/frontend-js/src/main/js/ServerConnector.js
+++ b/frontend-js/src/main/js/ServerConnector.js
@@ -2642,7 +2642,7 @@ ServerConnector.getPluginUserParam = function (params) {
return self.getLoggedUser().then(function (user) {
params.login = user.getLogin();
return self.sendGetRequest(self.getPluginUserParamUrl(params));
- })
+ });
};
ServerConnector.setPluginUserParam = function (params) {
diff --git a/frontend-js/src/test/js/GuiConnector-test.js b/frontend-js/src/test/js/GuiConnector-test.js
index 1a97eb1f9c6eeed7adc862805603426dcf6a0a29..c7cb4d26d41d8ff881cdaeeb820817223f9a4cd6 100644
--- a/frontend-js/src/test/js/GuiConnector-test.js
+++ b/frontend-js/src/test/js/GuiConnector-test.js
@@ -29,14 +29,17 @@ describe('GuiConnector', function () {
connector.destroy();
});
- it('alert', function () {
- var connector = new (GuiConnector.constructor)();
- connector.alert("some error");
- $(".ui-dialog-content").each(function () {
- assert.ok($(this).dialog('isOpen'));
+ describe('error dialog on alert', function () {
+ it('opens on error', function () {
+ var connector = new (GuiConnector.constructor)();
+ connector.alert("some error");
+ $(".ui-dialog-content").each(function () {
+ assert.ok($(this).dialog('isOpen'));
+ });
+ connector.destroy();
});
- connector.destroy();
});
+
describe('getErrorMessageForError', function () {
it('SecurityError when logged in', function () {
var connector = new (GuiConnector.constructor)();
@@ -96,7 +99,7 @@ describe('GuiConnector', function () {
var connector = new (GuiConnector.constructor)();
// click Yes button in coming ms
setTimeout(function () {
- $("button:contains(Yes)").click()
+ $("button:contains(Yes)").click();
}, 50);
return connector.showConfirmationDialog({message: "hi there", title: "some"}).then(function (result) {
@@ -107,7 +110,7 @@ describe('GuiConnector', function () {
var connector = new (GuiConnector.constructor)();
// click Yes button in coming ms
setTimeout(function () {
- $("button:contains(No)").click()
+ $("button:contains(No)").click();
}, 50);
return connector.showConfirmationDialog({message: "hi there", title: "some"}).then(function (result) {