mirror of
https://github.com/bitwarden/browser.git
synced 2024-09-14 02:08:50 +02:00
tab layout for sharing center
This commit is contained in:
Kyle Spearrin
parent
877eb4d423
commit
24862f31b3
@ -105,17 +105,23 @@ angular
|
||||
controller: 'sharedLoginsController',
|
||||
data: { pageTitle: 'Shared Logins' }
|
||||
})
|
||||
.state('backend.sharedLoginsMe', {
|
||||
url: '^/shared/logins/me',
|
||||
templateUrl: 'app/shared/views/sharedLoginsMe.html',
|
||||
controller: 'sharedLoginsMeController',
|
||||
data: { pageTitle: 'Logins Shared with Me' }
|
||||
})
|
||||
.state('backend.sharedFolders', {
|
||||
url: '^/shared/folders',
|
||||
templateUrl: 'app/shared/views/sharedFolders.html',
|
||||
controller: 'sharedFoldersController',
|
||||
data: { pageTitle: 'Shared Folders' }
|
||||
})
|
||||
.state('backend.sharedMe', {
|
||||
url: '^/shared/me',
|
||||
templateUrl: 'app/shared/views/sharedMe.html',
|
||||
controller: 'sharedMeController',
|
||||
data: { pageTitle: 'Shared with Me' }
|
||||
.state('backend.sharedFoldersMe', {
|
||||
url: '^/shared/folders/me',
|
||||
templateUrl: 'app/shared/views/sharedFoldersMe.html',
|
||||
controller: 'sharedFoldersMeController',
|
||||
data: { pageTitle: 'Folders Shared with Me' }
|
||||
})
|
||||
|
||||
// Frontend
|
||||
|
||||
6
src/app/shared/sharedFoldersMeController.js
Normal file
6
src/app/shared/sharedFoldersMeController.js
Normal file
@ -0,0 +1,6 @@
|
||||
angular
|
||||
.module('bit.shared')
|
||||
|
||||
.controller('sharedFoldersMeController', function ($scope, apiService, cryptoService, cipherService, $analytics) {
|
||||
|
||||
});
|
||||
6
src/app/shared/sharedLoginsMeController.js
Normal file
6
src/app/shared/sharedLoginsMeController.js
Normal file
@ -0,0 +1,6 @@
|
||||
angular
|
||||
.module('bit.shared')
|
||||
|
||||
.controller('sharedLoginsMeController', function ($scope, apiService, cryptoService, cipherService, $analytics) {
|
||||
|
||||
});
|
||||
@ -1,6 +0,0 @@
|
||||
angular
|
||||
.module('bit.shared')
|
||||
|
||||
.controller('sharedMeController', function ($scope, apiService, cryptoService, cipherService, $analytics) {
|
||||
|
||||
});
|
||||
@ -1,39 +1,47 @@
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Sharing Center
|
||||
<small>folders I've shared</small>
|
||||
<small>folders</small>
|
||||
</h1>
|
||||
</section>
|
||||
<section class="content">
|
||||
<div ng-show="loading && !folders.length">
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
<div ng-show="!loading && !folders.length">
|
||||
<p>No shared folders.</p>
|
||||
</div>
|
||||
<div class="table-responsive" ng-show="folders.length">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 75px; min-width: 75px;"></th>
|
||||
<th>Name</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="folder in folders">
|
||||
<td>
|
||||
<button type="button" ng-click="revoke(folder)" class="btn btn-link btn-table"
|
||||
uib-tooltip="Revoke Access">
|
||||
<i class="fa fa-lg fa-close"></i>
|
||||
</button>
|
||||
<button type="button" ng-click="edit(folder)" class="btn btn-link btn-table"
|
||||
uib-tooltip="View/Edit">
|
||||
<i class="fa fa-lg fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td>{{folder.name}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a ui-sref="backend.sharedFolders">I've shared</a></li>
|
||||
<li><a ui-sref="backend.sharedFoldersMe">Shared with me</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div ng-show="loading && !folders.length">
|
||||
Loading...
|
||||
</div>
|
||||
<div ng-show="!loading && !folders.length">
|
||||
No shared folders.
|
||||
</div>
|
||||
<div class="table-responsive" ng-show="folders.length">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 75px; min-width: 75px;"></th>
|
||||
<th>Name</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="folder in folders">
|
||||
<td>
|
||||
<button type="button" ng-click="revoke(folder)" class="btn btn-link btn-table"
|
||||
uib-tooltip="Revoke Access">
|
||||
<i class="fa fa-lg fa-close"></i>
|
||||
</button>
|
||||
<button type="button" ng-click="edit(folder)" class="btn btn-link btn-table"
|
||||
uib-tooltip="View/Edit">
|
||||
<i class="fa fa-lg fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td>{{folder.name}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
47
src/app/shared/views/sharedFoldersMe.html
Normal file
47
src/app/shared/views/sharedFoldersMe.html
Normal file
@ -0,0 +1,47 @@
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Sharing Center
|
||||
<small>folders</small>
|
||||
</h1>
|
||||
</section>
|
||||
<section class="content">
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
<li><a ui-sref="backend.sharedFolders">I've shared</a></li>
|
||||
<li class="active"><a ui-sref="backend.sharedFoldersMe">Shared with me</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div ng-show="loading && !folders.length">
|
||||
Loading...
|
||||
</div>
|
||||
<div ng-show="!loading && !folders.length">
|
||||
No shared folders.
|
||||
</div>
|
||||
<div class="table-responsive" ng-show="folders.length">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 75px; min-width: 75px;"></th>
|
||||
<th>Name</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="folder in folders">
|
||||
<td>
|
||||
<button type="button" ng-click="revoke(folder)" class="btn btn-link btn-table"
|
||||
uib-tooltip="Revoke Access">
|
||||
<i class="fa fa-lg fa-close"></i>
|
||||
</button>
|
||||
<button type="button" ng-click="edit(folder)" class="btn btn-link btn-table"
|
||||
uib-tooltip="View/Edit">
|
||||
<i class="fa fa-lg fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td>{{folder.name}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,41 +1,49 @@
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Sharing Center
|
||||
<small>logins I've shared</small>
|
||||
<small>logins</small>
|
||||
</h1>
|
||||
</section>
|
||||
<section class="content">
|
||||
<div ng-show="loading && !logins.length">
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
<div ng-show="!loading && !logins.length">
|
||||
<p>No shared logins.</p>
|
||||
</div>
|
||||
<div class="table-responsive" ng-show="logins.length">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 75px; min-width: 75px;"></th>
|
||||
<th>Name</th>
|
||||
<th style="width: 300px;">Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="login in logins">
|
||||
<td>
|
||||
<button type="button" ng-click="revoke(login)" class="btn btn-link btn-table"
|
||||
uib-tooltip="Revoke Access">
|
||||
<i class="fa fa-lg fa-close"></i>
|
||||
</button>
|
||||
<button type="button" ng-click="edit(login)" class="btn btn-link btn-table"
|
||||
uib-tooltip="View/Edit">
|
||||
<i class="fa fa-lg fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td>{{login.name}}</td>
|
||||
<td>{{login.username}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a ui-sref="backend.sharedLogins">I've shared</a></li>
|
||||
<li><a ui-sref="backend.sharedLoginsMe">Shared with me</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div ng-show="loading && !logins.length">
|
||||
Loading...
|
||||
</div>
|
||||
<div ng-show="!loading && !logins.length">
|
||||
No shared logins.
|
||||
</div>
|
||||
<div class="table-responsive" ng-show="logins.length">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 75px; min-width: 75px;"></th>
|
||||
<th>Name</th>
|
||||
<th style="width: 300px;">Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="login in logins">
|
||||
<td>
|
||||
<button type="button" ng-click="revoke(login)" class="btn btn-link btn-table"
|
||||
uib-tooltip="Revoke Access">
|
||||
<i class="fa fa-lg fa-close"></i>
|
||||
</button>
|
||||
<button type="button" ng-click="edit(login)" class="btn btn-link btn-table"
|
||||
uib-tooltip="View/Edit">
|
||||
<i class="fa fa-lg fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td>{{login.name}}</td>
|
||||
<td>{{login.username}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
49
src/app/shared/views/sharedLoginsMe.html
Normal file
49
src/app/shared/views/sharedLoginsMe.html
Normal file
@ -0,0 +1,49 @@
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Sharing Center
|
||||
<small>logins</small>
|
||||
</h1>
|
||||
</section>
|
||||
<section class="content">
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
<li><a ui-sref="backend.sharedLogins">I've shared</a></li>
|
||||
<li class="active"><a ui-sref="backend.sharedLoginsMe">Shared with me</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div ng-show="loading && !logins.length">
|
||||
Loading...
|
||||
</div>
|
||||
<div ng-show="!loading && !logins.length">
|
||||
No shared logins.
|
||||
</div>
|
||||
<div class="table-responsive" ng-show="logins.length">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 75px; min-width: 75px;"></th>
|
||||
<th>Name</th>
|
||||
<th style="width: 300px;">Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="login in logins">
|
||||
<td>
|
||||
<button type="button" ng-click="revoke(login)" class="btn btn-link btn-table"
|
||||
uib-tooltip="Revoke Access">
|
||||
<i class="fa fa-lg fa-close"></i>
|
||||
</button>
|
||||
<button type="button" ng-click="edit(login)" class="btn btn-link btn-table"
|
||||
uib-tooltip="View/Edit">
|
||||
<i class="fa fa-lg fa-pencil"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td>{{login.name}}</td>
|
||||
<td>{{login.username}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,9 +0,0 @@
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
Sharing Center
|
||||
<small>shared with me</small>
|
||||
</h1>
|
||||
</section>
|
||||
<section class="content">
|
||||
TODO
|
||||
</section>
|
||||
@ -57,7 +57,8 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="treeview"
|
||||
ng-class="{active: $state.includes('backend.sharedLogins') || $state.includes('backend.sharedFolders') || $state.includes('backend.sharedMe')}">
|
||||
ng-class="{active: $state.includes('backend.sharedLogins') || $state.includes('backend.sharedLoginsMe') ||
|
||||
$state.includes('backend.sharedFolders') || $state.includes('backend.sharedFoldersMe')}">
|
||||
<a ui-sref="backend.sharedFolders"><i class="fa fa-users"></i> <span>Sharing Center</span></a>
|
||||
<ul class="treeview-menu">
|
||||
<li>
|
||||
@ -70,11 +71,6 @@
|
||||
<i class="fa fa-circle-o"></i> Shared Logins
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a ui-sref="backend.sharedMe">
|
||||
<i class="fa fa-circle-o"></i> Shared with Me
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="treeview"
|
||||
|
||||
@ -118,8 +118,9 @@
|
||||
|
||||
<script src="app/shared/sharedModule.js"></script>
|
||||
<script src="app/shared/sharedLoginsController.js"></script>
|
||||
<script src="app/shared/sharedLoginsMeController.js"></script>
|
||||
<script src="app/shared/sharedFoldersController.js"></script>
|
||||
<script src="app/shared/sharedMeController.js"></script>
|
||||
<script src="app/shared/sharedFoldersMeController.js"></script>
|
||||
|
||||
<script src="app/settings/settingsModule.js"></script>
|
||||
<script src="app/settings/settingsController.js"></script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user