From a3ad799f0a24e86d5b388ab9c56c089583c7dd17 Mon Sep 17 00:00:00 2001
From: KIMB-technologies <info@kimb-technologies.eu>
Date: Thu, 2 Jan 2020 19:58:50 +0100
Subject: [PATCH] fix #30

---
 core/Poll.php                |  5 ++++-
 core/PollAdmin.php           |  5 ++++-
 core/Utilities.php           | 11 ++++++++++-
 core/templates/admin_de.html | 10 +++-------
 core/templates/admin_en.html | 10 +++-------
 core/templates/main_de.html  |  1 +
 core/templates/main_en.html  |  1 +
 core/templates/poll_de.html  |  4 ++--
 core/templates/poll_en.html  |  4 ++--
 data/translation_de.json     |  3 ++-
 data/translation_en.json     |  3 ++-
 load/main.css                | 20 ++++++++++++++++++++
 load/main.js                 | 12 ++++++++++++
 13 files changed, 66 insertions(+), 23 deletions(-)
 create mode 100644 load/main.css

diff --git a/core/Poll.php b/core/Poll.php
index 9a0acad..a6e6f7b 100644
--- a/core/Poll.php
+++ b/core/Poll.php
@@ -192,7 +192,10 @@ public function showPollForm( $template ){
 					foreach( $this->pollsub->getValue( [$id] ) as $user){
 						$names[] = Utilities::optimizeOutputString( $user['name'] );
 					}
-					$anzval = '<ul class="list-group"><li class="list-group-item">' .  implode( '</li><li class="list-group-item">',  $names ). '</li></ul>';
+					$anzval = Utilities::getCollapseHtml(
+						LanguageManager::getTranslation("Teilnehm"),
+						'<ul class="list-group"><li class="list-group-item">' .  implode( '</li><li class="list-group-item">',  $names ). '</li></ul>'
+					);
 				}
 				else{
 					$anzval = '';
diff --git a/core/PollAdmin.php b/core/PollAdmin.php
index b7cde0b..7935bf5 100644
--- a/core/PollAdmin.php
+++ b/core/PollAdmin.php
@@ -132,7 +132,10 @@ private function showInfo(){
 				"ANZAHL" => ($i-1) . $maxanz,
 				"HINWEISE" => Utilities::optimizeOutputString( $values["des"] ),
 				"TERMINID" => "termin_" . $id,
-				"TEILNEHMER" => implode( '</li><li class="list-group-item">',  $submiss )
+				"TEILNEHMER" => Utilities::getCollapseHtml(
+					LanguageManager::getTranslation("Teilnehm"),
+					'<ul class="list-group"><li class="list-group-item">' . implode( '</li><li class="list-group-item">',  $submiss ) . '</li></ul>'
+				)
 			);
 
 			$terminmeta["termin_" . $id] = array( $values["bez"], $values["anz"], $values["des"]  );
diff --git a/core/Utilities.php b/core/Utilities.php
index 4d605d9..72a3dda 100644
--- a/core/Utilities.php
+++ b/core/Utilities.php
@@ -16,7 +16,7 @@ class Utilities{
 	/**
 	 * The system's Version
 	 */
-	const SYS_VERSION = 'v1.1.2';
+	const SYS_VERSION = 'v1.1.3';
 
 	/**
 	 * Possible chars for:
@@ -82,6 +82,15 @@ public static function randomCode( $len, $chars ){
 	public static function getRowHtml($first, $second, $clF = '', $clS = ''){
 		return '<div class="alert" role="alert"><div class="row"><div class="col-sm '. $clF .'">' . $first .'</div><div class="col-sm '. $clS .'">'. $second .'</div></div></div>';
 	}
+
+	public static function getCollapseHtml($name, $content){
+		$id = uniqid();
+		$html = '<div class="card collapseContent">';
+		$html .= '<div class="card-header">&#x25bc; ' . $name . '</div>';		
+		$html .= '<div class="card-text">'. $content .'</div>';
+		$html .= '</div>';
+		return $html;
+	}
 }
 
 ?>
diff --git a/core/templates/admin_de.html b/core/templates/admin_de.html
index db1d73f..6437172 100644
--- a/core/templates/admin_de.html
+++ b/core/templates/admin_de.html
@@ -60,9 +60,9 @@ <h3>Termine</h3>
 			Hinweise zu den Terminen
 		</div>
 	</div>
-	<div class="alert alert-dark" role="alert">
+	<div class="container">
 <!--MULTIPLE-Termin-BEGIN-->
-		<div class="row">
+		<div class="row admin-row">
 			<div class="col-sm">
 				<div class="form-group">
 					<p>
@@ -87,11 +87,7 @@ <h3>Termine</h3>
 			</div>
 			<div class="col-sm col-sm-10">
 				Ergebnisse für diesen Termin:
-				<ul class="list-group">
-					<li class="list-group-item">
-						%%TEILNEHMER%%
-					</li>
-				</ul>
+				%%TEILNEHMER%%
 			</div>
 		</div>
 <!--MULTIPLE-Termin-END-->
diff --git a/core/templates/admin_en.html b/core/templates/admin_en.html
index d790ca7..59fabbb 100644
--- a/core/templates/admin_en.html
+++ b/core/templates/admin_en.html
@@ -60,9 +60,9 @@ <h3>Options</h3>
 			Notes for each option
 		</div>
 	</div>
-	<div class="alert alert-dark" role="alert">
+	<div class="container">
 <!--MULTIPLE-Termin-BEGIN-->
-		<div class="row">
+		<div class="row admin-row">
 			<div class="col-sm">
 				<div class="form-group">
 					<p>
@@ -87,11 +87,7 @@ <h3>Options</h3>
 			</div>
 			<div class="col-sm col-sm-10">
 				Submissions for this option:
-				<ul class="list-group">
-					<li class="list-group-item">
-						%%TEILNEHMER%%
-					</li>
-				</ul>
+				%%TEILNEHMER%%
 			</div>
 		</div>
 <!--MULTIPLE-Termin-END-->
diff --git a/core/templates/main_de.html b/core/templates/main_de.html
index ee8fab5..c28f5e0 100644
--- a/core/templates/main_de.html
+++ b/core/templates/main_de.html
@@ -12,6 +12,7 @@
 		<link rel="stylesheet" href="%%HOST%%/load/bootstrap/bootstrap-%%THEMETYPE%%.min.css?%%VERSION%%">
 		<link rel="stylesheet" href="%%HOST%%/load/jquery-ui.min.css?%%VERSION%%">
 		<link rel="stylesheet" href="%%HOST%%/load/jquery-ui-%%THEMETYPE%%.theme.min.css?%%VERSION%%">
+		<link rel="stylesheet" href="%%HOST%%/load/main.css?%%VERSION%%">
 
 		<title>%%PAGENAME%%</title>
 
diff --git a/core/templates/main_en.html b/core/templates/main_en.html
index 8bab007..24e8568 100644
--- a/core/templates/main_en.html
+++ b/core/templates/main_en.html
@@ -12,6 +12,7 @@
 		<link rel="stylesheet" href="%%HOST%%/load/bootstrap/bootstrap-%%THEMETYPE%%.min.css?%%VERSION%%">
 		<link rel="stylesheet" href="%%HOST%%/load/jquery-ui.min.css?%%VERSION%%">
 		<link rel="stylesheet" href="%%HOST%%/load/jquery-ui-%%THEMETYPE%%.theme.min.css?%%VERSION%%">
+		<link rel="stylesheet" href="%%HOST%%/load/main.css?%%VERSION%%">
 		
 		<title>%%PAGENAME%%</title>
 		
diff --git a/core/templates/poll_de.html b/core/templates/poll_de.html
index 412ac17..2e19b07 100644
--- a/core/templates/poll_de.html
+++ b/core/templates/poll_de.html
@@ -23,9 +23,9 @@ <h3>Termine</h3>
 			Hinweise zum Termin
 		</div>
 	</div>
-	<div class="alert alert-light" role="alert">
+	<div class="container termin-container">
 <!--MULTIPLE-Termin-BEGIN-->
-		<div class="row">
+		<div class="row termin-row">
 			<div class="col-sm col-sm-1">
 				<div class="form-group text-center">
 					<input type="checkbox" name="%%TERMINID%%" class="terminwahl form-check-input" value="yes" %%DISABLE%%>
diff --git a/core/templates/poll_en.html b/core/templates/poll_en.html
index b46977b..f23804c 100644
--- a/core/templates/poll_en.html
+++ b/core/templates/poll_en.html
@@ -23,9 +23,9 @@ <h3>Options</h3>
 			Notes regarding the option
 		</div>
 	</div>
-	<div class="alert alert-light" role="alert">
+	<div class="container termin-container">
 <!--MULTIPLE-Termin-BEGIN-->
-		<div class="row">
+		<div class="row termin-row">
 			<div class="col-sm col-sm-1">
 				<div class="form-group text-center">
 					<input type="checkbox" name="%%TERMINID%%" class="terminwahl form-check-input" value="yes" %%DISABLE%%>
diff --git a/data/translation_de.json b/data/translation_de.json
index 1a25a5f..65609d5 100644
--- a/data/translation_de.json
+++ b/data/translation_de.json
@@ -19,5 +19,6 @@
     "TooManyPolls": "Diese Instanz von KIMB-Forms l\u00e4sst keine weitern Umfragen zu.",
     "TooManySubmiss": "Diese Umfrage hat die maximale Anzahl an Antworten erreicht.",
     "HelfFin": "Helfer finden",
-    "TermFin": "Termin finden"
+    "TermFin": "Termin finden",
+    "Teilnehm": "Teilnehmende"
 }
\ No newline at end of file
diff --git a/data/translation_en.json b/data/translation_en.json
index f28bd6c..781cf2a 100644
--- a/data/translation_en.json
+++ b/data/translation_en.json
@@ -19,5 +19,6 @@
     "TooManyPolls": "This instance of KIMB-Forms has reached the limit of polls.",
     "TooManySubmiss": "This poll has reached the limit of submissions.",
     "HelfFin": "Coordinate volunteers",
-    "TermFin": "Schedule meetings"
+    "TermFin": "Schedule meetings",
+    "Teilnehm" : "attendees"
 }
\ No newline at end of file
diff --git a/load/main.css b/load/main.css
new file mode 100644
index 0000000..051000c
--- /dev/null
+++ b/load/main.css
@@ -0,0 +1,20 @@
+.termin-container .termin-row {
+	margin-bottom: 5px;
+	border: 1px solid var(--secondary);
+	border-radius: .25rem;
+	padding: 2px;
+}
+.termin-container .termin-row .form-check-input {
+	margin-left: initial;
+}
+.termin-container .termin-row .terminwahl {
+	box-shadow: 5px 5px 2px var(--danger);
+}
+.termin-container .termin-row .terminwahl:checked {
+	box-shadow: 5px 5px 2px var(--success);
+}
+.container .admin-row {
+	margin-top: 5px;
+	border-top: 1px solid var(--secondary);
+}
+
diff --git a/load/main.js b/load/main.js
index b1d353e..d78d178 100644
--- a/load/main.js
+++ b/load/main.js
@@ -44,6 +44,18 @@ $( function (){
  */
 function template_main(){
 	$(document).tooltip();
+	if( $( ".collapseContent" ).length > 0 ){
+		$( ".collapseContent .card-header" ).click( function() {
+			var el = $(this).parent().find(".card-text");
+			if( el.css('display') == 'none' ){
+				el.show("blind", 250);
+			}
+			else{
+				el.hide("blind", 250);
+			}
+		});
+		$( ".collapseContent .card-text" ).hide("blind", 1);
+	}
 	$("div.parseasmarkdown").each( (k,v) =>{
 		$( v ).html( md_parser( $( v ).text().trim() ) );
 	});