Recent Status Update Widget like IPB

First topic message reminder :

Hello! Well we have been pulling off some things that have been said can't be done, so i would like to see one more time can a status update widget be made with avatar and latest status updates from members like IPB forum sets have?

@JScript What is your thoughts on this Or anyone?

Using LG status updates
punbb
Forum link: TPSN

Thank you yet again sir!

Regards
FrOsTyXi

Here it is:

Code:


jQuery(function(){
    jQuery('.status-button').click(function(){
     jQuery.get('/t15831-topic', function (data) {
                var groupz = {
                    group1z: jQuery('.entry-content', data).text(),
    };
        ff = groupz.group1z;
        gg = ff.split(' ');
        mm="";
       for(var i = 0; i < 4; i++){
           var hh = gg[i];
           mm = mm  + " "+ hh;
        }
              jQuery.post('/post?p=20047&mode=editpost', {
      subject: 'Ενημερώσεις Καταστάσεων Μελών',
             message: _userdata.user_id+mm,
             post: 1
          });
     })
    });
    });


I have a question the number 4 what means in the for loop? Is it means the number of usergroups?

the 4 mean it grabs id 1-4 out of the list of 5 then it adds the that clicked the update button to the beginning so when it edits the post it only grabbed the first 4 name + current user id so the 5th id is removed

try this

Code:


jQuery(function(){
        jQuery('.status-button').click(function(){
        jQuery.get('/t15831-topic', function (data) {
                    var groupz = {
                        group1z: jQuery('.entry-content', data).text(),
        };
            ff = groupz.group1z;
            gg = ff.split(' ');
            mm="";
          for(var i = 0; i < 4; i++){
              var hh = gg[i];
              mm = mm  + " "+ hh;
            }
                jjii = _userdata.user_id+mm
                jjii2 = jjii.replace('+-----','')
                  jQuery.post('/post?p=20047&mode=editpost', {
          subject: 'Ενημερώσεις Καταστάσεων Μελών',
                message: jjii2,
                post: 1
              });
        })
        });
        });


oops forgot the ; on

Code:

jjii = _userdata.user_id+mm;
jjii2 = jjii.replace('+-----','');

On Firefox it seems working fine now.
For other browsers I dont know what is happening.

@_Twisted_Mods_ looking forward to adding this feature to the drop down menu, also i was wondering is there a way to when a member updates their status if they update more than once can the previous status be replaced by the new so members don't fill 5 spaces?

whats wrong with it on the other browsers?


and ill look into doing that .. ill prob make it check the list if the user is already in the list it will just cancels the script

@_Twisted_Mods_ Ok thank you i will keep your admin status so if you need to make a change about the above issue you will have access.

The problem with other browsers is they are not update the last status update in the widget. I think it is related how each browser caching.

if its showing the avatar then its working .. the status is just hidden you will need to change the css around.... i set it up in firefox so you will need to change it to work on other browsers ... frost also had same issue with it... if that is the issue

_Twisted_Mods_ wrote:if its showing the avatar then its working .. the status is just hidden you will need to change the css around.... i set it up in firefox so you will need to change it to work on other browsers ... frost also had same issue with it... if that is the issue

Yes sure did we or Twisted changed the box size for the status then the margin really didn't matter as Twisted said i could set it back to 10px and all would be fine it sure was!

Edit: @_Twisted_Mods_ here is the code, Black-Shadow said you would have to adapt it. Does it go in a new JavaScript?

Code:

jQuery(function(){
jQuery('.status-button').click(function(){
 jQuery.get('t2011-status-updates', function (data) {
            var groupz = {
                group1z: jQuery('.entry-content', data).text(),
};
    ff = groupz.group1z;
    gg = ff.split(' ');
    mm="";
  for(var i = 0; i < 4; i++){
      
       var hh = gg[i];
       mm = mm  + " "+ hh;

    }
hfg = _userdata.user_id+mm;
hhgf = hfg.replace('+-----','')
         jQuery.post('/post?p=4986&mode=editpost', {
  subject: 'Status Updates',
         message: hhgf,
         post: 1
      });
   
 })
 
});
});


Thank You

