Besseres CSS; News
This commit is contained in:
@@ -2,6 +2,7 @@ html, body {
|
||||
margin: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #4b0600;
|
||||
}
|
||||
|
||||
.ticker {
|
||||
@@ -61,23 +62,56 @@ html, body {
|
||||
|
||||
|
||||
.main {
|
||||
float: left;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
height: 77vh;
|
||||
min-height: 77vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
float: left;
|
||||
background-color: #ccc;
|
||||
height: 77vh;
|
||||
width: 20vw;
|
||||
}
|
||||
|
||||
.content {
|
||||
float: left;
|
||||
background-color: #dcccaa;
|
||||
height: 77vh;
|
||||
width: 79vw;
|
||||
width: 80vw;
|
||||
padding-left: 1vw;
|
||||
}
|
||||
|
||||
.eingabemaske {
|
||||
border: 5px inset;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.eingabemaske table, th, td {
|
||||
border: 4px outset;
|
||||
}
|
||||
|
||||
.eingabemaske input {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.eingabemaske button {
|
||||
padding: 1em;
|
||||
border: 4px outset;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
#fehlermeldung {
|
||||
border: 4px outset;
|
||||
width: 50vw;
|
||||
}
|
||||
|
||||
nav {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.w-5 {
|
||||
width: 5vw;
|
||||
}
|
||||
|
||||
.h-5 {
|
||||
height: 5vh;
|
||||
}
|
||||
|
||||
10
public/css/ticker/ticker.css
Normal file
10
public/css/ticker/ticker.css
Normal file
@@ -0,0 +1,10 @@
|
||||
.split-left {
|
||||
float: left;
|
||||
width: 21%;
|
||||
}
|
||||
.split-right {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border-left: 1px dotted #000;
|
||||
padding-left: 30px;
|
||||
}
|
||||
12
public/js/intern.js
Normal file
12
public/js/intern.js
Normal file
@@ -0,0 +1,12 @@
|
||||
function setzeFehlermeldung(alertType, message){
|
||||
let f = $("#fehlermeldung");
|
||||
switch(alertType){
|
||||
case "success":
|
||||
f.css("border-color", "#0033cc");
|
||||
break;
|
||||
case "failure":
|
||||
f.css("border-color", "#cc3300");
|
||||
break;
|
||||
}
|
||||
f.html(message);
|
||||
}
|
||||
@@ -1,12 +1,3 @@
|
||||
function setzeFehlermeldung(alertType, message){
|
||||
let f = $("#fehlermeldung");
|
||||
|
||||
f.removeClass('alert-success').removeClass('alert-danger').removeClass('alert-primary');
|
||||
f.addClass('alert-' + alertType);
|
||||
f.html(message);
|
||||
}
|
||||
|
||||
|
||||
function login(){
|
||||
let data = {};
|
||||
data.mail = $("#mail").val();
|
||||
@@ -24,15 +15,15 @@ function login(){
|
||||
location.reload();
|
||||
break;
|
||||
case "failure":
|
||||
setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + d.errorMessage);
|
||||
setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + d.errorMessage);
|
||||
break;
|
||||
case "not permitted":
|
||||
setzeFehlermeldung("warning", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
|
||||
setzeFehlermeldung("failure", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
|
||||
break;
|
||||
}
|
||||
},
|
||||
error: function(d, status, errorThrown) {
|
||||
setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + errorThrown);
|
||||
setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + errorThrown);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@@ -1,12 +1,3 @@
|
||||
function setzeFehlermeldung(alertType, message){
|
||||
let f = $("#fehlermeldung");
|
||||
|
||||
f.removeClass('alert-success').removeClass('alert-danger').removeClass('alert-primary');
|
||||
f.addClass('alert-' + alertType);
|
||||
f.html(message);
|
||||
}
|
||||
|
||||
|
||||
function abschicken(){
|
||||
let data = {};
|
||||
data.mail = $("#mail").val();
|
||||
@@ -16,7 +7,7 @@ function abschicken(){
|
||||
|
||||
if(data.password !== $("#password_repeat").val()) {
|
||||
|
||||
setzeFehlermeldung("danger", "Ihr Kennwort stimmt nicht überein.");
|
||||
setzeFehlermeldung("failure", "Ihr Kennwort stimmt nicht überein.");
|
||||
for(let i=0; i<Math.random() * 10; i++){
|
||||
alert("Ihr Kennwort stimmt nicht überein.");
|
||||
}
|
||||
@@ -33,15 +24,15 @@ function abschicken(){
|
||||
setzeFehlermeldung("success", "Sie wurden erfolgreich registriert.")
|
||||
break;
|
||||
case "failure":
|
||||
setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + d.errorMessage);
|
||||
setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + d.errorMessage);
|
||||
break;
|
||||
case "not permitted":
|
||||
setzeFehlermeldung("warning", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
|
||||
setzeFehlermeldung("failure", "Sie sind nicht berechtigt diese Funktion zu nutzen.");
|
||||
break;
|
||||
}
|
||||
},
|
||||
error: function(d, status, errorThrown) {
|
||||
setzeFehlermeldung("danger", "Es ist ein Fehler geschehen: " + errorThrown);
|
||||
setzeFehlermeldung("failure", "Es ist ein Fehler geschehen: " + errorThrown);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -1,11 +1,57 @@
|
||||
function remove(lang){
|
||||
let s = [];
|
||||
let data = {};
|
||||
data["delete"] = [];
|
||||
$("#ticker_" + lang).each(function(){
|
||||
s.push($(this).val());
|
||||
data["delete"].push($(this).val());
|
||||
});
|
||||
console.log(JSON.stringify(data));
|
||||
|
||||
$.ajax({
|
||||
type: "DELETE",
|
||||
url: "/intern/ticker/remove",
|
||||
data: data,
|
||||
dataType: "json",
|
||||
success: function (d) {
|
||||
switch(d.messageStatus){
|
||||
case "success":
|
||||
setzeFehlermeldung(d.messageStatus, "Löschen erfolgreich!");
|
||||
location.reload();
|
||||
break;
|
||||
case "failure":
|
||||
setzeFehlermeldung(d.messageStatus, d.errorMessage);
|
||||
break;
|
||||
}
|
||||
},
|
||||
error: function (d, status, error) {
|
||||
setzeFehlermeldung("failure", error);
|
||||
}
|
||||
});
|
||||
console.log(JSON.stringify(s));
|
||||
}
|
||||
|
||||
function insert(lang){
|
||||
|
||||
let data = {};
|
||||
data.insert = $("#insert_" + lang).val();
|
||||
data.lang = lang;
|
||||
|
||||
$.ajax({
|
||||
type: "PUT",
|
||||
url: "/intern/ticker/add",
|
||||
data: data,
|
||||
dataType: "json",
|
||||
success: function (d) {
|
||||
switch(d.messageStatus){
|
||||
case "success":
|
||||
setzeFehlermeldung(d.messageStatus, "Einfügen erfolgreich!");
|
||||
location.reload();
|
||||
break;
|
||||
case "failure":
|
||||
setzeFehlermeldung(d.messageStatus, d.errorMessage);
|
||||
break;
|
||||
}
|
||||
},
|
||||
error: function (d, status, error) {
|
||||
setzeFehlermeldung("failure", error);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user