luzifer/password
1
0
Fork 0
mirror of https://github.com/Luzifer/password.git synced 2024-12-19 20:31:18 +00:00
Code Issues Releases Wiki Activity

Port application to Bootstrap 4

Browse source 
Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2019-01-01 14:37:21 +01:00
parent da8ee1b21c
commit 7cce1357fe
Signed by: luzifer
GPG key ID: DC2729FDD34BE99E
6 changed files with 3624 additions and 6786 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10253
bindata.go
View file

File diff suppressed because it is too large Load diff

80
frontend/index.html
View file

@ -2,72 +2,70 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Secure Password</title>
<!-- Load app script early to prevent blank HTML without styling -->
<script src="assets/bundle.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="modal" data-target="#settingsModal">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</button>
<a class="navbar-brand" href="#">Secure Password</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="https://github.com/Luzifer/password#via-alfred">
Alfred Extension</a></li>
<li><a href="https://github.com/Luzifer/password#via-api">
API Documentation</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#settingsModal">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Settings
</button>
</li>
</ul>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Secure Password</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="https://github.com/Luzifer/password#via-alfred">Alfred Extension</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/Luzifer/password#via-api">API Documentation</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#settingsModal">
<i class="fas fa-cog" aria-hidden="true"></i> Settings
</button>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
<div class="container mt-4">
<div class="row justify-content-md-center">
<div class="col-xs-12 col-sm-8 col-md-6">
<div class="jumbotron">
<p class="center">
<p class="lead center">
I will generate a new secure password every 30 seconds. Just click the password to keep the current one.
</p>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="card mb-3">
<div class="card-header">
Your password
</div>
<div class="panel-body">
<div class="card-body">
<div class="form-group">
<input class="form-control center" id="focusedInput" type="text" value="...">
</div>
</div>
<div class="panel-footer">
<div class="card-footer">
<div class="progress">
<div class="progress-bar" style="width: 100%;"></div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="card">
<div class="card-header">
FAQ
</div>
<div class="panel-body">
<div class="card-body">
<ul>
<li><strong>Do you store my password?</strong><br>
You decide which one to take and we will not store any of the generated passwords. That way you can be sure only you know which password you chose.
@ -86,12 +84,12 @@
</div>
</div>
<div class="modal" id="settingsModal">
<div class="modal-dialog">
<div class="modal" id="settingsModal" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Settings</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="form-group">

8
js/package.json
View file

@ -4,6 +4,8 @@
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"@fortawesome/fontawesome-svg-core": "^1.2.12",
"@fortawesome/free-solid-svg-icons": "^5.6.3",
"babel-loader": "^8.0.4",
"css-loader": "^2.1.0",
"file-loader": "^3.0.1",
@ -12,11 +14,11 @@
"webpack-cli": "^3.1.2"
},
"dependencies": {
"bootstrap": "^3.3.7",
"bootstrap-sass": "^3.3.7",
"bootswatch": "^3.3.7",
"bootstrap": "^4.1.2",
"bootswatch": "^4.1.2",
"jquery": "^3.3.1",
"node-sass": "^4.11.0",
"popper.js": "^1.14.6",
"sass-loader": "^7.1.0",
"typeface-roboto": "^0.0.54"
}

16
js/src/index.js
View file

