First Version Working

ARR552 · Jun 2, 2019 · 1556457 · 1556457
1 parent f7741ef
commit 1556457
Show file tree

Hide file tree

Showing 20 changed files with 62,381 additions and 0 deletions.
diff --git a/Plugin/block.js b/Plugin/block.js
diff --git a/Plugin/images/404.png b/Plugin/images/404.png
diff --git a/Plugin/images/cancel.png b/Plugin/images/cancel.png
diff --git a/Plugin/images/icon-128.png b/Plugin/images/icon-128.png
diff --git a/Plugin/images/icon-16.png b/Plugin/images/icon-16.png
diff --git a/Plugin/images/icon-19.png b/Plugin/images/icon-19.png
diff --git a/Plugin/images/icon-32.png b/Plugin/images/icon-32.png
diff --git a/Plugin/images/icon-38.png b/Plugin/images/icon-38.png
diff --git a/Plugin/images/icon-512.png b/Plugin/images/icon-512.png
diff --git a/Plugin/images/icon-64.png b/Plugin/images/icon-64.png
diff --git a/Plugin/images/icons/border-48.png b/Plugin/images/icons/border-48.png
diff --git a/Plugin/main.css b/Plugin/main.css
@@ -0,0 +1,67 @@
+html {
+    text-align: center;
+}
+body  {
+    background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20190222/ourmid/pngtree-blue-technology-digital-age-smart-background-backgroundtechnology-background-image_49493.jpg');
+    background-size: 450px 600px;
+    background-position: center top;
+    overflow: hidden;
+}
+.loader {
+    border: 8px solid #f3f3f3; /* Light grey */
+    border-top: 8px solid #3498db; /* Blue */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+button, input, select, textarea {
+    font-family : inherit;
+    font-size   : 100%;
+    width : 160px;
+    margin: auto;
+    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
+    -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
+    box-sizing: border-box;
+}
+.boton_personalizado{
+    text-decoration: none;
+    padding: 3px;
+    font-weight: 300;
+    font-size: 15px;
+    color: #ffffff;
+    background-color: #1883ba;
+    border-radius: 6px;
+    border: 2px solid #0016b0;
+}
+.boton_personalizado:hover{
+    color: #1883ba;
+    background-color: #ffffff;
+}
+.login{
+    border: ridge #ffffff 1px;
+    width: 55%;
+    height: 14%;
+    margin: auto;
+}
+.boton_grande{
+	display: inline-block;
+    text-decoration: none;
+    padding: 10px;
+	width:90px;
+    font-weight: 300;
+    font-size: 15px;
+    color: #ffffff;
+    background-color: #1883ba;
+    border-radius: 6px;
+    border: 2px solid #0016b0;
+}
+.boton_grande:hover{
+    color: #1883ba;
+    background-color: #ffffff;
+}
diff --git a/Plugin/manifest.json b/Plugin/manifest.json
@@ -0,0 +1,31 @@
+{
+    "manifest_version": 2,
+    "name": "BlockMask",
+    "version": "1.0",
+    "description": "This is a plugin that allows you to verify the integrity of content, storaged in Social networks",
+    "icons": {
+        "48": "images/icons/border-48.png",
+        "16": "images/icon-16.png",
+        "128": "images/icon-128.png"
+    },
+    "applications": {
+        "gecko": {
+            "id": "[email protected]"
+        }
+    },
+    "browser_action": {
+        "default_icon": {
+            "19": "images/icon-19.png",
+            "38": "images/icon-38.png"
+        },
+        "default_title": "BlockMask",
+        "default_popup": "popup.html"
+    },
+    "permissions": [
+        "*://*/*",
+        "tabs",
+        "webRequest",
+        "storage",
+        "activeTab"
+    ]
+}
diff --git a/Plugin/popup.html b/Plugin/popup.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html style="width:357px; height:580px;">
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
+	<meta http-equiv="Content-Security-Policy"
+		content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline';">
+	<link rel="stylesheet" type="text/css" href="main.css">
+	<script type="text/javascript" src="./web3/web3.js"></script>
+	<script type="text/javascript" src="./web3/ethereumjs-tx.js"></script>
+
+	<title>BlockMask</title>
+</head>
+
+<body text="white" style="width:357px; height:580px;" id="all">
+	<div id="app-content"></div>
+
+	<form>
+		<select id="mySelect" size="1">
+			<option>Localhost</option>
+			<option>Ropsten</option>
+			<option>MainNet</option>
+		</select>
+	</form>
+	<script src="./block.js" type="text/javascript" charset="utf-8"></script>
+	<button onclick="setNetwork()" class="boton_personalizado">Set Network</button>
+	<hr size="1px">
+	<p class="login">
+		<b>Register:</b><br>
+		<input type="password" id="pk" required minlength="64" maxlength="64" placeholder="Enter your private key"> <br>
+		<input class="boton_personalizado" type="button" value="Login" onclick="Login()" style="display: block;"
+			id="loginButton" />
+	</p>
+	<br>
+	<input class="boton_personalizado" type="button" value="AutoComplete" onclick="CompleteFields()"
+		style="display: block;" id="completeFields" />
+	<br>
+	<input type="text" id="url_id" placeholder="https://"><br>
+	<br>
+	<input type="text" id="msg" placeholder="Write the message"><br><br>
+	<input type="text" id="address" placeholder="User address 0xa58f92b..."><br>
+
+	<div id="spin" class="loader" style="display: none;"></div>
+	<br>
+	<div style="width: 200px; margin: auto;">
+		<input class="boton_grande" style="float:left;" type="button" value="Submit&#13;&#10;message"
+			onclick="SubmitToBlockchain()" style="display: block;" id="submitButton" />
+		<input class="boton_grande" style="float:right;" type="button" value="Check&#13;&#10;integrity"
+			onclick="CheckIntegrity()" style="display: block;" id="checkButton" />
+	</div>
+	<h3 id="comment"></h3>
+	<b id="error" style="color: red;"></b>
+</body>
+
+</html>