Skip to content
Snippets Groups Projects
Commit 104ecb46 authored by RationalCoding's avatar RationalCoding
Browse files

Merge remote-tracking branch 'origin/browser_action'

parents 5871b796 9d0b659b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/src/browser_action/browser_action.html
+ 53
− 17
View file @ 104ecb46
<!doctype html> <!doctype html>
<style type="text/css"> <html>
#mainPopup { <head>
padding: 10px; <link rel="stylesheet" type="text/css" href="./css/browser_action.css">
height: 200px; </head>
width: 400px; <body>
font-family: Helvetica, Ubuntu, Arial, sans-serif;
}
h1 {
font-size: 2em;
}
</style>
<div id="mainPopup"> <div class="header">
<h1>Hello extensionizr!</h1> <img id="pretzel" src="./images/Bread-Pretzel-icon.png"/>
<p>To shut this popup down, edit the manifest file and remove the "default popup" key. To edit it, just edit ext/browser_action/browser_action.html. The CSS is there, too.</p> <h2 class="title" >Welcome to <strong>Pretzel Pass</strong>!</h2>
</div> </div>
<div class="how">
<p>Here is what our app does and how it works:</p>
<ul>
<li>You, the user chooses a key (you will need to remember this)</li>
<li>The system uses the key from the user, the domain of the webpage, and a salt stored locally</li>
<li>It concatenates the results from above and hashes the result many times</li>
<li>The options page allows you to customize the settings of the password</li>
<li>And the system gives you a secure password that you can use for the website</li>
<li>You will no longer need to memorize complicated passwords to protect your personal info</li>
<script src="./../../module/dist/bundle.js"></script> </ul>
<script src="js/index.js"></script> </div>
<div id="toggleField">
<form>
Domain: <input type="text" value="This is domain of tab 0" readonly><br>
UserKey: <input id="check" type="password" name="userKey"><br>
Password: <input type="text" value="This is your hashed password" readonly><br>
<p>Show UserKey?</p>
<!-- Rounded switch -->
<label class="switch" >
<input id="togglePasswordField" type="checkbox">
<span class="slider round" ></span>
</label>
</form>
</div>
<form>
<input type="submit" value="Recalculate Password">
</form>
<a />
<script src="js/browser_action.js"></script>
<script src="./../../module/dist/bundle.js"></script>
<script src="js/index.js"></script>
</body>
</html>
\ No newline at end of file
src/src/browser_action/css/browser_action.css 0 → 100644
+ 106
− 0
View file @ 104ecb46
body{
margin: 0px;
padding: 0px;
font-family: "Times New Roman";
width: 500px;
height: 400px;
postion: relative;
}
.header .title {
color: #0040ff;
font-family: Helvetica, Ubuntu, Arial, sans-serif;
display: inline;
position: relative;
top: 10px;
left: 80px;
padding:2px 5px 10px 5px;
}
.header #pretzel{
display: inline;
float: left;
width: 50px;
height: 50px;
padding:2px 0px 10px 0px;
}
.how{
position: relative;
top: 5px;
}
#toggleField{
}
.switch {
position: relative;
display: inline-block;
width: 40px;
height: 23px;
}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
\ No newline at end of file
src/src/browser_action/images/Bread-Pretzel-icon.png 0 → 100644
+ 0
− 0
View file @ 104ecb46
src/src/browser_action/images/Bread-Pretzel-icon.png

43.2 KiB

src/src/browser_action/js/browser_action.js
+ 30
− 1
View file @ 104ecb46
// do UI code in here // do UI code in here
\ No newline at end of file (function() {
try {
var togglePasswordField = document.getElementById('togglePasswordField');
var passfield = document.getElementById('check');
togglePasswordField.addEventListener("click", function(){
var value=passfield.value;
if(passfield.type=='text'){
passfield.type='password'
}
else{
passfield.type='text'
}
passfield.value = value;
});
//togglePasswordField.addEventListener('click', togglePasswordFieldClicked, false);
//togglePasswordField.style.display = 'inline';
}
catch(err) {
}
})();
\ No newline at end of file
src/src/browser_action/manifest.json 0 → 100644
+ 24
− 0
View file @ 104ecb46
{
"manifest_version": 2,
"name": "Pretzel Pass",
"description": "Add the salt to security.",
"version": "1.0.0",
"permissions": [
"activeTab"
],
"browser_action": {
"default_icon": {
"19": "./images/Bread-Pretzel-icon.png",
"38": "./images/Bread-Pretzel-icon.png",
"128": "./images/Bread-Pretzel-icon.png"
},
"default_popup": "browser_action.html"
},
"icons":
{
"19": "./images/Bread-Pretzel-icon.png",
"38": "./images/Bread-Pretzel-icon.png",
"128": "./images/Bread-Pretzel-icon.png"
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment