pfisjs/views/pcalimport_changes.jade

167 lines
6.3 KiB
Plaintext

include mixins_week
mixin show_changes(pentrys, n)
if(pentrys.length > 0)
fieldset
legend !{n}
each pentry in pentrys
- var my_uid = generateUID();
.panel.panel-primary(style="margin-left: 10px;")
.panel-heading
h3.panel-title(data-toggle="collapse", data-target="#"+my_uid, style="cursor: pointer;") !{pentry.name}
.small(style="font-size: 85%;")
i !{pentry.punit}
.panel-collapse.collapse(id=my_uid)
.panel-body
ul.nav.nav-tabs
each c in pentry.changes
- var cls = (c.idx === 0 ? "active" : "");
- c.tab_id = generateUID();
- var color = c.type === "new" ? "green" : (c.type==="remove" ? "red" : "gold")
li(class=cls, style="border-bottom: 3px solid " + color +";")
a(data-toggle="tab", href="#"+c.tab_id)
b !{c.user}
.tab-content(style="padding-left: 10px; padding-right: 10px;")
each c in pentry.changes
- var cls = (c.idx === 0 ? "active" : "");
- var clss = ["tab-pane", cls]
div(class=clss, id=c.tab_id)
.btn-group.btn-group-sm(style="margin-top: 10px;")
button.btn.btn-success Akzeptieren
button.btn.btn-danger(data-toggle="modal", data-target="#confirmReject") Ablehnen
.changes_details
if(c.type !== "new")
if(pentry.punit !== c.punit)
p(style="margin-bottom: 10px;")
b !{c.punit}
else
p.small(style="margin-bottom: 10px;")
b Gleicher pastoraler Kontext.
if(c.diff !== "")
p(style="margin-bottom: 0px;")
b Diff
pre
code !{c.diff}
p(style="margin-bottom: 0px;")
b Roh-Daten
pre
code !{c.data}
mixin pday_with_changes(pday)
.panel.panel-default(data-date=pday.date)
.panel-heading
h3.panel-title(data-toggle="collapse", data-target="#PANEL_#{pday.date}", aria-expanded="false", aria-controls="PANEL_#{pday.date}", style="cursor: pointer;") !{pday.date_pretty}
.panel-collapse.collapse(id="PANEL_#{pday.date}")
.panel-body(style="padding: 10px;")
- var celebration_printed = false;
.day_details
table(width="100%")
+week_day_mobile(pday.day)
mixin show_pentry_changes(pentry, data)
- var cls_pentry = (data.idx === 0 ? "active" : ""); data.idx++;
- var clss_pentry = ["tab-pane", cls_pentry]
div.pentry_marker(class=clss_pentry, id=pentry.uid, style="height: 100%; padding-left: 15px;", data-pentry-uuid=pentry.uuid, data-pentry-type=pentry.pentry_type)
div(style="height: 100%; display: flex; flex-direction: column;")
ul.nav.nav-tabs
each c in pentry.changes
- var cls = (c.idx === 0 ? "active" : "");
- c.tab_id = generateUID();
- var color = c.type === "new" ? "green" : (c.type==="remove" ? "red" : "gold")
li(class=cls, style="border-bottom: 3px solid " + color +";")
a(data-toggle="tab", href="#"+c.tab_id)
b !{c.user}
.tab-content(style="padding-left: 10px; padding-right: 10px; flex: 1; overflow: auto; border-left: 1px solid #ddd;")
each c in pentry.changes
- var cls = (c.idx === 0 ? "active" : "");
- var clss = ["tab-pane", cls]
div(class=clss, id=c.tab_id, style="height: 100%;", data-change-idx=c.idx, data-change-type=c.type)
.btn-group.btn-group-sm(style="margin-top: 10px;")
button.btn.btn-success Akzeptieren
button.btn.btn-danger(data-toggle="modal", data-target="#confirmReject") Ablehnen
.changes_details
p.change_info(style="display: none; margin-bottom: 10px;")
if(c.age !== "")
p(style="margin-bottom: 10px;")
b Alter: !{c.age}
if(c.type !== "new")
if(pentry.punit !== c.punit)
p(style="margin-bottom: 10px;")
b !{c.punit}
else
p.small(style="margin-bottom: 10px;")
b Gleicher pastoraler Kontext.
if(c.diff !== "")
p(style="margin-bottom: 0px;")
b Diff
pre
code !{c.diff}
p(style="margin-bottom: 0px;")
b Roh-Daten
pre
code !{c.data}
mixin show_pentry_changes_menu(pentries, name, data)
if(pentries.length > 0)
p(style="margin-bottom: 0px;")
b !{name}
each elem in pentries
- var cls_elem = (data.idx === 0 ? "active" : ""); data.idx++;
- elem.uid = generateUID();
li(class=cls_elem)
a(data-toggle="pill", href="#" + elem.uid) !{elem.name}
.small !{elem.punit}
hr
div(style="width: 200px; overflow: auto; padding-left: 15px;")
ul.nav.nav-pills.nav-stacked
- var idx = 0;
each pday in changes
- var cls = (idx === 0 ? "active" : ""); idx++;
- pday.uid = generateUID();
li(class=cls)
a(data-toggle="pill", href="#"+pday.uid) !{pday.date_pretty}
div(style="flex: 1; padding-left: 20px;")
.tab-content(style="height: 100%;")
- var idx = 0;
each pday in changes
- var cls = (idx === 0 ? "active" : ""); idx++;
- var clss = ["tab-pane", cls]
div(class=clss, id=pday.uid, style="height: 100%;")
div(style="display: flex; flex-direction: column; overflow: hidden; height: 100%;")
//- var celebration_printed = false;
.day_details(style="border-bottom: 2px solid #000000;")
table(style="width: 100%;")
+week_day_mobile(pday.day)
.subroot.pday_marker(style="flex: 1; flex-direction: row; padding-top: 10px;", data-pday-date=pday.date)
div(style="width: 250px; overflow: auto;")
- var data = { idx: 0 };
ul.nav.nav-pills.nav-stacked
+show_pentry_changes_menu(pday.events, "Ereignisse", data)
+show_pentry_changes_menu(pday.todos, "Zu Tun", data)
+show_pentry_changes_menu(pday.away, "Abwesenheiten", data)
+show_pentry_changes_menu(pday.keep_in_mind, "Zu Beachten", data)
+show_pentry_changes_menu(pday.vehicle_use, "Fahrzeugbenutzung", data)
div(style="flex: 1;")
.tab-content(style="height: 100%;")
- var data = { idx: 0 };
each pentry in pday.events
+show_pentry_changes(pentry, data)
each pentry in pday.todos
+show_pentry_changes(pentry, data)
each pentry in pday.away
+show_pentry_changes(pentry, data)
each pentry in pday.keep_in_mind
+show_pentry_changes(pentry, data)
each pentry in pday.vehicle_use
+show_pentry_changes(pentry, data)