Skip to content

GitLab

Verified Commit 99caa4ac authored by Raphael Fetzer's avatar Raphael Fetzer 👷
Browse files

Logo wahlweise rechtsbündig

parent 97d80654
Hide whitespace changes
Inline Side-by-side
css/zertifikat.css
View file @ 99caa4ac
......@@ -83,6 +83,15 @@ a {
padding: 2em;
}
.radio {
margin-left: 15px !important;
}
.radio label {
margin-right: 35px;
padding-left: 0;
}
.jumbotron {
background-color: white;
}
......
index.html
View file @ 99caa4ac
......@@ -78,7 +78,7 @@
<!-- File Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="filebutton">Logo</label>
<label class="col-md-4 control-label">Logo</label>
<div class="col-md-6">
<div class="checkbox">
<label for="logo">
......@@ -88,6 +88,15 @@
<span class="help-block">Wird kein eigenes Logo hochgeladen, wird das OpenOlat-Logo angezeigt.</span>
</div>
</div>
<label class="col-md-4 control-label">Logo-Ausrichtung</label>
<div class="col-md-6">
<div class="radio">
  <input type="radio" id="logo-alignment-left" name="logo-alignment" value="left" checked>
  <label for="logo-alignment-left">Linksbündig</label>
  <input type="radio" id="logo-alignment-right" name="logo-alignment" value="right">
  <label for="logo-alignment-right">Rechtsbündig</label>
</div>
</div>
</div>
<div class="form-group">
......
js/certibot.js
View file @ 99caa4ac
......@@ -58,12 +58,19 @@ function BuildZIP() {
margin-top: 1em;\n\
}\n\
\n\
/* Rechts oben das Ausstellungsdatum und die ausstellenden Personen platzieren */\n\
/* Das Ausstellungsdatum und die ausstellenden Personen platzieren */\n\
.meta {\n\
float: right;\n\
text-align: right;\n\
font-size: 80%;\n\
max-width: 40%;\n\
min-height: 9em;\n\
}\n\
.meta.right {\n\
float: right;\n\
text-align: right;\n\
}\n\
.meta.left {\n\
float: left;\n\
text-align: left;\n\
}\n\
.praeambel {\n\
margin-top: 3em;\n\
......@@ -94,6 +101,10 @@ function BuildZIP() {
.left {\n\
text-align: left;\n\
}\n\
/* Rechtsbündiger Text */\n\
.right {\n\
text-align: right;\n\
}\n\
/* Leere Absätze nicht anzeigen (z.B. leere optionale Variablen) */\n\
p:empty {\n\
display: none;\n\
......@@ -155,14 +166,21 @@ function BuildZIP() {
</head>\n\
\n\
<body>";
// Meta/Header
zertifikat += "\n\
<div class=\"meta\">\n\
<p>Ausstellungsdatum:<br />$dateCertification</p>\n\
var logo_alignment_left = true;
// Logo rechtsbündig
if ((document.getElementById("logo").checked) && (document.getElementById("logo-alignment-right").checked)){
logo_alignment_left = false;
}
// Meta/Header je nach Logoausrichtung auf der gegenüberliegenden Seite
zertifikat += "\n<div class=\"meta " + (logo_alignment_left ? "right" : "left") + "\">";
zertifikat += "\n<p>Ausstellungsdatum:<br />$dateCertification</p>\n\
<p>Ausgestellt durch:<br />$authors</p>\n\
</div>";
// Logo verwenden
if (document.getElementById("logo").checked){
......@@ -174,12 +192,8 @@ function BuildZIP() {
// Standardlogo verwenden
files.push("logo.png");
}
zertifikat += "\n\
<div class=\"logo left\">\n\
<img src=\"" + logoname + "\">\n\
</div>";
zertifikat += "\n<div class=\"logo " + (logo_alignment_left ? "left" : "right") + "\">\n <img src=\"" + logoname + "\">\n</div>";
}
if (document.getElementById("qrcode").checked){
......
Markdown is supported
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