From fa7503cd577719d22f294dbd2520dac67b04b943 Mon Sep 17 00:00:00 2001
From: Rsl1122 <djrapitops@hotmail.com>
Date: Sun, 8 Oct 2017 13:09:29 +0300
Subject: [PATCH] Implemented Chevron Icon instead of "Click to Expand",
 Sessions tab, #325

---
 .../plan/utilities/html/HtmlStructure.java    |  3 +--
 .../src/main/resources/js/sessionTabExpand.js | 19 ++++++++++++++-----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/Plan/src/main/java/com/djrapitops/plan/utilities/html/HtmlStructure.java b/Plan/src/main/java/com/djrapitops/plan/utilities/html/HtmlStructure.java
index a73fbd6b9..db571e929 100644
--- a/Plan/src/main/java/com/djrapitops/plan/utilities/html/HtmlStructure.java
+++ b/Plan/src/main/java/com/djrapitops/plan/utilities/html/HtmlStructure.java
@@ -129,8 +129,7 @@ public class HtmlStructure {
             html.append("<div class=\"session column\">")
                     .append("<div class=\"session-header\">")
                     .append("<div class=\"session-col\" style=\"width: 200%;\">")
-                    .append("<h3>").append(dotSeparated).append("</h3>")
-                    .append("<p>Click to Expand</p>")
+                    .append("<h3><i style=\"color:#777\" class=\"fa fa-chevron-down\" aria-hidden=\"true\"></i> ").append(dotSeparated).append("</h3>")
                     .append("</div>")
                     .append("</div>");
 
diff --git a/Plan/src/main/resources/js/sessionTabExpand.js b/Plan/src/main/resources/js/sessionTabExpand.js
index 257d3f528..66dbdad3f 100644
--- a/Plan/src/main/resources/js/sessionTabExpand.js
+++ b/Plan/src/main/resources/js/sessionTabExpand.js
@@ -1,8 +1,17 @@
 $(".session-header").click(function () {
-    var $header = $(this);
-    var $content = $header.next();
+	$header = $(this);
+	$content = $header.next();
 	$(this).parent().siblings().children().next().slideUp(500);
-	$content.slideToggle(500, function () {
-		//execute this after slideToggle is done
-	});
+
+    $header.html(function(i, origText) {
+        $(".session-header").html(function(i, origText) {
+            return origText.replace("fa-chevron-up", "fa-chevron-down")
+        });
+        if (origText.includes("fa-chevron-down")) {
+            return origText.replace("fa-chevron-down", "fa-chevron-up")
+        } else {
+            return origText.replace("fa-chevron-up", "fa-chevron-down")
+        }
+    });
+	$content.slideToggle(500);
 });
\ No newline at end of file