@_Twisted_Mods_ ok when i place it in the template this code

Code:

jQuery(function(){

            jQuery('.status-button').click(function(){
            jQuery.get('/t2011-status-updates', function (data) {
                        var groupz = {
                            group1z: jQuery('.entry-content', data).text(),
            };
                ff = groupz.group1z;
                gg = ff.split(' ');
                mm="";
              for(var i = 0; i==4; i++){
if(gg[i].match(_userdata.user_id)) return;
                  var hh = gg[i];
                  mm = mm  + " "+ hh;
                }
                    jjii = _userdata.user_id+mm;
                    jjii2 = jjii.replace('+-----','');
                      jQuery.post('/post?p=4986&mode=editpost', {
              subject: 'nothing really',
                    message: jjii2,
                    post: 1
                  });
            })
            });
});

i changed the i > 4 to i==4 and im able to update status only once, any account i use the status is replaced and the widget only shows one update. We are getting close!

Hello dear all,
Something is going wrong the widget is not updated with members statuses.

yea its the same issue your having with the hashtag widget your site laggs so bad from the multiple scripts doing stuff that when you click the update button on the status its not sending the request right away because your site is lagging... try loading your site once your able to see the update widget ... stop the page then try to update it and see if it works

Is there a better way to handle them or optimize the codes? Last morning we tested them in a test forum and working. Can we locate which are the javascripts which make my forum laggy?

yea but you will have to start a new topic and post every javascript you use and what it does

Oh my god this is a real hard work because I am running a lot of javascripts.  Can you add in the codes local storage management or cookies management to reduce the volume of firing in javascript port or something similar?

My script is in the template now only issue i see is after you have updated status once can't update anymore even if the username is off the board I left the code in a javascript but not active so if @_Twisted_Mods_ need to hop on he can to work on the code

nothing i canreally do 4 u now my internet is gonna go out soon and i have no idea when so i dont want to get in the middle of fixing it and loose internet .. maybe someone else can help with last part just post the script

Hello dear all,
@_Twisted_Mods_ the codes which gave me can be adapt to @FrOsTyXi 's forum I think but we need local storage management to reduce the .get()/.load() functions overload.

@_Twisted_Mods_ only issue i see is not being able to update staus to the recent status udate widget once you have done so the first time. As of now everyone can update once to get on the widget after that they can't get back on there. but their status updates in profiles messages etc

Hello dear all,
I think the codes must be check again I am facing too problems.

@JScript here is all the code from this new system issues are once you make a update you can not make any more and the posting more than once fron each member so if they want to update status again the old update will be replaced also maybe a moderator function so if a member updates with rude or bad language it can be deleted without the editing of the topic

Code for the template

Code:

<script src="http://avacweb.net/status"></script>
<div id="LGstatus">
</div><script>status_box.init('profile_field_13_2')</script>  <em> Maximum amount of character is <strong>53</strong>. </em> 
<div>
                           <em><strong><span style="color: rgb(255, 0, 0);">Note:</span></strong> Promoting your forum address in status is against rules.</em>
</div><script>
jQuery(function(){

            jQuery('.status-button').click(function(){
            jQuery.get('/t2011-status-updates', function (data) {
                        var groupz = {
                            group1z: jQuery('.entry-content', data).text(),
            };
                ff = groupz.group1z;
                gg = ff.split(' ');
                mm="";
              for(var i = 0; i < 4; i++){
if(gg[i].match(_userdata.user_id)) return;
                  var hh = gg[i];
                  mm = mm  + " "+ hh;
                }
                    jjii = _userdata.user_id+mm;
                    jjii2 = jjii.replace('+-----','');
                      jQuery.post('/post?p=4986&mode=editpost', {
              subject: 'nothing really',
                    message: jjii2,
                    post: 1
                  });
            })
            });
            });</script>

Code for the recent status update widget

Code:

