Browse Source

bbcode toolbar attached to the comment text field

minor css-fixes
pull/220/head
tommy tomson 9 years ago
parent
commit
0d4fab4ee3
  1. 39
      view/theme/diabook-aerith/comment_item.tpl
  2. BIN
      view/theme/diabook-aerith/icons/bb-image.png
  3. BIN
      view/theme/diabook-aerith/icons/bb-video.png
  4. BIN
      view/theme/diabook-aerith/icons/bold.png
  5. BIN
      view/theme/diabook-aerith/icons/italic.png
  6. BIN
      view/theme/diabook-aerith/icons/underline.png
  7. 3
      view/theme/diabook-aerith/style-network.css
  8. 3
      view/theme/diabook-aerith/style-profile.css
  9. 25
      view/theme/diabook-aerith/style.css
  10. 33
      view/theme/diabook-aerith/theme.php
  11. 39
      view/theme/diabook-blue/comment_item.tpl
  12. BIN
      view/theme/diabook-blue/icons/bb-image.png
  13. BIN
      view/theme/diabook-blue/icons/bb-video.png
  14. BIN
      view/theme/diabook-blue/icons/bold.png
  15. BIN
      view/theme/diabook-blue/icons/italic.png
  16. BIN
      view/theme/diabook-blue/icons/underline.png
  17. 3
      view/theme/diabook-blue/style-network.css
  18. 3
      view/theme/diabook-blue/style-profile.css
  19. 25
      view/theme/diabook-blue/style.css
  20. 31
      view/theme/diabook-blue/theme.php
  21. 39
      view/theme/diabook-red/comment_item.tpl
  22. BIN
      view/theme/diabook-red/icons/bb-image.png
  23. BIN
      view/theme/diabook-red/icons/bb-video.png
  24. BIN
      view/theme/diabook-red/icons/bold.png
  25. BIN
      view/theme/diabook-red/icons/italic.png
  26. BIN
      view/theme/diabook-red/icons/underline.png
  27. 3
      view/theme/diabook-red/style-network.css
  28. 3
      view/theme/diabook-red/style-profile.css
  29. 25
      view/theme/diabook-red/style.css
  30. 33
      view/theme/diabook-red/theme.php
  31. 39
      view/theme/diabook/comment_item.tpl
  32. BIN
      view/theme/diabook/icons/bb-image.png
  33. BIN
      view/theme/diabook/icons/bb-video.png
  34. BIN
      view/theme/diabook/icons/bold.png
  35. BIN
      view/theme/diabook/icons/italic.png
  36. BIN
      view/theme/diabook/icons/underline.png
  37. 3
      view/theme/diabook/style-network.css
  38. 3
      view/theme/diabook/style-profile.css
  39. 24
      view/theme/diabook/style.css
  40. 33
      view/theme/diabook/theme.php

39
view/theme/diabook-aerith/comment_item.tpl

@ -0,0 +1,39 @@
<div class="comment-wwedit-wrapper" id="comment-edit-wrapper-$id" style="display: block;">
<form class="comment-edit-form" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
<input type="hidden" name="type" value="$type" />
<input type="hidden" name="profile_uid" value="$profile_uid" />
<input type="hidden" name="parent" value="$parent" />
<input type="hidden" name="return" value="$return_path" />
<input type="hidden" name="jsreload" value="$jsreload" />
<input type="hidden" name="preview" id="comment-preview-inp-$id" value="0" />
<div class="comment-edit-photo" id="comment-edit-photo-$id" >
<a class="comment-edit-photo-link" href="$mylink" title="$mytitle"><img class="my-comment-photo" src="$myphoto" alt="$mytitle" title="$mytitle" /></a>
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
<a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
<a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
<a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
<a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
{{ for $qcomment as $qc }}
<option value="$qc">$qc</option>
{{ endfor }}
</select>
{{ endif }}
<div class="comment-edit-text-end"></div>
<div class="comment-edit-submit-wrapper" id="comment-edit-submit-wrapper-$id" style="display: none;" >
<input type="submit" onclick="post_comment($id); return false;" id="comment-edit-submit-$id" class="comment-edit-submit" name="submit" value="$submit" />
<span onclick="preview_comment($id);" id="comment-edit-preview-link-$id" class="fakelink">$preview</span>
<div id="comment-edit-preview-$id" class="comment-edit-preview" style="display:none;"></div>
</div>
<div class="comment-edit-end"></div>
</form>
</div>

