Change cor-tabs to be a TypeScript and Angular "neu" component
We no longer use bootstrap tabs code in this version This is in prep for changing the tab style
This commit is contained in:
parent
e5ec33511f
commit
b11239f3bf
24 changed files with 832 additions and 588 deletions
|
@ -35,91 +35,91 @@
|
|||
</span>
|
||||
</div>
|
||||
|
||||
<div class="cor-tab-panel">
|
||||
<div class="cor-tabs">
|
||||
<span class="cor-tab" tab-active="true" tab-title="Information" tab-target="#info"
|
||||
tab-init="showInfo()">
|
||||
<cor-tab-panel>
|
||||
<cor-tabs>
|
||||
<cor-tab tab-title="Information" tab-id="info"
|
||||
tab-init="showInfo()">
|
||||
<i class="fa fa-info-circle"></i>
|
||||
</span>
|
||||
</cor-tab>
|
||||
|
||||
<span class="cor-tab" tab-title="Tags" tab-target="#tags" id="tagsTab"
|
||||
tab-init="showTags()">
|
||||
<cor-tab tab-title="Tags" tab-id="tags" id="tagsTab"
|
||||
tab-init="showTags()">
|
||||
<i class="fa fa-tags"></i>
|
||||
</span>
|
||||
</cor-tab>
|
||||
|
||||
<span class="cor-tab" tab-title="Tag History" tab-target="#history" id="tagHistoryTab"
|
||||
tab-init="showHistory()">
|
||||
<cor-tab tab-title="Tag History" tab-id="history" id="tagHistoryTab"
|
||||
tab-init="showHistory()">
|
||||
<i class="fa fa-history"></i>
|
||||
</span>
|
||||
</cor-tab>
|
||||
|
||||
<span class="cor-tab" tab-title="Builds" tab-target="#builds" id="buildsTab"
|
||||
tab-init="showBuilds()"
|
||||
quay-show="viewScope.repository.can_write && Features.BUILD_SUPPORT">
|
||||
<cor-tab tab-title="Builds" tab-id="builds" id="buildsTab"
|
||||
tab-init="showBuilds()"
|
||||
quay-show="viewScope.repository.can_write && Features.BUILD_SUPPORT">
|
||||
<i class="fa fa-tasks"></i>
|
||||
</span>
|
||||
</cor-tab>
|
||||
|
||||
<!-- Admin Only Tabs -->
|
||||
<span class="cor-tab" tab-title="Usage Logs" tab-target="#logs" tab-init="showLogs()"
|
||||
ng-show="viewScope.repository.can_admin">
|
||||
<cor-tab tab-title="Usage Logs" tab-id="logs" tab-init="showLogs()"
|
||||
ng-show="viewScope.repository.can_admin">
|
||||
<i class="fa fa-bar-chart"></i>
|
||||
</span>
|
||||
</cor-tab>
|
||||
|
||||
<span class="cor-tab" tab-title="Settings" tab-target="#settings" id="settingsTab"
|
||||
tab-init="showSettings()"
|
||||
ng-show="viewScope.repository.can_admin">
|
||||
<cor-tab tab-title="Settings" tab-id="settings" id="settingsTab"
|
||||
tab-init="showSettings()"
|
||||
ng-show="viewScope.repository.can_admin">
|
||||
<i class="fa fa-gear"></i>
|
||||
</span>
|
||||
</div> <!-- /cor-tabs -->
|
||||
</cor-tab>
|
||||
</cor-tabs>
|
||||
|
||||
<div class="cor-tab-content">
|
||||
<cor-tab-content>
|
||||
<!-- Information -->
|
||||
<div id="info" class="tab-pane active">
|
||||
<cor-tab-pane id="info">
|
||||
<div class="repo-panel-info"
|
||||
repository="viewScope.repository"
|
||||
builds="viewScope.builds"
|
||||
is-enabled="infoShown"></div>
|
||||
</div>
|
||||
</cor-tab-pane>
|
||||
|
||||
<!-- Tags -->
|
||||
<div id="tags" class="tab-pane">
|
||||
<cor-tab-pane id="tags">
|
||||
<div class="repo-panel-tags"
|
||||
repository="viewScope.repository"
|
||||
image-loader="viewScope.imageLoader"
|
||||
selected-tags="viewScope.selectedTags"
|
||||
history-filter="viewScope.historyFilter"
|
||||
is-enabled="tagsShown"></div>
|
||||
</div>
|
||||
</cor-tab-pane>
|
||||
|
||||
<!-- Tag History -->
|
||||
<div id="history" class="tab-pane">
|
||||
<cor-tab-pane id="history">
|
||||
<h3 class="tab-header">Tag History</h3>
|
||||
<div class="repo-tag-history"
|
||||
repository="viewScope.repository"
|
||||
filter="viewScope.historyFilter"
|
||||
image-loader="viewScope.imageLoader"
|
||||
is-enabled="historyShown"></div>
|
||||
</div>
|
||||
</cor-tab-pane>
|
||||
|
||||
<!-- Builds -->
|
||||
<div id="builds" class="tab-pane">
|
||||
<cor-tab-pane id="builds">
|
||||
<div class="repo-panel-builds"
|
||||
repository="viewScope.repository"
|
||||
builds="viewScope.builds"
|
||||
is-enabled="buildsShown"></div>
|
||||
</div>
|
||||
</cor-tab-pane>
|
||||
|
||||
<!-- Usage Logs -->
|
||||
<div id="logs" class="tab-pane" ng-if="viewScope.repository.can_admin">
|
||||
<cor-tab-pane id="logs" ng-if="viewScope.repository.can_admin">
|
||||
<div class="logs-view" repository="viewScope.repository" makevisible="logsShown"></div>
|
||||
</div>
|
||||
</cor-tab-pane>
|
||||
|
||||
<!-- Settings -->
|
||||
<div id="settings" class="tab-pane" ng-if="viewScope.repository.can_admin">
|
||||
<cor-tab-pane id="settings" ng-if="viewScope.repository.can_admin">
|
||||
<div class="repo-panel-settings" repository="viewScope.repository"
|
||||
is-enabled="settingsShown"></div>
|
||||
</div>
|
||||
</div> <!-- /cor-tab-content -->
|
||||
</div>
|
||||
</div>
|
||||
</cor-tab-pane>
|
||||
</cor-tab-content>
|
||||
</cor-tabs>
|
||||
</cor-tab-panel>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Reference in a new issue