keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add character counter to themes other then frio

Browse source 
Only vier needed some styling so that the counter looked fitting.

closes #2525
This commit is contained in:
Tobias Diekershoff 2021-10-03 14:55:21 +02:00
parent 3d97149007
commit f0763c4eaf
3 changed files with 21 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
view/templates/jot-header.tpl
View file

@ -24,6 +24,11 @@ function initEditor(callback) {
$("a#jot-perms-icon").colorbox(colorbox_options); $("a#jot-perms-icon").colorbox(colorbox_options);
$(".jothidden").show(); $(".jothidden").show();
$("#profile-jot-text").keyup(function(){
var textlen = $(this).val().length;
$('#character-counter').text(textlen);
});
editor = true; editor = true;
} }
if (typeof callback != "undefined") { if (typeof callback != "undefined") {

11
view/templates/jot.tpl
View file

@ -1,7 +1,6 @@
<div id="profile-jot-wrapper"> <div id="profile-jot-wrapper">
<div id="profile-jot-banner-wrapper"> <div id="profile-jot-banner-wrapper">
<div id="profile-jot-desc">&nbsp;</div> <div id="profile-jot-desc">&nbsp;</div>
<div id="character-counter" class="grey"></div>
</div> </div>
<div id="profile-jot-banner-end"></div> <div id="profile-jot-banner-end"></div>
@ -18,7 +17,9 @@
{{if $notes_cid}} {{if $notes_cid}}
<input type="hidden" name="contact_allow[]" value="<{{$notes_cid}}>" /> <input type="hidden" name="contact_allow[]" value="<{{$notes_cid}}>" />
{{/if}} {{/if}}
<div id="jot-title-wrap"><input name="title" id="jot-title" type="text" placeholder="{{$placeholdertitle}}" value="{{$title}}" class="jothidden" style="display:none" dir="auto"></div> <div id="jot-title-wrap">
<input name="title" id="jot-title" type="text" placeholder="{{$placeholdertitle}}" value="{{$title}}" class="jothidden" style="display:none" dir="auto">
</div>
{{if $placeholdercategory}} {{if $placeholdercategory}}
<div id="jot-category-wrap"><input name="category" id="jot-category" type="text" placeholder="{{$placeholdercategory}}" value="{{$category}}" class="jothidden" style="display:none" dir="auto"></div> <div id="jot-category-wrap"><input name="category" id="jot-category" type="text" placeholder="{{$placeholdercategory}}" value="{{$category}}" class="jothidden" style="display:none" dir="auto"></div>
{{/if}} {{/if}}
@ -29,7 +30,7 @@
<div id="profile-jot-submit-wrapper" class="jothidden"> <div id="profile-jot-submit-wrapper" class="jothidden">
<input type="submit" id="profile-jot-submit" name="submit" value="{{$share}}" /> <input type="submit" id="profile-jot-submit" name="submit" value="{{$share}}" />
<div id="profile-upload-wrapper" style="display: {{$visitor}};"> <div id="profile-upload-wrapper" style="display: {{$visitor}};">
<div id="wall-image-upload-div"><a href="#" onclick="return false;" id="wall-image-upload" class="icon camera" title="{{$upload}}"></a></div> <div id="wall-image-upload-div"><a href="#" onclick="return false;" id="wall-image-upload" class="icon camera" title="{{$upload}}"></a></div>
</div> </div>
@ -53,6 +54,10 @@
<a id="profile-nolocation" class="icon noglobe" title="{{$noloc}}" onclick="jotClearLocation();return false;"></a> <a id="profile-nolocation" class="icon noglobe" title="{{$noloc}}" onclick="jotClearLocation();return false;"></a>
</div> </div>
<div id="post-length">
<span id="character-counter" class="grey"></span>
</div>
<div id="profile-jot-perms" class="profile-jot-perms" style="display: {{$pvisit}};"> <div id="profile-jot-perms" class="profile-jot-perms" style="display: {{$pvisit}};">
<a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon {{$lockstate}}" title="{{$permset}}"></a>{{$bang}} <a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon {{$lockstate}}" title="{{$permset}}"></a>{{$bang}}
</div> </div>

10
view/theme/vier/style.css
View file

@ -1778,8 +1778,14 @@ section.minimal {
padding: 0.3em; padding: 0.3em;
margin-bottom: 10px; margin-bottom: 10px;
} }
#post-length {
#profile-jot-form #jot-title, #profile-jot-form #jot-category { width: 20px;
float: left;
margin-left: 15px;
margin-top: 3px;
color: #9c9c9c;
}
profile-jot-form #jot-title, #profile-jot-form #jot-category {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
font-weight: bold; font-weight: bold;
height: 20px; height: 20px;