Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-25 12:15:18 +01:00
Code Issues Projects Releases Wiki Activity

applying new style throughout controllers

Browse Source
This commit is contained in:
Kyle Spearrin 2016-09-08 21:13:54 -04:00
parent 583c6fcad6
commit ab9593a53a
11 changed files with 131 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/popup/app/app.js
View File

@ -5,6 +5,7 @@
'bit.services',
'bit.global',
'bit.accounts',
'bit.current',
'bit.vault',

45
src/popup/app/config.js
View File

@ -50,39 +50,36 @@
})
.state('tabs.current', {
url: "/current",
views: {
'current-tab': {
templateUrl: "app/current/views/current.html",
controller: 'currentController'
}
}
templateUrl: "app/current/views/current.html",
controller: 'currentController'
})
.state('tabs.vault', {
url: "/vault",
views: {
'vault-tab': {
templateUrl: "app/vault/views/vault.html",
controller: 'vaultController'
}
}
templateUrl: "app/vault/views/vault.html",
controller: 'vaultController'
})
.state('tabs.settings', {
url: "/settings",
views: {
'settings-tab': {
templateUrl: "app/settings/views/settings.html",
controller: 'settingsController'
}
}
templateUrl: "app/settings/views/settings.html",
controller: 'settingsController'
})
.state('tabs.tools', {
url: "/tools",
views: {
'tools-tab': {
templateUrl: "app/tools/views/tools.html",
controller: 'toolsController'
}
}
templateUrl: "app/tools/views/tools.html",
controller: 'toolsController'
})
.state('empty', {
url: "/empty",
abstract: true,
templateUrl: "app/global/enoty.html",
data: {
authorize: true
}
})
.state('empty.viewSite', {
url: "/view-site",
templateUrl: "app/vault/views/vaultViewSite.html",
controller: 'vaultViewSiteController'
});
})
.run(function ($rootScope, userService, loginService, tokenService, $state) {

2
src/popup/app/current/views/current.html
View File

@ -1,6 +1,4 @@
<div class="header">
<a href="#" class="left"><i class="fa fa-chevron-left"></i> Back</a>
<a href="#" class="right">Save</a>
<div class="title">Current Sites</div>
</div>
<div class="content">

1
src/popup/app/global/empty.html Normal file
View File

@ -0,0 +1 @@
<div ui-view></div>

4
src/popup/app/services/cipherService.js
View File

@ -23,7 +23,7 @@
});
});
});
}
};
_service.decryptSite = function (site) {
var model = {
@ -50,7 +50,7 @@
resolve(model);
});
});
}
};
_service.decrypt = decrypt;

47
src/popup/app/settings/views/settings.html
View File

@ -1,24 +1,25 @@
<ion-view view-title="Settings">
<ion-content>
<div class="list">
<div class="item item-divider">
Manage
</div>
<a class="item" href="#">
Folders
</a>
<a class="item" ng-click="sync()">
Sync
</a>
<div class="item item-divider">
Current Session
</div>
<a class="item" href="#">
Lock
</a>
<a class="item" ng-click="logOut()">
Log out
</a>
<div class="header">
<div class="title">Settings</div>
</div>
<div class="content">
<div class="list">
<div class="list-divider">
Manage
</div>
</ion-content>
</ion-view>
<a class="list-item" href="#">
Folders
</a>
<a class="list-item" href="#" ng-click="sync()">
Sync
</a>
<div class="list-divider">
Current Session
</div>
<a class="list-item" href="#">
Lock
</a>
<a class="list-item" href="#" ng-click="logOut()">
Log out
</a>
</div>
</div>

13
src/popup/app/tools/views/tools.html
View File

@ -1,7 +1,6 @@
<ion-view view-title="Tools">
<ion-content class="padding">
<p>
Some content for your tools.
</p>
</ion-content>
</ion-view>
<div class="header">
<div class="title">Tools</div>
</div>
<div class="content">
Some content for your tools.
</div>

4
src/popup/app/vault/vaultController.js
View File