@ -1,8 +1,22 @@
import 'jquery'
// Libraries
import 'bootstrap'
// Styles
import './style.scss'
// FontAwesome 5
import {
library,
dom
} from '@fortawesome/fontawesome-svg-core'
import {
faCog
} from '@fortawesome/free-solid-svg-icons'
library.add(faCog)
dom.watch()
// Application code
import storage from './storage.js'
let now = () => {

8
js/src/style.scss
View file

@ -1,9 +1,9 @@
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
$font-size-base: 0.95rem;
$web-font-path: '~typeface-roboto/index.css';
@import '~bootswatch/paper/_variables.scss';
@import '~bootswatch/dist/materia/_variables.scss';
@import "~bootstrap-sass/assets/stylesheets/bootstrap";
@import '~bootswatch/paper/_bootswatch.scss';
@import "~bootstrap/scss/bootstrap";
@import '~bootswatch/dist/materia/_bootswatch.scss';
body {
background-color: #e2e2e2;

45
js/yarn.lock
View file

@ -583,6 +583,25 @@
lodash "^4.17.10"
to-fast-properties "^2.0.0"
"@fortawesome/fontawesome-common-types@^0.2.12":
version "0.2.12"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.12.tgz#42baa71f97ca06faeb0b6718fa5ed20c5eefdf07"
integrity sha512-ISLNpEx6fhJTYYkvBeo/4DHeL5EIA+VybJoOOnH67m6uXt6V6VFizdEN4qchHagNIeZfzI0LnA22gk0wbVPv/g==
"@fortawesome/fontawesome-svg-core@^1.2.12":
version "1.2.12"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.12.tgz#9732617b1e484435f6946645d7f9ad248f12c437"
integrity sha512-cqTfa3vZ+Z9UYQnmLfCOwyLnf0Xcoxkmm/BSaI29Yikzu9zIeD4es7lBZMDqLOXYSEQC+rCr8caxFlGJcJVA+w==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.2.12"
"@fortawesome/free-solid-svg-icons@^5.6.3":
version "5.6.3"
resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.6.3.tgz#1d7f6669ccd6a1ea673699e41f7e32c81401a260"
integrity sha512-ld8Gfp1KrncOpFRheThUDlD6/Ro9ZJGqfCEMXlO/x1Cg7ltLc5iYDG7yxDowLcmFY2BGSmxIIU3ZMW5FVTrfwQ==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.2.12"
"@webassemblyjs/ast@1.7.11":
version "1.7.11"
resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.7.11.tgz#b988582cafbb2b095e8b556526f30c90d057cace"
@ -976,20 +995,15 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==
bootstrap-sass@^3.3.7:
version "3.4.0"
resolved "https://registry.yarnpkg.com/bootstrap-sass/-/bootstrap-sass-3.4.0.tgz#b1c330a56782347f626d31d497fa4aea16b3f99b"
integrity sha512-qdUyw4KmNNPSIdBadn+eyuuQFH0LsZlRCs6tor1zN8sQas7mnY5JNfemauraOdNPiFQd2gFeeo3gZjZZCuohZg==
bootstrap@^4.1.2:
version "4.2.1"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.2.1.tgz#8f8bdca024dbf0e8644da32e918c8a03a90a5757"
integrity sha512-tt/7vIv3Gm2mnd/WeDx36nfGGHleil0Wg8IeB7eMrVkY0fZ5iTaBisSh8oNANc2IBsCc6vCgCNTIM/IEN0+50Q==
bootstrap@^3.3.7:
version "3.4.0"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-3.4.0.tgz#f8d77540dd3062283d2ae7687e21c1e691961640"
integrity sha512-F1yTDO9OHKH0xjl03DsOe8Nu1OWBIeAugGMhy3UTIYDdbbIPesQIhCEbj+HEr6wqlwweGAlP8F3OBC6kEuhFuw==
bootswatch@^3.3.7:
version "3.4.0"
resolved "https://registry.yarnpkg.com/bootswatch/-/bootswatch-3.4.0.tgz#712ecbda714fe365e7310a0e20f89829eaea0ffa"
integrity sha512-eCMWAa3/vYkT7bKDbffcgmbfy8keGSETMY0ECt+vAnKf2nKtgJUlr99x5OGFp3ZKW4hQrsSR9mPhNqFQRl4PXw==
bootswatch@^4.1.2:
version "4.2.1"
resolved "https://registry.yarnpkg.com/bootswatch/-/bootswatch-4.2.1.tgz#be402aeb8f9920c008c62f8a77c29a91a11b4c8a"
integrity sha512-2UV3a/3sleGVsOa8q3t5O4+u+ONfQvscMTKwqMVd0tkcypGhiLeE3W461qJ4uZzo6AzCSuYBTzGmOSdel0g9/A==
brace-expansion@^1.1.7:
version "1.1.11"
@ -3436,6 +3450,11 @@ pkg-dir@^3.0.0:
dependencies:
find-up "^3.0.0"
popper.js@^1.14.6:
version "1.14.6"
resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.14.6.tgz#ab20dd4edf9288b8b3b6531c47c361107b60b4b0"
integrity sha512-AGwHGQBKumlk/MDfrSOf0JHhJCImdDMcGNoqKmKkU+68GFazv3CQ6q9r7Ja1sKDZmYWTckY/uLyEznheTDycnA==
posix-character-classes@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"