jon
/
Quill
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add tweet text length countdown on note interface

pull/37/head
Aaron Parecki 9 years ago
parent
8409b668d8
commit
af92c0deac
5 changed files with 1612 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      controllers/controllers.php
  2. BIN
      public/images/twitter.ico
  3. 1584
      public/js/cassis.js
  4. 1
      views/layout.php
  5. 26
      views/new-post.php

1
controllers/controllers.php
View File

@ -83,6 +83,7 @@ $app->get('/new', function() use($app) {
'syndication_targets' => json_decode($user->syndication_targets, true), 'syndication_targets' => json_decode($user->syndication_targets, true),
'test_response' => $test_response, 'test_response' => $test_response,
'location_enabled' => $user->location_enabled, 'location_enabled' => $user->location_enabled,
'user' => $user,
'authorizing' => false 'authorizing' => false
)); ));
$app->response()->body($html); $app->response()->body($html);

BIN
public/images/twitter.ico
View File

1584
public/js/cassis.js
File diff suppressed because it is too large
View File

1
views/layout.php
View File

@ -30,6 +30,7 @@
<script src="/js/jquery-1.7.1.min.js"></script> <script src="/js/jquery-1.7.1.min.js"></script>
<script src="/js/script.js"></script> <script src="/js/script.js"></script>
<script src="/js/date.js"></script> <script src="/js/date.js"></script>
<script src="/js/cassis.js"></script>
</head> </head>
<body role="document"> <body role="document">

26
views/new-post.php
View File

@ -4,6 +4,7 @@
<form role="form" style="margin-top: 20px;" id="note_form"> <form role="form" style="margin-top: 20px;" id="note_form">
<div class="form-group"> <div class="form-group">
<div id="note_content_remaining" class="pcheck206"><img src="/images/twitter.ico"> <span>140</span></div>
<label for="note_content"><code>content</code></label> <label for="note_content"><code>content</code></label>
<textarea id="note_content" value="" class="form-control" style="height: 4em;"></textarea> <textarea id="note_content" value="" class="form-control" style="height: 4em;"></textarea>
</div> </div>
@ -103,9 +104,34 @@
</div> </div>
</div> </div>
<style type="text/css">
#note_content_remaining {
float: right;
font-size: 0.8em;
font-weight: bold;
}
.pcheck206 { color: #6ba15c; } /* tweet fits within the limit even after adding RT @username */
.pcheck207 { color: #c4b404; } /* danger zone, tweet will overflow when RT @username is added */
.pcheck200,.pcheck208 { color: #59cb3a; } /* exactly fits 140 chars, both with or without RT */
.pcheck413 { color: #a73b3b; } /* over max tweet length */
</style>
<script> <script>
$(function(){ $(function(){
$("#note_content").on('change keyup', function(e){
var text = $("#note_content").val();
var tweet_length = tw_text_proxy(text).length;
var tweet_check = tw_length_check(text, 140, "<?= $this->user->twitter_username ?>");
var remaining = 140 - tweet_length;
$("#note_content_remaining span").html(remaining);
$("#note_content_remaining").removeClass("pcheck200 pcheck206 pcheck207 pcheck208 pcheck413");
$("#note_content_remaining").addClass("pcheck"+tweet_check);
});
// ctrl-s to save // ctrl-s to save
$(window).on('keydown', function(e){ $(window).on('keydown', function(e){
if(e.keyCode == 83 && e.ctrlKey){ if(e.keyCode == 83 && e.ctrlKey){

Write Preview
Loading…
Cancel
Save