Peng-Qu · Peng-Qu · Nov 8, 2018 · Nov 8, 2018 · Nov 8, 2018 · Nov 9, 2018
diff --git a/.DS_Store b/.DS_Store
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,27 @@
+module.exports = {
+    "env": {
+        "browser": true
+    },
+    "extends": "eslint:recommended",
+    "parserOptions": {
+        "ecmaVersion": 5
+    },
+    "rules": {
+        "indent": [
+            "error",
+            "tab"
+        ],
+        "linebreak-style": [
+            "error",
+            "windows"
+        ],
+        "quotes": [
+            "error",
+            "double"
+        ],
+        "semi": [
+            "error",
+            "always"
+        ]
+    }
+};
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+node_modules
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,3 @@
+language: node_js
+node_js: node
+
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,36 @@
+# How to contribute?
+
+FOR THIS REPOSITORY IT IS MANDATORY TO CREATE ISSUE OR COMMENT UNDER EXISTING ISSUE BEFORE CREATING THE PULL REQUEST.
+Here are the [open issues](https://github.com/yevseytsev/SenecaBlackboardExtension/issues).
+We would be happy to accept your impovements to Seneca BlackBoard extension for Google Chrome! 
+
+## Intro
+- To improve this extension you will need to know [npm](https://docs.npmjs.com/getting-started/), [webpack](https://web-design-weekly.com/2014/09/24/diving-webpack/), [JSX](https://reactjs.org/docs/introducing-jsx.html) (is used to create DOM elements).
+- Each JavaScript file lives in its own file under SRC folder
+- Each image file lives in the IMAGES folder
+- Each testing file lives in the TEST folder
+
+## Workflow
+
+1. Create issue or comment under existing issue, and make sure nobody else works on this issue
+1. [Fork the repo](https://help.github.com/articles/fork-a-repo/)
+1. Clone the repo:
+    ```sh
+    git clone https://github.com/{your-github-username}/SenecaBlackboardExtension
+    cd SenecaBlackboardExtension
+    npm install
+    ```
+1. Create a branch corresponding to your issue
+1. Add your files/code to this branch
+1. Build your code
+1. Test your code in Google Chrome
+1. After successful testing create the pull request of your branch with description what was changed/removed/added
+
+## Loading extension to Google Chrome for testing
+After building, the extension can be loaded to Google Chrome
+<ol>
+<li>Open <code>chrome://extensions</code>
+<li>Check the <strong>Developer mode</strong> checkbox
+<li>Click on the <strong>Load Unpacked Extension</strong> button
+<li>Select the folder <code>SenecaBlackboardExtension/</code>
+</ol>
diff --git a/README.md b/README.md
@@ -7,6 +7,15 @@ Feel free to add new issues, work on them and submit your pull requests for revi
 You can disscuss your suggestions by joining out our [Slack Channel](https://join.slack.com/t/seneca-web-extension/shared_invite/enQtNDczNTEwMzE5NzgzLTA1NTk0YzIxMzM4YTcwYTQ5ZDNjMjZiMDRhMGUxZGIyODQ3OWVjZGIwZWJkNGFmYTk0ZGMzNDE2NTRlMmM2ZTM).
 
 
+# How to Install for Users (for devlopers, see CONTRIBUTING.md)
+
+1. Click Clone or download, and click Download ZIP file
+2. Extract the zip file, which creates a folder called "SenecaBlackboardExtension-master"
+3. Go to chrome://extensions/
+4. Click load unpacked
+5. Select the extracted folder called "SenecaBlackboardExtension-master" (not the compressed zip file)
+6. Click OK, and the extension will be installed
+
 # What we want to do?
 
 Following useless information will be removed from the Seneca Blackboard :
@@ -25,40 +34,3 @@ Following features will be added to the Seneca Blackboard :
 - [ ] Add the email link to the login page
 - [ ] Add the MySeneca.Help link to the my.senecacollege.ca sign in page
 - [ ] Add Reset/Forgot password on this sign in page
-
-
-# How to contribute?
-
-FOR THIS REPOSITORY IT IS MANDATORY TO CREATE ISSUE OR COMMENT UNDER EXISTING ISSUE BEFORE CREATING THE PULL REQUEST.
-Here are the [open issues](https://github.com/yevseytsev/SenecaBlackboardExtension/issues).
-We would be happy to accept your impovements to Seneca BlackBoard extension for Google Chrome! 
-
-## Intro
-- To improve this extension you will need to know [npm](https://docs.npmjs.com/getting-started/), [webpack](https://web-design-weekly.com/2014/09/24/diving-webpack/), [JSX](https://reactjs.org/docs/introducing-jsx.html) (is used to create DOM elements).
-- Each JavaScript file lives in its own file under SRC folder
-- Each image file lives in the IMAGES folder
-- Each testing file lives in the TEST folder
-
-## Workflow
-
-1. Create issue or comment under existing issue, and make sure nobody else works on this issue
-1. Clone the repo:
-    ```sh
-    git clone https://github.com/yevseytsev/SenecaBlackboardExtension
-    cd SenecaBlackboardExtension
-    npm install
-    ```
-1. Create a branch corresponding to your issue
-1. Add your files/code to this branch
-1. Build your code
-1. Test your code in Google Chrome
-1. After successful testing create the pull request of your branch with description what was changed/removed/added
-
-## Loading extension to Google Chrome for testing
-After building, the extension can be loaded to Google Chrome
-<ol>
-<li>Open <code>chrome://extensions</code>
-<li>Check the <strong>Developer mode</strong> checkbox
-<li>Click on the <strong>Load Unpacked Extension</strong> button
-<li>Select the folder <code>SenecaBlackboardExtension/</code>
-</ol>
diff --git a/images/icon.png b/images/icon.png
diff --git a/images/icon128.png b/images/icon128.png
diff --git a/images/icon16.png b/images/icon16.png
diff --git a/images/icon32.png b/images/icon32.png
diff --git a/images/icon48.png b/images/icon48.png
diff --git a/manifest.json b/manifest.json
@@ -1,21 +1,44 @@
-{
-	"name": "Seneca Blackboard Extension",
-	"version": "0.0.0",
-	"description": "Changes up the GUI of Seneca Blackboard to be more user friendly",
-	"homepage_url": "https://github.com/yevseytsev/SenecaBlackboardExtension",
-	"manifest_version": 2,
-	"permissions": [
-		"https://my.senecacollege.ca/*"
-	],
-	"content_scripts": [
-		{
-			"matches": [
-				"https://my.senecacollege.ca/*"
-            ],
-            "js": ["src/homepage-guest.js"]
-		}
-	],
-	"icons": {
-    "128": "./images/icon.png"
-	}
-}
+{
+	"name": "Seneca Blackboard Extension",
+	"version": "0.1.0",
+	"description": "This extension changes up the GUI of Seneca Blackboard to be more user friendly",
+	"homepage_url": "https://github.com/yevseytsev/SenecaBlackboardExtension",
+	"manifest_version": 2,
+	"permissions": [
+		"https://my.senecacollege.ca/*",
+		"https://studenterp.senecacollege.ca/*",
+		"storage",
+		"activeTab"
+	],
+	"content_scripts": [
+		{
+			"run_at": "document_start",
+			"matches": [
+			"https://my.senecacollege.ca/*",
+			"https://studenterp.senecacollege.ca/*" 
+		],
+            "js": [
+				"src/background.js",
+				"src/homepage.js",
+				"src/options.js"
+			]
+		}
+	],
+	"browser_action": {
+		"default_icon": "./images/icon128.png"
+	},
+	"icons": {
+		"128": "./images/icon128.png",
+		"48": "./images/icon48.png",
+		"32": "./images/icon32.png",
+		"16": "./images/icon16.png"
+	},
+	"options_ui": {
+		"page": "src/options.html",
+		"open_in_tab": false
+	},
+	  "background": {
+		"scripts": ["src/background.js"],
+		"persistent": false
+	}
+}