Moved post icon

First topic message reminder :

Hello,

I want to add a new button after the hide button on my forum
for administrators/moderators only?

Is it possible to link this button to the split message function? Or is it not possible? :)



Thanks again! :)

Code:

(function($) {
    'use strict';
 
    $(function() {
 
      var username = _userdata["username"];
      var usersWithAccess = ["Admin", "Moderator", "pedxz", "Member"];
 
      if (usersWithAccess.includes(username)) {
 
        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) {
            return;
        }
 
        $('.post').each(function() {
            var $post = $(this);
            var config = {
                link: $post.next().find('a[href^="/post?p="][href$="&mode=editpost"]'),
                message: $post.attr('class').split('--')[1],
                title: $post.find('.postdetails:not(.poster-profile)'),
                content: $post.find('.postbody div').html()
            };
 
 
            if (/> only_admin/.test(config.title.text())) {
 
                config.title
                    .html('[VERBORGEN BERICHT] alleen zichtbaar voor leden met moderatierechten!</u>.');
 
                $post
                    .attr('id', 'only_admin-' + config.message.match(/[0-9]+/))
                    .css('opacity', '.6')
                    .find('.postbody .content')
                    .html((_userdata.user_level ? config.content : '<span style="font-weight: 700; color: #ccff00 !important; text-shadow: 1px 1px 4px rgb(0 0 0 / 20%); user-select: none;">[ Dit bericht is verborgen en alleen voor moderatoren te bekijken! ]</span>'));
            }
 
 
            if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
                return;
            }
 
            if (!config.link.length) {
                return;
            }
 
            $.get(config.link.attr('href'))
                .done(function(context) {
 
                    var $textarea = $('#text_editor_textarea', context);
                    var isHide = $('#only_admin-' + config.message.match(/[0-9]+/));
 
                    if (!$textarea.length) return;
 
                    $('<img>', {
                            'src': (isHide.length ? 'https://i.servimg.com/u/f26/19/95/73/76/scre2611.png' : 'https://i.servimg.com/u/f26/19/95/73/76/scre2610.png'),
                            'role': 'button',
                            'class': 'p-hide',
                            'loading': 'lazy',
                            'title': (isHide.length ? 'Weergeef dit bericht' : 'Verberg dit bericht'),
                            'alt': (isHide.length ? 'Niet meer verbergen' : 'Verberg bericht')
                        })
                        .insertAfter($post.next().find('a[href^="/post"][href$="mode=delete"]'))
                        .on('click', function(event) {
                            event.preventDefault();
 
                            var topicname = '> only_admin';
 
                            if (isHide.length) {
                                var renametopic = prompt('Maak onderstaand veld helemaal leeg om bericht terug te zetten voor leden!', topicname);
 
                                if (renametopic != null) {
                                    topicname = renametopic;
                                }
                            }
 
                            $.post("/post", {
                                p: config.link.attr('href').replace(/^\/post\?p=(\d+)&.+/gi, '$1'),
                                mode: 'editpost',
                                subject: topicname,
                                message: $textarea.val(),
                                edit_reason: '',
                                attach_sig: 0,
                                notify: 0,
                                post: 1
                            }).done(function() {
                                location.reload(true);
                            }).fail(function() {
                                alert('[Erro]: Something went wrong when editing the post');
                            });
 
                        });
                });
        });
 
    }
 
    });
}(jQuery));

And this is the script to hide the button:

Code:

$(document).ready(function() {
 
    var buttonClass = "p-hide";
    var username = _userdata["username"];
 
    var usersWithAccess = ["Admin", "Moderator", "Member"];
 
    if (!usersWithAccess.includes(username)) {
        $(`.${buttonClass}`).css("display", "none");
    }
 
 
});

Sorry for a late reply, I was busy. Make a new script and make it look like this:

Code:

$(document).ready(function() {
 
var btns = $(".p-hide").length;

  for(i = 0; i < btns; i++) {
  var hideBtn = $(".p-hide")[i];
  $(`<img src="https://i.servimg.com/u/f26/19/95/73/76/move_i10.gif" class="p-move">`).insertAfter(hideBtn)
  }

  });

