The initial interface implemented in which a window asking the user for login information is displayed. Change-Id: I3f3bfce37eadb37b7434f08cb1c27df5683b790d
diff --git a/Prototype/FTPIcon.png b/Prototype/FTPIcon.png new file mode 100644 index 0000000..2523fcf --- /dev/null +++ b/Prototype/FTPIcon.png Binary files differ
diff --git a/Prototype/background.js b/Prototype/background.js new file mode 100644 index 0000000..cd11cb3 --- /dev/null +++ b/Prototype/background.js
@@ -0,0 +1,12 @@ +chrome.app.runtime.onLaunched.addListener(function() { + chrome.app.window.create('connectWindow.html', { + 'bounds': { + 'width': 522, + 'height': 253 + }, + minWidth: 522, + minHeight: 253, + maxWidth: 522, + maxHeight: 253 + }); +}); \ No newline at end of file
diff --git a/Prototype/connectWindow.css b/Prototype/connectWindow.css new file mode 100644 index 0000000..47886a7 --- /dev/null +++ b/Prototype/connectWindow.css
@@ -0,0 +1,46 @@ + +input[type=text]{ + vertical-align: top; + line-height: 20px; + + +} + +input[type=password]{ + vertical-align: top; + line-height: 20px; + +} +form { + margin: 0 auto; + padding: 3em; + padding-top: 48px; + border-radius: 1em; + font-size: 15px; + font-family: "Lucida Bright", Georgia, serif; +} + +form div + div { + margin-top: 1em; +} + +label { + /* To make sure that all label have the same size and are properly align */ + display: inline-flex; + width: 90px; + text-align: center; + padding-right: 100px; +} + +.connect { + border-radius: 11px; + width: 106px; + height: 28px; + position: relative; + left: 314px; + top: 9px; + background-color: forestgreen; + color: white; + font-weight: bold; + font-family: "Lucida Bright", Georgia, serif; +} \ No newline at end of file
diff --git a/Prototype/connectWindow.html b/Prototype/connectWindow.html new file mode 100644 index 0000000..474d08d --- /dev/null +++ b/Prototype/connectWindow.html
@@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" type="text/css" href="connectWindow.css"> + </head> + <body> + <form name = "input"> + <div> + <label for="host"> Host </label> + <input type="text" id="host"> + </div> + <div> + <label for="user"> Username </label> + <input type="text" id="user"> + </div> + <div> + <label for="password"> Password </label> + <input type="password" id="password"> + </div> + <div id = "connect"> + <input type="submit" value="Connect" class= "connect"> + </div> + </form> + </body> + </html> \ No newline at end of file
diff --git a/Prototype/manifest.json b/Prototype/manifest.json new file mode 100644 index 0000000..3a0d9a0 --- /dev/null +++ b/Prototype/manifest.json
@@ -0,0 +1,12 @@ +{ + "name": "FTP Client", + "description": "FTP Client Prototype", + "version": "0.1", + "manifest_version": 2, + "app": { + "background": { + "scripts": ["background.js"] + } + }, + "icons": { "16": "FTPIcon.png", "128": "FTPIcon.png" } +}