1. First you need to create a new field under your General Group.
In your CP go to Settings - Custom fields - General - Add field
Use the following data to create the field.
Name: My Status (you can name it what you want)
Label: status
Type: Text
Required: No
Maximum length: 150
Width: 40
Load in account separately: No
The rest of the fields you can fill in as you like. Below is an image of how I filled in the data for the new field I added under the General group.
2. Upload the following files to the appropriate folder. Note that all files are new files and are not replacing any default files.
jquery.akeditable - upload to includes/js Folder
hp.changestatus - upload to includes/hp Folder
ext.status_changes.php - upload to includes/ext Folder
ext.get.date.php - upload to includes/ext Folder
ext.status_changes.tpl - upload to templates/your template Folder
3. Next you need to edit your template header.tpl file.
In between the <head></head> tags FIND
<script type="text/javascript" src="{virtual_path}includes/js/misc.js"></script>
AFTER ADD:
<!-- IF loggedin -->
<script type="text/javascript" src="{virtual_path}includes/js/jquery.akeditable.js"></script>
<!-- ENDIF -->
4. In your header.tpl ADD the following to your usermenu.
<li><a href="#" onclick="akedit('{virtual_path}index.php?hp=1&m=changestatus','userstatus',{
type : 'textarea',name : 'userstatus',submit:'save'});">My Status</a>
<div style="display:none;z-index: 1000;position: absolute"
id="userstatus">{session.profile_status}</div></li>
Note: you can add the above where you want in your usermenu, but I decided to add it right after:
<li class="first">{anchor:url1="account/home/",url2="index.php?m=account_home",name="core|usermenu_profile"}</li>
TO USE
When using the mod, there are several calls you can use on your site. I will take them one at a time and discuss how to use. Before I do discuss a call, I want to talk about deleting a status. There may be times a member will post something they shouldn't. Your only option for deleting a status is by phpMYadmin. If you are not familiar with phpMYadmin, you can ask Ramil about a delete function, but I'm sure it will cost extra to add.
DELETING A MEMBERS STATUS:
In your phpMYadmin go to your vldPersonal database and open vld_requests table, and sort by id DESC. Find the inappropriate message and delete.
CALL: {status_changes:limit="5",cache_time="1"}
This call shows all status input for all members. Where you put is up to you, but I would think a good place would be your home page.
In my case, I put the call in homepage.tpl. The coding I used for the call was:
<h3 align="center">Asian Dating Members' Status Update </h3>
{status_changes:limit="5",cache_time="1"}
If you are familiar with how calls work in vldPersonals the above should not be a mystery to how to use. If you want more calls than 5 displayed, change the number.
Below is an image of how this call looks on my home page:
CSS for the above call
The following CSS was added to content.css. You may need to make adjustment to the css code for your site:
/* Latest comments */
ul.latest_comments {
list-style:none;
}
ul.latest_comments li {
font-size:11px;
color:#999999;
margin: 5px;
text-align: left;
}
ul.latest_comments li a.commenter {
color: #d52525;
font-size:11px;
font-weight:bold
}
ul.latest_comments li a.blog_entry {
color:#000000;
font-size:12px;
}
Member's Public Profile
This is not a call, instead we are adding coding to member_sections_card.tpl. The image below shows you the area in the members profile were the status will be added.
Don't forget to set in the CP - Settings - Custom fields - General - My Status (or whatever you called it) - Load in public profile to yes.
Open: member_sections_card.tpl in your template folder
ADD the following code where you want to display the status in the members public profile:
<!-- IF profile_field_status_value -->
<dt>Status:</dt>
<dd><h3>"{profile_field_status_value}"</h3></dd>
<!-- ENDIF -->
NOTE: You do not need the h3 tags...format the way you want.
CALL: {status_changes:limit="5",cache_time="0",member_id=member_id} FOR ACCOUNT_HOME.TPL
First let me show you the call:
<h3>My Status</h3>
{status_changes:limit="5",cache_time="0",member_id=member_id}
The above call will show ALL the member's status in their account home page. The account home page is the area that the member can edit their profile and update their account. Only the member can view their account_home.tpl page.
How you format the call in your account_home.tpl is something you will have to decide. I made so many changes, that my formatting probably would not benefit you. Go ahead and play around with the above call and maybe you will find the best way to add it. I encourage you to backup your account_home.tpl before making any changes. By the way, nothing says you have to use all the calls available that comes with this mod, but they are there to use if you want.
The image below is how I formatted the call for my site's account_home.tpl. As you can see in the image, I decided not to use the <h3>My Status</h3> title. That may change before the day is over :)
CALL: {status_changes:limit="5",cache_time="0",member_id=member_id} FOR MEMBER_PROFILE.TPL
Ok the same call used for account_home.tpl but different location. Your member_profile.tpl is your public profile that other members look at.
First let me show you the call:
<h3>{member_username}'s Status Updates</h3>
{status_changes:limit="5",cache_time="0",member_id=member_id}
The above call will show ALL the members status in their public profile.
How you format the call in your member_profile.tpl is something you will have to decide. I encourage to backup your template before making any changes. By the way, nothing says you have to use all the calls available that comes with this mod, but they are there to use if you want to.
The image below is how I formatted the call for my site's member_profile.tpl.
Add a My Status Tab to account_home.tpl
I added the following code to my account_home.tpl to add a My Satus tab to members home page. This gives them another area to update their status.
Note that I use pink2 as my template. Not sure how the following code works with different template formats but you can always try.
OPEN: account_home.tpl
ADD the following to the menu area for member (see image below).
<li><a href="#"
onmouseover="akedit('{virtual_path}index.php?hp=1&m=changestatus','userstatus2',{
type : 'textarea',name : 'userstatus',submit:'save'});">My Status</a>
<div style="display:none;z-index: 1000;position: absolute"
id="userstatus2">{session.profile_status}</div></li>
NOTE: I added the above code right after:
<li>{anchor:url1="account/home/",url2="index.php?m=account_home",name="home|opt_home",class="active"}</li>
NOTE: You can add the My Status link to account_profile, account_photo and account_visitor templates as well.
EXTRA
The reason I have this under the title of EXTRA is because only those who have installed vldCrowd tool tip would be interested (by the way, a FREE mod).
I made the following changes to my ext.members_feature.tpl to add the status to the tool tip (note: if you do not have the extension members_feature.tpl it is because it was created and filtered through ext.members.tpl). It does not matter if you do not have ext.member_feature.tpl. Where ever you decided to use the tool tip the following would apply.
I added the following code to the tool tip:
<!-- IF profile_field_status_value -->Status: {profile_field_status_value}<!-- ENDIF -->
In the CP, make sure that you have Load in member list set to yes for the Custom field you created for the Status Mod.
The following image shows what the members status looks like in the tool tip.
Comments
gugu
Garry
mario702
if someone update their status on twitter or facebook...does it show on the website?
is it possible to do that???
if yes i want it ....how much:)) Ramil...:)
boccio
jquery.akeditable - upload to includes/js Folder
hp.changestatus - upload to includes/hp Folder
ext.status_changes.php - upload to includes/ext Folder
ext.get.date.php - upload to includes/ext Folder
ext.status_changes.tpl - upload to templates/your template Folder
radioact
fatlizard
Where do I ge tthis from?
Paul
jquery.akeditable - upload to includes/js Folder
hp.changestatus - upload to includes/hp Folder
ext.status_changes.php - upload to includes/ext Folder
ext.get.date.php - upload to includes/ext Folder
ext.status_changes.tpl - upload to templates/your template Folder
gugu
Pages
1 2Log in to leave a comment