Add a fetch tag dialog

static/directives/fetch-tag-dialog.html

@@ -0,0 +1,70 @@
+<div class="fetch-tag-dialog-element">
+  <!-- Modal message dialog -->
+  <div class="co-dialog modal fade" id="fetchTagDialog">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+          <h4 class="modal-title">
+            Fetch Tag: <i class="fa fa-tag" style="margin-left: 6px; margin-right: 4px"></i>  {{ currentTag.name }}
+          </h4>
+        </div>
+        <div class="modal-body">
+          <table class="modal-table">
+            <tr>
+              <td class="first-col">Image Format:</td>
+              <td>
+                <div class="dropdown-select"
+                     placeholder="'(Select Image Format)'"
+                     selected-item="currentFormat.title"
+                     handle-item-selected="handleFormatSelected(datum)"
+                     clear-value="clearCounter">
+
+                  <!-- Icons -->
+                  <i class="dropdown-select-icon fa fa-lg" ng-class="currentFormat.icon"></i>
+
+                  <!-- Dropdown menu -->
+                  <ul class="dropdown-select-menu pull-right" role="menu">
+                    <li ng-repeat="format in formats">
+                      <a href="javascript:void(0)" ng-click="setFormat(format)">
+                        <i class="fa fa-lg" ng-class="format.icon"></i> {{ format.title }}
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </td>
+            </tr>
+            <tr ng-show="currentFormat.require_creds">
+              <td class="first-col">Pull Credentials:</td>
+              <td>
+                <div class="entity-search" namespace="repository.namespace"
+                     placeholder="'Choose Pull Credentials'"
+                     allowed-entities="['robot']"
+                     clear-value="clearCounter"
+                     auto-clear="false"
+                     current-entity="currentEntity"></div>
+              </td>
+            </tr>
+          </table>
+
+          <div class="cor-loader-inline" ng-if="currentEntity && !currentRobot"></div>
+          <div ng-if="getCommand(currentFormat, currentRobot)">
+            Command:
+            <pre class="command">{{ getCommand(currentFormat, currentRobot) }}</pre>
+          </div>
+        </div>
+        <div class="modal-footer">
+         <div class="clipboard-copied-message" style="display: none">
+           Copied
+         </div>
+         <input type="hidden" name="command-data" id="command-data"
+                value="{{ getCommand(currentFormat, currentRobot) }}">
+         <button id="copyClipboard" type="button" class="btn btn-primary"
+                 data-clipboard-target="command-data"
+                 ng-show="getCommand(currentFormat, currentRobot)">Copy Command</button>
+         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+        </div>
+      </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+  </div><!-- /.modal -->
+</div>

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

@@ -62,7 +62,14 @@
 
   <!-- Repository Description -->
   <div class="description-container">
+
+    <!-- Pull Controls -->
+    <div class="right-controls hidden-sm hidden-xs">
+      Pull Image: <div class="copy-box" hovering-message="true" value="pullCommand"></div>
+    </div>
+
     <h4 style="font-size:20px;">Description</h4>
+
     <div class="description markdown-input"
          content="repository.description"
          can-write="repository.can_write"

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

@@ -52,6 +52,7 @@
         <a href="javascript:void(0)" ng-click="orderBy('image_id')">Image</a>
       </td>
       <td class="options-col"></td>
+      <td class="options-col"></td>
      </thead>
 
      <tr class="co-checkable-row"
@@ -75,6 +76,11 @@
         <span class="image-track-line" ng-class="trackLineClass($parent.$index, it)"
               ng-style="{'borderColor': it.color}"></span>
       </td>
+      <td class="options-col">
+        <i class="fa fa-download" data-title="Fetch Tag" bs-tooltip
+           ng-click="fetchTagActionHandler.askFetchTag(tag)">
+        </i>
+      </td>
       <td class="options-col">
         <span class="cor-options-menu" ng-if="repository.can_write">
           <span class="cor-option" option-click="askDeleteTag(tag.name)">
@@ -98,4 +104,7 @@
 </div>
 
 <div class="tag-operations-dialog" repository="repository" images="images"
-     action-handler="tagActionHandler"></div>
+     action-handler="tagActionHandler"></div>
+
+<div class="fetch-tag-dialog" repository="repository" action-handler="fetchTagActionHandler">
+</div>