mirror of
https://github.com/goharbor/harbor
synced 2024-09-21 21:19:56 +00:00
386 lines
19 KiB
HTML
386 lines
19 KiB
HTML
<div class="container-fluid container-fluid-custom">
|
|
<div class="container container-custom">
|
|
<div class="row extend-height">
|
|
<div class="col-xs-12 col-md-12 extend-height">
|
|
<div class="section">
|
|
<h4 class="page-header">My Projects<span class="gutter">|</span><a href="#" class="title-color">Public Projects</a></h4>
|
|
<div class="switch-pane">
|
|
<div class="switch-pane-projects">myrepo</div>
|
|
<navigation-tab template-url="navigation-details.directive.html"></navigation-tab>
|
|
|
|
<!--ul class="switch-pane-tabs" role="tablist">
|
|
<li><a role="presentation" href="#repositories" aria-controls="repositories" role="tab" data-toggle="tab">Repositories</a><span class="gutter">|</span></li>
|
|
<li><a role="presentation" href="#users" aria-controls="users" role="tab" data-toggle="tab">Users</a><span class="gutter">|</span></li>
|
|
<li><a role="presentation" href="#logs" aria-controls="logs" role="tab" data-toggle="tab">Logs</a></li>
|
|
</ul-->
|
|
</div>
|
|
<div class="switch-pane-drop-down" style="visibility: hidden;">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="form-inline search-projects">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control search-icon" placeholder="" size="30">
|
|
</div>
|
|
</div>
|
|
<h5 class="page-header">My Projects: <span class="badge">23</span></h5>
|
|
<div class="project-list pane-container">
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
<span class="glyphicon glyphicon-ok project-selected"></span> myrepo
|
|
</li>
|
|
<li class="list-group-item">
|
|
target1
|
|
</li>
|
|
<li class="list-group-item">
|
|
test
|
|
</li>
|
|
<li class="list-group-item">
|
|
harbor
|
|
</li>
|
|
<li class="list-group-item">
|
|
distribution
|
|
</li>
|
|
<li class="list-group-item">
|
|
demo
|
|
</li>
|
|
<li class="list-group-item">
|
|
undefined
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
myrepo
|
|
</li>
|
|
<li class="list-group-item">
|
|
target1
|
|
</li>
|
|
<li class="list-group-item">
|
|
test
|
|
</li>
|
|
<li class="list-group-item">
|
|
harbor
|
|
</li>
|
|
<li class="list-group-item">
|
|
distribution
|
|
</li>
|
|
<li class="list-group-item">
|
|
demo
|
|
</li>
|
|
<li class="list-group-item">
|
|
undefined
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
myrepo
|
|
</li>
|
|
<li class="list-group-item">
|
|
target1
|
|
</li>
|
|
<li class="list-group-item">
|
|
test
|
|
</li>
|
|
<li class="list-group-item">
|
|
harbor
|
|
</li>
|
|
<li class="list-group-item">
|
|
distribution
|
|
</li>
|
|
<li class="list-group-item">
|
|
demo
|
|
</li>
|
|
<li class="list-group-item">
|
|
undefined
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="repositories">
|
|
<div class="col-xs-12 col-md-12 each-tab-pane">
|
|
<div class="form-inline">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="" size="30">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading" role="tab" id="heading1">
|
|
<h4 class="panel-title">
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
|
|
<span class="glyphicon glyphicon-book"></span> myrepo/ubuntu
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
|
|
<div class="panel-body">
|
|
<table class="repository-table">
|
|
<thead>
|
|
<th width="20%"><span class="glyphicon glyphicon-tags"></span> Tag</th>
|
|
<th width="30%">Image Details</th>
|
|
<th width="40%">Pull Command</th>
|
|
<th width="10%"></th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>latest</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/ubuntu:latest</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>14.04</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/ubuntu:14.04</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="panel-heading" role="tab" id="heading2">
|
|
<h4 class="panel-title">
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true" aria-controls="collapse2">
|
|
<span class="glyphicon glyphicon-book"></span> myrepo/mysql
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
|
|
<div class="panel-body">
|
|
<table class="repository-table">
|
|
<thead>
|
|
<th width="20%"><span class="glyphicon glyphicon-tags"></span> Tag</th>
|
|
<th width="30%">Image Details</th>
|
|
<th width="40%">Pull Command</th>
|
|
<th width="10%"></th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>latest</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/mysql:latest</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>5.6</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/mysql:5.6</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-heading" role="tab" id="heading3">
|
|
<h4 class="panel-title">
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="true" aria-controls="collapse3">
|
|
<span class="glyphicon glyphicon-book"></span> myrepo/nginx
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
|
|
<div class="panel-body">
|
|
<table class="repository-table">
|
|
<thead>
|
|
<th width="20%"><span class="glyphicon glyphicon-tags"></span> Tag</th>
|
|
<th width="30%">Image Details</th>
|
|
<th width="40%">Pull Command</th>
|
|
<th width="10%"></th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>latest</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/nginx:latest</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>1.9</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/nginx:1.9</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-heading" role="tab" id="heading4">
|
|
<h4 class="panel-title">
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="true" aria-controls="collapse4">
|
|
<span class="glyphicon glyphicon-book"></span> myrepo/registry
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
|
|
<div class="panel-body">
|
|
<table class="repository-table">
|
|
<thead>
|
|
<th width="20%"><span class="glyphicon glyphicon-tags"></span> Tag</th>
|
|
<th width="30%">Image Details</th>
|
|
<th width="40%">Pull Command</th>
|
|
<th width="10%"></th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>latest</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/registry:latest</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2.3</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/registry:2.3</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="panel-heading" role="tab" id="heading5">
|
|
<h4 class="panel-title">
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="true" aria-controls="collapse5">
|
|
<span class="glyphicon glyphicon-book"></span> myrepo/alpine
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
|
|
<div class="panel-body">
|
|
<table class="repository-table">
|
|
<thead>
|
|
<th width="20%"><span class="glyphicon glyphicon-tags"></span> Tag</th>
|
|
<th width="30%">Image Details</th>
|
|
<th width="40%">Pull Command</th>
|
|
<th width="10%"></th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>latest</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/alpine:latest</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>1.2</td>
|
|
<td><a href="#"><span class="glyphicon glyphicon-info-sign"></span></a></td>
|
|
<td>docker pull myrepo/alpine:1.2</td>
|
|
<td><a href="#">Copy</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="users">
|
|
<div class="col-xs-12 col-md-12 each-tab-pane">
|
|
<div class="form-inline">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="" size="30">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
|
|
</span>
|
|
</div>
|
|
<button class="btn btn-success" type="button"><span class="glyphicon glyphicon-plus"></span>Add Member</button>
|
|
</div>
|
|
|
|
<div class="pane">
|
|
<div class="well panel-group">
|
|
<div class="row">
|
|
<div class="col-xs-10 col-md-10">
|
|
<form>
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" id="addUsername" placeholder="Username">
|
|
</div>
|
|
</form>
|
|
<form class="form-inline clearfix">
|
|
<div class="form-group">
|
|
<label for="roleIdList">Role:</label>
|
|
<input type="radio" name="roleId" value="1"> Project Admin
|
|
<input type="radio" name="roleId" value="2"> Developer
|
|
<input type="radio" name="roleId" value="3"> Guest
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-xs-2 col-md-2">
|
|
<form>
|
|
<div class="form-group" style="margin-top: 20%;">
|
|
<button type="button" class="btn btn-default" id="btnCancel">Cancel</button>
|
|
<button type="button" class="btn btn-primary" id="btnSave">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sub-pane">
|
|
<table class="table table-pane">
|
|
<thead>
|
|
<th>Username</th><th>Role</th><th>Operation</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>user1</td><td>3</td><td>Project Admin</td><td><a href="#"><span class="glyphicon glyphicon-pencil"></span></a><a href="#"><span class="glyphicon glyphicon-trash"></span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>tester1</td><td>3</td><td>Project Admin</td><td><a href="#"><span class="glyphicon glyphicon-pencil"></span></a><a href="#"><span class="glyphicon glyphicon-trash"></span></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>user1</td><td>3</td><td>Project Admin</td><td><a href="#"><span class="glyphicon glyphicon-pencil"></span></a><a href="#"><span class="glyphicon glyphicon-trash"></span></a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div role="tabpanel" class="tab-pane" id="logs">
|
|
<div class="col-xs-12 col-md-12 each-tab-pane">
|
|
<div class="form-inline">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="" size="30">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<table class="table table-pane">
|
|
<thead>
|
|
<th>Username</th><th>Repository Name</th><th>Operation</th><th>Timestamp</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Haox</td><td>myrepo/Ubuntu</td><td>Create</td><td>2016-03-22 12:35:00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Haox</td><td>myrepo/MySQL</td><td>Push</td><td>2016-03-22 12:35:00</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Daniel</td><td>myproject/Golang</td><td>Create</td><td>2016-03-12 12:35:00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |