Besseres CSS; News

This commit is contained in:
2026-03-25 00:02:08 +01:00
parent ae9592902c
commit 7bf444123d
17 changed files with 310 additions and 107 deletions

View File

@@ -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;
}

View 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
View 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);
}

View File

@@ -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);
}
});

View File

@@ -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);
}
});
}

View File

@@ -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);
}
});
}