How to integrate Disqwall to my site?

For Disqwall to work on your site first you have to download and extract the "app" folder on your server.

After the extraction is done you should include scripts that are essential for Disqwall to work:

<script src="app/vendors/angular.min.js"></script>
<script src="app/Disqwall/disqwallModule.js"></script> 
<script src="app/common/commonModule.js"></script> 
<script src="app/common/commonSvc.js"></script> 
<script src="app/Disqwall/disqwallSvc.js"></script> 
<script src="app/Disqwall/disqwallDirective.js"></script> 

As you can see there are angular.js file and few custom Disqwall scripts:

disqwallModule.js-Definition of disqwall module
commonModule.js-Definition of common module
commonSvc.js-Contains functions for limiting comment text length and time format conversion
disqwallSvc.js-Contains functions for API comunication
disqwallDirective.js-Contains definition of directive and disqwall controller

After including all the necessary scripts you should add this chunk of HTML to the part of the page you want Disqwall to be displayed:

<div ng-app="disqwallApp" class="disqwall"> 

How to configure Disqwall?

Disqwall allowes you to manage certain parameters as seen in example above:

key-Your Public Disqus Api Key (can be found in your Disqus API interface)
forum-Forum ID or forum name (can be found in your Disqus API interface)
linkto-Define where should a certain comment link to, options: post [links to the page and scrolls to the comment], thread [links to the page containing the comment]
type-Define if Disqwall should show latest or popular comments, options: latest, popular
template-Path to the template file
limit-Limit number of comments displayed (max 25)

How to modify the design of my Disqwall?

HTML template is included via "template" attribute in disqwall tag, in the template file all information about HTML structure can be found.

There are few sample CSS templates to be found in "css" directory of the repo.