[CDB]Ajax Shoutbox

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Scam Warning
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
Locked
travel
Registered User
Posts: 131
Joined: Sun Jan 11, 2015 7:21 pm

Re: [BETA]Ajax Shoutbox

Post by travel »

Good job, Paul. 8-)
Paul
Infrastructure Team Leader
Infrastructure Team Leader
Posts: 26823
Joined: Sat Dec 04, 2004 3:44 pm
Location: The netherlands.
Name: Paul Sohier
Contact:

Re: [BETA]Ajax Shoutbox

Post by Paul »

Raul [ThE KuKa] wrote:"PR" Spanish translation ready Paul.
Thanks, merged :)
Knock knock
Race condition
Who's there?

My BlogMy Photosmy phpBB Extensionscustom phpBB work & Development
SamiLP
Registered User
Posts: 29
Joined: Wed Dec 24, 2014 2:08 pm

Re: [BETA]Ajax Shoutbox

Post by SamiLP »

Just added this to this website http://www.lazypressing.com/

What needs to be fixed :

Image

1) Delete button should be aligned accordingly in order and not each button in an area making it messy.

2) The date column is pretty useless . I prefer the following format :

(Username) (Date) (Post) (Delete) <-- Organized manner and form.

3) Choose freely where to put your shoutbox if bottom page or top page.

4) Choose to have shoutbox on all pages or just index

5) Add bb codes somewhere , not everyone knows the smiley codes.

So far so good, hope you will implement what I said soon :) Thank you for your time and contribution to this project.

Bug reporting :

Guest has "Delete" button although it says he should not have, when clicked the following error is displayed

{"title":"Error","error":"Unable to delete post","status":500}
User avatar
spaceace
Registered User
Posts: 1990
Joined: Wed Jan 30, 2008 8:50 pm
Contact:

Re: [BETA]Ajax Shoutbox

Post by spaceace »

SamiLP wrote:3) Choose freely where to put your shoutbox if bottom page or top page.
moving it is very simple. just change the template event. if you want it to be above the forumlist_body(top of index), just change the event that is named index_body_stat_blocks_before.html to index_body_markforums_after.html in the ext and it will show at the top of the index page ;)
Paul
Infrastructure Team Leader
Infrastructure Team Leader
Posts: 26823
Joined: Sat Dec 04, 2004 3:44 pm
Location: The netherlands.
Name: Paul Sohier
Contact:

Re: [BETA]Ajax Shoutbox

Post by Paul »

SamiLP wrote:Just added this to this website http://www.lazypressing.com/

What needs to be fixed :

Image

1) Delete button should be aligned accordingly in order and not each button in an area making it messy.
Which browser was this one? The delete button should be alligned to the right.
2) The date column is pretty useless . I prefer the following format :

(Username) (Date) (Post) (Delete) <-- Organized manner and form.
Thats a known issue. The date format will be changed before a final release.
4) Choose to have shoutbox on all pages or just index

5) Add bb codes somewhere , not everyone knows the smiley codes.
Sorry, I won't implement that.

Bug reporting :

Guest has "Delete" button although it says he should not have, when clicked the following error is displayed

{"title":"Error","error":"Unable to delete post","status":500}
Did you assign delete permission to the guest user? Which browser was you using?
Knock knock
Race condition
Who's there?

My BlogMy Photosmy phpBB Extensionscustom phpBB work & Development
User avatar
Steve
Registered User
Posts: 1092
Joined: Tue Apr 07, 2009 7:48 pm
Location: UK ,up north!!
Name: Steven Clark
Contact:

Re: [BETA]Ajax Shoutbox

Post by Steve »

I've been playing around with pauls chat its pretty simple and easy to learn from ;)
But can be tuned :lol:

All functions in the pics work avatars, bbcodes ,smilies ,view more smilies popup(disabled on mobiles), font colour, custom bbcodes if you have them,auto embed you tube, textarea to support a new brake line.

img : http://www.phpbb-showroom.org/spambox.png
img : http://www.phpbb-showroom.org/header.png
img : http://www.phpbb-showroom.org/mobile.png

Once i have sussed github i will upload it.
dsaf
Registered User
Posts: 56
Joined: Wed Feb 20, 2013 7:09 pm

Re: [BETA]Ajax Shoutbox

Post by dsaf »

That is exactly what im looking for vectra! Thankyou! Looking forward to the github.
User avatar
Steve
Registered User
Posts: 1092
Joined: Tue Apr 07, 2009 7:48 pm
Location: UK ,up north!!
Name: Steven Clark
Contact:

Re: [BETA]Ajax Shoutbox

Post by Steve »

Well for the life off me I can't get mchat working so I tuned this one lol
http://www.phpbb-showroom.org/chat/
User avatar
mrgtb
Registered User
Posts: 603
Joined: Wed Oct 03, 2007 10:51 am

Re: [BETA]Ajax Shoutbox

Post by mrgtb »

When you display the shoutbox to guests it sits too close below login fields displayed above it. I solved this creating some space using a <br /> editing the shoutbox template using a conditional to show one version of shoutbox to members, another to logged out users.

