Integrating YUI Charts & Autocomplete Component with Alfresco Share

Use of Charts:

Charts are basically useful to show some graphical information about the activities going on a particular site like number of blogs, documents, wikis created by a specific user or number of Active & Completed Workflow tasks of  a particular user.

For Eg: The following dashlet shows Number of Active and Completed tasks of  Admin user from Year 2006 to 2011.

Workflow Statistics

Use of AutoComplete:

Auto-complete is useful feature when you want to search some user name or any text. By just entering one or two character, it will give you the search result and then, you can select the word appropriately.

For Eg: The following component shows Auto-complete feature. By just entering “ad” in UserName it gives you the result.

Auto-Complete

How to implement this Dashlet ?

To implement a Dashlet in Alfresco Share, following files are required:

1)    XXX.get.desc.xml (WebScript description file with Http GET method)

2)    XXX.get.head.ftl    (Header file containing CSS and js files) 

3)    XXX.get.html.ftl    (Presentation or View part of  WebScript with HTML output)

4)    XXX.get.js              (Controller part of WebScript – Optional)  

5)    XXX.get.properties (Properties file – Optional)

6)    XXX.css                   (CSS file for good look and feel)

7)    XXX.js & XXX-min.js (Client Side js file & minimized version of js file)

In our example of  Workflow Statistics, we have following files.

 Dashlet Component related files:

     1) workflow-stat.get.desc.xml

     2) workflow-stat.get.head.ftl

     3) workflow-stat.get.html.ftl

     4) workflow-stat.get.properties

     5) workflow-stat.css

     6) workflow-stat.js & workflow-stat-min.js

 Dashlet Module related files:

     7) workflow-stat-config.get.desc.xml

     8) workflow-stat-config.get.html.ftl

     9) workflow-stat-config.get.properties

     10)  workflow-stat-config.post.desc.xml

     11) workflow-stat-config.post.js

     12) workflow-stat-config.post.json.ftl

     13) workflow-stat-config.js & workflow-stat-config-min.js

You can download the code from the following link:

http://code.google.com/p/site-statistics/downloads/list

Copy workflow-statistics-0.2.jar file in “\alfresco\WEB-INF\lib” & “\share\WEB-INF\lib” folders and (Re)Start the Tomcat server.