From 67819811281cdb86c068845d86d98f76e8ca6525 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sven=20K=C3=A4stle?= <sven.kaestle@gmx.de>
Date: Sat, 23 Jun 2018 17:15:03 +0200
Subject: [PATCH] feat: Implement toggle button functionality
---
.../src/main/webapp/assets/css/annotationStyle.css | 1 +
.../src/main/webapp/assets/js/annotationScript.js | 13 +++++++++++++
2 files changed, 14 insertions(+)
diff --git a/gemeinsamforschen/src/main/webapp/assets/css/annotationStyle.css b/gemeinsamforschen/src/main/webapp/assets/css/annotationStyle.css
index ae5c30ae..e8ceddfd 100644
--- a/gemeinsamforschen/src/main/webapp/assets/css/annotationStyle.css
+++ b/gemeinsamforschen/src/main/webapp/assets/css/annotationStyle.css
@@ -91,6 +91,7 @@ ol {
display: flex;
align-items: center;
justify-content: center;
+ cursor: pointer;
}
.annotation-body {
padding: 8px;
diff --git a/gemeinsamforschen/src/main/webapp/assets/js/annotationScript.js b/gemeinsamforschen/src/main/webapp/assets/js/annotationScript.js
index 9d649bb4..4e63550a 100644
--- a/gemeinsamforschen/src/main/webapp/assets/js/annotationScript.js
+++ b/gemeinsamforschen/src/main/webapp/assets/js/annotationScript.js
@@ -190,6 +190,9 @@ function displayAnnotation(annotation) {
)
.append(
$('<div>').attr('class', 'annotation-header-toggle')
+ .click(function () {
+ toggleButtonHandler($(this));
+ })
.append(
$('<i>').attr('class', 'fas fa-chevron-down')
)
@@ -333,3 +336,13 @@ function timestampIsToday(timestamp) {
}
}
+/**
+ * Toggle between the toggle button status
+ *
+ * @param element the given toggle button
+ */
+function toggleButtonHandler(element) {
+ element.parent().siblings(".annotation-body").children("p").toggleClass("overflow-hidden");
+ element.children("i").toggleClass("fa-chevron-down fa-chevron-up")
+}
+
--
GitLab