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

Change cor-tabs to be a TypeScript and Angular "neu" component

Browse source 
We no longer use bootstrap tabs code in this version

This is in prep for changing the tab style
This commit is contained in:
Joseph Schorr 2017-04-28 17:03:38 -04:00
parent e5ec33511f
commit b11239f3bf
24 changed files with 832 additions and 588 deletions
Download patch file Download diff file Expand all files Collapse all files

61
static/partials/user-view.html
View file

@ -20,54 +20,54 @@
<div class="repo-list-view padded" namespaces="[context.viewuser]">&nbsp;</div>
</div>
<div class="cor-tab-panel" ng-if="context.viewuser.is_me">
<div class="cor-tabs" quay-show="context.viewuser.is_me">
<span class="cor-tab" tab-active="true" tab-title="Repositories" tab-target="#repos">
<cor-tab-panel ng-if="context.viewuser.is_me">
<cor-tabs quay-show="context.viewuser.is_me">
<cor-tab tab-active="true" tab-title="Repositories" tab-id="repos">
<i class="fa fa-hdd-o"></i>
</span>
<span class="cor-tab" tab-title="Robot Accounts" tab-init="showRobots()" tab-target="#robots">
</cor-tab>
<cor-tab tab-title="Robot Accounts" tab-init="showRobots()" tab-id="robots">
<i class="fa ci-robot"></i>
</span>
<span class="cor-tab" tab-title="External Logins And Applications" tab-target="#external"
</cor-tab>
<cor-tab tab-title="External Logins And Applications" tab-id="external"
tab-init="showApplications()">
<i class="fa fa-external-link-square"></i>
</span>
<span class="cor-tab" tab-title="Usage Logs" tab-target="#logs" tab-init="showLogs()"
</cor-tab>
<cor-tab tab-title="Usage Logs" tab-id="logs" tab-init="showLogs()"
quay-show="Features.USER_LOG_ACCESS">
<i class="fa fa-bar-chart"></i>
</span>
<span class="cor-tab" tab-title="User Settings" tab-target="#settings" tab-init="showBilling()">
</cor-tab>
<cor-tab tab-title="User Settings" tab-id="settings" tab-init="showBilling()">
<i class="fa fa-gears"></i>
</span>
</div> <!-- /cor-tabs -->
</cor-tab>
</cor-tabs>
<div class="cor-tab-content">
<cor-tab-content>
<!-- Repositories -->
<div id="repos" class="tab-pane active">
<cor-tab-pane id="repos">
<div class="repo-list-view" namespaces="[context.viewuser]"><h3>Repositories</h3></div>
</div>
</cor-tab-pane>
<!-- Robot Accounts -->
<div id="robots" class="tab-pane">
<cor-tab-pane id="robots">
<div class="robots-manager" user="viewuser" is-enabled="showRobotsCounter"></div>
</div>
</cor-tab-pane>
<!-- Usage Logs -->
<div id="logs" class="tab-pane">
<cor-tab-pane id="logs">
<div class="logs-view" user="viewuser" makevisible="showLogsCounter"></div>
</div>
</cor-tab-pane>
<!-- External Logins And Applications -->
<div id="external" class="tab-pane" quay-show="!hasSingleSignin">
<cor-tab-pane id="external" quay-show="!hasSingleSignin">
<div class="external-logins-manager" user="viewuser"
quay-show="!hasSingleSignin"></div>
<div style="margin: 50px" quay-show="!hasSingleSignin">
</div>
<div class="authorized-apps-manager" user="viewuser" is-enabled="showAppsCounter"></div>
</div>
</cor-tab-pane>
<!-- Settings -->
<div id="settings" class="tab-pane">
<cor-tab-pane id="settings">
<!-- Encrypted Password -->
<div class="settings-section">
<h3>Docker CLI Password</h3>
@ -133,21 +133,20 @@
</td>
</tr>
</table>
<div class="delete-namespace-view" subscription-status="subscriptionStatus" user="context.viewuser" namespace-title="account" quay-show="Config.AUTHENTICATION_TYPE == 'Database'"></div>
<time-machine-settings user="context.viewuser"></time-machine-settings>
</div>
<div class="delete-namespace-view" subscription-status="subscriptionStatus" user="context.viewuser" namespace-title="account" quay-show="Config.AUTHENTICATION_TYPE == 'Database'"></div>
<time-machine-settings user="context.viewuser"></time-machine-settings>
<!-- Billing Information -->
<div class="settings-section" quay-show="Features.BILLING">
<h3>Billing Information</h3>
<div class="billing-management-panel" user="context.viewuser" is-enabled="showBillingCounter" subscription-status="subscriptionStatus"></div>
</div>
</div> <!-- /cor-tab-content -->
</div>
</div>
</cor-tab-pane>
</cor-tab-content>
</cor-tab-panel>
<!-- Change email dialog -->
<div class="cor-confirm-dialog"