bbcode toolbar attached to the comment text field

minor css-fixes
This commit is contained in:
tommy tomson 2012-04-10 00:55:39 +02:00
parent d25a9df996
commit 0d4fab4ee3
40 changed files with 383 additions and 26 deletions

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 697 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 B

View file

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

View file

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

View file

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

View file

@ -3,13 +3,13 @@
/* /*
* Name: Diabook-aerith * Name: Diabook-aerith
* Description: Diabook-aerith : report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu * 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: * Author:
*/ */
//print diabook-version for debugging //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); $a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
@ -508,3 +508,30 @@ function restore_boxes(){
alert("Right-hand column was restored. Please refresh your browser"); 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> ';

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 697 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 B

View file

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

View file

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

View file

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

View file

@ -3,13 +3,13 @@
/* /*
* Name: Diabook-blue * Name: Diabook-blue
* Description: Diabook-blue: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu * 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: * Author:
*/ */
//print diabook-version for debugging //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); $a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages //change css on network and profilepages
@ -509,3 +509,30 @@ function restore_boxes(){
alert("Right-hand column was restored. Please refresh your browser"); 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> ';

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 697 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 B

View file

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

View file

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

View file

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

View file

@ -3,13 +3,13 @@
/* /*
* Name: Diabook-red * Name: Diabook-red
* Description: Diabook-red: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu * 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: * Author:
*/ */
//print diabook-version for debugging //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); $a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages //change css on network and profilepages
@ -510,3 +510,30 @@ function restore_boxes(){
alert("Right-hand column was restored. Please refresh your browser"); 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> ';

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 697 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 577 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 B

View file

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

View file

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

View file

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

View file

@ -3,13 +3,13 @@
/* /*
* Name: Diabook * Name: Diabook
* Description: Diabook: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu * 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: * Author:
*/ */
//print diabook-version for debugging //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); $a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages //change css on network and profilepages
@ -520,3 +520,30 @@ function restore_boxes(){
alert("Right-hand column was restored. Please refresh your browser"); 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> ';