From: Tim Otten <totten@civicrm.org>
Date: Mon, 2 Feb 2015 05:24:47 +0000 (-0800)
Subject: CRM-15856 - crmMailing - Submit button
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=9b09d731cc47ab45012391f698b282fb66a81f15;p=civicrm-core.git

CRM-15856 - crmMailing - Submit button

Distinguish between blockage based on invalid data from blockage based on
pending AJAX.
---

diff --git a/css/angular-crmMailing.css b/css/angular-crmMailing.css
index d507b98009..1d86ccfcc7 100644
--- a/css/angular-crmMailing.css
+++ b/css/angular-crmMailing.css
@@ -83,6 +83,7 @@ a.crmMailing-submit-button div {
 a.crmMailing-submit-button div:hover {
   background: #afa;
   border: 1px solid #7a7;
+  cursor: pointer;
 }
 a.crmMailing-submit-button:hover {
   text-decoration: none;
@@ -91,13 +92,25 @@ a.crmMailing-submit-button.disabled div {
   color: black;
   background: #aaa;
   border: 1px solid #8a8;
-  padding: 1em;
-  margin: 1em;
-  width: 15em;
 }
-a.crmMailing-submit-button.disabled div:hover {
+a.crmMailing-submit-button.blocking div {
+  -webkit-animation: crmMailingPulse 2s infinite !important; /* Chrome, Safari, Opera */
+  animation: crmMailingPulse 2s infinite !important;
+}
+@-webkit-keyframes crmMailingPulse {
+  0% {background: #bfb;}
+  50% {background: #aaa;}
+  100% {background: #bfb;}
+}
+@keyframes crmMailingPulse {
+  0% {background: #bfb;}
+  50% {background: #aaa;}
+  100% {background: #bfb;}
+}
+a.crmMailing-submit-button.disabled div:hover, a.crmMailing-submit-button.blocking div:hover {
   background: #aaa;
   border: 1px solid #7a7;
+  cursor: not-allowed;
 }
 
 .crm-container .crm-form-block label {
diff --git a/partials/crmMailing/edit-wizard.html b/partials/crmMailing/edit-wizard.html
index b7cce60e96..df8f8ad0a2 100644
--- a/partials/crmMailing/edit-wizard.html
+++ b/partials/crmMailing/edit-wizard.html
@@ -53,7 +53,7 @@
           <div crm-mailing-block-review crm-mailing="mailing"/>
         </div>
         <center>
-          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{disabled: block.check() || crmMailing.$invalid}">
+          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailing.$invalid}>
             <div>{{ts('Submit Mailing')}}</div>
           </a>
         </center>
diff --git a/partials/crmMailing/edit.html b/partials/crmMailing/edit.html
index 84869726c8..560bcdb3ef 100644
--- a/partials/crmMailing/edit.html
+++ b/partials/crmMailing/edit.html
@@ -51,7 +51,7 @@
           <div crm-mailing-block-schedule crm-mailing="mailing"/>
         </div>
         <center>
-          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{disabled: block.check() || crmMailing.$invalid}">
+          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{blocking: block.check(), disabled: crmMailing.$invalid}">
             <div>{{ts('Submit Mailing')}}</div>
           </a>
         </center>
diff --git a/partials/crmMailingAB/edit.html b/partials/crmMailingAB/edit.html
index 177bbdf63d..7776dea48f 100644
--- a/partials/crmMailingAB/edit.html
+++ b/partials/crmMailingAB/edit.html
@@ -167,7 +167,7 @@
           }"
           crm-abtest="abtest"></div>
         <center>
-          <a class="crmMailing-submit-button" ng-click="submit()">
+          <a class="crmMailing-submit-button" ng-click="submit()" ng-class="{disabled: crmMailing.$invalid}">
             <div>{{ts('Submit Mailing')}}</div>
           </a>
         </center>