From a569d4403a23ca490bcbb4c1569f9018a6eaa2a8 Mon Sep 17 00:00:00 2001 From: Piotr Gawron <piotr.gawron@uni.lu> Date: Mon, 19 Jun 2017 11:18:51 +0200 Subject: [PATCH] link to admin moved from footer to header --- frontend-js/src/main/js/gui/Header.js | 15 +++++++++--- .../src/main/js/gui/leftPanel/Footer.js | 9 -------- web/src/main/webapp/resources/css/global.css | 23 +++++++++++++++++++ web/src/main/webapp/resources/css/style.css | 5 ---- 4 files changed, 35 insertions(+), 17 deletions(-) diff --git a/frontend-js/src/main/js/gui/Header.js b/frontend-js/src/main/js/gui/Header.js index dc572a7166..1f555d87a2 100644 --- a/frontend-js/src/main/js/gui/Header.js +++ b/frontend-js/src/main/js/gui/Header.js @@ -19,17 +19,26 @@ Header.prototype.constructor = Header; Header.prototype._createHeaderGui = function() { var self = this; + self.getElement().className = "minerva-header"; + var projectId = self.getMap().getProject().getProjectId(); var projectName = self.getMap().getProject().getName(); var link = Functions.createElement({ type : "a", - name : "headerPanel", - className : "mainTitle", content : '<i class="fa fa-home" style="font-size:17px"></i> ' + projectName, }); - link.href = ServerConnector.getServerBaseUrl() + "/?id=" + projectId; + link.href = ServerConnector.getServerBaseUrl() + "?id=" + projectId; self.getElement().appendChild(link); + + link = Functions.createElement({ + type : "a", + style : "padding-right:15px; float:right", + content : '<i class="fa fa-lock" style="font-size:17px"></i> ', + }); + link.href = ServerConnector.getServerBaseUrl() + "admin.xhtml?id=" + projectId; + self.getElement().appendChild(link); + }; module.exports = Header; diff --git a/frontend-js/src/main/js/gui/leftPanel/Footer.js b/frontend-js/src/main/js/gui/leftPanel/Footer.js index 7b4c454803..61f146f87f 100644 --- a/frontend-js/src/main/js/gui/leftPanel/Footer.js +++ b/frontend-js/src/main/js/gui/leftPanel/Footer.js @@ -27,15 +27,6 @@ Footer.prototype._createFooterGui = function() { self.getElement().className = "footerLinks"; var link = Functions.createElement({ - type : "a", - name : "footerAdminLink", - style : "padding-left:25px;", - content : '<i class="fa fa-lock" style="font-size:17px"></i> ADMIN', - }); - link.href = ServerConnector.getServerBaseUrl() + "/admin.xhtml?id=" + projectId; - self.getElement().appendChild(link); - - link = Functions.createElement({ type : "a", name : "footerManualLink", style : "padding-left:25px;", diff --git a/web/src/main/webapp/resources/css/global.css b/web/src/main/webapp/resources/css/global.css index 4522849158..00d7cc706f 100644 --- a/web/src/main/webapp/resources/css/global.css +++ b/web/src/main/webapp/resources/css/global.css @@ -7,6 +7,29 @@ table.mapInfoBoxResultsTable, table.mapInfoBoxResultsTable th, table.mapInfoBoxR border: 1px solid black; } +.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 a:hover { + background-color:#000000; + transition: background-color 0.4s ease-in-out 0s; +} + + .mapChartNameDiv { width: 150px; float: left; diff --git a/web/src/main/webapp/resources/css/style.css b/web/src/main/webapp/resources/css/style.css index 71644d39bf..d5e030aac0 100644 --- a/web/src/main/webapp/resources/css/style.css +++ b/web/src/main/webapp/resources/css/style.css @@ -1018,11 +1018,6 @@ ui-overlay-visible *{visibility:visible !important;} .ui-wizard-nav-next{float:right;} .ui-wizard-step-title{font-size:18px;margin:0 3px 0 0;padding:0.4em;float:left;} - - -a.mainTitle:link, a.mainTitle:visited {background-color:#333333; color:#ffffff; display:block; flaot:left; 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;} -a.mainTitle:hover {background-color:#000000; transition: background-color 0.4s ease-in-out 0s;} - .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; } .overview_button:hover {background-color:#01536D; transition: background-color 0.4s ease-in-out 0s; } -- GitLab