@ -7,9 +7,7 @@
$scope.folders = [];
$scope.focusedSiteId = null;
$scope.$on('$ionicView.enter', function (event, data) {
loadVault();
});
loadVault();
function loadVault() {
var decSites = [];

40
src/popup/app/vault/views/vault.html
View File

@ -1,21 +1,19 @@
<ion-view view-title="My Vault">
<ion-nav-buttons side="secondary">
<button class="button button-icon icon ion-ios-plus-empty" ng-click="addSite()"></button>
</ion-nav-buttons>
<ion-content>
<div class="list">
<ng-repeat ng-repeat="folder in folders | orderBy: folderSort" ng-show="folders.length">
<div class="item item-divider">
{{folder.name}}
</div>
<ng-repeat ng-repeat="site in folderSites = (sites | filter: { folderId: folder.id } | orderBy: ['name', 'username'])">
<a ng-click="viewSite(site)" class="item item-button-right">
{{site.name}}<br />
{{site.username}}
<span class="button button-clear button-dark"><i class="icon ion-more"></i></span>
</a>
</ng-repeat>
</ng-repeat>
</div>
</ion-content>
</ion-view>
<div class="header">
<a href="#" class="left"><i class="fa fa-chevron-left"></i> Back</a>
<a class="right" ng-click="addSite()"><i class="fa fa-plus"></i></a>
<div class="title">My Vault</div>
</div>
<div class="content">
<div class="list">
<ng-repeat ng-repeat="folder in folders | orderBy: folderSort" ng-show="folders.length">
<div class="list-divider">
<i class="fa fa-folder-open"></i> {{folder.name}}
</div>
<a ng-click="viewSite(site)" class="list-item" ng-repeat="site in folderSites = (sites | filter: { folderId: folder.id } | orderBy: ['name', 'username'])">
<span class="text">{{site.name}}</span>
<span class="detail">{{site.username}}</span>
<!--<span class="btn btn-link pull-right"><i class="fa fa-ellipsis-h"></i></span>-->
</a>
</ng-repeat>
</div>
</div>

71
src/popup/app/vault/views/vaultViewSite.html
View File

@ -1,39 +1,34 @@
<ion-modal-view ng-controller="vaultViewSiteController">
<ion-header-bar class="bar bar-header bar-positive">
<button class="button button-clear button-primary" ng-click="close()">Close</button>
<h1 class="title">View Site</h1>
<button class="button button-clear button-primary" ng-click="editSite()">Edit</button>
</ion-header-bar>
<ion-content>
<div class="list">
<div class="item item-divider">
Site Information
</div>
<div class="item">
<div>Name</div>
{{site.name}}
</div>
<div class="item">
<div>Website</div>
{{site.uri}}
</div>
<div class="item">
<div>Username</div>
{{site.username}}
</div>
<div class="item">
<div>Password</div>
{{site.password}}
</div>
<div class="item item-divider">
Notes
</div>
<div class="item">
{{site.notes}}
</div>
<div class="item item-divider">
&nbsp;
</div>
<div class="header">
<a ng-click="close()" class="left">Close</a>
<a ng-click="editSite()" class="right">Edit</a>
<div class="title">View Site</div>
</div>
<div class="content">
<div class="list">
<div class="list-divider">
Site Information
</div>
</ion-content>
</ion-modal-view>
<div class="list-item">
<div>Name</div>
{{site.name}}
</div>
<div class="list-item">
<div>Website</div>
{{site.uri}}
</div>
<div class="list-item">
<div>Username</div>
{{site.username}}
</div>
<div class="list-item">
<div>Password</div>
{{site.password}}
</div>
<div class="list-divider">
Notes
</div>
<div class="list-item">
{{site.notes}}
</div>
</div>
</div>

32
src/popup/less/popup.less
View File

@ -21,15 +21,16 @@ body {
left: 0;
right: 0;
overflow: hidden;
a {
color: white !important;
text-decoration: none;
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
}
.title {
font-weight: bold;
display: block;
@ -38,11 +39,13 @@ body {
overflow: hidden;
text-overflow: ellipsis;
}
.left {
float: left;
display: block;
padding: 12px 10px;
}
.right {
float: right;
display: block;
@ -69,20 +72,20 @@ body {
left: 0;
right: 0;
overflow: hidden;
ul {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
li {
width: 25%;
float: left;
display: inline-block;
padding: 0;
margin: 0;
a {
text-align: center;
display: block;
@ -93,17 +96,17 @@ body {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
background-color: rgba(255, 255, 255, 0.8);
}
i {
display: block;
margin-bottom: 2px;
}
}
&.active {
a {
color: @brand-primary;
@ -121,17 +124,28 @@ body {
border-bottom: 1px solid #ddd;
color: #333;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:last-child {
border: none;
}
.text {
display: block;
}
.detail {
font-size: 12px;
color: #777;
display: block;
}
}
.list-divider {
background-color: #eeeeee;
padding: 10px 10px;
border-bottom: 1px solid #ddd;
}
}