use a pull down menu for less common actions

hawtio · Jul 15, 2013 · d0f0e73 · d0f0e73
1 parent d69ce28
commit d0f0e73
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/hawtio-web/src/main/webapp/app/wiki/html/viewPage.html b/hawtio-web/src/main/webapp/app/wiki/html/viewPage.html
@@ -6,22 +6,35 @@
           <a ng-href="{{link.href}}{{hash}}">{{link.name}}</a>
         </li>
 
-        <li class="pull-right">
-          <a ng-click="openDeleteDialog()" ng-disabled="!gridOptions.selectedItems.length"
-             title="Delete the selected document(s)"
-             data-placement="bottom">
-            <i class="icon-remove"></i> Delete</a>
+        <li class="pull-right dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            Actions <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu">
+            <li ng-show="sourceLink()">
+              <a ng-href="{{sourceLink()}}" title="View source code"
+                 data-placement="bottom">
+                <i class="icon-file-alt"></i> Source</a>
+            </li>
+            <li>
+              <a ng-href="{{historyLink}}{{hash}}" ng-hide="!historyLink" title="View the history of this file"
+                 data-placement="bottom">
+                <i class="icon-comments-alt"></i> History</a>
+            </li>
+            <li class="divider">
+            <li>
+              <a ng-click="openDeleteDialog()" ng-disabled="!gridOptions.selectedItems.length"
+                 title="Delete the selected document(s)"
+                 data-placement="bottom">
+                <i class="icon-remove"></i> Delete</a>
+            </li>
+          </ul>
         </li>
         <li class="pull-right">
           <a ng-href="{{editLink()}}{{hash}}" ng-hide="!editLink()" title="Edit this page"
              data-placement="bottom">
             <i class="icon-edit"></i> Edit</a>
         </li>
-        <li class="pull-right">
-          <a ng-href="{{historyLink}}{{hash}}" ng-hide="!historyLink" title="View the history of this file"
-             data-placement="bottom">
-            <i class="icon-comments-alt"></i> History</a>
-        </li>
         <li class="pull-right">
           <a title="Create new page" ng-click="openAddDialog()"
              data-placement="bottom">
@@ -32,11 +45,6 @@
                       <i class="icon-plus"></i> Create</a>
           -->
         </li>
-        <li class="pull-right" ng-show="sourceLink()">
-          <a ng-href="{{sourceLink()}}" title="View source code"
-             data-placement="bottom">
-            <i class="icon-file-alt"></i> Source</a>
-        </li>
       </ul>
     </div>
   </div>