4.0-style dashlet titlebar actions for Site Blog Dashlet

git-svn-id: https://share-extras.googlecode.com/svn/trunk/Site Blog Dashlet@1185 a3f5c567-fd0f-3a89-9b71-a290c5a5f590

Author: wabson

config/alfresco/site-webscripts/org/alfresco/components/dashlets/site-blog.get.html.ftl

@@ -1,20 +1,40 @@
 <script type="text/javascript">//<![CDATA[
-   new Alfresco.dashlet.SiteBlog("${args.htmlid}").setOptions(
+   var dashlet = new Alfresco.dashlet.SiteBlog("${args.htmlid}").setOptions(
    {
       "siteId": "${page.url.templateArgs.site!''}"
    }).setMessages(
       ${messages}
    );
    new Alfresco.widget.DashletResizer("${args.htmlid}", "${instance.object.id}");
+   
+   var createPostEvent = new YAHOO.util.CustomEvent("onDashletCreatePost");
+   createPostEvent.subscribe(dashlet.onCreatePostClick, dashlet, true);
+
+   new Alfresco.widget.DashletTitleBarActions("${args.htmlid}").setOptions(
+   {
+      actions:
+      [
+<#if userIsSiteContributor>
+         {
+            cssClass: "createPost",
+            eventOnClick: createPostEvent,
+            tooltip: "${msg("dashlet.createBlogPost.tooltip")?js_string}"
+         },
+</#if>
+         {
+            cssClass: "help",
+            bubbleOnClick:
+            {
+               message: "${msg("dashlet.help")?js_string}"
+            },
+            tooltip: "${msg("dashlet.help.tooltip")?js_string}"
+         }
+      ]
+   });
 //]]></script>
 
 <div class="dashlet site-blog-posts">
    <div class="title">${msg("header.siteBlog")}</div>
-<#if userIsSiteContributor>
-   <div class="toolbar">
-      <a id="${args.htmlid}-createPost-link" class="theme-color-1" title="${msg('list.createLink')}" href="${url.context}/page/site/${page.url.templateArgs.site}/blog-postedit">${msg("list.createLink")}</a>
-   </div>
-</#if>
    <div class="body scrollableList" id="${args.htmlid}-body" <#if args.height??>style="height: ${args.height}px;"</#if>>
    </div>
 </div>

config/alfresco/site-webscripts/org/alfresco/components/dashlets/site-blog.get.properties

@@ -7,4 +7,6 @@ message.unsavedChanges.blog=You have unsaved text in the blog post dialogue
 message.savedDraft=Saved draft post successfully
 message.posted=Blog entry posted successfully
 message.postExternalFailure=Blog entry was posted successfully but could not be published externally
-message.postFailure=Failed to save blog post
+message.postFailure=Failed to save blog post
+dashlet.help=This dashlet displays recent blog entries within the site. If you have Contributor permission then you can also create new blog posts directly from the dashlet.
+dashlet.createBlogPost.tooltip=Create Blog Post

source/web/components/dashlets/site-blog.css

@@ -21,4 +21,9 @@
 .site-blog-posts h4
 {
    margin-bottom: 0.25em;
+}
+
+.site-blog-posts .titleBarActions .createPost
+{
+    background-image: url("../images/new-blog-16.png");
 }

source/web/components/dashlets/site-blog.js

@@ -132,8 +132,6 @@
       {
          // The body container
          this.bodyContainer = Dom.get(this.id + "-body");
-         
-         Event.addListener(this.id + "-createPost-link", "click", this.onCreatePostClick, this, true);
          this.loadPosts();
       },