From 311956eb74b526be8ff2d91cf7f6b0d56bcd8540 Mon Sep 17 00:00:00 2001
From: Albert Santoni <albert.santoni@sourcefabric.org>
Date: Fri, 28 Aug 2015 16:21:20 -0400
Subject: [PATCH] CC-6069: Pick consistent design for New buttons

* First shot at blue New buttons
---
 .../views/scripts/form/smart-block-criteria.phtml   |  4 ++--
 .../scripts/playouthistorytemplate/index.phtml      |  4 ++--
 airtime_mvc/public/css/styles.css                   | 13 +++++++++++++
 airtime_mvc/public/js/airtime/library/library.js    |  2 +-
 .../js/airtime/playouthistory/historytable.js       |  2 +-
 airtime_mvc/public/js/airtime/schedule/add-show.js  |  2 +-
 6 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/airtime_mvc/application/views/scripts/form/smart-block-criteria.phtml b/airtime_mvc/application/views/scripts/form/smart-block-criteria.phtml
index 714020df7..7f99abf97 100644
--- a/airtime_mvc/application/views/scripts/form/smart-block-criteria.phtml
+++ b/airtime_mvc/application/views/scripts/form/smart-block-criteria.phtml
@@ -65,7 +65,7 @@
 
         <dt><label><?php echo(_("Search Criteria:"));?></label></dt>
         <dd id='sp_criteria-element' class='criteria-element'>
-            <a class='btn btn-small' id='criteria_add'><i class='icon-white icon-plus'></i><?php echo(_("New Criteria")); ?></a>
+            <a class='btn btn-small btn-new' id='criteria_add'><i class='icon-white icon-plus'></i><?php echo(_("New Criteria")); ?></a>
 
             <?php for ($i = 0; $i < $this->criteriasLength; $i++) {
         // modRowMap holds the number of modifier rows for each criteria element
@@ -95,7 +95,7 @@
                 <?php echo $this->element->getElement("sp_criteria_field_".$i."_".$j) ?>
                 <?php echo $this->element->getElement("sp_criteria_modifier_".$i."_".$j) ?>
                 <?php echo $this->element->getElement("sp_criteria_value_".$i."_".$j) ?>
-                <a class='btn btn-small' id='modifier_add_<?php echo $i ?>'>
+                <a class='btn btn-small btn-new' id='modifier_add_<?php echo $i ?>'>
                     <i class='icon-white icon-plus'></i><?php echo(_("New Modifier")); ?>
                 </a>
 
diff --git a/airtime_mvc/application/views/scripts/playouthistorytemplate/index.phtml b/airtime_mvc/application/views/scripts/playouthistorytemplate/index.phtml
index e7affa2c7..5dd76a8a9 100644
--- a/airtime_mvc/application/views/scripts/playouthistorytemplate/index.phtml
+++ b/airtime_mvc/application/views/scripts/playouthistorytemplate/index.phtml
@@ -3,7 +3,7 @@
     <h2><?php echo(_("Playout History Templates"));?></h2>
 
     <div><h4><?php echo _("Log Sheet Templates") ?></h4></div>
-    <button id="new_item_template" class="btn"><?php echo _("New Log Sheet Template") ?></button>
+    <button id="new_item_template" class="btn btn-new"><?php echo _("New Log Sheet Template") ?></button>
     <ul id="template_list">
       <?php if (count($this->template_list) == 0): ?>
         <li><?php echo _("No Log Sheet Templates") ?></li>
@@ -34,7 +34,7 @@
   <br><br>
   <div>
     <div><h4><?php echo _("File Summary Templates") ?></h4></div>
-    <button id="new_file_template" class="btn"><?php echo _("New File Summary Template") ?></button>
+    <button id="new_file_template" class="btn btn-new"><?php echo _("New File Summary Template") ?></button>
     <ul id="template_file">
       <?php if (count($this->template_file) == 0): ?>
         <li><?php echo _("No File Summary Templates") ?></li>
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index 3fefb2521..2829cb9e1 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -3298,6 +3298,19 @@ dd .stream-status {
     outline: 0;
     border-top-color:#333333
 }
+
+.btn-new {
+    background: none;
+    background-color: #237686;
+}
+.btn-new:hover {
+    background: none;
+    background-color: #1c606e;
+}
+.btn-new[disabled]:hover {
+    background: inherit;
+}
+
 .dark_class
 {
     background-color: black;
diff --git a/airtime_mvc/public/js/airtime/library/library.js b/airtime_mvc/public/js/airtime/library/library.js
index 04f00eaf8..7bec295e3 100644
--- a/airtime_mvc/public/js/airtime/library/library.js
+++ b/airtime_mvc/public/js/airtime/library/library.js
@@ -119,7 +119,7 @@ var AIRTIME = (function(AIRTIME) {
             $menu
                 .append(
                     "<div class='btn-group' title=" + $.i18n._('New') + ">" +
-                        "<button class='btn btn-small' id='sb-new'>" +
+                        "<button class='btn btn-small btn-new' id='sb-new'>" +
                             "<i class='icon-white icon-plus'></i>" +
                             "<span>" + $.i18n._('New') + "</span>" +
                         "</button>" +
diff --git a/airtime_mvc/public/js/airtime/playouthistory/historytable.js b/airtime_mvc/public/js/airtime/playouthistory/historytable.js
index ebe1e9f44..3acd8648f 100644
--- a/airtime_mvc/public/js/airtime/playouthistory/historytable.js
+++ b/airtime_mvc/public/js/airtime/playouthistory/historytable.js
@@ -292,7 +292,7 @@ var AIRTIME = (function(AIRTIME) {
         var $menu = $("<div class='btn-toolbar' />");
 
 		$menu.append("<div class='btn-group'>" +
-				"<button class='btn btn-small' id='his_create'>" +
+				"<button class='btn btn-small btn-new' id='his_create'>" +
 				"<i class='icon-white icon-plus'></i>" +
 				$.i18n._("New Log Entry") +
 				"</button>" +
diff --git a/airtime_mvc/public/js/airtime/schedule/add-show.js b/airtime_mvc/public/js/airtime/schedule/add-show.js
index efc7397ad..d9a8887ed 100644
--- a/airtime_mvc/public/js/airtime/schedule/add-show.js
+++ b/airtime_mvc/public/js/airtime/schedule/add-show.js
@@ -30,7 +30,7 @@ function makeAddShowButton() {
         $('.fc-header-left')
             .prepend('<span class="fc-header-space"></span>')
             .prepend('<span class="btn-group">' +
-                        '<button onclick="showForm()" class="add-button btn btn-small">' +
+                        '<button onclick="showForm()" class="add-button btn btn-small btn-new">' +
                             '<i class="icon-white icon-plus"></i>' +
                             '<span>' + $.i18n._("New Show") + '</span>' +
                         '</button>' +