Forum Discussion

skylinegtr's avatar
skylinegtr
Mentor
9 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...
  • mahesh_revanwar's avatar
    mahesh_revanwar
    9 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
    9 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."

mahesh_revanwar's avatar
mahesh_revanwar
Expert
9 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
    9 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
      9 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
        9 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>