Commit 4b424ca7 authored by Stefan Dähling's avatar Stefan Dähling
Browse files

added logo to frontend

parent 24ccb779
Pipeline #341458 passed with stages
in 2 minutes and 29 seconds
......@@ -50,6 +50,7 @@ package ams
import (
"encoding/json"
"errors"
"fmt"
"net/http"
"os"
"strconv"
......@@ -99,11 +100,12 @@ func (localdepl *localDeployment) newMAS(masID int, images schemas.ImageGroups,
httpClient := &http.Client{Timeout: time.Second * 10}
_, statusCode, err = httpretry.Post(httpClient, "http://"+localdepl.hostName+
":8000/api/container", " ", js, time.Second*2, 2)
if err == nil {
if statusCode != http.StatusCreated {
err = errors.New("Cannot create agency")
return
}
if err != nil {
return
}
if statusCode != http.StatusCreated {
err = errors.New("Cannot create agency " + fmt.Sprint(temp))
return
}
localdepl.containers[masID]["mas-"+strconv.Itoa(masID)+"-im-"+strconv.Itoa(i)] = temp
}
......
......@@ -44,6 +44,13 @@ body {
background-color: rgb(200,200,200);
}
.sidebar img {
padding-top: 2em;
padding-left: 20%;
max-width: 60%;
height: auto;
}
.contentcontainer {
margin-left: 5cm;
height: 100%;
......@@ -56,8 +63,8 @@ body {
top: 0;
left: 0;
width: 100%;
background-color: rgb(75,0,130);
color: rgb(255,255,255);
background-color: rgb(102,102,255);
color: rgb(0,0,0);
}
.contentmenu {
......
......@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>cloneMAP UI</title>
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery.js"></script>
<script type="module" src="js/main.js"></script>
......@@ -11,17 +11,11 @@
<body>
<div class="maincontainer">
<div class="sidebar">
<p>cloneMAP</p>
<hr>
<ul>
<li><a href="#" id="sideoverview">Overview</a></li>
<li><a href="#" id="sideplatform">Platform</a></li>
</ul>
<p>MAS</p>
<a href="#" id="sideoverview"><img src="img/logo_tp.png" alt="cloneMAP"></a>
<hr>
<ul id="maslist">
<li><a href="#" class="masbutton" id="sidemas0">MAS0</a></li>
<li><a href="#" class="masbutton" id="sidemas1">MAS1</a></li>
<!-- <li><a href="#" class="masbutton" id="sidemas0">MAS0</a></li>
<li><a href="#" class="masbutton" id="sidemas1">MAS1</a></li> -->
</ul>
</div>
<div class="contentcontainer">
......@@ -35,54 +29,7 @@
</div>
<h2 class="contenttitle">Titel</h2>
<div class="content" id="textblock">
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
ContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContentContent
</div>
<div class="footer">
Footer
......
import * as request from "./request.js";
// initial website present
$(document).ready(function(){
$("#sideoverview").click(sideoverview);
$("#sideplatform").click(sideplatform);
updateSidebar();
sideoverview();
});
// callback for Overview button
function sideoverview(){
$(".modules").hide();
$("#headertitle").text("Overview");
......@@ -18,12 +16,7 @@ function sideoverview(){
// fetch('/api/ams/mas').then(response => response.json()).then(data => console.log(data));
}
function sideplatform(){
$(".modules").hide();
$("#headertitle").text("Platform");
contentPlatform();
}
// callback for mas buttons
function sidemas(){
$(".modules").show();
var masID = this.id.split("sidemas")
......@@ -31,6 +24,7 @@ function sidemas(){
contentAMS(parseInt(masID[1]))
}
// show sidebar and register callbacks for mas buttons
function updateSidebar(){
fetch('/api/ams/mas')
.then(response => response.json())
......@@ -44,16 +38,13 @@ function updateSidebar(){
})
}
// show content field for overview view
function contentOverview() {
$(".contenttitle").replaceWith("<h2 class=\"contenttitle\">Overview</h2>");
clearContent();
}
function contentPlatform() {
$(".contenttitle").replaceWith("<h2 class=\"contenttitle\">Platform</h2>");
clearContent();
}
// request info about mas and call function to show content
function contentAMS(masID){
// fetch('/api/ams/mas/'+masID.toString())
// .then(response => response.json())
......@@ -65,16 +56,19 @@ function contentAMS(masID){
request.get('/api/ams/mas/'+masID.toString(),showAMSContent)
}
// show content field for ams and specified mas
function showAMSContent(masInfo) {
$(".contenttitle").replaceWith("<h2 class=\"contenttitle\">MAS"+masInfo.id.toString()+"</h2>");
contentMasInfo(masInfo);
console.log(masInfo);
}
// clear content field
function clearContent() {
$(".content").empty();
}
// show content field for mas info
function contentMasInfo(masInfo) {
clearContent();
$(".content").append("<table id=\"masinfoid\"></table>");
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment