Changeset 1093

Timestamp:

04/29/10 13:14:24 (22 months ago)

Author:

johnnyoffline

Message:

made the Publish button a status message

Location:

plugins/apostropheBlogPlugin/trunk

Files:

• modules/aBlogAdmin/templates/_form.php (modified) (1 diff)
• web/css/aBlog.css (modified) (3 diffs)
• web/js/aBlog.js (modified) (6 diffs)

plugins/apostropheBlogPlugin/trunk/modules/aBlogAdmin/templates/_form.php

@@ -20 +20 @@
 <?php // Huge Publish Button and Publish Date ?>
 <div class="published section">
-        <a href="#" class="a-btn big a-publish-post <?php echo ($a_blog_post['status'] == 'published')? 'published':'' ?>" onclick="return false;">
+        <a href="#" class="a-btn big a-publish-post <?php echo ($a_blog_post['status'] == 'published')? 'published':'' ?>" onclick="return false;" id="a-blog-publish-button">
           <span class="publish"><?php echo __('Publish', array(), 'apostrophe_blog') ?></span>
           <span class="unpublish"><?php echo __('Unpublish', array(), 'apostrophe_blog') ?></span>
+                <span class="message"></span>
         </a>
 

plugins/apostropheBlogPlugin/trunk/web/css/aBlog.css

@@ -669 +669 @@
 }
 
+.a-btn.a-publish-post.status
+{
+color: #fff !important;
+text-shadow: 0 1px rgba(0,0,0,0.55) !important;
+}
+
+.a-btn.a-publish-post.highlight
+{
+        background-color: #ac3;
+}
+
+.a-btn.a-publish-post .message,
 .a-btn.a-publish-post .unpublish,
 .a-btn.a-publish-post.published .publish
@@ -676 +688 @@
 
 .a-btn.a-publish-post .publish,
-.a-btn.a-publish-post.published .unpublish
+.a-btn.a-publish-post.published .unpublish,
+.a-btn.a-publish-post.status .message
 {
 display: inline;
@@ -685 +698 @@
 color: #000 !important;
 }
+
 
 /* Editor Status Messages */

plugins/apostropheBlogPlugin/trunk/web/js/aBlog.js

@@ -5 +5 @@
         
         var postStatus = $('#a_blog_post_status');
-        var publishButton = $('#a-admin-form a.a-publish-post');
+        var publishButton = $('#a-blog-publish-button');
 
         if (status == 'published') {
@@ -18 +18 @@
                         postStatus.val('published');
                         publishButton.addClass('published');                    
-                        sendUserMessage('','Your post is now published.');                      
                 }
                 else
@@ -24 +23 @@
                         postStatus.val('draft');
                         publishButton.removeClass('published');                 
-                        sendUserMessage('','You unpublished your post.');                       
                 };
                 
@@ -73 +71 @@
                         checkAndSetPublish(data.aBlogPost.status, slug_url); // Re-set Publish button after ajax
       updateTitleAndSlug(data.aBlogPost.title, data.aBlogPost.slug); // Update Title and Slug after ajax
-                        
+                        updateMessage();
                         aUI('#a-admin-form');
       }
@@ -126 +124 @@
         {
                 $('.section.comments .allow_comments_toggle').addClass('enabled').removeClass('disabled');
-                sendUserMessage('Comments Enabled','Viewers can leave comments on this blog post.');
         }
         else
         {
                 $('.section.comments .allow_comments_toggle').addClass('disabled').removeClass('enabled');              
-                sendUserMessage('Disabled Comments','Viewers of this blog post cannot comment on it.');
         }
 }
@@ -138 +134 @@
 {
         location.reload(true);
-        // sendUserMessage(feedback); // See sendUserMessage function below 
 }
 
-// Send a message to the blog editor confirming a change made via Ajax
+function updateMessage(msg)
+{
+        if (typeof msg == 'undefined') {
+                msg = 'Saved!';
+        };
+
+        var publishButton = $('#a-blog-publish-button');
+
+        publishButton.children('.message').text(msg).show().siblings(':not(".message")').hide();
+        
+        publishButton.addClass('status').addClass('highlight', 500, function()
+        {
+                publishButton.fadeTo(500,1).removeClass('highlight', 200, function()
+                {
+                        publishButton.removeClass('status');
+                        if (publishButton.hasClass('published')) 
+                        {
+                                publishButton.children('.publish').show();
+                        }
+                        else
+                        {
+                                publishButton.children('.unpublish').show();                            
+                        };
+                        publishButton.children('.message').hide();                      
+                });
+        });
+}
+
 function sendUserMessage(label, desc)
 {       
         // Messages are turned off for now!
+        // Send a message to the blog editor confirming a change made via Ajax
         
         // var mLabel = (label)?label.toString():""; // passed from ajaxAction