You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
676 lines
27 KiB
676 lines
27 KiB
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="tb-margin" content="0">
|
|
<meta name="tb-orientation" content="portrait">
|
|
<meta name="tb-option-song-titles" content="no">
|
|
<meta name="tb-option-mwb-number" content="yes">
|
|
<meta name="tb-option-wt-number" content="yes">
|
|
<meta name="tb-option-duration" content="yes">
|
|
<meta name="author" content="Samuel Zielke">
|
|
<title>Combined Schedule (colorful)</title>
|
|
<link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Lato:400,400italic,700" rel="stylesheet" type="text/css">
|
|
<script>window.weekdate = [];</script>
|
|
<style type="text/css">
|
|
body { margin: 0; padding: 0; font-family: 'Lato',sans-serif; font-size: 0.750rem; }
|
|
table { font-size: inherit; width: 100%; margin: 0; border-collapse: collapse; }
|
|
td { height: 1.500rem; padding: 0; vertical-align: middle; position: relative; }
|
|
hr { border: 0; height: 0.100rem; background-color: #cccccc; margin: 0 6.000rem; }
|
|
h1, h2, h3 { font-family: 'Ubuntu Condensed',serif; text-align: center; }
|
|
h2, h3, h4 { text-transform: uppercase; }
|
|
h1 { font-size: 2.000rem; font-weight: normal; color: black; margin: 1.500rem 0 0 0; }
|
|
h2 { font-size: 1.250rem; font-weight: normal; color: black; margin: 0; }
|
|
h3 { font-size: 1.125rem; font-weight: bold; color: white; margin: 0 0.250rem; }
|
|
h4 { font-size: 1.000rem; font-weight: bold; margin: 0 0.500rem; }
|
|
p { margin: 0 0.500rem; line-height: 0.750rem; }
|
|
svg { margin: auto; display: block; }
|
|
.info { font-weight: normal; color: gray; }
|
|
.theme { font-weight: bold; color: black; }
|
|
.name { font-weight: normal; font-style: italic; color: #333333; text-align: right; white-space: nowrap; }
|
|
.infobox { width: 1.000rem; height: 1.000rem; line-height: 1.000rem; font-size: 0.625rem; font-weight: bold; text-align: center; color: white; }
|
|
.starttime { width: auto; height: 1.500rem; line-height: 1.500rem; margin: auto; font-size: 0.625rem; color: black; }
|
|
.duration { margin: auto 0 auto auto; }
|
|
.counselgw { width: 1.500rem; height: 1.500rem; line-height: 1.500rem; font-size: 0.625rem; font-weight: bold; text-align: center; position: absolute; top: 0; left: 0; right:0; bottom: 0; color: white; background-color: rgba(101, 97, 100, 1); }
|
|
.counselfm { width: 1.500rem; height: 1.500rem; line-height: 1.500rem; font-size: 0.625rem; font-weight: bold; text-align: center; position: absolute; top: 0; left: 0; right:0; bottom: 0; color: white; background-color: rgba(199, 137, 9, 1); }
|
|
.gw { color: rgba(101, 97, 100, 1); }
|
|
.fm { color: rgba(199, 137, 9, 1); }
|
|
.cl { color: rgba(153, 19, 30, 1); }
|
|
.pt { color: rgba(47, 72, 112, 1); }
|
|
.wt { color: rgba(77, 101, 77, 1); }
|
|
.gwb { background-color: rgba(101, 97, 100, 1); }
|
|
.gwb50 { background-color: rgba(101, 97, 100, 0.5); }
|
|
.fmb { background-color: rgba(199, 137, 9, 1); }
|
|
.fmb50 { background-color: rgba(199, 137, 9, 0.5); }
|
|
.clb { background-color: rgba(153, 19, 30, 1); }
|
|
.clb50 { background-color: rgba(153, 19, 30, 0.5); }
|
|
.ptb { background-color: rgba(47, 72, 112, 1); }
|
|
.ptb50 { background-color: rgba(47, 72, 112, 0.5); }
|
|
.wtb { background-color: rgba(77, 101, 77, 1); }
|
|
.wtb50 { background-color: rgba(77, 101, 77, 0.5); }
|
|
.cob { background-color: #333333; }
|
|
.osb50 { background-color: rgba(169, 146, 140, 0.5); }
|
|
.t { background-color: rgba(5, 72, 81, 0.1); }
|
|
.s { background-color: lightgray; }
|
|
#gw { margin: 0 3.000rem; background-color: rgba(101, 97, 100, 0.1); }
|
|
#fm { margin: 0.250rem 3.000rem; background-color: rgba(199, 137, 9, 0.1); }
|
|
#cl { margin: 0 3.000rem; background-color: rgba(153, 19, 30, 0.1); }
|
|
#pt { margin: 0 3.000rem; background-color: rgba(47, 72, 112, 0.1); }
|
|
#wt { margin: 0.250rem 3.000rem 0 3.000rem; background-color: rgba(77, 101, 77, 0.1); }
|
|
#os { margin: 0 3.000rem; background-color: rgba(169, 146, 140, 0.1); }
|
|
#t { margin: 0 3.000rem; background-color: rgba(8, 161, 181, 0.1); }
|
|
#s { margin: 0 3.000rem; background-color: rgba(210, 214, 214, 0.373); }
|
|
#other { margin: 0.250rem 3.000rem; }
|
|
#outgoing { margin: 0 3.000rem; }
|
|
#technik { margin: 0 3.000rem; }
|
|
#week { page-break-after: always; }
|
|
div#outgoing:not(:first-child) { display: none; }
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<p>!REPEAT_START!</p>
|
|
<div id="week">
|
|
<section id="header">
|
|
<h2 style="color: black; margin-top: 1rem; margin-bottom: -1rem;">
|
|
!CONGREGATION_TITLE! - !WEEKSTARTING!#IF !EXCEPTION!# (!EXCEPTION!)#ELSEIF !CONVENTION!# (!EXCEPTION! !NO_MEETING!)#ENDIF#
|
|
<br>
|
|
<p style="font-size: 0.75rem; color: gray;">Zoom-Versammlung: ID:612 011 9044 / PW: 918 915</p>
|
|
</h2>
|
|
</section>
|
|
<p style="display: none;">!Service_START!</p>
|
|
<div id="technik">
|
|
<table style="margin-top: 2.000rem;">
|
|
<tr>
|
|
<td style="width: 2.750rem; background-color: rgba(210, 214, 214, 0.373);">
|
|
<td style="background-color: rgba(210, 214, 214, 0.373); padding-left: 0.250rem;">
|
|
<h3 style="text-align: left; color: gray;">Infos und Predigtdienst</h3>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="s">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;"><div class="infobox starttime s">Infos</div></td>
|
|
<td><p class="theme" style="text-align: left"><b>Gastfreundschaft </b> <span class="info CustomElem"></p></td>
|
|
<td><p class="theme" style="text-align: left"><b>Reinigung </b> <span class="info CustomElem"></p></td>
|
|
<td><p class="theme" style="text-align: left"><b>Zoom-Dienst</b> <span class="info">ID: 922 886 3912 / PW: 918915</p></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 2.750rem;"><div class="infobox starttime s">Dienst</div></td>
|
|
<td><p class="theme" style="text-align: left"><b><span class="CustomElem"></span><span class="CustomElem"></span></b><br> <span class="info CustomElem"></span><span class="info CustomElem"></span></p></td>
|
|
<td><p class="theme" style="text-align: left"><b><span class="CustomElem"></span><span class="CustomElem"></span></b><br> <span class="info CustomElem"></span><span class="info CustomElem"></span></p></td>
|
|
<td><p class="theme" style="text-align: left"><b><span class="CustomElem"></span><span class="CustomElem"></span></b><br> <span class="info CustomElem"></span><span class="info CustomElem"></span></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 2.750rem;"><div class="infobox starttime s">Dienst</div></td>
|
|
<td><p class="theme" style="text-align: left"><b><span class="CustomElem"></span><span class="CustomElem"></span></b><br> <span class="info CustomElem"></span><span class="info CustomElem"></span></p></td>
|
|
<td><p class="theme" style="text-align: left"><b><span class="CustomElem"></span><span class="CustomElem"></span></b><br> <span class="info CustomElem"></span><span class="info CustomElem"></span></p></td>
|
|
<td><p class="theme" style="text-align: left"><b><span class="CustomElem"></span><span class="CustomElem"></span></b><br> <span class="info CustomElem"></span><span class="info CustomElem"></span></p></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p style="display: none;">!Service_END!</p>
|
|
<p>!MIDWEEK_START!</p>
|
|
<div id="other">
|
|
<table style="margin-top: 1.5rem;">
|
|
<tr>#IF !MWB_NO!#
|
|
<td style="width: 2.750rem; background-color: !MWB_LIGHT_COLOR!;">
|
|
</td>#ENDIF#
|
|
<td style="background-color: !MWB_LIGHT_COLOR!; padding-left: 0.250rem;">
|
|
<h3 style="text-align: left; color: #4e5a5a;;">!TITLE! (!DATE ddd dd.MM.!#IF !DURATION!# - !BEGIN! !LM_STARTTIME!#ENDIF#)</h3>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>#IF !NO_MEETING_EXCEPTION! EMPTY#</p>
|
|
<div id="other">
|
|
<table>
|
|
<!--Opening Song-->
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION! EMPTY#
|
|
<div class="infobox starttime" style="background-color: !MWB_LIGHT_COLOR!;">!SONG1_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="info">!SONG! !SONG1_NO!#IF !SONG1_NAME!#: !SONG1_NAME!#ENDIF# & !PRAYER! #IF !PRAYER1_NAME!#<span class="name">(!PRAYER1_NAME!)</span>#ENDIF#</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!LM_CHAIRMAN! <span class="info">(!CHAIRMAN!)</span>#IF !COUNSELOR_A1!#<span class="name"> / !COUNSELOR_A1! <span class="info">(!COUNSELOR! !AUX_SHORT!1)</span></span>#IF !COUNSELOR_A2!#<span class="name"> / !COUNSELOR_A2!
|
|
<span class="info">(!COUNSELOR! !AUX_SHORT!2)</span></span></p>#ENDIF##ENDIF#
|
|
</td>
|
|
</tr>
|
|
<!--Opening Comments-->
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration" style="background-color: !MWB_LIGHT_COLOR!; color: black;">1</div>#ELSE#
|
|
<div class="infobox starttime" style="background-color: !MWB_LIGHT_COLOR!;">!OC_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td colspan="2">
|
|
<p class="theme">!OPENING!</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="gw">
|
|
<table>
|
|
<!--GW Title-->
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration gw"></div>#ELSE#
|
|
<div class="infobox starttime gw"></div>#ENDIF#
|
|
</td>
|
|
<td colspan="4">
|
|
<p><b><span class="gw">!GW! (!LM_SOURCE!)</span></b></p>
|
|
</td>
|
|
</tr>
|
|
<!--GW Talk-->
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION!#<div class="infobox duration gwb">!GW1_TIME!</div>#ELSE#
|
|
<div class="infobox starttime gwb50">!GW1_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td colspan="3">
|
|
<p class="theme">!GW1_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!GW1_SPEAKER!</p>
|
|
</td>
|
|
</tr>
|
|
<!--GW Digging-->
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration gwb">!GW2_TIME!</div>#ELSE#
|
|
<div class="infobox starttime gwb50">!GW2_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td colspan="3">
|
|
<p class="theme">!GW2_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!GW2_SPEAKER!</p>
|
|
</td>
|
|
</tr>
|
|
<!--GW Bible Reading-->
|
|
<tr>
|
|
<td>#IF !GW3_SPEAKER_B! EMPTY#</td>
|
|
<td>
|
|
#IF !DURATION!#<div class="infobox duration gwb">!GW3_TIME!</div>
|
|
#ELSE#<div class="infobox starttime gwb50">!GW3_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td colspan="3">
|
|
<p class="theme">!GW3_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!GW3_SPEAKER_A!</p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<td>#IF !GW3_SPEAKER_B!#</td>
|
|
<td style="width: 2.750rem;">
|
|
#IF !DURATION!#<div class="infobox duration gwb">!GW3_TIME!</div>
|
|
#ELSE#<div class="infobox starttime gwb50">!GW3_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!GW3_THEME!</p>
|
|
</td>
|
|
<td>#IF !GW3_SPEAKER_C!#</td>
|
|
<td style="width: 25%; background-color: rgba(0,0,0,0.2);">
|
|
<p class="name">!GW3_SPEAKER_C!</p>
|
|
<div class="infobox counselgw">!AUX_SHORT!2</div>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td style="width: 25%; background-color: rgba(0,0,0,0.1);">
|
|
<p class="name">!GW3_SPEAKER_B!</p>
|
|
<div class="infobox counselgw">!AUX_SHORT!1</div>
|
|
</td>
|
|
<td style="width: 25%;">
|
|
<p class="name">!GW3_SPEAKER_A!</p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="fm">
|
|
<table>
|
|
<!--FM Title-->
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION!#<div class="infobox duration fm"></div>#ELSE#
|
|
<div class="infobox starttime fm"></div>#ENDIF#
|
|
</td>
|
|
<td colspan="4">
|
|
<p><b><span class="fm">!FM!</span></b></p>
|
|
</td>
|
|
</tr>
|
|
<!--FM Talk 1-->
|
|
<tr>
|
|
<td>
|
|
#IF !DURATION!#<div class="infobox duration fmb">!FM1_TIME!</div>
|
|
#ELSE#<div class="infobox starttime fmb50">!FM1_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!FM1_THEME!</p>
|
|
</td>
|
|
<td>#IF !FM1_SPEAKER_C!#</td>
|
|
<td style="width: 25%; background-color: rgba(0,0,0,0.2);">
|
|
<p class="name">!FM1_SPEAKER_C!#IF !FM1_ASSISTANT_C!#<br><span class="info">!FM1_ASSISTANT_C!#ENDIF#</span></p>
|
|
<div class="infobox counselfm">!AUX_SHORT!2</div>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>#IF !FM1_SPEAKER_B!#</td>
|
|
<td style="width: 25%; background-color: rgba(0,0,0,0.1);">
|
|
<p class="name">!FM1_SPEAKER_B!#IF !FM1_ASSISTANT_B!#<br><span class="info">!FM1_ASSISTANT_B!#ENDIF#</span></p>
|
|
<div class="infobox counselfm">!AUX_SHORT!1</div>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td style="width: 25%;">
|
|
<p class="name">!FM1_SPEAKER_A!#IF !FM1_ASSISTANT_A!#<br><span class="info">!FM1_ASSISTANT_A!#ENDIF#</span></p>
|
|
</td>
|
|
</tr>
|
|
<!--FM Talk 2-->
|
|
<tr>
|
|
<td>
|
|
#IF !DURATION!#<div class="infobox duration fmb">!FM2_TIME!</div>
|
|
#ELSE#<div class="infobox starttime fmb50">!FM2_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!FM2_THEME!</p>
|
|
</td>
|
|
<td>#IF !FM2_SPEAKER_C!#</td>
|
|
<td style="background-color: rgba(0,0,0,0.2);">
|
|
<p class="name">!FM2_SPEAKER_C!#IF !FM2_ASSISTANT_C!#<br><span class="info">!FM2_ASSISTANT_C!#ENDIF#</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>#IF !FM2_SPEAKER_B!#</td>
|
|
<td style="background-color: rgba(0,0,0,0.1);">
|
|
<p class="name">!FM2_SPEAKER_B!#IF !FM2_ASSISTANT_B!#<br><span class="info">!FM2_ASSISTANT_B!#ENDIF#</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>
|
|
<p class="name">!FM2_SPEAKER_A!#IF !FM2_ASSISTANT_A!#<br><span class="info">!FM2_ASSISTANT_A!#ENDIF#</span></p>
|
|
</td>
|
|
</tr>
|
|
<!--FM Talk 3-->
|
|
#IF !FM3_THEME!#
|
|
<tr>
|
|
<td>
|
|
#IF !DURATION!#<div class="infobox duration fmb">!FM3_TIME!</div>
|
|
#ELSE#<div class="infobox starttime fmb50">!FM3_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!FM3_THEME!</p>
|
|
</td>
|
|
<td>#IF !FM3_SPEAKER_C!#</td>
|
|
<td style="background-color: rgba(0,0,0,0.2);">
|
|
<p class="name">!FM3_SPEAKER_C!#IF !FM3_ASSISTANT_C!#<br><span class="info">!FM3_ASSISTANT_C!#ENDIF#</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>#IF !FM3_SPEAKER_B!#</td>
|
|
<td style="background-color: rgba(0,0,0,0.1);">
|
|
<p class="name">!FM3_SPEAKER_B!#IF !FM3_ASSISTANT_B!#<br><span class="info">!FM3_ASSISTANT_B!#ENDIF#</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>
|
|
<p class="name">!FM3_SPEAKER_A!#IF !FM3_ASSISTANT_A!#<br><span class="info">!FM3_ASSISTANT_A!#ENDIF#</span></p>
|
|
</td>
|
|
</tr>
|
|
#ENDIF#
|
|
<!--FM Talk 4-->
|
|
#IF !FM4_THEME!#
|
|
<tr>
|
|
<td>
|
|
#IF !DURATION!#<div class="infobox duration fmb">!FM4_TIME!</div>
|
|
#ELSE#<div class="infobox starttime fmb50">!FM4_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!FM4_THEME!</p>
|
|
</td>
|
|
<td>#IF !FM4_SPEAKER_C!#</td>
|
|
<td style="background-color: rgba(0,0,0,0.2);">
|
|
<p class="name">!FM4_SPEAKER_C!#IF !FM4_ASSISTANT_C!#<br><span class="info">!FM4_ASSISTANT_C!#ENDIF#</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>#IF !FM4_SPEAKER_B!#</td>
|
|
<td style="background-color: rgba(0,0,0,0.1);">
|
|
<p class="name">!FM4_SPEAKER_B!#IF !FM4_ASSISTANT_B!#<br><span class="info">!FM4_ASSISTANT_B!#ENDIF#</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
<td>
|
|
<p class="name">!FM4_SPEAKER_A!#IF !FM4_ASSISTANT_A!#<br><span class="info">!FM4_ASSISTANT_A!#ENDIF#</span></p>
|
|
</td>
|
|
</tr>
|
|
#ENDIF#
|
|
</table>
|
|
</div>
|
|
<div id="cl">
|
|
<table>
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration cl"></div>#ELSE#
|
|
<div class="infobox starttime cl"></div>#ENDIF#
|
|
</td>
|
|
<td colspan="2">
|
|
<p><b><span class="cl">!CL!</span></b></p>
|
|
<p class="info">!SONG! !SONG2_NO!#IF !SONG2_NAME!#: !SONG2_NAME!#ENDIF#</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration clb">!CL1_TIME!</div>#ELSE#
|
|
<div class="infobox starttime clb50">!CL1_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!CL1_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!CL1_SPEAKER!</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>#IF !CL2_THEME!#</td>
|
|
<td>#IF !DURATION!#<div class="infobox duration clb">!CL2_TIME!</div>#ELSE#
|
|
<div class="infobox starttime clb50">!CL2_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!CL2_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!CL2_SPEAKER!</p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
</tr>
|
|
<tr>
|
|
<td>#IF !CO_VISIT! EMPTY#</td>
|
|
<td>#IF !DURATION!#<div class="infobox duration clb">!CBS_TIME!</div>#ELSE#
|
|
<div class="infobox starttime clb50">!CBS_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!CBS_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!CBS_CONDUCTOR! <span class="info">(!CONDUCTOR!)</span><br><span class="name">!CBS_READER! <span class="info">(!READER!)</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="other">
|
|
<table>
|
|
<tr>
|
|
<td>#IF !CO_VISIT!#</td>
|
|
<td style="width: 2.750rem;">#IF !DURATION!#<div class="infobox duration" style="background-color: !MWB_LIGHT_COLOR!; color: black;">3</div>#ELSE#
|
|
<div class="infobox starttime" style="background-color: !MWB_LIGHT_COLOR!;">!CC_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td colspan="2">
|
|
<p class="theme">!CONCLUSION!</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration" style="background-color: !MWB_LIGHT_COLOR!; color: black;">!CO_TIME!</div>#ELSE#
|
|
<div class="infobox starttime" style="background-color: !MWB_LIGHT_COLOR!;">!CO_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!CO_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!CO_NAME! <span class="info">(!CO!)</span></p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
</tr>
|
|
<tr>
|
|
<td>#IF !CO_VISIT! EMPTY!#</td>
|
|
<td style="width: 2.750rem;">#IF !DURATION!#<div class="infobox duration" style="background-color: !MWB_LIGHT_COLOR!; color: black;">3</div>#ELSE#
|
|
<div class="infobox starttime" style="background-color: !MWB_LIGHT_COLOR!;">!CC_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!CONCLUSION!</p>
|
|
</td>
|
|
<td>#ENDIF#</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION! EMPTY#
|
|
<div class="infobox starttime" style="background-color: !MWB_LIGHT_COLOR!;">!SONG3_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td colspan="2">
|
|
<p class="info">!SONG! !SONG3_NO!#IF !SONG3_NAME!#: !SONG3_NAME!#ENDIF# & !PRAYER! #IF !PRAYER2_NAME!#<span class="name">(!PRAYER2_NAME!)</span>#ENDIF#</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>#ENDIF#</p>
|
|
<p>!MIDWEEK_END!</p>
|
|
<p>!WEEKEND_START!</p>
|
|
<div id="other">
|
|
<table style="margin-top: 1.5rem;">
|
|
<tr>#IF !WT_NO!#
|
|
<td style="width: 2.750rem; background-color: !WT_LIGHT_COLOR!;">
|
|
</td>#ENDIF#
|
|
<td style="background-color: !WT_LIGHT_COLOR!; padding-left: 0.250rem;">
|
|
<h3 style="text-align: left; color: rgba(189, 101, 101, 0.67);">!TITLE! (!DATE ddd dd.MM.!#IF !DURATION!# - !BEGIN! !PM_STARTTIME!#ENDIF#)
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>#IF !NO_MEETING_EXCEPTION! EMPTY#</p><p>#IF !VIRTUAL_CONVENTION! EMPTY#</p>
|
|
<div id="other">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION! EMPTY#
|
|
<div class="infobox starttime" style="background-color: !WT_LIGHT_COLOR!;">!SONG1_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="info">!SONG! #IF !SONG1_NO!#!SONG1_NO!#IF !SONG1_NAME!#: !SONG1_NAME!#ENDIF##ENDIF# & !PRAYER!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!PM_CHAIRMAN! <span class="info">(!CHAIRMAN!)</span></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="pt">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION!#<div class="infobox duration">!PT_TIME!</div>#ELSE#
|
|
<div class="infobox starttime" style="background-color: rgba(189, 101, 101, 0.67);">Vortrag</div>#ENDIF#
|
|
</td>
|
|
<td style="background-color: rgba(227, 120, 120, 0.118)">
|
|
<p class="theme">!PT_THEME!</p>
|
|
</td>
|
|
<td style="background-color: rgba(227, 120, 120, 0.118)">
|
|
<p class="name">!PT_SPEAKER! <span class="info">(!PT_SPEAKER_CONGREGATION!)</span></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="wt">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION!#<div class="infobox duration">!WT_TIME!</div>#ELSE#
|
|
<div class="infobox starttime" style="background-color: rgba(189, 101, 101, 0.67)">WT</div>#ENDIF#
|
|
</td>
|
|
<td style="background-color: rgba(227, 120, 120, 0.118)">
|
|
<p class="info" st>!SONG! !SONG2_NO!#IF !SONG2_NAME!#: !SONG2_NAME!#ENDIF#</span></p>
|
|
<p class="theme">!WT_THEME!</p>
|
|
</td>
|
|
<td style="background-color: rgba(227, 120, 120, 0.118)">
|
|
<p class="name">!WT_CONDUCTOR! <span class="info">(!CONDUCTOR!)</span>#IF !CO_VISIT! EMPTY##IF !WT_READER!#<br><span class="name">!WT_READER! <span class="info">(!READER!)</span>#ENDIF##ENDIF#</span></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="other">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION! EMPTY#
|
|
<div class="infobox starttime" style="background-color: !WT_LIGHT_COLOR!;">!SONG3_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="info">!SONG! !SONG3_NO!#IF !SONG3_NAME!#: !SONG3_NAME!#ENDIF# & !PRAYER! <span class="name">#IF !PRAYER2_NAME! EMPTY# (!PT_SPEAKER!)#ELSE# (!PRAYER2_NAME!)</span>#ENDIF#</p>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>#ENDIF#</p>
|
|
<p>#ENDIF#</p>
|
|
<p>#IF !NO_MEETING_EXCEPTION! EMPTY#</p><p>#IF !VIRTUAL_CONVENTION!#</p>
|
|
<div id="other">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION! EMPTY#
|
|
<div class="infobox starttime" style="background-color: !WT_LIGHT_COLOR!;">!SONG1_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="info">!SONG! #IF !SONG1_NO!#!SONG1_NO!#IF !SONG1_NAME!#: !SONG1_NAME!#ENDIF##ENDIF# & !PRAYER!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">#IF !PM_CHAIRMAN!# !PM_CHAIRMAN!#ELSE# !WT_CONDUCTOR! #ENDIF# <span class="info">(!CHAIRMAN!)</span></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="wt">
|
|
<table>
|
|
<tr>
|
|
<td style="background-color: #4d654d; width: 2.750rem; height: 2.000rem; text-align: center;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="75%" height="75%" viewBox="0 0 48 48">
|
|
<path d="M43.98 8c0-2.21-1.77-4-3.98-4H8C5.79 4 4 5.79 4 8v24c0 2.21 1.79 4 4 4h28l8 8-.02-36zM36 28H12v-4h24v4zm0-6H12v-4h24v4zm0-6H12v-4h24v4z" fill="white" />
|
|
<path d="M0 0h48v48H0z" fill="none" />
|
|
</svg>
|
|
</td>
|
|
<td colspan="2">
|
|
<h4><span class="wt">!WT!</span></h4>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>#IF !DURATION!#<div class="infobox duration wtb">!WT_TIME!</div>#ELSE#
|
|
<div class="infobox starttime wtb50">!WT_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="theme">!WT_THEME!</p>
|
|
</td>
|
|
<td>
|
|
<p class="name">!WT_CONDUCTOR! <span class="info">(!CONDUCTOR!)</span>#IF !CO_VISIT! EMPTY##IF !WT_READER!#<br><span class="name">!WT_READER! <span class="info">(!READER!)</span>#ENDIF##ENDIF#</span></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>#IF !CO_VISIT! EMPTY#</p>
|
|
<div id="other">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">#IF !DURATION! EMPTY#
|
|
<div class="infobox starttime" style="background-color: !WT_LIGHT_COLOR!;">!SONG2_STARTTIME!</div>#ENDIF#
|
|
</td>
|
|
<td>
|
|
<p class="info">!SONG! !SONG3_NO!#IF !SONG3_NAME!#: !SONG3_NAME!#ENDIF# & !PRAYER! #IF !PRAYER2_NAME!#<span class="name">(!PRAYER2_NAME!)</span>#ENDIF#</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>#ENDIF#</p>
|
|
<p>#ENDIF#</p>
|
|
<p>#ENDIF#</p><!-- END OF >>NO_MEETING_EXCEPTION !EMPTY!<< LOOP -->
|
|
<p>!WEEKEND_END!</p>
|
|
<p>!PTOUT_START!</p>
|
|
#IF !PT_NO!#
|
|
<div id="outgoing">
|
|
<table style="margin-top: 1.50rem;">
|
|
<tr>
|
|
<td style="width: 2.750rem; background-color: rgba(169, 146, 140, 0.5)">
|
|
<td style="background-color: rgba(169, 146, 140, 0.5); padding-left: 0.250rem;">
|
|
<h3 style="text-align: left; color: #4c4c4e;">!TITLE!</h3>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="os">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;">
|
|
<div class="infobox starttime osb50">!DATE dd.MM.!</div>
|
|
</td>
|
|
<td>
|
|
<p class="name" style="text-align: left"><b>!PT_SPEAKER!</b> <span class="info">(!PT_CONGREGATION! / !PM_STARTTIME!)</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
#ENDIF#
|
|
<p>!PTOUT_END!</p>
|
|
<p style="display: none;">!Technik_START!</p>
|
|
<div id="technik">
|
|
<table style="margin-top: 1.500rem;">
|
|
<tr>
|
|
<td style="width: 2.750rem; background-color: rgba(5, 72, 81, 0.1);">
|
|
<td style="background-color: rgba(5, 72, 81, 0.1); padding-left: 0.250rem;">
|
|
<h3 style="text-align: left; color: rgba(5, 72, 81, 0.747);">Ordner und Technik</h3>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="t">
|
|
<table>
|
|
<tr>
|
|
<td style="width: 2.750rem;"><div class="infobox starttime t">Ordner</div></td>
|
|
<td><p class="theme" style="text-align: left"><b>Saal</b> <span class="info CustomElem"></span> / <span class="info CustomElem"></span></p></td>
|
|
<td><p class="theme" style="font-weight: normal; text-align: right"><b>Foyer</b> <span class="info CustomElem"></span> / <span class="info CustomElem"></span></p></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 2.750rem;"><div class="infobox starttime t">Technik</div></td>
|
|
<td><p class="theme" style="text-align: left"><b>Anlage</b> <span class="info CustomElem" id="t_1"></span> / <span class="info CustomElem"></span></p></td>
|
|
<td><p class="theme" style="font-weight: normal; text-align: right"><b>Zoom</b> <span class="info CustomElem" id="t_2"></span> / <span class="info CustomElem"></span></p></p></td>
|
|
<td><p class="theme" style="font-weight: normal; text-align: right"><b>Bühne</b> <span class="info CustomElem" id="t_3"></span></p></p></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p id="TEST"></p>
|
|
<p style="display: none;">!Technik_END!</p>
|
|
</div>
|
|
<script>
|
|
window.weekdate.push("!WEEKSTARTING!".replace("Woche vom ", ""))
|
|
</script>
|
|
<p>!REPEAT_END!</p>
|
|
</main>
|
|
<script>
|
|
const ordner_elements = document.querySelectorAll('.CustomElem');
|
|
const weekdays = ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag']
|
|
const service_type = ['Zoom', 'Saal', 'Gruppe']
|
|
|
|
function setData(myDATA){
|
|
let weeklistpos = 0;
|
|
let myIndex = 0;
|
|
ordner_elements.forEach((element) => {
|
|
if (myIndex == 35){
|
|
myIndex = 0;
|
|
weeklistpos = weeklistpos + 1;
|
|
} else if ([3, 7, 11, 15, 19, 23].includes(myIndex+1) && myDATA[window.weekdate[weeklistpos]][myIndex] != "") {
|
|
|
|
element.innerHTML = weekdays[myDATA[window.weekdate[weeklistpos]][myIndex]];
|
|
|
|
}
|
|
else if ([5, 9, 13, 17, 21, 25].includes(myIndex+1) && myDATA[window.weekdate[weeklistpos]][myIndex] != "") {
|
|
|
|
element.innerHTML = service_type[myDATA[window.weekdate[weeklistpos]][myIndex]-1];
|
|
|
|
}
|
|
else {
|
|
|
|
element.innerHTML = myDATA[window.weekdate[weeklistpos]][myIndex];
|
|
|
|
}
|
|
myIndex = myIndex + 1;
|
|
});
|
|
}
|
|
|
|
const req = new XMLHttpRequest();
|
|
req.open("GET", "http://mo.samuelzielke.de/api/", false);
|
|
req.send();
|
|
|
|
myDATA = JSON.parse(req.response);
|
|
console.log(myDATA)
|
|
setData(myDATA)
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|