This script only adds an image of the button but it does nothing. If you want to do something, let me know. But it also depends doing what because there are limitations.

The script is not working.

In what way it is not working? When I run the script.

I'm sorry i can't see it with my administrator account and founder account. And not as Member3 with moderator permissions. :)

Joost wrote:

Code:

(function($) {
    'use strict';
 
    $(function() {
  
      var username = _userdata["username"];
      var usersWithAccess = ["Admin", "Moderator", "pedxz", "Member"];
  
      if (usersWithAccess.includes(username)) {
 
        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) {
            return;
        }
 
        $('.post').each(function() {
            var $post = $(this);
            var config = {
                link: $post.next().find('a[href^="/post?p="][href$="&mode=editpost"]'),
                message: $post.attr('class').split('--')[1],
                title: $post.find('.postdetails:not(.poster-profile)'),
                content: $post.find('.postbody div').html()
            };
 
 
            if (/> only_admin/.test(config.title.text())) {
 
                config.title
                    .html('[VERBORGEN BERICHT] alleen zichtbaar voor leden met moderatierechten!</u>.');
 
                $post
                    .attr('id', 'only_admin-' + config.message.match(/[0-9]+/))
                    .css('opacity', '.6')
                    .find('.postbody .content')
                    .html((_userdata.user_level ? config.content : '<span style="font-weight: 700; color: #ccff00 !important; text-shadow: 1px 1px 4px rgb(0 0 0 / 20%); user-select: none;">[ Dit bericht is verborgen en alleen voor moderatoren te bekijken! ]</span>'));
            }
 
 
            if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
                return;
            }
 
            if (!config.link.length) {
                return;
            }
 
            $.get(config.link.attr('href'))
                .done(function(context) {
 
                    var $textarea = $('#text_editor_textarea', context);
                    var isHide = $('#only_admin-' + config.message.match(/[0-9]+/));
 
                    if (!$textarea.length) return;
 
                    $('<img>', {
                            'src': (isHide.length ? 'https://i.servimg.com/u/f26/19/95/73/76/scre2611.png' : 'https://i.servimg.com/u/f26/19/95/73/76/scre2610.png'),
                            'role': 'button',
                            'class': 'p-hide',
                            'loading': 'lazy',
                            'title': (isHide.length ? 'Weergeef dit bericht' : 'Verberg dit bericht'),
                            'alt': (isHide.length ? 'Niet meer verbergen' : 'Verberg bericht')
                        })
                        .insertAfter($post.next().find('a[href^="/post"][href$="mode=delete"]'))
                        .on('click', function(event) {
                            event.preventDefault();
 
                            var topicname = '> only_admin';
 
                            if (isHide.length) {
                                var renametopic = prompt('Maak onderstaand veld helemaal leeg om bericht terug te zetten voor leden!', topicname);
 
                                if (renametopic != null) {
                                    topicname = renametopic;
                                }
                            }
 
                            $.post("/post", {
                                p: config.link.attr('href').replace(/^\/post\?p=(\d+)&.+/gi, '$1'),
                                mode: 'editpost',
                                subject: topicname,
                                message: $textarea.val(),
                                edit_reason: '',
                                attach_sig: 0,
                                notify: 0,
                                post: 1
                            }).done(function() {
                                location.reload(true);
                            }).fail(function() {
                                alert('[Erro]: Something went wrong when editing the post');
                            });
 
                        });
                });
        });
 
    }
 
    });
}(jQuery));

And this is the script to hide the button:

Code:

$(document).ready(function() {
 
    var buttonClass = "p-hide";
    var username = _userdata["username"];
 
    var usersWithAccess = ["Admin", "Moderator", "Member"];
 
    if (!usersWithAccess.includes(username)) {
        $(`.${buttonClass}`).css("display", "none");
    }
 
 
});

Try to edit first script like this:

Code:

