From 0dc34465235ce1093ba9716fb083876de86fcba3 Mon Sep 17 00:00:00 2001
From: David Baumgold <david@davidbaumgold.com>
Date: Thu, 9 May 2013 13:14:11 -0400
Subject: [PATCH] Handle saving popup

---
 cms/static/js/models/feedback.js | 3 ++-
 cms/templates/base.html          | 8 ++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/cms/static/js/models/feedback.js b/cms/static/js/models/feedback.js
index 54873f4147..344f6c3ab9 100644
--- a/cms/static/js/models/feedback.js
+++ b/cms/static/js/models/feedback.js
@@ -5,7 +5,8 @@ CMS.Models.SystemFeedback = Backbone.Model.extend({
         "message": null,
         "shown": true,
         "close": false,  // show a close button?
-        "icon": true  // show an icon?
+        "icon": true,  // show an icon?
+        "status": false  // example: "saving" popup
         /* could also have an "actions" hash: here is an example demonstrating
            the expected structure
         "actions": {
diff --git a/cms/templates/base.html b/cms/templates/base.html
index cff8c20c50..4e8ddb06bd 100644
--- a/cms/templates/base.html
+++ b/cms/templates/base.html
@@ -54,7 +54,11 @@
     <!-- templates -->
     <%text>
     <script id="system-feedback-tpl" type="text/template">
-<div class="wrapper wrapper-<%= viewType %> wrapper-<%= viewType %>-<%= modelType %> <% if(obj.shown) { %>is-shown<% } else { %>is-hiding<% } %>"
+<div class="wrapper
+            wrapper-<%= viewType %>
+            wrapper-<%= viewType %>-<%= modelType %>
+            <% if(obj.status) { %>wrapper-<%= viewType %>-status <% } %>
+            <% if(obj.shown) { %>is-shown<% } else { %>is-hiding<% } %>"
      id="<%= viewType %>-<%= modelType %>"
      aria-hidden="<% if(obj.shown) { %>false<% } else { %>true<% } %>"
      aria-labelledby="<%= viewType %>-<%= modelType %>-title"
@@ -63,7 +67,7 @@
   >
   <div class="<%= modelType %> <%= viewType %> <% if(obj.actions) { %>has-actions <% } %>">
     <% if (icon) { %>
-      <% var iconText = {"warning": "&#x26A0;", "confirmation": "&#x2713;", "error": "&#x26A0;", "announcement": "&#x1F4E2;", "step-required": "&#xE0D1", "help": "&#x2753;"} %>
+      <% var iconText = {"warning": "&#x26A0;", "confirmation": "&#x2713;", "error": "&#x26A0;", "announcement": "&#x1F4E2;", "step-required": "&#xE0D1", "help": "&#x2753;", "saving": "&#x2699;"} %>
       <i class="ss-icon ss-symbolicons-block icon icon-<%= modelType %>"><%= iconText[modelType] %></i>
     <% } %>