From 6f50787bdd7e8eefe032a139c632ae5f4bf0fda7 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Sat, 5 Dec 2015 13:13:38 -0800
Subject: [PATCH] crmCxnManageCtrl - Style rows. Move links into dropdown.

---
 ang/crmCxn/ManageCtrl.html | 47 ++++++++++++++++++++++++++++----------
 1 file changed, 35 insertions(+), 12 deletions(-)

diff --git a/ang/crmCxn/ManageCtrl.html b/ang/crmCxn/ManageCtrl.html
index 7437a4ab77..b60d68eef4 100644
--- a/ang/crmCxn/ManageCtrl.html
+++ b/ang/crmCxn/ManageCtrl.html
@@ -22,26 +22,49 @@
     </tr>
     </thead>
     <tbody>
-    <tr ng-repeat="cxn in cxns  | orderBy:cxnOrder.get()">
+    <tr ng-repeat="cxn in cxns  | orderBy:cxnOrder.get()" ng-class-even="'even-row even'" ng-class-odd="'odd-row odd'">
       <td>{{cxn.app_meta.title}}</td>
       <td><div ng-bind-html="cxn.app_meta.desc"></div></td>
       <td>{{cxn.is_active ? ts('Enabled') : ts('Disabled')}}</td>
       <td>
-        <!--
-        <a class="action-item crm-hover-button" ng-click="toggleCxn(cxn)">{{cxn.is_active ? ts('Disable') : ts('Enable') }}</a>
-        -->
-        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'settings', {title: ts('%1: Settings (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.settings">{{ts('Settings')}}</a>
-        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'logs', {title: ts('%1: Logs (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.logs">{{ts('Logs')}}</a>
-        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'docs', {title: ts('%1: Documentation (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.docs">{{ts('Docs')}}</a>
-        <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'support', {title: ts('%1: Support (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.support">{{ts('Support')}}</a>
-        <a class="action-item crm-hover-button"
-           crm-confirm='{width: "65%", resizable: true, title: ts("Disconnect"), message: ts("Are you sure you want to disconnect \"%1?\". Doing so may permanently destroy data linkage.", {1: cxn.app_meta.title})}'
-           on-yes="unregister(cxn.app_meta)"
-          >{{ts('Disconnect')}}</a>
+        <span>
+            <!--
+            <a class="action-item crm-hover-button" ng-click="toggleCxn(cxn)">{{cxn.is_active ? ts('Disable') : ts('Enable') }}</a>
+            -->
+            <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'settings', {title: ts('%1: Settings (External)', {1: cxn.app_meta.title})})" ng-show="cxn.app_meta.links.settings">{{ts('Settings')}}</a>
+            <span class="btn-slide crm-hover-button">{{ts('more')}}
+              <ul class="panel" style="display: none;">
+                <li ng-show="cxn.app_meta.links.logs">
+                  <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'logs', {title: ts('%1: Logs (External)', {1: cxn.app_meta.title})})">
+                    {{ts('Logs')}}
+                  </a>
+                </li>
+                <li ng-show="cxn.app_meta.links.docs">
+                  <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'docs', {title: ts('%1: Documentation (External)', {1: cxn.app_meta.title})})">
+                    {{ts('Docs')}}
+                  </a>
+                </li>
+                <li ng-show="cxn.app_meta.links.support">
+                  <a class="action-item crm-hover-button" ng-click="openLink(cxn.app_meta, 'support', {title: ts('%1: Support (External)', {1: cxn.app_meta.title})})">
+                    {{ts('Support')}}
+                  </a>
+                </li>
+                <li>
+                  <a class="action-item crm-hover-button"
+                     crm-confirm='{width: "65%", resizable: true, title: ts("Disconnect"), message: ts("Are you sure you want to disconnect \"%1?\". Doing so may permanently destroy data linkage.", {1: cxn.app_meta.title})}'
+                     on-yes="unregister(cxn.app_meta)">
+                    {{ts('Disconnect')}}
+                  </a>
+                </li>
+              </ul>
+            </span>
+
+        </span>
       </td>
     </tr>
     </tbody>
   </table>
+  <br/>
 </div>
 
 <div ng-show="hasAvailApps()">
-- 
2.25.1