Collapsible nested comment threads

Collapsible nested comment threads

Collapsible threaded nested comments for Ionic and Angular

$0.00

Nikola Pleša

Nikola Pleša

Member since 2014

Details

Version:
1.0
Ionic:
1.x  
Platforms:
iOS, Android  
Released:
5 years ago
Updated:
5 years ago
Category:
Plugins
Tags:
comments, thread, threaded, collapsible, nested, wordpress, reddit, facebook, youtube,

Threaded comments for Ionic and Angular. Used for collapsible nested comment threads with multiple levels of indentation for Wordpress, Reddit or various other social networks. Can also be used to display any other list of comments.

Tap on any comment to show replies, swipe it to the left to reveal options.

Install

bower install ionic-threads

Usage

Include ionic.threads.js and ionic.threads.css after the rest of your Ionic and Angular includes.

```html

```

Add ionic.contrib.ui.ionicThreads as a module dependency of your app. Then use the following AngularJS directives:

html <ion-thread comments="comments" post="post"></ion-thread>

Running the demo

Included is an example app that loads the first few posts from the Reddit frontpage, clicking on a post leads to the comment section.

Go to /example folder and run: npm install``ionic serve

Customizing

Open up ionic.threads.js and change the ionComment template and add your <ion-option-button> of choice and add the code for the button events.

Included is the ionic.threads.scss if you want to customize the styling. There are variables for colors, font sizes and thread indendation. Add ionic.threads.scss to your scss folder and include it in your ionic.app.scss file with:

javascript @import "www/lib/ionic-threads/ionic.threads.scss";

Used in

Ionic threads is currently used in Updraft for Reddit (www.upvote.io)

Icon by www.somerandomdude.com