- Convert Quay over to Angular 1.2.9 and the new angular-strap

- Add the beginnings of a notification service
- Add the beginnings of a notification UI

static/directives/delete-ui.html

@@ -0,0 +1,4 @@
+<span class="delete-ui-element" ng-click="focus()">
+  <span class="delete-ui-button" ng-click="performDelete()"><button class="btn btn-danger">{{ buttonTitleInternal }}</button></span>
+  <i class="fa fa-times" bs-tooltip="tooltip.title" data-placement="left" title="{{ deleteTitle }}"></i>
+</span>

static/directives/header-bar.html

@@ -39,11 +39,14 @@
       <a href="javascript:void(0)" class="dropdown-toggle user-dropdown" data-toggle="dropdown">
         <img src="//www.gravatar.com/avatar/{{ user.gravatar }}?s=32&d=identicon" />
         {{ user.username }}
-        <span class="badge user-notification notification-animated" ng-show="user.askForPassword || overPlan"
-              bs-tooltip="(user.askForPassword ? 'A password is needed for this account<br>' : '') + (overPlan ? 'You are using more private repositories than your plan allows' : '')"
+        <span class="badge user-notification notification-animated"
+              ng-show="notificationService.notifications.length"
+              ng-class="notificationService.notificationClasses"
+              bs-tooltip=""
+              title="{{ notificationService.notificationSummaries }}"
               data-placement="left"
               data-container="body">
-          {{ (user.askForPassword ? 1 : 0) + (overPlan ? 1 : 0) }}
+          {{ notificationService.notifications.length }}
         </span>
         <b class="caret"></b>
       </a>
@@ -51,8 +54,16 @@
         <li>
           <a href="/user/" target="{{ appLinkTarget() }}">
             Account Settings
-            <span class="badge user-notification" ng-show="user.askForPassword || overPlan">
-              {{ (user.askForPassword ? 1 : 0) + (overPlan ? 1 : 0) }}
+          </a>
+        </li>
+        <li ng-if="notificationService.notifications.length">
+          <a href="javascript:void(0)" data-template="/static/directives/notification-bar.html"
+             data-animation="am-slide-right" bs-aside="aside" data-container="body">
+            Notifications
+            <span class="badge user-notification"
+                  ng-class="notificationService.notificationClasses"
+                  ng-show="notificationService.notifications.length">
+              {{ notificationService.notifications.length }}
             </span>
           </a>
         </li>

static/directives/notification-bar.html

@@ -0,0 +1,14 @@
+<div class="aside" tabindex="-1" role="dialog">
+  <div class="aside-dialog">
+    <div class="aside-content">
+      <div class="aside-header">
+        <button type="button" class="close" ng-click="$hide()">&times;</button>
+        <h4 class="aside-title">Some title</h4>
+      </div>
+      <div class="aside-body" ng-bind="content"></div>
+      <div class="aside-footer">
+        <button type="button" class="btn btn-default" ng-click="$hide()">Close</button>
+      </div>
+    </div>
+  </div>
+</div>

static/directives/popup-input-button.html

@@ -1,5 +1,6 @@
-<button class="btn btn-success" data-trigger="click" bs-popover="'static/directives/popup-input-dialog.html'" 
-        data-placement="bottom" ng-click="popupShown()">
+<button class="btn btn-success" data-trigger="click"
+        data-content-template="static/directives/popup-input-dialog.html" 
+        data-placement="bottom" ng-click="popupShown()" bs-popover>
   <span ng-transclude></span>
 </button>
    

static/directives/popup-input-dialog.html

@@ -1,4 +1,4 @@
-<form name="popupinput" ng-submit="inputSubmit(); hide()" novalidate>
-  <input id="input-box" type="text form-control" placeholder="{{ placeholder }}" ng-blur="hide()"
+<form name="popupinput" ng-submit="inputSubmit(); $hide()" novalidate>
+  <input id="input-box" type="text form-control" placeholder="{{ placeholder }}" ng-blur="$hide()"
          ng-pattern="getRegexp(pattern)" ng-model="inputValue" ng-trim="false" ng-minlength="2" required>
 </form>

static/directives/prototype-manager.html

@@ -48,10 +48,7 @@
           <span class="role-group" current-role="prototype.role" role-changed="setRole(role, prototype)" roles="roles"></span>
         </td>
         <td>
-          <span class="delete-ui" tabindex="0">
-            <span class="delete-ui-button" ng-click="deletePrototype(prototype)"><button class="btn btn-danger">Delete</button></span>
-            <i class="fa fa-times" bs-tooltip="tooltip.title" data-placement="right" title="Delete Permission"></i>
-          </span>
+          <span class="delete-ui" delete-title="'Delete Permission'" perform-delete="deletePrototype(prototype)"></span>
         </td>
       </tr>
     </table>

static/directives/robots-manager.html

@@ -24,10 +24,7 @@
           </a>
         </td>                
         <td>
-          <span class="delete-ui" tabindex="0">
-            <span class="delete-ui-button" ng-click="deleteRobot(robotInfo)"><button class="btn btn-danger">Delete</button></span>
-            <i class="fa fa-times" bs-tooltip="tooltip.title" data-placement="right" title="Delete Robot Account"></i>
-          </span>
+          <span class="delete-ui" delete-title="'Delete Robot Account'" perform-delete="deleteRobot(robotInfo)"></span>
         </td>
       </tr>
     </table>