tweak wall items a bit (nasty-looking wall items...). jot-header tries to count chars and fails :P

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-03-04 05:00:35 -05:00
parent a6d08ec852
commit c28ce8a79c
2 changed files with 37 additions and 7 deletions

View file

@ -4,10 +4,11 @@
var editor=false;
var textlen = 0;
var plaintext = '$editselect';
// this is here because of the silly tinymce error. didn't help.
var skin = 'default';
function initEditor(cb){
if (editor==false){
function initEditor(cb) {
if (editor==false) {
$("#profile-jot-text-loading").show();
if(plaintext == 'none') {
$("#profile-jot-text-loading").hide();
@ -22,7 +23,8 @@ function initEditor(cb){
cb();
}
return;
}
}
tinyMCE.init({
theme : "advanced",
skin : "default",
@ -100,7 +102,36 @@ function initEditor(cb){
ed.pasteAsPlainText = true;
$("#profile-jot-text-loading").hide();
$(".jothidden").show();
if (typeof cb!="undefined") cb();
if (typeof cb!="undefined") { cb(); }
// character count part deux
//
// get # of chars
var textlen = $('#profile-jot-text').val().length();
$('#character-counter').html(textlen);
$('#profile-jot-text').keyup(function() {
$('#character-counter').removeClass('jothidden');
if(textlen <= 140) {
$('#character-counter').removeClass('red');
$('#character-counter').removeClass('orange');
$('#character-counter').addClass('grey');
}
if((textlen > 140) && (textlen <= 420)) {
$('#character-counter').removeClass('grey');
$('#character-counter').removeClass('red');
$('#character-counter').addClass('orange');
}
if(textlen > 420) {
$('#character-counter').removeClass('grey');
$('#character-counter').removeClass('orange');
$('#character-counter').addClass('red');
}
// get new len
$('#character-counter').html($(this).val().length);
});
});
}
});

View file

@ -988,7 +988,7 @@ section {
}
.wall-item-content-wrapper {
position: relative;
border-top: 1px #aaa solid;
border-left: 1px #aaa solid;
padding: 10px;
}
.wall-item-outside-wrapper .wall-item-comment-wrapper {
@ -996,7 +996,6 @@ section {
}
.wall-item-content-wrapper.shiny {
background: #efefcf;
border-right: 3px solid #ffd398;
}
.wall-item-content {
overflow-x: auto;
@ -1039,7 +1038,7 @@ section {
border-radius: 5px;
}
[class^="wall-item-tools"] > *, [class^="wall-item-tools"] > * > * {
margin: 0 0 10px 0;
margin: 0 0 5px 0;
}
.wall-item-tools {
float: right;