1
0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-23 11:56:00 +01:00

apps page

This commit is contained in:
Kyle Spearrin 2017-04-13 10:09:19 -04:00
parent ce64601e38
commit ce68c1599f
6 changed files with 170 additions and 2 deletions

View File

@ -110,6 +110,12 @@ angular
controller: 'toolsController', controller: 'toolsController',
data: { pageTitle: 'Tools' } data: { pageTitle: 'Tools' }
}) })
.state('backend.user.apps', {
url: '^/apps',
templateUrl: 'app/views/apps.html',
controller: 'appsController',
data: { pageTitle: 'Get the Apps' }
})
.state('backend.org', { .state('backend.org', {
templateUrl: 'app/views/organizationLayout.html', templateUrl: 'app/views/organizationLayout.html',
abstract: true abstract: true

View File

@ -0,0 +1,6 @@
angular
.module('bit.global')
.controller('appsController', function ($scope, $state) {
});

141
src/app/views/apps.html Normal file
View File

@ -0,0 +1,141 @@
<section class="content-header">
<h1>
Apps
<small>for all your devices</small>
</h1>
</section>
<section class="content">
<div class="box box-default box-apps">
<div class="box-header with-border">
<h3 class="box-title">Desktop/Browser</h3>
</div>
<div class="box-body">
<div class="row">
<div class="col-sm-6">
<ul class="fa-ul">
<li>
<a href="https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb" target="_blank">
<i class="fa fa-chrome fa-lg fa-fw fa-li"></i> Chrome
</a>
</li>
<li>
<a href="https://addons.mozilla.org/firefox/addon/bitwarden-password-manager/" target="_blank">
<i class="fa fa-firefox fa-lg fa-fw fa-li"></i> Firefox
</a>
</li>
<li>
<a href="https://addons.opera.com/extensions/details/bitwarden-free-password-manager/" target="_blank">
<i class="fa fa-opera fa-lg fa-fw fa-li"></i> Opera
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="fa fa-edge fa-lg fa-fw fa-li"></i> Edge
<small class="text-muted">(coming soon)</small>
</a>
</li>
</ul>
</div>
<div class="col-sm-6">
Others:
<ul>
<li>
<a href="https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb" target="_blank">
Vivaldi
</a>
</li>
<li>
<a href="https://brave.com/" target="_blank">
Brave
</a>
</li>
<li>
<a href="https://addons.mozilla.org/firefox/addon/bitwarden-password-manager/" target="_blank">
Tor
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box box-default box-apps">
<div class="box-header with-border">
<h3 class="box-title">Mobile</h3>
</div>
<div class="box-body">
<div class="row">
<div class="col-sm-6">
<ul class="fa-ul">
<li>
<a href="https://itunes.apple.com/app/bitwarden-free-password-manager/id1137397744?mt=8" target="_blank">
<i class="fa fa-apple fa-lg fa-fw fa-li"></i> iOS
</a>
</li>
<li>
<a href="https://play.google.com/store/apps/details?id=com.x8bit.bitwarden" target="_blank">
<i class="fa fa-android fa-lg fa-fw fa-li"></i> Android
</a>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="fa-ul">
<li>
<a href="https://www.amazon.com/dp/B06XMYGPMV" target="_blank">
<i class="fa fa-amazon fa-lg fa-fw fa-li"></i> Amazon
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="fa fa-windows fa-lg fa-fw fa-li"></i> Windows
<small class="text-muted">(coming soon)</small>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box box-default box-apps">
<div class="box-header with-border">
<h3 class="box-title">Other</h3>
</div>
<div class="box-body">
<div class="row">
<div class="col-sm-6">
<ul class="fa-ul">
<li>
<a href="javascript:void(0)">
<i class="fa fa-windows fa-lg fa-fw fa-li"></i> Desktop Windows
<small class="text-muted">(coming soon)</small>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="fa fa-apple fa-lg fa-fw fa-li"></i> Desktop macOS
<small class="text-muted">(coming soon)</small>
</a>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="fa-ul">
<li>
<a href="javascript:void(0)">
<i class="fa fa-linux fa-lg fa-fw fa-li"></i> Desktop Linux
<small class="text-muted">(coming soon)</small>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="fa fa-terminal fa-lg fa-fw fa-li"></i> CLI
<small class="text-muted">(coming soon)</small>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>

View File

@ -84,8 +84,8 @@
<i class="fa fa-info-circle fa-fw"></i> <span>Get Help</span> <i class="fa fa-info-circle fa-fw"></i> <span>Get Help</span>
</a> </a>
</li> </li>
<li> <li ng-class="{active: $state.is('backend.user.apps')}">
<a href="#"> <a ui-sref="backend.user.apps">
<i class="fa fa-cubes fa-fw"></i> <span>Get The Apps</span> <i class="fa fa-cubes fa-fw"></i> <span>Get The Apps</span>
</a> </a>
</li> </li>

View File

@ -109,6 +109,7 @@
<script src="app/global/mainController.js"></script> <script src="app/global/mainController.js"></script>
<script src="app/global/topNavController.js"></script> <script src="app/global/topNavController.js"></script>
<script src="app/global/sideNavController.js"></script> <script src="app/global/sideNavController.js"></script>
<script src="app/global/appsController.js"></script>
<script src="app/accounts/accountsModule.js"></script> <script src="app/accounts/accountsModule.js"></script>
<script src="app/accounts/accountsLoginController.js"></script> <script src="app/accounts/accountsLoginController.js"></script>

View File

@ -306,6 +306,20 @@ form .btn .loading-icon {
margin-bottom: 0; margin-bottom: 0;
} }
.box-apps {
font-size: 20px;
ul.fa-ul {
li {
margin-bottom: 10px;
}
}
a .fa {
color: @sidebar-dark-submenu-bg;
}
}
/* Toastr */ /* Toastr */
#toast-container { #toast-container {