Merge pull request #7 from klaufel/feat/update-new-interface-and-utils

klaufel · web-flow · commit e1c4a975bd6c · 2020-11-19T19:16:04.000+01:00
Update extension
diff --git a/README.md b/README.md
@@ -1,23 +1,47 @@
 <h1 align="center">
-  🔷 GoJIRA
+  🔷 Go JIRA
   <br/><br/>
 </h1>
 
 <h4 align="center">An awesome JIRA browser extension to provides useful tools!</h4>
 
+<p align="center">
+  <a href="https://chrome.google.com/webstore/detail/gojira/kedgeclbpechdggkikfibghmldgehege" target="_blank">Install chrome extension</a>
+</p>
+
 <p align="center">
   <a href="#fire-overview">Overview</a> •
-  <a href="#rocket-getting-started">Getting Started</a>
+  <a href="#rocket-getting-started">Getting started</a> •
+  <a href="#rocket-getting-started">Developing</a>
 </p>
 
 <p align="center">
-  <img src="https://user-images.githubusercontent.com/1427623/94141222-b718cb80-fe6c-11ea-919e-324926cd576a.png"  width="260" height="533" alt="GoJIRA browser extension for JIRA">
+  <img src="https://user-images.githubusercontent.com/1427623/99705518-1de7e900-2a9a-11eb-8daa-ffdfe1098060.png"  width="260" alt="Go JIRA browser extension for JIRA">
 </p>
 
 ## :fire: Overview
 
-JIRA browser extension to provides useful tools to manage your dashboards and direct links to your most used JIRA dashboards, such as your current sprint, backlog and quickly access any ticket using its id.
+JIRA browser (actually Google chrome) extension to provides useful tools to manage your dashboards and direct links to your most used JIRA dashboards, such as your current sprint, backlog and quickly access any issue.
+
+# :rocket: Getting started
+
+Install the extension in your browser (Google chrome actually):
+https://chrome.google.com/webstore/detail/gojira/kedgeclbpechdggkikfibghmldgehege
+
+Configure the extension to get quick access to your current sprint and backlog.
+
+You can quickly search for a task using text or your issue id.
+
+Also collapse and expand the tasks of your sprint that are open or closed or all.
+
+![](https://user-images.githubusercontent.com/1427623/99705636-4839a680-2a9a-11eb-867b-b2ab76e9a452.png)
+
+## Use omnibox for quick search issue
+
+When opening a new tab, you can use the search bar to type: `gojira` and then write the issue you want to search. Its fast!
+
+![](https://user-images.githubusercontent.com/1427623/99706165-f80f1400-2a9a-11eb-8eb6-493e702eb6ee.png)
 
-## :rocket: Getting Started
+## :rocket: Developing
 
 Download repository and go to your browser extension manager. Then install this extension with `load unzipped` mode and select the extension folder.
diff --git a/manifest.json b/manifest.json
@@ -1,5 +1,5 @@
 {
-  "name": "Go JIRA!",
+  "name": "Go JIRA",
   "version": "1.0.1",
   "description": "JIRA browser extension to provides useful tools to manage your dashboards and direct links to your most used JIRA dashboards.",
   "permissions": ["activeTab", "declarativeContent", "storage"],
diff --git a/package.json b/package.json
@@ -1,17 +1,26 @@
 {
   "name": "gojira",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "JIRA browser extension to provides useful tools to manage your dashboards and direct links to your most used JIRA dashboards.",
   "main": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "zip": "zip -r gojira.zip ."
+    "zip": "zip -r gojira-$npm_package_version.zip ."
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/klaufel/gojira.git"
   },
-  "keywords": [],
+  "keywords": [
+    "jira",
+    "chrome",
+    "extension",
+    "jira-issue",
+    "jira-ticket",
+    "chrome-extension",
+    "atlassian",
+    "atlassian-jira"
+  ],
   "author": "Juan Carlos Ruiz <klaufel@gmail.com>",
   "license": "ISC",
   "bugs": {
diff --git a/src/modules/background/background.html b/src/modules/background/background.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>GoJIRA / Configuration</title>
+    <title>Go JIRA / Configuration</title>
   </head>
   <body>
     <script src="background.js" type="module"></script>
diff --git a/src/modules/options/options.html b/src/modules/options/options.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>GoJIRA / Configuration</title>
+    <title>Go JIRA / Configuration</title>
     <link rel="stylesheet" type="text/css" href="../../styles/base.css" />
   </head>
   <body>
     <div class="wrapper wrapper--form">
-      <h1>&#x1f537; GoJIRA</h1>
+      <h1>&#x1f537; Go JIRA</h1>
       <p>Configure the extension to be a productivity raptor!</p>
       <hr />
-      <form id="configForm" class="form">
-        <div id="form"></div>
+      <form class="form">
+        <div class="form__options"></div>
         <button class="button" type="submit">Save config</button>
         <div class="messages"></div>
       </form>
diff --git a/src/modules/options/options.js b/src/modules/options/options.js
@@ -1,8 +1,8 @@
 import { _browser, syncStorage } from "../../config/repository.js";
 import { INPUT_FORM, INPUT_KEYS } from "../../config/form.js";
 
-const configForm = document.getElementById("configForm");
-const formOptions = document.getElementById("form");
+const form = document.querySelector(".form");
+const formOptions = document.querySelector(".form__options");
 const messages = document.querySelector(".messages");
 
 const getDomainUrl = (url) => {
@@ -32,7 +32,7 @@ const genForm = (values) => {
 const loadConfig = () => syncStorage(INPUT_KEYS, (values) => genForm(values));
 
 const saveConfig = () => {
-  configForm.addEventListener("submit", (event) => {
+  form.addEventListener("submit", (event) => {
     event.preventDefault();
     messages.innerHTML = "";
 
diff --git a/src/modules/popup/popup.html b/src/modules/popup/popup.html
diff --git a/src/modules/popup/popup.js b/src/modules/popup/popup.js
diff --git a/src/styles/base.css b/src/styles/base.css

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "name": "Go JIRA!",`
	`2`	`+ "name": "Go JIRA",`
`3`	`3`	`"version": "1.0.1",`
`4`	`4`	`"description": "JIRA browser extension to provides useful tools to manage your dashboards and direct links to your most used JIRA dashboards.",`
`5`	`5`	`"permissions": ["activeTab", "declarativeContent", "storage"],`