How do I get $[thread.subject] of a thread?

[darknight12]

Hello there! I'm a total noob at HTML so how do I get to change
<h1 id='headertag'>$[thread.subject] $[thread.labels]</h1>
to
<h1 id='headertag'>$[thread.subject] by $[thread.created_by] $[thread.labels]</h1>
?
The way I'm trying to change is by using
document.getElementById('headertag').innerText = "$[thread.subject] by $[thread.created_by] $[thread.labels]";
but the problem is that it sets it as a string. So how do I fix it?

[Retread]

darknight12, $[thread.subject], $[thread.labels], and $[thread.created_by] are Layout Template variables. They aren't valid outside of the layout templates and will be of no use to you when writing a plugin.

If you supply more information regarding what sort of page (home, board, thread, etc) your script is targeting, and what your ultimate goal is, one of the more experienced coders might be able to assist you in extracting the necessary information from the page.

[darknight12]

Oh wow, I'm actually trying to edit one of your plugins Haha.(https://www.proboards.com/library/plugins/item/2003) So what I'm trying to do is that for whichever board has the plugin active, I would like to have the thread's author added to the title of the thread.
Eg: Book by username

[Retread]

Mar 27, 2020 12:31:54 GMT -8 darknight12 said:

Oh wow, I'm actually trying to edit one of your plugins Haha.(https://www.proboards.com/library/plugins/item/2003) So what I'm trying to do is that for whichever board has the plugin active, I would like to have the thread's author added to the title of the thread.
Eg: Book by username

Okay, this is a bit beyond my skillset, so I'll tag a couple of coders who might have the time and interest to help. elli , Chris

The username is already in the mini-profile of the first post, so maybe that can be grabbed before the mini-profile is removed, then appended to the thread title in the title bar. idk.

Or maybe it will be necessary to use the proboards.data for the page or thread to get the user ID?

Anyway, here is the JavaScript component of that plugin:

$(document).ready(function() {

    var settings = pb.plugin.get('remove_mp_on_first_post').settings;

    // Selection from Threads Autoform
    if (settings.thread_id_numbers.length) { 
        for (var z = 0; z < settings.thread_id_numbers.length; z++) {
            if (proboards.data('thread_id') == parseInt(settings.thread_id_numbers[z].thread_id)) {
                $('.posts .post.first .left-panel').css('display', 'none');
                if (settings.thread_id_numbers[z].xsig == 1){
                    $('.posts .post.first .foot .signature').css('display', 'none');
                }
                if (settings.thread_id_numbers[z].xedit == 1){
                    $('.posts .post.first .foot .edited_by').css('display', 'none');
                }
                if (settings.thread_id_numbers[z].xquote == 1){
                    $('.posts .post.first .button.quote-button').css('display', 'none');
                }
            }};
    }
    // Selection from Boards Autoform
    if (settings.board_id_numbers.length) {
        for (var z = 0; z < settings.board_id_numbers.length; z++) {
            if (proboards.data('board_id') == parseInt(settings.board_id_numbers[z].board_id)) {
                $('.posts .post.first .left-panel').css('display', 'none');
                if (settings.board_id_numbers[z].xsig == 1){
                    $('.posts .post.first .foot .signature').css('display', 'none');
                }
                if (settings.board_id_numbers[z].xedit == 1){
                    $('.posts .post.first .foot .edited_by').css('display', 'none');
                }
                if (settings.board_id_numbers[z].xquote == 1){
                    $('.posts .post.first .button.quote-button').css('display', 'none');
                }
            }};
    }
}); 

[Lynx]


pb.data('page').thread.subject


will return a thread's subject, but I'd recommend checks to make sure it's present:


