Add Quick configure action

Quick configure action menu is placed next to the title of all custom
queues.

HTML/CSS only needs php.

include/staff/templates/queue-tickets.tmpl.php

@@ -94,7 +94,24 @@ return false;">
                     title="<?php echo __('Refresh'); ?>"><i class="icon-refresh"></i> <?php echo
                     $queue->getName(); ?></a></h2>
             </div>
-            <div class="pull-right flush-right">
+            <div class="configureQ">
+                <i class="icon-cog"></i>
+                <div class="noclick-dropdown anchor-left">
+                    <ul>
+                        <li>
+                            <a class="no-pjax tickets-action" href="#" ><i class="icon-fixed-width icon-save"></i> Save Queue</a>
+                        </li>
+                        <li>
+                            <a class="no-pjax tickets-action" href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a>
+                        </li>
+                        <li class="danger">
+                            <a class="no-pjax tickets-action" href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+
+          <div class="pull-right flush-right">
             <?php
             // TODO: Respect queue root and corresponding actions
             if ($count) {

scp/css/dropdown.css

@@ -3,13 +3,13 @@
    http://labs.abeautifulsite.net/jquery-dropdown/
 */
 
-.action-dropdown {
+.action-dropdown, .noclick-dropdown {
   position: absolute;
   z-index: 9999998;
   display: none;
   margin-top: 8px;
 }
-.action-dropdown ul {
+.action-dropdown ul, .noclick-dropdown ul {
   text-align: left;
   font-size: 0.95em;
   min-width: 140px;
@@ -23,13 +23,13 @@
   padding: 4px 0;
   margin: 0;
 }
-.action-dropdown ul li {
+.action-dropdown ul li, .noclick-dropdown ul li {
   list-style: none;
   padding: 0;
   margin: 0;
   line-height: 18px;
 }
-.action-dropdown ul li > a{
+.action-dropdown ul li > a, .noclick-dropdown ul li > a {
   display: block;
   color: #555;
   text-decoration: none;
@@ -40,26 +40,28 @@
 .action-dropdown ul.bleed-left li > a {
   padding-left: 8px;
 }
-.action-dropdown ul li > a i {
+.action-dropdown ul li > a i, .noclick-dropdown ul li > a i {
   margin-right: 0.1em;
 }
 .action-dropdown ul li > a:hover,
-.action-dropdown ul li.active > a:hover {
+.action-dropdown ul li.active > a:hover, 
+.noclick-dropdown ul li > a:hover, 
+.noclick-dropdown ul li.active > a:hover {
   background-color: #08C;
   color: #FFF !important;
   cursor: pointer;
 }
-.action-dropdown ul li.active > a {
+.action-dropdown ul li.active > a  {
   background-color: rgba(0, 136, 204, 0.2);
   color: #08C;
 }
-.action-dropdown ul li.positive > a:hover, .customQ-dropdown ul li.positive > a:hover {
+.action-dropdown ul li.positive > a:hover, .customQ-dropdown ul li.positive > a:hover, .noclick-dropdown ul li.positive > a:hover {
   background-color: #02aa4c;
 }
-.action-dropdown ul li.danger > a:hover, .customQ-dropdown ul li.danger > a:hover {
+.action-dropdown ul li.danger > a:hover, .customQ-dropdown ul li.danger > a:hover, .noclick-dropdown ul li.danger > a:hover {
   background-color: #CF3F3F;
 }
-.action-dropdown ul li > a.disabled, .customQ-dropdown ul li > a.disabled {
+.action-dropdown ul li > a.disabled, .customQ-dropdown ul li > a.disabled, .noclick-dropdown ul li.disabled > a:hover {
   pointer-events: none;
   color: #999;
   color: rgba(85,85,85,0.5);
@@ -71,7 +73,7 @@
   margin: 5px 15px;
   overflow: hidden;
 }
-.action-dropdown:before {
+.action-dropdown:before, .noclick-dropdown:before {
   position: absolute;
   top: -6px;
   left: 9px;
@@ -82,7 +84,7 @@
   border-bottom-color: rgba(0, 0, 0, 0.2);
   display: inline-block;
 }
-.action-dropdown:after {
+.action-dropdown:after, .noclick-dropdown:after  {
   position: absolute;
   top: -5px;
   left: 10px;
@@ -93,12 +95,12 @@
   display: inline-block;
 }
 
-.action-dropdown.anchor-right:before {
+.action-dropdown.anchor-right:before, .noclick-dropdown.anchor-right:before  {
   left: auto;
   right: 9px;
 }
 
-.action-dropdown.anchor-right:after {
+.action-dropdown.anchor-right:after, .noclick-dropdown.anchor-right:after  {
   left: auto;
   right: 10px;
 }

scp/css/scp.css

@@ -883,9 +883,43 @@ a time {
 .jb-overflowmenu-menu-secondary .customQ-dropdown li > span {
     padding:0 5px;
 }
-
 /**********************End Custom Queues Dropdown******************/
 
+/*************Qeueue Title Config dropdown options****************/
+.configureQ { 
+    display:block; 
+    float:left;
+    color:rgba(0,0,0,.2);
+    margin:4px 0 0 4px;
+    cursor:pointer;
+}
+.configureQ:hover {
+     color:rgba(0,0,0,.6);
+}
+
+.configureQ > .noclick-dropdown {
+    padding:25px 0 0 0;
+    margin-top:-20px;
+    margin-left:-11px;
+}
+.configureQ:hover > .noclick-dropdown {
+    display:block;
+    
+}
+.configureQ > .noclick-dropdown:before {
+    top: 19px;
+    left: 9px;
+}
+.configureQ > .noclick-dropdown:after {
+    top: 20px;
+    left: 10px;
+}
+
+
+/*********************/
+
+
+
 a.test  { background-image:url(../images/icons/open.gif) }
 
 a.Ticket { background:url(../images/icons/open_tickets.gif) }