Code: Select all

<!-- IF S_REGISTERED_USER -->
<div class="forabg">
    <div class="inner">
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>
                    <div class="list-inner">{L_AJAX_SHOUTBOX}</div>
                    </dt>
                </dl>
            </li>
        </ul>
        <!-- IF S_CAN_POST_SHOUT -->
        <form action="{U_SUBMIT_SHOUTBOX}" id="ajaxshoutbox_post" method="post">
            {#
                Note: Do not include CSRF protection here. Besides that someone would only be able to post a message
                to the shoutbox, it will add all kind of issues. phpBB only expects 1 active CSRF key in 1 browser,
                but with the possible usage of a shoutbox, you might see that users keep the index open for a long time,
                and start browsing in a different window. When this happen, the CSRF key valid for this form will expire,
                fail for other places and give the user form invalid errors.
            #}
            <input type="hidden" name="sid" value="{SESSION_ID}" />
            <ul class="topiclist ajaxshoutboxpost forums">
                <li class="row">
                    <dl>
                        <dt>{L_AJAX_SHOUTBOX_MESSAGE}{L_COLON} <input type="text" name="text_shoutbox" id="text_shoutbox"/>
                            <input type="submit" name="submit" value="{L_SUBMIT}" class="button2" id="submit_shoutbox">
                        </dt>
                        <dd><div class="ajaxshoutbox_loadingbar" id="ajaxshoutbox_loadbefore"></div></dd>
                    </dl>
                </li>
            </ul>
        </form>
        <!-- ENDIF -->
        <!-- INCLUDEJS @paul999_ajaxshoutbox/js/ajax_shoutbox.js -->
        <script>
            var AJAX_SHOUTBOX_POSTS = "{UA_GET_POST_ACTION}";
            var AJAX_SHOUTBOX_POSTS_NEW = "{UA_GET_POST_ACTION_NEW}";
            var AJAX_SHOUTBOX_POSTS_OLD = "{UA_GET_POST_ACTION_OLD}";
        </script>
        <noscript>
            <ul class="topiclist forums">
                <li class="row">
                    <dl>
                        <dt>{L_NO_JS}</dt>
                    </dl>
                </li>
            </ul>
        </noscript>
        <div id="shoutbox_scroll">
            <ul class="topiclist shoutboxlist forums" id="shoutbox_content">
                <li class="row" id="copy">
                    <dl>
                        <dt data-type="user"></dt>
                        <dd data-type="date" class="ajaxshoutbox_date"></dd>
                        <dd data-type="message" class="ajaxshoutbox_message"></dd>
                        <dd data-type="delete" class="ajaxshoutbox_delete">
                            <form action="{U_DELETE_SHOUTBOX}" data-type="submit-delete" method="post">
                                <input type="hidden" name="sid" value="{SESSION_ID}" />
                                <input data-type="delete-id" type="hidden" name="id" value="" />
                                <input type="submit" name="delete" value="{L_DELETE}" class="button2" />
                            </form>
                        </dd>
                    </dl>
                </li>
            </ul>
            <ul class="topiclist waitinglist forums" id="ajaxshoutbox_loadafter">
                <li class="row">
                    <dl>
                        <dt><div class="ajaxshoutbox_loadingbar"></div></dt>
                    </dl>
                </li>
            </ul>
        </div>

    </div>
</div>
<!-- ELSE -->
<br />
<div class="forabg">
    <div class="inner">
        <ul class="topiclist">
            <li class="header">
                <dl class="icon">
                    <dt>
                    <div class="list-inner">{L_AJAX_SHOUTBOX}</div>
                    </dt>
                </dl>
            </li>
        </ul>
        <!-- IF S_CAN_POST_SHOUT -->
        <form action="{U_SUBMIT_SHOUTBOX}" id="ajaxshoutbox_post" method="post">
            {#
                Note: Do not include CSRF protection here. Besides that someone would only be able to post a message
                to the shoutbox, it will add all kind of issues. phpBB only expects 1 active CSRF key in 1 browser,
                but with the possible usage of a shoutbox, you might see that users keep the index open for a long time,
                and start browsing in a different window. When this happen, the CSRF key valid for this form will expire,
                fail for other places and give the user form invalid errors.
            #}
            <input type="hidden" name="sid" value="{SESSION_ID}" />
            <ul class="topiclist ajaxshoutboxpost forums">
                <li class="row">
                    <dl>
                        <dt>{L_AJAX_SHOUTBOX_MESSAGE}{L_COLON} <input type="text" name="text_shoutbox" id="text_shoutbox"/>
                            <input type="submit" name="submit" value="{L_SUBMIT}" class="button2" id="submit_shoutbox">
                        </dt>
                        <dd><div class="ajaxshoutbox_loadingbar" id="ajaxshoutbox_loadbefore"></div></dd>
                    </dl>
                </li>
            </ul>
        </form>
        <!-- ENDIF -->
        <!-- INCLUDEJS @paul999_ajaxshoutbox/js/ajax_shoutbox.js -->
        <script>
            var AJAX_SHOUTBOX_POSTS = "{UA_GET_POST_ACTION}";
            var AJAX_SHOUTBOX_POSTS_NEW = "{UA_GET_POST_ACTION_NEW}";
            var AJAX_SHOUTBOX_POSTS_OLD = "{UA_GET_POST_ACTION_OLD}";
        </script>
        <noscript>
            <ul class="topiclist forums">
                <li class="row">
                    <dl>
                        <dt>{L_NO_JS}</dt>
                    </dl>
                </li>
            </ul>
        </noscript>
        <div id="shoutbox_scroll">
            <ul class="topiclist shoutboxlist forums" id="shoutbox_content">
                <li class="row" id="copy">
                    <dl>
                        <dt data-type="user"></dt>
                        <dd data-type="date" class="ajaxshoutbox_date"></dd>
                        <dd data-type="message" class="ajaxshoutbox_message"></dd>
                        <dd data-type="delete" class="ajaxshoutbox_delete">
                            <form action="{U_DELETE_SHOUTBOX}" data-type="submit-delete" method="post">
                                <input type="hidden" name="sid" value="{SESSION_ID}" />
                                <input data-type="delete-id" type="hidden" name="id" value="" />
                                <input type="submit" name="delete" value="{L_DELETE}" class="button2" />
                            </form>
                        </dd>
                    </dl>
                </li>
            </ul>
            <ul class="topiclist waitinglist forums" id="ajaxshoutbox_loadafter">
                <li class="row">
                    <dl>
                        <dt><div class="ajaxshoutbox_loadingbar"></div></dt>
                    </dl>
                </li>
            </ul>
        </div>

    </div>
</div>
<!-- ENDIF -->

Code: Select all

<!-- IF S_REGISTERED_USER -->
SHOUTBOX CODE
<!-- ELSE -->
<br />
SHOUTBOX CODE
<!-- ENDIF -->
1: Are you aware that guest posting in shoutbox allowed (under usergoup permissions) doesn't work
2: Sometimes as well when I scroll down shout text list displayed I get lines displayed like "a broken image" in-front of shout text shown, that happens quite often.
Paul
Infrastructure Team Leader
Infrastructure Team Leader
Posts: 26823
Joined: Sat Dec 04, 2004 3:44 pm
Location: The netherlands.
Name: Paul Sohier
Contact:

Re: [BETA]Ajax Shoutbox

Post by Paul »

mrgtb wrote: 1: Are you aware that guest posting in shoutbox allowed (under usergoup permissions) doesn't work
Yes, guest posting is not supported.
2: Sometimes as well when I scroll down shout text list displayed I get lines displayed like "a broken image" in-front of shout text shown, that happens quite often.
Do you have a screenshot?
Knock knock
Race condition
Who's there?

My BlogMy Photosmy phpBB Extensionscustom phpBB work & Development
User avatar
mrgtb
Registered User
Posts: 603
Joined: Wed Oct 03, 2007 10:51 am

Shoutbox images test

Post by mrgtb »

Images to show for another topics because attachments are not allowed in it.
Attachments
1.PNG
2.PNG
3.PNG
User avatar
mrgtb
Registered User
Posts: 603
Joined: Wed Oct 03, 2007 10:51 am

Re: [BETA]Ajax Shoutbox

Post by mrgtb »

I can't upload attachments on this forum section in thread so will have to post them on the test forum and here is a link to that post showing the images.

It only seems to happen mostly when viewing shoutbox as a guest. But before it has happen in members shoutbox view as well, how I first noticed it. But usually looking more like faint lines displayed over text. It's a random thing that happens now and then, happened pretty bad now in guest view of shoutbox, not usually this bad.

Usually you don't see any black background displayed like in these images. just messed up coloured swigly lines display with no black at all.

viewtopic.php?f=26&t=2290201
User avatar
david63
Registered User
Posts: 18344
Joined: Thu Dec 19, 2002 8:08 am
Location: Lancashire, UK
Contact:

Re: [BETA]Ajax Shoutbox

Post by david63 »

mrgtb wrote: post them on the test forum and here is a link to that post showing the images.
You do realise that the Test forum gets pruned
David
Remember: You only know what you know and - you don't know what you don't know!
My CDB Contributions | How to install an extension
I will not be accepting translations for any of my extensions in Github - please post any translations in the appropriate topic.
No support requests via PM or email as they will be ignored
User avatar
mrgtb
Registered User
Posts: 603
Joined: Wed Oct 03, 2007 10:51 am

Re: [BETA]Ajax Shoutbox

Post by mrgtb »

Yes, but he will still probably have time to view the images before the topic gets pruned. You should be able to upload here really to show images
Paul
Infrastructure Team Leader
Infrastructure Team Leader
Posts: 26823
Joined: Sat Dec 04, 2004 3:44 pm
Location: The netherlands.
Name: Paul Sohier
Contact:

Re: [BETA]Ajax Shoutbox

Post by Paul »

What browser are you using?
Knock knock
Race condition
Who's there?

My BlogMy Photosmy phpBB Extensionscustom phpBB work & Development
Locked

Return to “Extensions in Development”