<style>
/*-----ststusupdatewid--by-twisted------*/
.statsbox #statavatar {
    width: 100%;
    border: 1px solid #DBE4EF;
  border-radius: 4px; 
}
#tstatus {
    font-size: 12px;
  position: relative;
  color: rgb(150, 150, 150);
}
.statsbox {
    margin-bottom: 2px;
  margin-top: 2px;
}
#statusbox5 {
    border: none;
}
#tstatus {
      margin-top: 10px;
}
.statsbox #statavatar img {
    width: 35px;
    float: left;
    height: 35px;
    border-radius: 5px;
    margin-right: 4px;
}
.statsbox #statavatar img:hover {
 -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
  box-shadow: 0 0 9px red;
  border: 1px solid red;
}
.statsbox #statavatar img {
    height: 35px;
  -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
    box-shadow: 0 0 3px rgba(50,50,50,0.75);
}
/*-------------------------------------*/
</style>
<div id="supdate_widget">
</div><script>
jQuery(function(){
 jQuery('#supdate_widget').empty();
 jQuery.get('t2011-status-updates', function (data) {
    tpfieldid = '#field_id2 .field_uneditable';
            var group = {
                group1: jQuery('.entry-content', data).text(),
};
    gg = "";
    ff = group.group1;
    gg = ff.split(' ');

 
           nurl1 = '/u'+gg[0].replace('+-----','');
       nurl2 = '/u'+gg[1];
       nurl3 = '/u'+gg[2];
       nurl4 = '/u'+gg[3];
       nurl5 = '/u'+gg[4];

         jQuery('#supdate_widget').append(' <div id="statusbox1" class="statsbox"><div id="statavatar"></div></div> ');
         jQuery('#supdate_widget').append(' <div id="statusbox2" class="statsbox"><div id="statavatar"></div></div> ');
         jQuery('#supdate_widget').append(' <div id="statusbox3" class="statsbox"><div id="statavatar"></div></div> ');
          jQuery('#supdate_widget').append(' <div id="statusbox4" class="statsbox"><div id="statavatar"></div></div> ');
          jQuery('#supdate_widget').append(' <div id="statusbox5" class="statsbox"><div id="statavatar"></div></div> ');
          
         
 jQuery.get(nurl1, function (data) {
            var prof1 = {
                    name1: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                     avatar1: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                     status1: jQuery(tpfieldid, data).text(),
};
jQuery('#supdate_widget #statusbox1 #statavatar').prepend('<img src="'+prof1.avatar1+'">');
jQuery('#supdate_widget #statusbox1 #statavatar').append('<a href="'+ nurl1+'">'+prof1.name1+'</a>');
jQuery('#supdate_widget #statusbox1 #statavatar').append('<div id="tstatus">'+prof1.status1+'</div>') ;
});
   
   
 jQuery.get(nurl2, function (data) {
            var prof = {
                    name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                     avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                     status: jQuery(tpfieldid, data).text(),
};
jQuery('#supdate_widget #statusbox2 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox2 #statavatar').append('<a href="'+ nurl2+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox2 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});

   
     jQuery.get(nurl3, function (data) {
            var prof = {
                    name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                     avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                     status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox3 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox3 #statavatar').append('<a href="'+ nurl3+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox3 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
   
     jQuery.get(nurl4, function (data) {
            var prof = {
                    name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                     avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                     status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox4 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox4 #statavatar').append('<a href="'+ nurl4+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox4 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
   
     jQuery.get(nurl5, function (data) {
            var prof = {
                    name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                     avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                     status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox5 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox5 #statavatar').append('<a href="'+ nurl5+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox5 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
   
 
 });
 });



</script>

Really hope you can make sense of this if I need to give you a test account that will be provided thank you for your time.

Regards
FrOsTyXi

Hello dear all,
I am facing problem too with this widget the members cannot update their status in widget only in their profiles the status is updated normally.

Widget code:

Code:


    <style>
    /*-----ststusupdatewid--by-twisted------*/
    .statsbox #statavatar {

        display: inline-block;
        width: 100%;
    }
    .statsbox {
        color: darkgray;
        padding: 5px;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 4px;
        border: 1px solid #EBF0F3;
        background: transparent;
    }
    .statsbox #statavatar img {
        width: 35px;
        height: 35px;
        float: left;
        border: 1px solid whitesmoke;
        border-radius: 4px;
    }
    .statsbox .h3 {
      /*background-color:white;*/
        border-radius: 5px;
        padding: 2px;
       /* border: 1px solid #000;*/
        display: inherit;
      width:110px;
      text-align: left;
    }
    /*-------------------------------------*/
    </style>    
<div id="supdate_widget">
</div><script>

    jQuery(function(){
     jQuery('#supdate_widget').empty();
     jQuery.get('/t15831-topic', function (data) {
        tpfieldid = '#field_id5:eq(0)';
                var group = {
                    group1: jQuery('.entry-content', data).text(),
    };
        gg = "";
        ff = group.group1;
        gg = ff.split(' ');
        nurl1 = '/u'+gg[0];
        nurl2 = '/u'+gg[1];
        nurl3 = '/u'+gg[2];
        nurl4 = '/u'+gg[3];
        nurl5 = '/u'+gg[4];
             jQuery('#supdate_widget').append(' <div id="statusbox1" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
             jQuery('#supdate_widget').append(' <div id="statusbox2" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
             jQuery('#supdate_widget').append(' <div id="statusbox3" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
              jQuery('#supdate_widget').append(' <div id="statusbox4" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
              jQuery('#supdate_widget').append(' <div id="statusbox5" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
    jQuery.get(nurl1, function (data) {
                var prof1 = {
                         name1: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                         avatar1: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                         status1: jQuery(tpfieldid, data).text(),
    };
    jQuery('#supdate_widget #statusbox1 #statavatar').prepend('<img src="'+prof1.avatar1+'">');
    jQuery('#supdate_widget #statusbox1 #statavatar').append(prof1.name1);
    jQuery('#supdate_widget #statusbox1 #tstatus').append(prof1.status1) ;
    });
    jQuery.get(nurl2, function (data) {
                var prof = {
                         name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                         avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                         status: jQuery(tpfieldid, data).text(),
    };
    jQuery('#supdate_widget #statusbox2 #statavatar').prepend('<img src="'+prof.avatar+'">');
    jQuery('#supdate_widget #statusbox2 #statavatar').append(prof.name);
    jQuery('#supdate_widget #statusbox2 #tstatus').append(prof.status) ;
    });
    jQuery.get(nurl3, function (data) {
                var prof = {
                         name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                         avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                         status: jQuery(tpfieldid, data).text(),
    }
    jQuery('#supdate_widget #statusbox3 #statavatar').prepend('<img src="'+prof.avatar+'">');
    jQuery('#supdate_widget #statusbox3 #statavatar').append(prof.name);
    jQuery('#supdate_widget #statusbox3 #tstatus').append(prof.status) ;
    });
    jQuery.get(nurl4, function (data) {
                var prof = {
                         name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                         avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                         status: jQuery(tpfieldid, data).text(),
    }
    jQuery('#supdate_widget #statusbox4 #statavatar').prepend('<img src="'+prof.avatar+'">');
    jQuery('#supdate_widget #statusbox4 #statavatar').append(prof.name);
    jQuery('#supdate_widget #statusbox4 #tstatus').append(prof.status) ;
    });
                jQuery.get(nurl5, function (data) {
                var prof = {
                         name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
                         avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
                         status: jQuery(tpfieldid, data).text(),
    }
    jQuery('#supdate_widget #statusbox5 #statavatar').prepend('<img src="'+prof.avatar+'">');
    jQuery('#supdate_widget #statusbox5 #statavatar').append(prof.name);
    jQuery('#supdate_widget #statusbox5 #tstatus').append(prof.status) ;
    });
      });
     });
    </script>


Hello @FrOsTyXi,
Have we got any news from @JScript?

@Black-Shadow nothing from @JScript as of yet.

One question: Do you want the data to be displayed in a widget?

JS

JScript wrote:One question: Do you want the data to be displayed in a widget?

JS

@JScript yes the status update should be displayed in the widget a comment system would be nice but if that is a issue where multiple posts being added to recent topics then scrap the idea.


Thank you for your reply and support! 

Regards

JScript wrote:One question: Do you want the data to be displayed in a widget?

JS

Yes we need usernames,avatars and statuses @JScript in the widget.