- Change the tag check bar to only select the current page (by default), but allow for selecting ALL tags - Limit the number of tags compared in the visualization view to 10 - Fix the multiselect dropdown to limit itself to 10 items selected - Remove saving the selected tags in the URL, as it is too slow and overloads the URLs in Chrome when there are 1000+ tags selected - Change the images API to not return locations: By skipping the extra join and looping, it made the /images API call 10x faster (in hand tests) Fixes #292 Fixes #293
		
			
				
	
	
		
			67 lines
		
	
	
		
			No EOL
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			67 lines
		
	
	
		
			No EOL
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <div class="repo-panel-changes-element">
 | |
|   <div class="resource-view" resource="imagesResource"
 | |
|        error-message="'Could not load repository images'">
 | |
|     <h3 class="tab-header">
 | |
|       Visualize Tags:
 | |
|       <span class="multiselect-dropdown" items="tagNames" selected-items="selectedTagsSlice"
 | |
|             item-name="tag" item-checked="updateState()">
 | |
|         <span class="tag-span">{{ item }}</span>
 | |
|       </span>
 | |
|     </h3>
 | |
| 
 | |
|     <!-- No Tags Selected -->
 | |
|     <div class="empty" ng-if="!selectedTagsSlice.length">
 | |
|       <div class="empty-primary-msg">No tags selected to view</div>
 | |
|       <div class="empty-secondary-msg">
 | |
|         Please select one or more tags above.
 | |
|       </div>
 | |
|     </div>
 | |
| 
 | |
|     <!-- Tags Selected -->
 | |
|     <div ng-show="selectedTagsSlice.length > 0">
 | |
|       <div id="image-history row" class="resource-view" resource="imagesResource"
 | |
|            error-message="'Cannot load repository images'">
 | |
| 
 | |
|         <!-- Tree View container -->
 | |
|         <div  class="col-md-8">
 | |
|           <div class="panel panel-default">
 | |
|             <!-- Image history tree -->
 | |
|             <div id="image-history-container" onresize="tree.notifyResized()"></div>
 | |
|           </div>
 | |
|         </div>
 | |
| 
 | |
|         <!-- Side Panel -->
 | |
|         <div class="col-md-4">
 | |
|           <div class="side-panel-title" ng-if="currentTag">
 | |
|             <i class="fa fa-tag"></i>{{ currentTag }}
 | |
|           </div>
 | |
|           <div class="side-panel-title" ng-if="currentImage">
 | |
|             <i class="fa fa-archive"></i>{{ currentImage.substr(0, 12) }}
 | |
|           </div>
 | |
| 
 | |
|           <div class="side-panel">
 | |
|             <!-- Tag Info -->
 | |
|             <div class="tag-info-sidebar"
 | |
|                  tracker="tracker"
 | |
|                  tag="currentTag"
 | |
|                  image-selected="setImage(image)"
 | |
|                  delete-tag-requested="tagActionHandler.askDeleteTag(tag)"
 | |
|                  ng-if="currentTag">
 | |
|             </div>
 | |
| 
 | |
|             <!-- Image Info -->
 | |
|             <div class="image-info-sidebar"
 | |
|                  tracker="tracker"
 | |
|                  image="currentImage"
 | |
|                  tag-selected="setTag(tag)"
 | |
|                  add-tag-requested="tagActionHandler.askAddTag(image)"
 | |
|                  ng-if="currentImage">
 | |
|             </div>
 | |
|           </div>
 | |
|         </div>
 | |
|     </div>
 | |
|   </div>
 | |
| </div>
 | |
| 
 | |
| <div class="tag-operations-dialog" repository="repository" images="images"
 | |
|      action-handler="tagActionHandler" tag-changed="handleTagChanged(data)"></div> |