(function($) {
    'use strict';

    $(function() {

        var username = _userdata["username"];
        var usersWithAccess = ["Admin", "Moderator", "pedxz", "Member"];

        if (usersWithAccess.includes(username)) {

            if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) {
                return;
            }

            $('.post').each(function() {
                var $post = $(this);
                var config = {
                    link: $post.next().find('a[href^="/post?p="][href$="&mode=editpost"]'),
                    message: $post.attr('class').split('--')[1],
                    title: $post.find('.postdetails:not(.poster-profile)'),
                    content: $post.find('.postbody div').html()
                };


                if (/> only_admin/.test(config.title.text())) {

                    config.title
                        .html('[VERBORGEN BERICHT] alleen zichtbaar voor leden met moderatierechten!</u>.');

                    $post
                        .attr('id', 'only_admin-' + config.message.match(/[0-9]+/))
                        .css('opacity', '.6')
                        .find('.postbody .content')
                        .html((_userdata.user_level ? config.content : '<span style="font-weight: 700; color: #ccff00 !important; text-shadow: 1px 1px 4px rgb(0 0 0 / 20%); user-select: none;">[ Dit bericht is verborgen en alleen voor moderatoren te bekijken! ]</span>'));
                }


                if (_userdata.user_level !== 1 && _userdata.user_level !== 2) {
                    return;
                }

                if (!config.link.length) {
                    return;
                }

                $.get(config.link.attr('href'))
                    .done(function(context) {

                        var $textarea = $('#text_editor_textarea', context);
                        var isHide = $('#only_admin-' + config.message.match(/[0-9]+/));

                        if (!$textarea.length) return;

                        $('<img>', {
                                'src': (isHide.length ? 'https://i.servimg.com/u/f26/19/95/73/76/scre2611.png' : 'https://i.servimg.com/u/f26/19/95/73/76/scre2610.png'),
                                'role': 'button',
                                'class': 'p-hide',
                                'loading': 'lazy',
                                'title': (isHide.length ? 'Weergeef dit bericht' : 'Verberg dit bericht'),
                                'alt': (isHide.length ? 'Niet meer verbergen' : 'Verberg bericht')
                            })
                            .insertAfter($post.next().find('a[href^="/post"][href$="mode=delete"]'))
                            .on('click', function(event) {
                                event.preventDefault();

                                var topicname = '> only_admin';

                                if (isHide.length) {
                                    var renametopic = prompt('Maak onderstaand veld helemaal leeg om bericht terug te zetten voor leden!', topicname);

                                    if (renametopic != null) {
                                        topicname = renametopic;
                                    }
                                }

                                $.post("/post", {
                                    p: config.link.attr('href').replace(/^\/post\?p=(\d+)&.+/gi, '$1'),
                                    mode: 'editpost',
                                    subject: topicname,
                                    message: $textarea.val(),
                                    edit_reason: '',
                                    attach_sig: 0,
                                    notify: 0,
                                    post: 1
                                }).done(function() {
                                    location.reload(true);
                                }).fail(function() {
                                    alert('[Erro]: Something went wrong when editing the post');
                                });

                            });
                    });
            });


            var btns = $(".p-hide").length;

            for (i = 0; i < btns; i++) {
                var hideBtn = $(".p-hide")[i];
                $(`<img src="https://i.servimg.com/u/f26/19/95/73/76/move_i10.gif" class="p-move">`).insertAfter(hideBtn)
            }

        }

    });
}(jQuery));

I don't see a different when i replace the script. I'm sorry. Idea that i give the member account admin rights?

Give me admin privilage or acc, whatever. I need to test JS. Can't test back and forth like this. :D

Done i have add the member account in de admin group. :)

What is the name of the script you edited?

Name of the script is Hide topic message

Ok, it works now. But it has no funciton. Just to let you know. I don't know what you wanted to do with it.

It's was not possible to link it to the split function? Or what you can do is link it to the "moderate this forum" link ?

Let me try to connect with split if possiible. :P

Does it work now? :)

Yes, you have use the Merge topics function and not the Splits topics function.

I edited that. Check again.

It's stills the merge option. :)

Web page inspect:



After clicking on the button:



Refresh your cache. Shift+F5.

Great, it's works! :) Many thanks again!

You are very welcome. :)

Topic closed with success
	Dear member, the current topics seems to have been solved, and for this reason it can be closed with success. I will now proceed to archive this topic and move it to the related Archives sub-section. FMCodes Team