Add basic reply-to

.gitignore

@@ -37,3 +37,4 @@ build/
 _site/
 *.sublime-workspace
 vendor
+env.sh

_data/comments/dummy.yml

@@ -0,0 +1,13 @@
+- bucket: !!binary |
+    Z0FBQUFBQmFaSHZrblNGRW1uTnVURG51WDRwUFRNSlZVWDVrcjNxbE9PQnZGNm95RzFVMW9ISlRn
+    VFpaeHl0eG1JNHYwa1RkXzJqOUxQc2tkOFBBcXZYdlFnZzJMSl8xQk0wc2tabF9nZHR4SEt6RXBZ
+    TkljaU09
+  created_at: '2018-01-21T10:33:27.018Z'
+  email: 0371f5b900b484368f9e1717d7d965b1
+  id: 5a646c77e0fafd2610de3e6d
+  message: "> اکنون بهتر از هرگز است.\r\n\r\nاین جملات لیاقت به تن کردن قلمی بهتر\
+    \ از این را دارند."
+  name: وبلاگ‌ساز
+  page_id: /dummy
+  reply_to: null
+  website: https://mehdix.ir

_data/comments/iran-constitution.yml

@@ -1,26 +1,23 @@
-- date: '2017-12-24T00:58:32.523Z'
+- bucket: !!binary |
+    Z0FBQUFBQmFaSHVHY0Q3bG9wMWNTM2dualh3NEdhRk9Gc3hiYTFSbG04S0lpNXRqWWw2enBHcW1v
+    Q3FwSWxqQ1ljbUNkWXVCZlQ2SEd3bkFHOUE1VjM2RFd6VU1Qd2RlU2c9PQ==
+  created_at: 2016-08-21 09:19:17+00:00
+  disqus: true
+  email: 5796cb83a9abf0244d4e2eb295999368
+  id: '2849414565'
+  message: <p>ممنون بابت اشکالاتی که درباره متن قانون تو سایت مرکز بیان کردین. به
+    زودی برطرف خواهد شد.</p>
+  name: na
+  website: ''
+- bucket: !!binary |
+    Z0FBQUFBQmFaSHVHWXUzQVlyQmtyeHNZSVVDZGY0TkFSMVE1NzdqTGRIOG81QTlnRnhQUmNneXRU
+    WXZPcUNZSTliRjRnRFpIVkIydEU0VTRxRDAxeXBzVVRVa1c5U0szUFRFSmJYNzJEWTRnY3BRMnU1
+    ZFBzX1k9
+  created_at: 2016-08-24 13:24:24+00:00
+  disqus: true
   email: 9a6fe434e31c7dd56d09ac05da2bee36
