From 8af3d2aa2bab1322a9883b41d2625661b33fa8fd Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Sun, 8 Apr 2012 23:10:23 +0900
Subject: [PATCH 1/7] Only in the SNS member's timeline count number of
 characters added

---
 .../timeline/templates/_timelineAll.php       |  3 ++
 web/css/counter.css                           |  7 ++++
 web/js/counter.js                             | 32 +++++++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 web/css/counter.css
 create mode 100644 web/js/counter.js

diff --git a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
index c55b730..9c8f6e7 100644
--- a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
+++ b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
@@ -12,8 +12,10 @@
 
 
 <?php use_javascript('/opTimelinePlugin/js/timeline-loader.api.js') ?>
+<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/bootstrap.css', 'last') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/timeline.css', 'last') ?>
+<?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
 
 <script type="text/javascript">
 $(function(){
@@ -35,6 +37,7 @@
         <div id="timeline-submit-loader"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
         <div id="timeline-submit-error"></div>
         <div id="timeline-submit-area">
+        <span id="counter"></span>
           <button id="timeline-submit-button" class="btn btn-primary timeline-submit">投稿</button>
         </div>
       </div>
diff --git a/web/css/counter.css b/web/css/counter.css
new file mode 100644
index 0000000..85098ab
--- /dev/null
+++ b/web/css/counter.css
@@ -0,0 +1,7 @@
+#counter{
+  position: relative;
+  top: 3px;
+  left: 330px;
+  font-size: 18px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
diff --git a/web/js/counter.js b/web/js/counter.js
new file mode 100644
index 0000000..d079aed
--- /dev/null
+++ b/web/js/counter.js
@@ -0,0 +1,32 @@
+$(function() {
+    var elContent = $('#timeline-textarea');
+    var elCounter = $('#counter');
+    elContent.
+        focus(function() {
+            (function() {
+
+                var count = elContent.val().length;
+                var rest = 140 - count;
+
+                elCounter.text(rest);
+
+                if(rest <= 25 && rest >= 0){
+                    elCounter.css({ color: '#FFA500' });
+                }
+                else if(rest < 0){
+                    elCounter.css({ color: '#FF0000' });
+                }
+                else {
+                    elCounter.css({ color: '#000000' });
+                }
+
+                var tm = setTimeout(arguments.callee, 100);
+                elContent.data('tmCountLetters', tm);
+            })();
+        }).
+
+        blur(function() {
+            var tm = elContent.data('tmCountLetters');
+            clearTimeout(tm);
+        });
+});

From bb4a6d36d5ee6ba786203181da32d878dec088e6 Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Mon, 9 Apr 2012 07:56:01 +0900
Subject: [PATCH 2/7] Only in the SNS member's timeline count number of
 characters added

---
 web/js/counter.js | 64 ++++++++++++++++++++++++-----------------------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/web/js/counter.js b/web/js/counter.js
index d079aed..0e30fa5 100644
--- a/web/js/counter.js
+++ b/web/js/counter.js
@@ -1,32 +1,34 @@
-$(function() {
-    var elContent = $('#timeline-textarea');
-    var elCounter = $('#counter');
-    elContent.
-        focus(function() {
-            (function() {
-
-                var count = elContent.val().length;
-                var rest = 140 - count;
-
-                elCounter.text(rest);
-
-                if(rest <= 25 && rest >= 0){
-                    elCounter.css({ color: '#FFA500' });
-                }
-                else if(rest < 0){
-                    elCounter.css({ color: '#FF0000' });
-                }
-                else {
-                    elCounter.css({ color: '#000000' });
-                }
-
-                var tm = setTimeout(arguments.callee, 100);
-                elContent.data('tmCountLetters', tm);
-            })();
-        }).
-
-        blur(function() {
-            var tm = elContent.data('tmCountLetters');
-            clearTimeout(tm);
-        });
+$(function ()
+{
+    var a = $('#timeline-textarea');
+    var b = $('#counter');
+    a.focus(function ()
+    {
+        (function ()
+        {
+            var d = a.val().length;
+            var c = 140 - d;
+            b.text(c);
+            if (c <= 25 && c >= 0) {
+                b.css({
+                    color : '#FFA500'
+                })
+            }
+            else if (c < 0) {
+                b.css({
+                    color : '#FF0000'
+                })
+            }
+            else {
+                b.css({
+                    color : '#000000'
+                })
+            }
+            var e = setTimeout(arguments.callee, 100);
+            a.data('tmCountLetters', e)
+        })()
+    }).blur(function ()
+    {
+        var d = a.data('tmCountLetters');
+        clearTimeout(d)    })
 });

From 481912f83c95d1713c4d414f5b1dcfdd33f61109 Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Tue, 10 Apr 2012 16:39:53 +0900
Subject: [PATCH 3/7] Implement a counter to count the number of characters in
 the timeline of the members

---
 .../timeline/templates/_timelineAll.php       |  2 +-
 web/js/counter.js                             | 57 ++++++++++---------
 2 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
index 9c8f6e7..ba71d1a 100644
--- a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
+++ b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
@@ -33,7 +33,7 @@
 
     <div class="timeline">
       <div class="timeline-postform well">
-        <textarea id="timeline-textarea" class="input-xlarge" rows="1" placeholder="今何してる？"></textarea>
+        <textarea id="timeline-textarea" class="input-xlarge" rows="1" placeholder="今何してる？" onkeypress="return (this.value.length < 1139)"></textarea>
         <div id="timeline-submit-loader"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
         <div id="timeline-submit-error"></div>
         <div id="timeline-submit-area">
diff --git a/web/js/counter.js b/web/js/counter.js
index 0e30fa5..bf16525 100644
--- a/web/js/counter.js
+++ b/web/js/counter.js
@@ -1,34 +1,35 @@
 $(function ()
-{
+  {
     var a = $('#timeline-textarea');
     var b = $('#counter');
     a.focus(function ()
     {
-        (function ()
-        {
-            var d = a.val().length;
-            var c = 140 - d;
-            b.text(c);
-            if (c <= 25 && c >= 0) {
-                b.css({
-                    color : '#FFA500'
-                })
-            }
-            else if (c < 0) {
-                b.css({
-                    color : '#FF0000'
-                })
-            }
-            else {
-                b.css({
-                    color : '#000000'
-                })
-            }
-            var e = setTimeout(arguments.callee, 100);
-            a.data('tmCountLetters', e)
-        })()
-    }).blur(function ()
-    {
-        var d = a.data('tmCountLetters');
-        clearTimeout(d)    })
+      (function ()
+      {
+        var d = a.val().length;
+        var c = 140 - d;
+        b.text(c);
+        if (c <= 25 && c >= 0) {
+          b.css({
+            color : '#FFA500'
+          })
+        }
+        else if (c < 0) {
+          b.css({
+            color : '#FF0000'
+          })
+        }
+        else {
+          b.css({
+            color : '#000000'
+          })
+        }
+        var e = setTimeout(arguments.callee, 100);
+        a.data('tmCountLetters', e)
+      })()
+     }).blur(function ()
+     {
+      var d = a.data('tmCountLetters');
+      clearTimeout(d)
+     })
 });

From 8178dc3e03ad19c99d94f2ff8cc51957f1d81b53 Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Wed, 11 Apr 2012 06:49:44 +0900
Subject: [PATCH 4/7] Implement a counter to count the number of characters in
 the timeline of the members

---
 .../timeline/templates/_timelineAll.php       | 52 -------------------
 web/css/counter.css                           |  6 +--
 2 files changed, 3 insertions(+), 55 deletions(-)
 delete mode 100644 apps/pc_frontend/modules/timeline/templates/_timelineAll.php

diff --git a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
deleted file mode 100644
index ba71d1a..0000000
--- a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<script type="text/javascript">
-//<![CDATA[
-var gorgon = {
-      'limit': '20',
-      'post': {
-
-      },
-      'timer': '60000',
-    };
-//]]>
-</script>
-
-
-<?php use_javascript('/opTimelinePlugin/js/timeline-loader.api.js') ?>
-<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
-<?php use_stylesheet('/opTimelinePlugin/css/bootstrap.css', 'last') ?>
-<?php use_stylesheet('/opTimelinePlugin/css/timeline.css', 'last') ?>
-<?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
-
-<script type="text/javascript">
-$(function(){
-  $("#timeline-textarea").focus(function(){
-    $('.timeline-postform').css('padding-bottom', '30px');
-    $('#timeline-textarea').attr('rows', '3');
-    $('#timeline-submit-area').css('display', 'inline');
-  });
-});
-</script>
-
-<?php include_partial('timeline/timelineTemplate') ?>
-
-<div class="partsHeading"><h3>SNSメンバー全員のタイムライン</h3></div>
-
-    <div class="timeline">
-      <div class="timeline-postform well">
-        <textarea id="timeline-textarea" class="input-xlarge" rows="1" placeholder="今何してる？" onkeypress="return (this.value.length < 1139)"></textarea>
-        <div id="timeline-submit-loader"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
-        <div id="timeline-submit-error"></div>
-        <div id="timeline-submit-area">
-        <span id="counter"></span>
-          <button id="timeline-submit-button" class="btn btn-primary timeline-submit">投稿</button>
-        </div>
-      </div>
-
-      <div id="timeline-loading" style="text-align: center;"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
-      <div id="timeline-list" data-last-id=""data-loadmore-id="">
-
-      </div>
-      <button class="btn btn-small" id="timeline-loadmore" style="width: 100%;">もっと読む</button>
-      <div id="timeline-loadmore-loading"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
-    </div>
-
diff --git a/web/css/counter.css b/web/css/counter.css
index 85098ab..feee0ad 100644
--- a/web/css/counter.css
+++ b/web/css/counter.css
@@ -1,7 +1,7 @@
 #counter{
-  position: relative;
-  top: 3px;
-  left: 330px;
+  position: absolute;
+  top: 75px;
+  left: 340px;
   font-size: 18px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

From 8f799fae190440d419b9feb17f13830bcdcc199d Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Wed, 11 Apr 2012 07:56:21 +0900
Subject: [PATCH 5/7] Implement a counter to count the number of characters in
 the timeline of the members

---
 .../timeline/templates/_timelineAll.php       | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 apps/pc_frontend/modules/timeline/templates/_timelineAll.php

diff --git a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
new file mode 100644
index 0000000..ba71d1a
--- /dev/null
+++ b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
@@ -0,0 +1,52 @@
+<script type="text/javascript">
+//<![CDATA[
+var gorgon = {
+      'limit': '20',
+      'post': {
+
+      },
+      'timer': '60000',
+    };
+//]]>
+</script>
+
+
+<?php use_javascript('/opTimelinePlugin/js/timeline-loader.api.js') ?>
+<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
+<?php use_stylesheet('/opTimelinePlugin/css/bootstrap.css', 'last') ?>
+<?php use_stylesheet('/opTimelinePlugin/css/timeline.css', 'last') ?>
+<?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
+
+<script type="text/javascript">
+$(function(){
+  $("#timeline-textarea").focus(function(){
+    $('.timeline-postform').css('padding-bottom', '30px');
+    $('#timeline-textarea').attr('rows', '3');
+    $('#timeline-submit-area').css('display', 'inline');
+  });
+});
+</script>
+
+<?php include_partial('timeline/timelineTemplate') ?>
+
+<div class="partsHeading"><h3>SNSメンバー全員のタイムライン</h3></div>
+
+    <div class="timeline">
+      <div class="timeline-postform well">
+        <textarea id="timeline-textarea" class="input-xlarge" rows="1" placeholder="今何してる？" onkeypress="return (this.value.length < 1139)"></textarea>
+        <div id="timeline-submit-loader"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
+        <div id="timeline-submit-error"></div>
+        <div id="timeline-submit-area">
+        <span id="counter"></span>
+          <button id="timeline-submit-button" class="btn btn-primary timeline-submit">投稿</button>
+        </div>
+      </div>
+
+      <div id="timeline-loading" style="text-align: center;"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
+      <div id="timeline-list" data-last-id=""data-loadmore-id="">
+
+      </div>
+      <button class="btn btn-small" id="timeline-loadmore" style="width: 100%;">もっと読む</button>
+      <div id="timeline-loadmore-loading"><?php echo op_image_tag('ajax-loader.gif', array()) ?></div>
+    </div>
+

From 7fd35a2190083fd999038a87b6dee74e915e5c14 Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Thu, 19 Apr 2012 14:38:59 +0900
Subject: [PATCH 6/7] Character Count Script 1.00 mounting.

---
 .../timeline/templates/_timelineAll.php       |  5 +-
 web/css/counter.css                           |  1 +
 web/js/counter.js                             | 73 +++++++++++--------
 3 files changed, 47 insertions(+), 32 deletions(-)

diff --git a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
index ba71d1a..940db61 100644
--- a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
+++ b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
@@ -12,11 +12,14 @@
 
 
 <?php use_javascript('/opTimelinePlugin/js/timeline-loader.api.js') ?>
-<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/bootstrap.css', 'last') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/timeline.css', 'last') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
 
+//Character Count Script
+<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
+<?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
+
 <script type="text/javascript">
 $(function(){
   $("#timeline-textarea").focus(function(){
diff --git a/web/css/counter.css b/web/css/counter.css
index feee0ad..fd14e68 100644
--- a/web/css/counter.css
+++ b/web/css/counter.css
@@ -1,3 +1,4 @@
+/* Character Count Script */
 #counter{
   position: absolute;
   top: 75px;
diff --git a/web/js/counter.js b/web/js/counter.js
index bf16525..014b503 100644
--- a/web/js/counter.js
+++ b/web/js/counter.js
@@ -1,35 +1,46 @@
+/*
+ *  OpenPNE - opTimelinePlugin Character Count Script 1.00
+ *  Createed by Yudai Sonoda
+ *  http://net-top.jp/
+ *
+ *  The author is completely abandoned the right of this script.
+ *  (It is also possible diversion to other projects)
+ *
+ *  Built for jQuery library
+ *  http://jquery.com/
+ *  and opTimelinePlugin
+ *  https://github.com/kashiwasan/
+ *
+ */
+
 $(function ()
   {
-    var a = $('#timeline-textarea');
-    var b = $('#counter');
-    a.focus(function ()
-    {
-      (function ()
+
+    // Configuration
+    var allowed = 140;
+    var warning = 25;
+    var textarea = $('#timeline-textarea');
+    var counter = $('#counter');
+
+    counter.text(allowed);
+    textarea.keyup(function ()
       {
-        var d = a.val().length;
-        var c = 140 - d;
-        b.text(c);
-        if (c <= 25 && c >= 0) {
-          b.css({
-            color : '#FFA500'
-          })
-        }
-        else if (c < 0) {
-          b.css({
-            color : '#FF0000'
-          })
-        }
-        else {
-          b.css({
-            color : '#000000'
-          })
-        }
-        var e = setTimeout(arguments.callee, 100);
-        a.data('tmCountLetters', e)
-      })()
-     }).blur(function ()
-     {
-      var d = a.data('tmCountLetters');
-      clearTimeout(d)
-     })
+         count = (allowed - $(this).val().length);
+         counter.text(count);
+         if (count <= warning && count >= 0) {
+           counter.css({
+             color : '#FFA500'
+           })
+         }
+         else if (count < 0) {
+           counter.css({
+             color : '#FF0000'
+           })
+         }
+         else {
+           counter.css({
+             color : '#000000'
+           })
+         }
+     });
 });

From 8de80d3100703c070f74048e08abf940a2756579 Mon Sep 17 00:00:00 2001
From: yudai1999 <yudai1999@live.jp>
Date: Thu, 19 Apr 2012 14:39:36 +0900
Subject: [PATCH 7/7] Character Count Script 1.00 mounting.

---
 apps/pc_frontend/modules/timeline/templates/_timelineAll.php | 5 +----
 web/css/counter.css                                          | 1 -
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
index 940db61..ba71d1a 100644
--- a/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
+++ b/apps/pc_frontend/modules/timeline/templates/_timelineAll.php
@@ -12,14 +12,11 @@
 
 
 <?php use_javascript('/opTimelinePlugin/js/timeline-loader.api.js') ?>
+<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/bootstrap.css', 'last') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/timeline.css', 'last') ?>
 <?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
 
-//Character Count Script
-<?php use_javascript('/opTimelinePlugin/js/counter.js') ?>
-<?php use_stylesheet('/opTimelinePlugin/css/counter.css', 'last') ?>
-
 <script type="text/javascript">
 $(function(){
   $("#timeline-textarea").focus(function(){
diff --git a/web/css/counter.css b/web/css/counter.css
index fd14e68..feee0ad 100644
--- a/web/css/counter.css
+++ b/web/css/counter.css
@@ -1,4 +1,3 @@
-/* Character Count Script */
 #counter{
   position: absolute;
   top: 75px;