vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix tabs.

Browse source
This commit is contained in:
yackob03 2013-10-20 13:47:47 -04:00
parent abb6efda40
commit 9e50cb965f
2 changed files with 62 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
static/partials/image-view.html
View file

@ -74,14 +74,14 @@
<div ng-show="(combinedChanges | filter:search | limitTo:1).length == 0"> <div ng-show="(combinedChanges | filter:search | limitTo:1).length == 0">
No matching changes No matching changes
</div> </div>
<div class="change" ng-repeat="change in combinedChanges | filter:search | limitTo:50"> <div class="change" ng-repeat="change in combinedChanges | filter:search | limitTo:50">
<i ng-class="{'added': 'icon-plus-sign-alt', 'removed': 'icon-minus-sign-alt', 'changed': 'icon-edit-sign'}[change.kind]"></i> <i ng-class="{'added': 'icon-plus-sign-alt', 'removed': 'icon-minus-sign-alt', 'changed': 'icon-edit-sign'}[change.kind]"></i>
<span title="{{change.file}}"> <span title="{{change.file}}">
<span style="color: #888;"> <span style="color: #888;">
<span ng-repeat="folder in getFolders(change.file)"><a href="javascript:void(0)" ng-click="setFolderFilter(getFolder(change.file), $index)">{{folder}}</a>/</span></span><span>{{getFilename(change.file)}}</span> <span ng-repeat="folder in getFolders(change.file)"><a href="javascript:void(0)" ng-click="setFolderFilter(getFolder(change.file), $index)">{{folder}}</a>/</span></span><span>{{getFilename(change.file)}}</span>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

115
static/partials/view-repo.html
View file

@ -77,10 +77,10 @@
</div> </div>
<!-- Image history loading --> <!-- Image history loading -->
<div ng-hide="imageHistory" style="padding: 10px; text-align: center;"> <div ng-hide="imageHistory" style="padding: 10px; text-align: center;">
<i class="icon-spinner icon-spin icon-3x"></i> <i class="icon-spinner icon-spin icon-3x"></i>
</div> </div>
<!-- Tree View itself --> <!-- Tree View itself -->
<div id="image-history-container" onresize="tree.notifyResized()"></div> <div id="image-history-container" onresize="tree.notifyResized()"></div>
@ -102,65 +102,64 @@
</ul> </ul>
</span> </span>
<span class="right-title">Image</span> <span class="right-title">Image</span>
</div>
</div>
<div class="panel-body"> <div class="panel-body">
<div id="current-image"> <div id="current-image">
<div ng-show="currentImage.comment"> <div ng-show="currentImage.comment">
<blockquote style="margin-top: 10px;" ng-bind-html-unsafe="getMarkedDown(currentImage.comment)"> <blockquote style="margin-top: 10px;" ng-bind-html-unsafe="getMarkedDown(currentImage.comment)">
</blockquote> </blockquote>
</div> </div>
<dl class="dl-normal"> <dl class="dl-normal">
<dt>Created</dt> <dt>Created</dt>
<dd am-time-ago="parseDate(currentImage.created)"></dd> <dd am-time-ago="parseDate(currentImage.created)"></dd>
<dt>Image ID</dt> <dt>Image ID</dt>
<dd><a href="{{'/repository/' + repo.namespace + '/' + repo.name + '/image/' + currentImage.id}}">{{ currentImage.id }}</a></dd> <dd><a href="{{'/repository/' + repo.namespace + '/' + repo.name + '/image/' + currentImage.id}}">{{ currentImage.id }}</a></dd>
</dl> </dl>
<!-- Image changes loading --> <!-- Image changes loading -->
<div ng-hide="currentImageChanges"> <div ng-hide="currentImageChanges">
<i class="icon-spinner icon-spin icon-3x"></i> <i class="icon-spinner icon-spin icon-3x"></i>
</div> </div>
<div class="changes-container small-changes-container" <div class="changes-container small-changes-container"
ng-show="currentImageChanges.changed.length || currentImageChanges.added.length || currentImageChanges.removed.length"> ng-show="currentImageChanges.changed.length || currentImageChanges.added.length || currentImageChanges.removed.length">
<div class="changes-count-container accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseChanges"> <div class="changes-count-container accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseChanges">
<span class="change-count added" ng-show="currentImageChanges.added.length > 0" title="Files Added"> <span class="change-count added" ng-show="currentImageChanges.added.length > 0" title="Files Added">
<i class="icon-plus-sign-alt"></i> <i class="icon-plus-sign-alt"></i>
<b>{{currentImageChanges.added.length}}</b> <b>{{currentImageChanges.added.length}}</b>
</span> </span>
<span class="change-count removed" ng-show="currentImageChanges.removed.length > 0" title="Files Removed"> <span class="change-count removed" ng-show="currentImageChanges.removed.length > 0" title="Files Removed">
<i class="icon-minus-sign-alt"></i> <i class="icon-minus-sign-alt"></i>
<b>{{currentImageChanges.removed.length}}</b> <b>{{currentImageChanges.removed.length}}</b>
</span> </span>
<span class="change-count changed" ng-show="currentImageChanges.changed.length > 0" title="Files Changed"> <span class="change-count changed" ng-show="currentImageChanges.changed.length > 0" title="Files Changed">
<i class="icon-edit-sign"></i> <i class="icon-edit-sign"></i>
<b>{{currentImageChanges.changed.length}}</b> <b>{{currentImageChanges.changed.length}}</b>
</span> </span>
</div> </div>
<div id="collapseChanges" class="panel-collapse collapse in"> <div id="collapseChanges" class="panel-collapse collapse in">
<div class="well well-sm"> <div class="well well-sm">
<div class="change added" ng-repeat="file in currentImageChanges.added | limitTo:5"> <div class="change added" ng-repeat="file in currentImageChanges.added | limitTo:5">
<i class="icon-plus-sign-alt"></i> <i class="icon-plus-sign-alt"></i>
<span title="{{file}}">{{file}}</span> <span title="{{file}}">{{file}}</span>
</div> </div>
<div class="change removed" ng-repeat="file in currentImageChanges.removed | limitTo:5"> <div class="change removed" ng-repeat="file in currentImageChanges.removed | limitTo:5">
<i class="icon-minus-sign-alt"></i> <i class="icon-minus-sign-alt"></i>
<span title="{{file}}">{{file}}</span> <span title="{{file}}">{{file}}</span>
</div> </div>
<div class="change changed" ng-repeat="file in currentImageChanges.changed | limitTo:5"> <div class="change changed" ng-repeat="file in currentImageChanges.changed | limitTo:5">
<i class="icon-edit-sign"></i> <i class="icon-edit-sign"></i>
<span title="{{file}}">{{file}}</span> <span title="{{file}}">{{file}}</span>
</div> </div>
</div> </div>
<div class="more-changes" ng-show="getMoreCount(currentImageChanges) > 0"> <div class="more-changes" ng-show="getMoreCount(currentImageChanges) > 0">
<a href="{{'/repository/' + repo.namespace + '/' + repo.name + '/image/' + currentImage.id}}">And {{getMoreCount(currentImageChanges)}} more...</a> <a href="{{'/repository/' + repo.namespace + '/' + repo.name + '/image/' + currentImage.id}}">And {{getMoreCount(currentImageChanges)}} more...</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>