if(pb.data('page') && pb.data('page').thread && pb.data('page').thread.subject) {


The user's ID of who created the thread can be grabbed with


pb.data('page').thread.created_by


Note that it's the OP's ID that's returned and not the username.

[Chris]

This will likely need to be tweaked because I saw no posted forum url where the theme in question could be inspected.

Try replacing the javascript in the plugin that was posted by Retread with the following

$(document).ready(function() {

   var settings = pb.plugin.get('remove_mp_on_first_post').settings;

   // Selection from Threads Autoform
   if (settings.thread_id_numbers.length) {
       for (var z = 0; z < settings.thread_id_numbers.length; z++) {
           if (proboards.data('thread_id') == parseInt(settings.thread_id_numbers[z].thread_id)) {
               $('.posts .post.first .left-panel').css('display', 'none')
.each(addHeaderTag);
               if (settings.thread_id_numbers[z].xsig == 1){
                   $('.posts .post.first .foot .signature').css('display', 'none');
               }
               if (settings.thread_id_numbers[z].xedit == 1){
                   $('.posts .post.first .foot .edited_by').css('display', 'none');
               }
               if (settings.thread_id_numbers[z].xquote == 1){
                   $('.posts .post.first .button.quote-button').css('display', 'none');
               }
           }};
   }
   // Selection from Boards Autoform
   if (settings.board_id_numbers.length) {
       for (var z = 0; z < settings.board_id_numbers.length; z++) {
           if (proboards.data('board_id') == parseInt(settings.board_id_numbers[z].board_id)) {
               $('.posts .post.first .left-panel').css('display', 'none')
.each(addHeaderTag)
               if (settings.board_id_numbers[z].xsig == 1){
                   $('.posts .post.first .foot .signature').css('display', 'none');
               }
               if (settings.board_id_numbers[z].xedit == 1){
                   $('.posts .post.first .foot .edited_by').css('display', 'none');
               }
               if (settings.board_id_numbers[z].xquote == 1){
                   $('.posts .post.first .button.quote-button').css('display', 'none');
               }
           }};
   }
function addHeaderTag(){
$('#headertag').html(function(p){
return (p=pb.data('page')) ? (function(){
return $('<a></a>',{href:p.thread.url, class: 'thread-link'}).append(p.thread.subject)[0].outerHTML +
" by " +
($('.posts .post.first .left-panel').find('.user-link,[itemtype="http://schema.org/Person"]')[0]||$('<a class="user-link">Unknown</a>')[0]).outerHTML + " [" +
(pb.data('labels_applied')||[]).map(function(a){return '<a href="/board/'+a.board_id+'/'+p.board.name+'?filters[]=label_id:eq:'+a.id+'" class="ui-label label-'+a.id+' label-board-'+p.board.id+'" style="border-color:#'+a.color+';color:#'+a.color+'">'+a.name+'</a>'})+"]"
})() :""
})
}
});

[darknight12]

Mar 27, 2020 21:24:41 GMT -8 Chris said:

This will likely need to be tweaked because I saw no posted forum url where the theme in question could be inspected.

Try replacing the javascript in the plugin that was posted by Retread with the following

$(document).ready(function() {

   var settings = pb.plugin.get('remove_mp_on_first_post').settings;

   // Selection from Threads Autoform
   if (settings.thread_id_numbers.length) {
       for (var z = 0; z < settings.thread_id_numbers.length; z++) {
           if (proboards.data('thread_id') == parseInt(settings.thread_id_numbers[z].thread_id)) {
               $('.posts .post.first .left-panel').css('display', 'none')
.each(addHeaderTag);
               if (settings.thread_id_numbers[z].xsig == 1){
                   $('.posts .post.first .foot .signature').css('display', 'none');
               }
               if (settings.thread_id_numbers[z].xedit == 1){
                   $('.posts .post.first .foot .edited_by').css('display', 'none');
               }
               if (settings.thread_id_numbers[z].xquote == 1){
                   $('.posts .post.first .button.quote-button').css('display', 'none');
               }
           }};
   }
   // Selection from Boards Autoform
   if (settings.board_id_numbers.length) {
       for (var z = 0; z < settings.board_id_numbers.length; z++) {
           if (proboards.data('board_id') == parseInt(settings.board_id_numbers[z].board_id)) {
               $('.posts .post.first .left-panel').css('display', 'none')
.each(addHeaderTag)
               if (settings.board_id_numbers[z].xsig == 1){
                   $('.posts .post.first .foot .signature').css('display', 'none');
               }
               if (settings.board_id_numbers[z].xedit == 1){
                   $('.posts .post.first .foot .edited_by').css('display', 'none');
               }
               if (settings.board_id_numbers[z].xquote == 1){
                   $('.posts .post.first .button.quote-button').css('display', 'none');
               }
           }};
   }
function addHeaderTag(){
$('#headertag').html(function(p){
return (p=pb.data('page')) ? (function(){
return $('<a></a>',{href:p.thread.url, class: 'thread-link'}).append(p.thread.subject)[0].outerHTML +
" by " +
($('.posts .post.first .left-panel').find('.user-link,[itemtype="http://schema.org/Person"]')[0]||$('<a class="user-link">Unknown</a>')[0]).outerHTML + " [" +
(pb.data('labels_applied')||[]).map(function(a){return '<a href="/board/'+a.board_id+'/'+p.board.name+'?filters[]=label_id:eq:'+a.id+'" class="ui-label label-'+a.id+' label-board-'+p.board.id+'" style="border-color:#'+a.color+';color:#'+a.color+'">'+a.name+'</a>'})+"]"
})() :""
})
}
});

This is the test site which we are trying it on: greenrentest.boards.net/thread/2/omg-epic-new-mod Don't mind the memes

[Chris]

Looks like you've made your necessary edits and have things well in hand?