BIN
view/theme/diabook-aerith/icons/bb-image.png

After

Width: 16  |  Height: 16  |  Size: 697 B

BIN
view/theme/diabook-aerith/icons/bb-video.png

After

Width: 16  |  Height: 16  |  Size: 917 B

BIN
view/theme/diabook-aerith/icons/bold.png

After

Width: 16  |  Height: 16  |  Size: 699 B

BIN
view/theme/diabook-aerith/icons/italic.png

After

Width: 16  |  Height: 16  |  Size: 577 B

BIN
view/theme/diabook-aerith/icons/underline.png

After

Width: 16  |  Height: 16  |  Size: 604 B

3
view/theme/diabook-aerith/style-network.css

@ -1298,6 +1298,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.tread-wrapper a{
color: #3465A4;
@ -1447,7 +1448,7 @@ transition: all 0.2s ease-in-out;
}
.wall-item-comment-wrapper {
margin: 1px 0px 0px 80px;
margin: 1px 5px 17px 80px;
background-color: #fff;
width: 500px;
}

3
view/theme/diabook-aerith/style-profile.css

@ -1291,6 +1291,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.tread-wrapper a{
color: #3465A4;
@ -1439,7 +1440,7 @@ transition: all 0.2s ease-in-out;
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

25
view/theme/diabook-aerith/style.css

@ -82,7 +82,27 @@
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.bold{
background-image: url("../../../view/theme/diabook-aerith/icons/bold.png");
float: right;
margin-top: 2px;}
.icon.underline{
background-image: url("../../../view/theme/diabook-aerith/icons/underline.png");
float: right;
margin-top: 2px;}
.icon.italic{
background-image: url("../../../view/theme/diabook-aerith/icons/italic.png");
float: right;
margin-top: 2px;}
.icon.bb-image{
background-image: url("../../../view/theme/diabook-aerith/icons/bb-image.png");
float: right;
margin-top: 2px;}
.icon.bb-video{
background-image: url("../../../view/theme/diabook-aerith/icons/bb-video.png");
float: right;
margin-top: 2px;}
.icon.contacts {
background-image: url("../../../view/theme/diabook-aerith/icons/contacts.png");}
.icon.notifications {
@ -1331,6 +1351,7 @@ body .pageheader{
padding: 5px;
margin-bottom: 0px;
width: 775px;
padding-top: 10px;
}
.tread-wrapper a{
color: #3465A4;
@ -1592,7 +1613,7 @@ body .pageheader{
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

33
view/theme/diabook-aerith/theme.php

@ -3,13 +3,13 @@
/*
* Name: Diabook-aerith
* Description: Diabook-aerith : report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.015)
* Version: (Version: 1.016)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-aerith (Version: 1.015)";
$diabook_version = "Diabook-aerith (Version: 1.016)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
@ -507,4 +507,31 @@ function restore_boxes(){
$.cookie("close_lastlikes","2", { expires: 365, path: "/" });
alert("Right-hand column was restored. Please refresh your browser");
}
</script>';}
</script>';}
$a->page['htmlhead'] .= '
<script type="text/javascript">
function insertFormatting(BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
if(tmpStr == "Kommentar") {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
openMenu("comment-edit-submit-wrapper-" + id);
}
textarea = document.getElementById("comment-edit-text-" +id);
if (document.selection) {
textarea.focus();
selected = document.selection.createRange();
selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
var start = textarea.selectionStart;
var end = textarea.selectionEnd;
textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
}
return true;
}
</script> ';

39
view/theme/diabook-blue/comment_item.tpl

@ -0,0 +1,39 @@
<div class="comment-wwedit-wrapper" id="comment-edit-wrapper-$id" style="display: block;">
<form class="comment-edit-form" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
<input type="hidden" name="type" value="$type" />
<input type="hidden" name="profile_uid" value="$profile_uid" />
<input type="hidden" name="parent" value="$parent" />
<input type="hidden" name="return" value="$return_path" />
<input type="hidden" name="jsreload" value="$jsreload" />
<input type="hidden" name="preview" id="comment-preview-inp-$id" value="0" />
<div class="comment-edit-photo" id="comment-edit-photo-$id" >
<a class="comment-edit-photo-link" href="$mylink" title="$mytitle"><img class="my-comment-photo" src="$myphoto" alt="$mytitle" title="$mytitle" /></a>
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
<a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
<a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
<a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
<a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
{{ for $qcomment as $qc }}
<option value="$qc">$qc</option>
{{ endfor }}
</select>
{{ endif }}
<div class="comment-edit-text-end"></div>
<div class="comment-edit-submit-wrapper" id="comment-edit-submit-wrapper-$id" style="display: none;" >
<input type="submit" onclick="post_comment($id); return false;" id="comment-edit-submit-$id" class="comment-edit-submit" name="submit" value="$submit" />
<span onclick="preview_comment($id);" id="comment-edit-preview-link-$id" class="fakelink">$preview</span>
<div id="comment-edit-preview-$id" class="comment-edit-preview" style="display:none;"></div>
</div>
<div class="comment-edit-end"></div>
</form>
</div>

BIN
view/theme/diabook-blue/icons/bb-image.png

After

Width: 16  |  Height: 16  |  Size: 697 B

BIN
view/theme/diabook-blue/icons/bb-video.png

After

Width: 16  |  Height: 16  |  Size: 917 B

BIN
view/theme/diabook-blue/icons/bold.png

After

Width: 16  |  Height: 16  |  Size: 699 B

BIN
view/theme/diabook-blue/icons/italic.png

After

Width: 16  |  Height: 16  |  Size: 577 B

BIN
view/theme/diabook-blue/icons/underline.png

After

Width: 16  |  Height: 16  |  Size: 604 B

3
view/theme/diabook-blue/style-network.css

@ -1260,6 +1260,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.tread-wrapper a{
color: #1872A2;
@ -1409,7 +1410,7 @@ transition: all 0.2s ease-in-out;
}
.wall-item-comment-wrapper {
margin: 1px 0px 0px 80px;
margin: 1px 5px 17px 80px;
background-color: #fff;
width: 500px;
}

3
view/theme/diabook-blue/style-profile.css

@ -1258,6 +1258,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.tread-wrapper a{
color: #1872A2;
@ -1406,7 +1407,7 @@ transition: all 0.2s ease-in-out;
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

25
view/theme/diabook-blue/style.css

@ -82,7 +82,27 @@
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.bold{
background-image: url("../../../view/theme/diabook-blue/icons/bold.png");
float: right;
margin-top: 2px;}
.icon.underline{
background-image: url("../../../view/theme/diabook-blue/icons/underline.png");
float: right;
margin-top: 2px;}
.icon.italic{
background-image: url("../../../view/theme/diabook-blue/icons/italic.png");
float: right;
margin-top: 2px;}
.icon.bb-image{
background-image: url("../../../view/theme/diabook-blue/icons/bb-image.png");
float: right;
margin-top: 2px;}
.icon.bb-video{
background-image: url("../../../view/theme/diabook-blue/icons/bb-video.png");
float: right;
margin-top: 2px;}
.icon.contacts {
background-image: url("../../../view/theme/diabook-blue/icons/contacts.png");}
.icon.notifications {
@ -1287,6 +1307,7 @@ body .pageheader{
padding: 5px;
margin-bottom: 0px;
width: 775px;
padding-top: 10px;
}
.tread-wrapper a{
color: #1872A2;
@ -1550,7 +1571,7 @@ body .pageheader{
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

31
view/theme/diabook-blue/theme.php

@ -3,13 +3,13 @@
/*
* Name: Diabook-blue
* Description: Diabook-blue: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.015)
* Version: (Version: 1.016)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-blue (Version: 1.015)";
$diabook_version = "Diabook-blue (Version: 1.016)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -509,3 +509,30 @@ function restore_boxes(){
alert("Right-hand column was restored. Please refresh your browser");
}
</script>';}
$a->page['htmlhead'] .= '
<script type="text/javascript">
function insertFormatting(BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
if(tmpStr == "Kommentar") {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
openMenu("comment-edit-submit-wrapper-" + id);
}
textarea = document.getElementById("comment-edit-text-" +id);
if (document.selection) {
textarea.focus();
selected = document.selection.createRange();
selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
var start = textarea.selectionStart;
var end = textarea.selectionEnd;
textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
}
return true;
}
</script> ';

39
view/theme/diabook-red/comment_item.tpl

@ -0,0 +1,39 @@
<div class="comment-wwedit-wrapper" id="comment-edit-wrapper-$id" style="display: block;">
<form class="comment-edit-form" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
<input type="hidden" name="type" value="$type" />
<input type="hidden" name="profile_uid" value="$profile_uid" />
<input type="hidden" name="parent" value="$parent" />
<input type="hidden" name="return" value="$return_path" />
<input type="hidden" name="jsreload" value="$jsreload" />
<input type="hidden" name="preview" id="comment-preview-inp-$id" value="0" />
<div class="comment-edit-photo" id="comment-edit-photo-$id" >
<a class="comment-edit-photo-link" href="$mylink" title="$mytitle"><img class="my-comment-photo" src="$myphoto" alt="$mytitle" title="$mytitle" /></a>
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
<a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
<a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
<a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
<a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
{{ for $qcomment as $qc }}
<option value="$qc">$qc</option>
{{ endfor }}
</select>
{{ endif }}
<div class="comment-edit-text-end"></div>
<div class="comment-edit-submit-wrapper" id="comment-edit-submit-wrapper-$id" style="display: none;" >
<input type="submit" onclick="post_comment($id); return false;" id="comment-edit-submit-$id" class="comment-edit-submit" name="submit" value="$submit" />
<span onclick="preview_comment($id);" id="comment-edit-preview-link-$id" class="fakelink">$preview</span>
<div id="comment-edit-preview-$id" class="comment-edit-preview" style="display:none;"></div>
</div>
<div class="comment-edit-end"></div>
</form>
</div>

BIN
view/theme/diabook-red/icons/bb-image.png

After

Width: 16  |  Height: 16  |  Size: 697 B

BIN
view/theme/diabook-red/icons/bb-video.png

After

Width: 16  |  Height: 16  |  Size: 917 B

BIN
view/theme/diabook-red/icons/bold.png

After

Width: 16  |  Height: 16  |  Size: 699 B

BIN
view/theme/diabook-red/icons/italic.png

After

Width: 16  |  Height: 16  |  Size: 577 B

BIN
view/theme/diabook-red/icons/underline.png

After

Width: 16  |  Height: 16  |  Size: 604 B

3
view/theme/diabook-red/style-network.css

@ -1295,6 +1295,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.tread-wrapper a{
color: red;
@ -1444,7 +1445,7 @@ transition: all 0.2s ease-in-out;
}
.wall-item-comment-wrapper {
margin: 1px 0px 0px 80px;
margin: 1px 5px 17px 80px;
background-color: #fff;
width: 500px;
}

3
view/theme/diabook-red/style-profile.css

@ -1271,6 +1271,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.tread-wrapper a{
color: red;
@ -1419,7 +1420,7 @@ transition: all 0.2s ease-in-out;
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

25
view/theme/diabook-red/style.css

@ -82,7 +82,27 @@
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.bold{
background-image: url("../../../view/theme/diabook-red/icons/bold.png");
float: right;
margin-top: 2px;}
.icon.underline{
background-image: url("../../../view/theme/diabook-red/icons/underline.png");
float: right;
margin-top: 2px;}
.icon.italic{
background-image: url("../../../view/theme/diabook-red/icons/italic.png");
float: right;
margin-top: 2px;}
.icon.bb-image{
background-image: url("../../../view/theme/diabook-red/icons/bb-image.png");
float: right;
margin-top: 2px;}
.icon.bb-video{
background-image: url("../../../view/theme/diabook-red/icons/bb-video.png");
float: right;
margin-top: 2px;}
.icon.contacts {
background-image: url("../../../view/theme/diabook-red/icons/contacts.png");}
.icon.notifications {
@ -1317,6 +1337,7 @@ body .pageheader{
padding: 5px;
margin-bottom: 0px;
width: 775px;
padding-top: 10px;
}
.tread-wrapper a{
color: red;
@ -1579,7 +1600,7 @@ body .pageheader{
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

33
view/theme/diabook-red/theme.php

@ -3,13 +3,13 @@
/*
* Name: Diabook-red
* Description: Diabook-red: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.015)
* Version: (Version: 1.016)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-red (Version: 1.015)";
$diabook_version = "Diabook-red (Version: 1.016)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -509,4 +509,31 @@ function restore_boxes(){
$.cookie("close_lastlikes","2", { expires: 365, path: "/" });
alert("Right-hand column was restored. Please refresh your browser");
}
</script>';}
</script>';}
$a->page['htmlhead'] .= '
<script type="text/javascript">
function insertFormatting(BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
if(tmpStr == "Kommentar") {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
openMenu("comment-edit-submit-wrapper-" + id);
}
textarea = document.getElementById("comment-edit-text-" +id);
if (document.selection) {
textarea.focus();
selected = document.selection.createRange();
selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
var start = textarea.selectionStart;
var end = textarea.selectionEnd;
textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
}
return true;
}
</script> ';

39
view/theme/diabook/comment_item.tpl

@ -0,0 +1,39 @@
<div class="comment-wwedit-wrapper" id="comment-edit-wrapper-$id" style="display: block;">
<form class="comment-edit-form" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
<input type="hidden" name="type" value="$type" />
<input type="hidden" name="profile_uid" value="$profile_uid" />
<input type="hidden" name="parent" value="$parent" />
<input type="hidden" name="return" value="$return_path" />
<input type="hidden" name="jsreload" value="$jsreload" />
<input type="hidden" name="preview" id="comment-preview-inp-$id" value="0" />
<div class="comment-edit-photo" id="comment-edit-photo-$id" >
<a class="comment-edit-photo-link" href="$mylink" title="$mytitle"><img class="my-comment-photo" src="$myphoto" alt="$mytitle" title="$mytitle" /></a>
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-video" onclick="insertFormatting('video',$id);">video</a>
<a class="icon bb-image" onclick="insertFormatting('img',$id);">img</a>
<a class="icon italic" onclick="insertFormatting('i',$id);">i</a>
<a class="icon underline" onclick="insertFormatting('u',$id);">u</a>
<a class="icon bold" onclick="insertFormatting('b',$id);">b</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>
{{ for $qcomment as $qc }}
<option value="$qc">$qc</option>
{{ endfor }}
</select>
{{ endif }}
<div class="comment-edit-text-end"></div>
<div class="comment-edit-submit-wrapper" id="comment-edit-submit-wrapper-$id" style="display: none;" >
<input type="submit" onclick="post_comment($id); return false;" id="comment-edit-submit-$id" class="comment-edit-submit" name="submit" value="$submit" />
<span onclick="preview_comment($id);" id="comment-edit-preview-link-$id" class="fakelink">$preview</span>
<div id="comment-edit-preview-$id" class="comment-edit-preview" style="display:none;"></div>
</div>
<div class="comment-edit-end"></div>
</form>
</div>

BIN
view/theme/diabook/icons/bb-image.png

After

Width: 16  |  Height: 16  |  Size: 697 B

BIN
view/theme/diabook/icons/bb-video.png

After

Width: 16  |  Height: 16  |  Size: 917 B

BIN
view/theme/diabook/icons/bold.png

After

Width: 16  |  Height: 16  |  Size: 699 B

BIN
view/theme/diabook/icons/italic.png

After

Width: 16  |  Height: 16  |  Size: 577 B

BIN
view/theme/diabook/icons/underline.png

After

Width: 16  |  Height: 16  |  Size: 604 B

3
view/theme/diabook/style-network.css

@ -1241,6 +1241,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.wall-item-decor {
position: absolute;
@ -1385,7 +1386,7 @@ transition: all 0.2s ease-in-out;
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

3
view/theme/diabook/style-profile.css

@ -1235,6 +1235,7 @@ transition: all 0.2s ease-in-out;
padding: 5px;
margin-bottom: 0px;
width: 575px;
padding-top: 10px;
}
.wall-item-decor {
position: absolute;
@ -1379,7 +1380,7 @@ transition: all 0.2s ease-in-out;
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

24
view/theme/diabook/style.css

@ -83,6 +83,27 @@
#adminpage .selectall { text-align: right; }
/* icons */
.icon.bold{
background-image: url("../../../view/theme/diabook/icons/bold.png");
float: right;
margin-top: 2px;}
.icon.underline{
background-image: url("../../../view/theme/diabook/icons/underline.png");
float: right;
margin-top: 2px;}
.icon.italic{
background-image: url("../../../view/theme/diabook/icons/italic.png");
float: right;
margin-top: 2px;}
.icon.bb-image{
background-image: url("../../../view/theme/diabook/icons/bb-image.png");
float: right;
margin-top: 2px;}
.icon.bb-video{
background-image: url("../../../view/theme/diabook/icons/bb-video.png");
float: right;
margin-top: 2px;}
.icon.contacts {
background-image: url("../../../view/theme/diabook/icons/contacts.png");}
.icon.notifications {
@ -1269,6 +1290,7 @@ body .pageheader{
padding: 5px;
margin-bottom: 0px;
width: 775px;
padding-top: 10px;
}
.wall-item-decor {
@ -1516,7 +1538,7 @@ body .pageheader{
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
margin: 1px 5px 17px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;

33
view/theme/diabook/theme.php

@ -3,13 +3,13 @@
/*
* Name: Diabook
* Description: Diabook: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.015)
* Version: (Version: 1.016)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook (Version: 1.015)";
$diabook_version = "Diabook (Version: 1.016)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -519,4 +519,31 @@ function restore_boxes(){
$.cookie("close_lastlikes","2", { expires: 365, path: "/" });
alert("Right-hand column was restored. Please refresh your browser");
}
</script>';}
</script>';}
$a->page['htmlhead'] .= '
<script type="text/javascript">
function insertFormatting(BBcode,id) {
var tmpStr = $("#comment-edit-text-" + id).val();
if(tmpStr == "Kommentar") {
tmpStr = "";
$("#comment-edit-text-" + id).addClass("comment-edit-text-full");
$("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
openMenu("comment-edit-submit-wrapper-" + id);
}
textarea = document.getElementById("comment-edit-text-" +id);
if (document.selection) {
textarea.focus();
selected = document.selection.createRange();
selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
var start = textarea.selectionStart;
var end = textarea.selectionEnd;
textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
}
return true;
}
</script> ';
Loading…
Cancel
Save