From 646e6dde48c88a346ffcce428865ef2f5569106a Mon Sep 17 00:00:00 2001
From: Lars van Hijfte <larsvanhijfte@hotmail.com>
Date: Tue, 31 Jan 2017 15:16:40 +0100
Subject: [PATCH] Added max value in text area

---
 website/public/js/main.js       | 12 +++++++++++-
 website/public/js/masonry.js    |  2 +-
 website/views/post-view.php     |  2 +-
 website/views/settings-view.php |  3 ++-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/website/public/js/main.js b/website/public/js/main.js
index 7d37d05..2983fdb 100644
--- a/website/public/js/main.js
+++ b/website/public/js/main.js
@@ -93,4 +93,14 @@ function showGroups(groups, list) {
     } else {
         return false;
     }
-}
\ No newline at end of file
+}
+
+$(document).ready(function() {
+    $("body").delegate("textarea[maxlength]", "keydown", function() {
+        if ($(this).val().length / .9 >= $(this).attr("maxlength")) {
+            $(this).next().text($(this).val().length + "/" + $(this).attr("maxlength"));
+        } else {
+            $(this).next().text("");
+        }
+    });
+});
\ No newline at end of file
diff --git a/website/public/js/masonry.js b/website/public/js/masonry.js
index 93b5fae..b4370b7 100644
--- a/website/public/js/masonry.js
+++ b/website/public/js/masonry.js
@@ -96,7 +96,7 @@ function masonry(mode) {
         }
 
         $form.append($("<input class=\"newpost\" name=\"title\" placeholder=\"Titel\" type=\"text\">"));
-        $form.append($("<textarea class=\"newpost\" name=\"content\" placeholder=\"Schrijf een berichtje...\">"));
+        $form.append($("<textarea class=\"newpost\" name=\"content\" placeholder=\"Schrijf een berichtje...\" maxlength='1000'></textarea><span></span>"));
         $form.append($("<input value=\"Plaats!\" type=\"submit\">"));
         columns[0][1].append($postInput);
 
diff --git a/website/views/post-view.php b/website/views/post-view.php
index 264d67c..d961334 100644
--- a/website/views/post-view.php
+++ b/website/views/post-view.php
@@ -24,7 +24,7 @@ echo("
     <div class="commentfield">
         <form id="newcommentform" onsubmit="return false;">
             <input type="hidden" id="newcomment-textarea" name="postID" value="<?= $postID ?>">
-            <textarea id="newcomment" name="newcomment-content" placeholder="Laat een reactie achter..."></textarea> <br>
+            <textarea id="newcomment" name="newcomment-content" placeholder="Laat een reactie achter..." maxlength="1000"></textarea><span></span> <br>
             <button onclick="postComment('reaction')" name="button" value="reaction">Reageer!</button>
             <button onclick="postComment('nietslecht')" name="button" value="nietslecht" class="nietslecht">
             <?php
diff --git a/website/views/settings-view.php b/website/views/settings-view.php
index b7f554a..41f093e 100644
--- a/website/views/settings-view.php
+++ b/website/views/settings-view.php
@@ -99,7 +99,8 @@ $settings = getSettings();
                               rows="5"
                               title="bio"
                               id="bio"
-                    ><?=$settings["bio"]?></textarea>
+                              maxlength="1000"
+                    ><?=$settings["bio"]?></textarea><span></span>
                 </li>
                 <li>
                     <label></label>