fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nicer profile-page and niver global anchor-tags

Browse Source
This commit is contained in:
Felix Hamann 2018-07-05 23:24:55 +02:00
parent c114e29437
commit ed0c2dd88b
2 changed files with 172 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
templates/default-layout.lucius
View File

@ -177,6 +177,10 @@ h4 {
margin: 20px 0; margin: 20px 0;
} }
a {
text-decoration: underline;
}
p { p {
margin: 10px 0; margin: 10px 0;
} }
@ -243,7 +247,7 @@ h4 {
input[type="submit"], input[type="submit"],
input[type="button"], input[type="button"],
button, button,
.btn, a.btn { .btn {
outline: 0; outline: 0;
border: 0; border: 0;
box-shadow: 0; box-shadow: 0;
@ -255,10 +259,7 @@ button,
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
text-decoration: none;
a {
color: white;
}
a:hover { a:hover {
color: white; color: white;
@ -268,7 +269,6 @@ button,
input[type="submit"][disabled], input[type="submit"][disabled],
input[type="button"][disabled], input[type="button"][disabled],
button[disabled], button[disabled],
a.btn[disabled],
.btn[disabled] { .btn[disabled] {
opacity: 0.3; opacity: 0.3;
background-color: var(--color-grey); background-color: var(--color-grey);
@ -278,32 +278,28 @@ a.btn[disabled],
input[type="submit"]:not([disabled]):hover, input[type="submit"]:not([disabled]):hover,
input[type="button"]:not([disabled]):hover, input[type="button"]:not([disabled]):hover,
button:not([disabled]):hover, button:not([disabled]):hover,
a.btn:not([disabled]):hover,
.btn:not([disabled]):hover { .btn:not([disabled]):hover {
background-color: var(--color-light); background-color: var(--color-light);
text-decoration: underline; text-decoration: underline;
color: white; color: white;
} }
input.btn-primary, .btn-primary {
button.btn-primary,
a.btn.btn-primary,
.btn.btn-primary {
background-color: var(--color-primary); background-color: var(--color-primary);
} }
input.btn-info, .btn-info {
button.btn-info,
a.btn.btn-info,
.btn.btn-info {
background-color: var(--color-info) background-color: var(--color-info)
} }
.btn--small {
padding: 4px 7px;
background-color: var(--color-darker);
}
input[type="submit"].btn-info:hover, input[type="submit"].btn-info:hover,
input[type="button"].btn-info:hover, input[type="button"].btn-info:hover,
button.btn-info:hover, .btn-info:hover {
a.btn.btn-info:hover,
.btn.btn-info:hover {
background-color: var(--color-grey) background-color: var(--color-grey)
} }
@ -311,6 +307,10 @@ a.btn.btn-info:hover,
.table { .table {
margin: 21px 0; margin: 21px 0;
width: 100%; width: 100%;
a {
text-decoration: none;
}
} }
.table--striped { .table--striped {
@ -407,3 +407,65 @@ a.btn.btn-info:hover,
color: var(--color-font); color: var(--color-font);
} }
} }
.table--condensed {
margin: 0;
.table__th,
.table__td {
padding: 4px 8px;
}
}
/* UNORDERED LIST */
.list-ul__item {
// padding: 4px 0;
line-height: 25px;
}
/* DEFINITION LIST */
.deflist {
display: grid;
grid-template-columns: 100% ;
}
.deflist__dt,
.deflist__dd {
padding: 4px 0;
}
.deflist__dt {
font-weight: 600;
font-size: 20px;
/* bad. avoid this. */
> a {
font-size: 16px;
}
}
.deflist__dd {
margin-bottom: 13px;
}
@media (min-width: 768px) {
.deflist {
grid-template-columns: repeat(2, max-content);
}
.deflist__dt,
.deflist__dd {
border-bottom: 1px solid #d3d3d3;
padding: 12px 0;
margin: 0;
&:last-of-type {
border: 0;
}
}
.deflist__dt {
padding-right: 24px;
font-size: 16px;
}
}

164
templates/profile.hamlet
View File

@ -1,77 +1,97 @@
<div .profile> <div .profile>
<div .scrolltable> <dl .deflist.profile-dl>
<table .table.table--striped.table--hover.table--vertical> <dt .deflist__dt> _{MsgName}
<tr.table__row> <dd .deflist__dd> #{display userDisplayName}
<th .table__th> _{MsgName} <dt .deflist__dt> _{MsgMatrikelNr}
<td .table__td> #{display userDisplayName} <dd .deflist__dd> #{display userMatrikelnummer}
<tr.table__row> <dt .deflist__dt> _{MsgEMail}
<th .table__th> _{MsgMatrikelNr} <dd .deflist__dd> #{display userEmail}
<td .table__td> #{display userMatrikelnummer} <dt .deflist__dt> _{MsgIdent}
<tr.table__row> <dd .deflist__dd> #{display userIdent}
<th .table__th> _{MsgEMail} <dt .deflist__dt> _{MsgPlugin}
<td .table__td> #{display userEmail} <dd .deflist__dd> #{display userPlugin}
<tr.table__row> $if not $ null admin_rights
<th .table__th> _{MsgIdent} <dt .deflist__dt> Administrator
<td .table__td> #{display userIdent} <dd .deflist__dd>
<tr.table__row> <ul .list-ul>
<th .table__th> _{MsgPlugin} $forall institute <- admin_rights
<td .table__td> #{display userPlugin} <li .list-ul__item>#{display institute}
$if not $ null admin_rights $if not $ null lecturer_rights
<tr.table__row> <dt .deflist__dt> Lehrberechtigt
<th .table__th> Administrator <dd .deflist__dd>
<td .table__td> <ul .list-ul>
<ul> $forall institute <- lecturer_rights
$forall institute <- admin_rights <li .list-ul__item>#{display institute}
<li>#{display institute} $if not $ null lecture_owner
$if not $ null lecturer_rights <dt .deflist__dt> Eigene Kurse
<tr.table__row> <dd .deflist__dd>
<th .table__th> Lehrberechtigt <ul .list-ul>
<td .table__td> $forall (E.Value csh, E.Value tid) <- lecture_owner
<ul> <li .list-ul__item>
$forall institute <- lecturer_rights <a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh}
<li>#{display institute} $if not $ null lecture_corrector
$if not $ null lecture_owner <dt .deflist__dt> Korrektor
<tr.table__row> <dd .deflist__dd>
<th .table__th> Eigene Kurse <ul .list-ul>
<td .table__td> $forall (E.Value csh, E.Value tid) <- lecture_corrector
<ul> <li .list-ul__item>
$forall (E.Value csh, E.Value tid) <- lecture_owner <a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh}
<li> $if not $ null studies
<a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh} <dt .deflist__dt> Studiengänge
$if not $ null lecture_corrector <dd .deflist__dd>
<tr.table__row> <div .scrolltable>
<th .table__th> Korrektor <table .table.table--striped.table--hover.table--condensed>
<td .table__td> <tr .table__row>
<ul> <th .table__th> Abschluss
$forall (E.Value csh, E.Value tid) <- lecture_corrector <th .table__th> Studiengang
<li> <th .table__th> Studienart
<a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh} <th .table__th> Semester
$if not $ null studies
<tr.table__row>
<th .table__th> Studiengänge
<td .table__td>
<table .table .table-striped .table-hover>
<tr.table__row>
<th .table__th> Abschluss
<th .table__th> Studiengang
<th .table__th> Studienart
<th .table__th> Semester
$forall (degree,field,fieldtype,semester) <- studies $forall (degree,field,fieldtype,semester) <- studies
<tr.table__row> <tr.table__row>
<td .table__td> #{display degree} <td .table__td> #{display degree}
<td .table__td> #{display field} <td .table__td> #{display field}
<td .table__td> #{display fieldtype} <td .table__td> #{display fieldtype}
<td .table__td> #{display semester} <td .table__td> #{display semester}
$if not $ null participant
<tr.table__row> <dt .deflist__dt> Studiengänge
<th .table__th> Teilnehmer <dd .deflist__dd>
<td .table__td> <div .scrolltable>
<ul> <table .table.table--striped.table--hover.table--condensed>
$forall (E.Value csh, E.Value tid, regSince) <- participant <tr .table__row>
<li> <th .table__th> Abschluss
<a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh} <th .table__th> Studiengang
seit #{display regSince} <th .table__th> Studienart
<th .table__th> Semester
<tr.table__row>
<td .table__td> Zelle
<td .table__td> Zelle
<td .table__td> Zelle
<td .table__td> Zelle
<tr.table__row>
<td .table__td> Zelle
<td .table__td> Zelle
<td .table__td> Zelle
<td .table__td> Zelle
<tr.table__row>
<td .table__td> Zelle
<td .table__td> Zelle
<td .table__td> Zelle
<td .table__td> Zelle
$if not $ null participant
<dt .deflist__dt> Teilnehmer
<dd .deflist__dd>
<dl .deflist>
$forall (E.Value csh, E.Value tid, regSince) <- participant
<dt .deflist__dt>
<a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh}
<dd .deflist__dd>
seit #{display regSince}
^{settingsForm} ^{settingsForm}