Add UI for editing labels on a manifest

static/directives/repo-view/repo-panel-tags.html

@@ -232,6 +232,10 @@
             <span class="cor-option" option-click="askAddTag(tag)">
               <i class="fa fa-plus"></i> Add New Tag
             </span>
+            <span class="cor-option" option-click="showLabelEditor(tag)"
+                  ng-if="tag.manifest_digest">
+              <i class="fa fa-tags"></i> Edit Labels
+            </span>
             <span class="cor-option" option-click="askDeleteTag(tag.name)">
               <i class="fa fa-times"></i> Delete Tag
             </span>
@@ -272,6 +276,7 @@
 
 <div class="tag-operations-dialog" repository="repository"
      image-loader="imageLoader"
-     action-handler="tagActionHandler"></div>
+     action-handler="tagActionHandler"
+     labels-changed="handleLabelsChanged(manifest_digest)"></div>
 
 <div class="fetch-tag-dialog" repository="repository" action-handler="fetchTagActionHandler"></div>

static/directives/tag-operations-dialog.html

@@ -18,6 +18,27 @@
     </div><!-- /.modal-dialog -->
   </div><!-- /.modal -->
 
+  <!-- Edit Labels Dialog -->
+  <div class="cor-confirm-dialog"
+       dialog-context="editLabelsInfo"
+       dialog-action="editLabels(info, callback)"
+       dialog-title="Edit Manifest Labels"
+       dialog-action-title="Edit Labels">
+
+    <div class="cor-loader" ng-if="editLabelsInfo.loading"></div>
+    <div ng-if="!editLabelsInfo.loading && editLabelsInfo.labels">
+      <div><strong>Read-only labels:</strong></div>
+      <div class="label-section">
+        <div class="label-list" labels="editLabelsInfo.readonly_labels"></div>
+      </div>
+
+      <div><strong>Mutable labels:</strong></div>
+      <div class="label-section">
+        <div class="label-input" labels="editLabelsInfo.mutable_labels"
+             updated-labels="editLabelsInfo.updated_labels"></div>
+      </div>
+    </div>
+  </div>
 
   <!-- Add Tag Dialog -->
   <div class="modal fade" id="createOrMoveTagModal">