Forum Discussion

skylinegtr's avatar
skylinegtr
Mentor
10 years ago

Forum Thread Layout

Hello!

 

I was checking out this site: http://community.k2.com/ and I really like the thread layout shown below.  I would like to do something like this. Any tips on how I can create something like this? I assumed creating a custom component and API (if you have an API code that you can share, it would be awesome).

 

 

Any help would be greatly appreciated.

Thanks!

  • mahesh_revanwar's avatar
    mahesh_revanwar
    10 years ago

    Hi skylinegtr,

     

    Try this

    <#assign messageList = rest("/categories/id/mahesh_revanwar/search/messages?q=is_root:true&sort_by=-views&restapi.response_style=view").messages.message />

<#list messageList as msg >
	<a href="${msg.@view_href}">${msg.subject}</a>
	<br>
	<#assign avatar = rest("${msg.author.@href}/profiles/avatar").image.url>
	Avatar: <img src="${avatar}">
	Author : ${msg.author.login}
	<br>
	Date : ${msg.post_time.@view_date} | ${msg.post_time.@view_time}
	<br>
	Views : ${msg.views.count}
	<br>
	<br>
</#list>

    Regards,

    Mahesh Revanwar

     

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

  • vishwajit_shind's avatar
    vishwajit_shind
    10 years ago

    Hi skylinegtr,

     

    You need to change variable name which is correct, as if you consider example provided by mahesh_revanwer the looping is done with "msg" variable used. Considering this variable you can write a code as follows:-

    <#assign replyCount = rest("${msg.thread.@href}/replies/count").value>
${replyCount}

    As the "topic" variable is not present in your code error got generated.

     

    Regards,

    Vishwajit Shinde

     

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

13 Replies

Sort By
  • mahesh_revanwar's avatar
    mahesh_revanwar
    Expert
    10 years ago

    Hi skylinegtr,

     

    You can try this REST call:

    <community-base-url>/restapi/vc/categories/id/forums/search/messages?q=is_root:true&sort_by=-views&restapi.response_style=view

    using this call you get the all messages in sorted with respect to views else part can be handle using html and css.

     

    Regards,

    Mahesh Revanwar

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

     

  • skylinegtr's avatar
    skylinegtr
    Mentor
    10 years ago

    mahesh_revanwar-Thank you for your help. It's not working for me, so I'm doing something wrong on my end. Can you provide me step by step on how to set it up? Just need to get the API part to work. HTML and CSS I can do. 

     

    If you can, I would be very greatly appreciated. Thanks in advance.

  • mahesh_revanwar's avatar
    mahesh_revanwar
    Expert
    10 years ago

    Hi skylinegtr,

     

    Please try this code

    <#assign messageList = rest("/categories/id/<category_name>/search/messages?q=is_root:true&sort_by=-views&restapi.response_style=view").messages.message />

<#list messageList as msg >
	${msg.subject}
	<br>
</#list>

    from this you can list down all the message titles. Same like this you can fetch all other values related to message.

     

    Regards,

    Mahesh Revanwar

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

  • skylinegtr's avatar
    skylinegtr
    Mentor
    10 years ago

    mahesh_revanwar-Again thanks for the help. The API code that you provided works but it's subject title isn't link. How do I display the user avatar on the left side and the views on the right?

     

    Only if Lithium would provide these types of API code, it would be much easier for users who are not programmar. 

     

    Also tried to add in the time and date using this code. Got an error.

     

    <a href="${recent.message.@view_href}">${recent.message.subject}</a>
    <span class=“post-time”>
    <#if recent.message.post_time.@view_friendly_date[0]??>
    ${recent.message.post_time.@view_friendly_date}
    <#else>
    ${recent.message.post_time.@view_date}
    </#if>

  • mahesh_revanwar's avatar
    mahesh_revanwar
    Expert
    10 years ago

    Hi skylinegtr,

     

    Bellow code help you to get all details, for the same component view you to do html and css work only.

     

    <#assign messageList = rest("/categories/id/<category_name>/search/messages?q=is_root:true&sort_by=-views&restapi.response_style=view").messages.message />

<#list messageList as msg >
	<a href="${msg.@view_href}">${msg.subject}</a>
	<br>
	Author : ${msg.author.login}
	<br>
	Date : ${msg.post_time.@view_date} | ${msg.post_time.@view_time}
	<br>
	Views : ${msg.views.count}
	<br>
	<br>
</#list>

    Regards,

    Mahesh Revanwar

     

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

  • skylinegtr's avatar
    skylinegtr
    Mentor
    10 years ago

    mahesh_revanwar- Thank you! I really appreciate your help and time. I can work on the CSS part now. I'm still having trouble with the user/author avatar displaying. 

     

    <#assign avatar_info = restadmin(user.@href + "/profiles/avatar").image />

     

    Thanks..

  • mahesh_revanwar's avatar
    mahesh_revanwar
    Expert
    10 years ago

    Hi skylinegtr,

     

    Try this

    <#assign messageList = rest("/categories/id/mahesh_revanwar/search/messages?q=is_root:true&sort_by=-views&restapi.response_style=view").messages.message />

<#list messageList as msg >
	<a href="${msg.@view_href}">${msg.subject}</a>
	<br>
	<#assign avatar = rest("${msg.author.@href}/profiles/avatar").image.url>
	Avatar: <img src="${avatar}">
	Author : ${msg.author.login}
	<br>
	Date : ${msg.post_time.@view_date} | ${msg.post_time.@view_time}
	<br>
	Views : ${msg.views.count}
	<br>
	<br>
</#list>

    Regards,

    Mahesh Revanwar

     

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."

  • skylinegtr's avatar
    skylinegtr
    Mentor
    10 years ago

    mahesh_revanwar-Sorry to bug you again. I'm almost there with the layout but I'm stuck at the two API code.

     

    1. I'm trying to get the replies count to show but when I add ${msg.replies.count} I'm getting an error. 

    2. I want to show the teaser (context). e.g. "I am looking to implement." I've tried ${msg.teaser}-no error message but it doesn't display anything. Also tried this ${message.teaser} <a href="${message.@view_href}">${text.format("")}

     

     

    Thank you for your help and greatly appreciated!

  • vishwajit_shind's avatar
    vishwajit_shind
    Expert
    10 years ago

    Hi skylinegtr,

     

    1. Please try below rest api to get the replies count continue to above rest call used by mahesh_revanvar:-

    <#assign replyCount = rest("${topic.thread.@href}/replies/count").value>
${replyCount}

    2. The way you are using the code to generate is seems to be correct. Please find the teaser text present in the message. If it is present it should generate the string to be displayed in the browser.

     

    Regards,

    Vishwajit Shinde.

     

    If my post is helpful and answers your question, please give "Kudos" and "Accept it as a Solution."