-  message: "سلام\r\nمن دارم از کلشوگرام شما استفاده میکنم.\r\nقابلیتهای خیلی خوبی\
-    \ داره و من بعنوان یکی ا زاعضای کلن که هم شاغل هستم و هم دوست دارم داخل بازی فعال\
-    \ باشم بسیار مناسبه.\r\nیه چیز خوبی که این جریان در روند استفاده ایجاد میکنه اینه\
-    \ که بازی رو *فقط* محدود **به** بازی _نمیکنه_. شما میتونید بازی رو به تلگرام خودتون گسترش\
-    \ بدید و با استفاده از روابط داخل این شبکه اجتماعی به برنامه ریزی و نظارت روی\
-
-    \ > چی چی می‌گوی آخه دست از سر مو ورنمی‌داری؟ <script>alert('danger');</script>\r\n
-    
-    # OK
-
-    - I\r\n
-    - am\r\n
-    - a\r\n
-    - list\r\n
-
-    I am a [link](http://mehdix.ir) \r\n
-
-    \ وارهای داخل بازی بپردازید.\r\nبازهم متشکرم از این برنامه کاربردی و زیبا!"
-  name: مهدی صادقی
-  page_date: ''
-  page_id: ''
-  page_title: تست
-  page_uuid: 9a4972ef-a1d5-409e-8f91-6a0616c4223a
-  website: https://mehdox.ir
+  id: '2856960019'
+  message: <p>باعث خوشحالیه. خوبه که اصلاحات رو هم از طریقی (؟) اعلام کنید که من هم
+    بروزرسانی کنم.</p>
+  name: Mehdi Sadeghi
+  website: https://disqus.com/by/mehdisadeghi/

_data/comments/netlify.yml

@@ -1,26 +1,26 @@
 - bucket: !!binary |
-    Z0FBQUFBQmFUTGJHdGstMWlIaTdfNGZGdlhhSzdyRUJUdWRicmtnRU40RVVIMlVWZ0l2aXhFdUxo
-    X2M4cldjS0pyaHFVMFRSRTFHbzZTdGpqSTlmdGZCZWZoWE5QaktVXzROMmR4VDVHUEExeF9hSG5f
-    RWZiZTQ9
-  date: '2018-01-03T10:55:42.854Z'
+    Z0FBQUFBQmFaSHVraTdCenlPMU5JdmVZX1VlZ0dHOGtZV2xMLTJuN0pjS0U3UklDanFfOGw1ZXhf
+    am55S2FMSldvU2o2LUpkTWVoR0pZWkk0emg4UGMxQ0ZBTkZDbWUwMmdudmx0WVVveDBwMHZ4WWky
+    NWFGM0U9
+  created_at: '2018-01-03T10:55:42.854Z'
   email: 27b6f3ebc1535b4b11b1508ec7c7364c
+  id: 5a4cb6ae8df9df36f12c16c5
   message: من یه دامنه و هاست دارم که به هم متصل بودن، تصورم این بود که میشه مثل CloudFlare
     این Netlify رو بین این دو قرار بدم، وارد Netlify شدم و دامنم رو به DNS Zone اضافه
     کردم، چهار تا NameServer داد که دامنم روی اونا تنظیم کردم، بعد تو Netlify اومدم
     توی قسمت DNS Records دو تا NameServer هاستم رو در قالب  NS وارد کردم، الان بعد
     یه روز دامنم به هاست متصل نمیشه. نمیدونم ایراد کارم کجاست؟
   name: روح اله
-  page_date: 2017-12-16 00:00:00 +0100
   page_id: /netlify
-  page_title: فعالسازی HTTPS به کمک Netlify
-  page_uuid: df8977bd-9a2f-4ef7-9e9f-49459afefb71
+  reply_to: null
   website: ''
 - bucket: !!binary |
-    Z0FBQUFBQmFUUGxhcjd1bVNURlg1bUZaeFVZSnp5MWI0VXV3aWFaWUY1bERDNDFSTXlKVjJYa0hZ
-    ZnpXTjNzS0pOcU0yMlFUd05pYUVhMnk0czBEUU1FWmpZUlpiNFhOekhJcFdtaUQxNjZFeFQzQTlp
-    ZzU3S3M9
-  date: '2018-01-03T15:39:47.386Z'
+    Z0FBQUFBQmFaSHVrR2R1RmNPbUNRLTNCNmRGNC0tcF9TeFd0UVdIY3RtS1FNU2ZBOE9MR3VOTHFT
+    dkxGWVQ1Nlc5MU5DVlhHMzdGZEYtQTJta0xhdFFrU1QwT3h5NXJVbGxOMGMxN2V5ZXNMYzRrWTNF
+    LTl5U0U9
+  created_at: '2018-01-03T15:39:47.386Z'
   email: 0371f5b900b484368f9e1717d7d965b1
+  id: 5a4cf9438df9df223b2c16c9
   message: "> تصورم این بود که میشه مثل CloudFlare این Netlify رو بین این دو قرار\
     \ بدم\r\n\r\nنتلیفای سایت دیگه‌ای رو نمی‌تونه سرو کنه. همه چیز باید رو خودش باشه.\
     \ مناسب سایتهای استاتیکه.\r\n\r\n> بعد تو Netlify اومدم توی قسمت DNS Records دو\
@@ -30,8 +30,6 @@
     \ یا هاست شخصی خودت استفاده کنی مگر اینکه استاتیک باشه و کاملا از روی نتلیفای\
     \ سرو بشه. مطلب رو اصلاح می‌کنم که باعث سردرگمی نشه."
   name: مهدی صادقی
-  page_date: 2017-12-16 00:00:00 +0100
   page_id: /netlify
-  page_title: فعالسازی HTTPS به کمک Netlify
-  page_uuid: df8977bd-9a2f-4ef7-9e9f-49459afefb71
+  reply_to: null
   website: https://mehdix.ir

_includes/static_comments.html

@@ -7,20 +7,22 @@
   <h4 id="comments-header">نظرات خوانندگان</h4>
   <div id="comments">
     {% for comment in comments %}
-      <article id="{{ comment.date }}">
+      <article id="{{ comment.id }}">
         <div class="comment-image-wrapper">
           <img class="comment-avatar" src="https://www.gravatar.com/avatar/{{comment.email}}?s=200&d=robohash" />
         </div>
         <div class="comment-body-wrapper">
           <span class="comment-meta">
             <small>
               {% if comment.website != '' %}
-                <a href={{comment.website}} target="_">{{ comment.name }}</a>
+                <a href={{comment.website}} target="_"><span commenter>{{ comment.name }}</span></a>
               {% else %}
-                {{ comment.name }}
+                <span commenter>{{ comment.name }}</span>
               {% endif %}
             </small>
-            <small> &nbsp; <a href="#{{ comment.date }}">{{ comment.date | jdate: "%d %b %Y" | habify }}</a></small>
+            <small> &nbsp; <a href="#{{ comment.id }}">{{ comment.created_at | jdate: "%d %b %Y" | habify }}</a></small>
+            <small> &nbsp; <a href="#comment-form" onclick="replyTo('{{ comment.id }}')">پاسخ</a></small>
+            <span style="display:none" commentId>{{ comment.id }}</span>
           </span>
           {{ comment.message | replace: "<p>", '' | replace: "</p>", newLine | replace: "<br>", newLine | strip_html | markdownify }}
         </div>
@@ -32,8 +34,8 @@ <h4 id="comments-header">نظرات خوانندگان</h4>
   <form id="comment-form" name="comment" netlify-honeypot="bot-field" netlify>
     <input name="bot-field" style="display:none">
     <input name="page_id" style="display:none" value="{{page.id}}">
-    <input name="page_uuid" style="display:none" value="{{page.uuid}}">
-    <label for="message">دیدگاه<sup class="required">*</sup> &nbsp;<small>می‌توانید با <a href="http://commonmark.org/help/" target="_">مارک‌داون</a> هم بنویسید.</small>
+    <input id="reply-to" name="reply-to" style="display:none">
+    <label for="message">دیدگاه<sup class="required">*</sup> &nbsp;<small>می‌توانید با <a href="http://commonmark.org/help/" target="_">مارک‌داون</a> هم بنویسید.</small><br><small id="replyToVisualClue"></small>
       <textarea id="message" name="message" required alt="no!!" onkeyup="preview()"></textarea>
       <div id="preview"></div>
     </label>
@@ -55,9 +57,15 @@ <h4 id="comments-header">نظرات خوانندگان</h4>
 <script src="{{ 'assets/js/showdown.min.js' | absolute_url }}" type="text/javascript">
 </script>
 <script type="text/javascript">
-  function preview(){
+  function preview() {
     var converter = new showdown.Converter();
     var markdown = document.getElementById("message").value;
     document.getElementById("preview").innerHTML = converter.makeHtml(markdown);
   }
+
+  function replyTo(commentID) {
+    var comment = document.getElementById(commentID);
+    document.getElementById("reply-to").value = comment.querySelector("span[commentId]").innerText;
+    document.getElementById("replyToVisualClue").innerText = "[در جواب " + comment.querySelector("span[commenter]").innerText + "]";
+  }
 </script>