From 62b0735d6d64e23c873126a0250345019b3afc22 Mon Sep 17 00:00:00 2001
From: AmitG <amit.gangrade@tesco.com>
Date: Fri, 18 May 2018 18:15:18 +0530
Subject: [PATCH 1/5] issue #25 fixed - extension install type differentiator

---
 index.html   | 4 ++--
 js/engine.js | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 868f49e..a5dc729 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@ <h1 data-sbind="visible: listedApps.any">Apps</h1>
 		</ul>
 		<h1 data-sbind="visible: listedExtensions.any">Extensions</h1>
 		<ul data-sbind="foreach: listedExtensions">
-			<li class="extension" data-sbind="click: toggle, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> <span data-sbind="text: short_name"></span></li>
+			<li class="extension" data-sbind="click: toggle, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> <span data-sbind="text: short_name"></span><i data-sbind="visible: installType == 'development', attr:{title: 'Unpacked Extension'}" class="fa fa-flask"></i></li>
 		</ul>
 	</section>
 
@@ -66,7 +66,7 @@ <h1 data-sbind="visible: listedExtensions.any">Extensions</h1>
 	<section data-sbind="if: !opts.appsFirst() && opts.groupApps()">
 		<h1 data-sbind="visible: listedExtensions.any">Extensions</h1>
 		<ul data-sbind="foreach: listedExtensions">
-			<li class="extension" data-sbind="click: toggle, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> <span data-sbind="text: short_name"></span></li>
+			<li class="extension" data-sbind="click: toggle, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> <span data-sbind="text: short_name"></span><i data-sbind="visible: installType == 'development', attr:{title: 'Unpacked Extension'}" class="fa fa-flask"></i></li>
 		</ul>
 		<h1 data-sbind="visible: listedApps.any">Apps</h1>
 		<ul data-sbind="foreach: listedApps">
diff --git a/js/engine.js b/js/engine.js
index ab0765d..7a6f169 100644
--- a/js/engine.js
+++ b/js/engine.js
@@ -175,6 +175,7 @@ var ExtensionModel = function(e) {
   self.isApp = ko.observable(item.isApp);
   self.icon = smallestIcon(item.icons);
   self.status = ko.observable(item.enabled);
+  self.installType = item.installType;
 
   self.disabled = ko.pureComputed(function() {
     return !self.status();

From cca50bd80e3f2a17386ecc49877478b8472d7920 Mon Sep 17 00:00:00 2001
From: AmitG <amit.gangrade@tesco.com>
Date: Mon, 21 May 2018 11:28:32 +0530
Subject: [PATCH 2/5] profile edit view changed

---
 profiles.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/profiles.html b/profiles.html
index 7c68d81..02122ab 100644
--- a/profiles.html
+++ b/profiles.html
@@ -72,6 +72,7 @@ <h1><img src="images/icon48.png" /> Extensity Options</h1>
             <input type="checkbox" data-sbind="value: id, attr:{id: id, name:id}, checked: $parent.current_profile().items" />
             <img data-sbind="attr:{src: icon}" width="16px" height="16px" />
             <span data-sbind="text: short_name"></span>
+            <i data-sbind="visible: installType == 'development', attr:{title: 'Unpacked Extension'}" class="fa fa-flask"></i>
           </label>
         </li>
       </ul>

From c69929b8cd5291a01336735b1ec6c432b96076ff Mon Sep 17 00:00:00 2001
From: AmitG <amit.gangrade@tesco.com>
Date: Fri, 8 Jun 2018 14:59:37 +0530
Subject: [PATCH 3/5] ungrouped apps and extension

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8d65efe..c216d72 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,7 @@ <h1 data-sbind="visible: listedApps.any">Apps</h1>
 	<section data-sbind="if: !opts.groupApps()">
 		<h1 data-sbind="visible: listedItems.any">Extensions &amp; Apps</h1>
 		<ul data-sbind="foreach: listedItems">
-			<li class="extension" data-sbind="visible: !isApp(), click: toggle, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> <span data-sbind="text: short_name"></span></li>
+			<li class="extension" data-sbind="visible: !isApp(), click: toggle, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> <span data-sbind="text: short_name"></span><i data-sbind="visible: installType == 'development', attr:{title: 'Unpacked Extension'}" class="fa fa-flask"></i></li>
 			<li class="app" data-sbind="visible: isApp, click: $parent.launchApp"><img width="16px" height="16px" data-sbind="attr:{src:icon}"/> <span data-sbind="text: short_name"></span></li>
 		</ul>
 	</section>

From 7eed6f5bb4c81afad882c6e5611bc9677df5d5b6 Mon Sep 17 00:00:00 2001
From: AmitG <amit.gangrade@tesco.com>
Date: Fri, 30 Aug 2019 03:32:08 +0530
Subject: [PATCH 4/5] description as titles for names/icons and homepage link
 in options page

---
 index.html       | 13 ++++++++-----
 js/engine.js     |  2 ++
 js/index.js      |  4 ++++
 profiles.html    |  4 ++--
 styles/index.css | 10 ++++++++--
 5 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index eca4220..2313408 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
 <body>
 <section id="header" class="main" data-sbind="if: opts.showHeader">
 	<h1>
-		<a id="title" href="https://chrome.google.com/webstore/detail/jjmflmamggggndanpgfnpelongoepncg" target="_blank"><img src="images/icon48.png" width="16px" height="16px" />&nbsp;Extensity</a>
+		<a id="title" class="icon" href="https://chrome.google.com/webstore/detail/jjmflmamggggndanpgfnpelongoepncg" target="_blank"><img src="images/icon48.png"/>&nbsp;Extensity</a>
 
 		<!-- Actions -->
 		<a href="https://chrome.google.com/webstore/detail/extensity/jjmflmamggggndanpgfnpelongoepncg/reviews" class="page" target="_blank"><i class="fa fa-star" alt="Rate Extensity. Thanks!" title="Rate Extensity. Thanks!"></i></a>
@@ -86,17 +86,20 @@ <h1 data-sbind="visible: listedItems.any">Extensions &amp; Apps</h1>
 
 <script type="text/html" id="item-template">
 	<!-- ko if: !isApp() -->
-	<li class="extension" data-sbind="click: $parent.toggleExtension, css:{disabled: disabled}"><img width="16px" height="16px" data-sbind="attr:{src:icon}" /> 
-		<span data-sbind="text: short_name"></span> 
+	<li class="extension" data-sbind="click: $parent.toggleExtension, css:{disabled: disabled}">
+		<img class="icon" data-sbind="attr:{src:icon, title: description}" /> 
+		<span data-sbind="text: short_name, attr: {title: description}"></span> 
 		<i class="fa fa-flask" title="Development" alt="Development" data-sbind="visible: is_development"></i>
+		<i class="fa fa-home" title="Home Page" alt="Home Page" data-sbind="click: $parent.launchHomePage, clickBubble: false"></i>
 		<i class="fa fa-gear" title="Options" alt="Options" data-sbind="visible: $parent.opts.showOptions() && optionsUrl() && !disabled(), click: $parent.launchOptions, clickBubble: false"></i>
-
 	</li>
 	<!-- /ko -->
 	<!-- ko if: isApp() -->
 	<li class="app" data-sbind="click: $parent.launchApp">
-		<img width="16px" height="16px" data-sbind="attr:{src:icon}"/> <span data-sbind="text: short_name"></span>
+		<img class="icon" data-sbind="attr:{src:icon, title: description}"/>
+		<span data-sbind="text: short_name, attr: {title: description}"></span>
 		<i class="fa fa-flask" title="Development" alt="Development" data-sbind="visible: is_development"></i>
+		<i class="fa fa-home" title="Home Page" alt="Home Page" data-sbind="click: $parent.launchHomePage, clickBubble: false"></i>
 		<i class="fa fa-gear" title="Options" alt="Options" data-sbind="visible: $parent.opts.showOptions() && optionsUrl() && !disabled(), click: $parent.launchOptions, clickBubble: false"></i>
 	</li>
 	<!-- /ko -->
diff --git a/js/engine.js b/js/engine.js
index 30eb8a4..7111411 100644
--- a/js/engine.js
+++ b/js/engine.js
@@ -222,6 +222,8 @@ var ExtensionModel = function(e) {
   self.status = ko.observable(item.enabled);
   self.optionsUrl = ko.observable(item.optionsUrl);
   self.installType = ko.observable(item.installType);
+  self.description = ko.observable(item.description);
+  self.homepageUrl = ko.observable(item.homepageUrl);
 
   self.disabled = ko.pureComputed(function() {
     return !self.status();
diff --git a/js/index.js b/js/index.js
index d2618d5..34c4a9b 100644
--- a/js/index.js
+++ b/js/index.js
@@ -78,6 +78,10 @@ document.addEventListener("DOMContentLoaded", function() {
       chrome.tabs.create({url: ext.optionsUrl(), active: true});
     };
 
+    self.launchHomePage = function(ext) {
+      chrome.tabs.create({url: ext.homepageUrl(), active: true});
+    };
+
     self.listedExtensions = ko.computed(function() {
       // Sorted/Filtered list of extensions
       return (self.opts.enabledFirst()) ?
diff --git a/profiles.html b/profiles.html
index 1558d3a..086ad0e 100644
--- a/profiles.html
+++ b/profiles.html
@@ -74,8 +74,8 @@ <h1><img src="images/icon48.png" /> Extensity Options</h1>
         <li>
           <label data-sbind="attr:{for:id}">
             <input type="checkbox" data-sbind="value: id, attr:{id: id, name:id}, checked: $parent.current_profile().items" />
-            <img data-sbind="attr:{src: icon}" width="16px" height="16px" />
-            <span data-sbind="text: short_name"></span>
+            <img class="icon" data-sbind="attr:{src: icon, title: description}"/>
+            <span data-sbind="text: short_name, attr: {title: description}"></span>
             <i class="fa fa-flask" title="Development" alt="Development" data-sbind="visible: is_development"></i>
           </label>
         </li>
diff --git a/styles/index.css b/styles/index.css
index 13e1575..98a1e58 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -13,6 +13,11 @@ a {
 	text-decoration: none;
 }
 
+img.icon {
+	height: 16px;
+	widows: 16px;
+}
+
 section.main {
 	float: left;
 	clear: both;
@@ -179,14 +184,15 @@ section#content li.disabled img {
 	opacity: 0.3;
 }
 
-section#content li i.fa-gear {
+section#content li i.fa-gear, section#content li i.fa-home {
 	float: right;
 	margin-top: 2px;
 	color: #777;
 	font-size: 1.1em;
+	padding-right: 2px;
 }
 
-section#content li i.fa-gear:hover {
+section#content li i.fa-gear:hover, section#content li i.fa-home:hover {
 	color: #333;
 }
 

From 643564a0658e9e7d9f882d2e481eb34c1e6bca0f Mon Sep 17 00:00:00 2001
From: AmitG <amit.gangrade@tesco.com>
Date: Thu, 5 Sep 2019 22:19:42 +0530
Subject: [PATCH 5/5] title update

---
 index.html         | 4 ++--
 styles/options.css | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 2313408..e31da9e 100644
--- a/index.html
+++ b/index.html
@@ -90,7 +90,7 @@ <h1 data-sbind="visible: listedItems.any">Extensions &amp; Apps</h1>
 		<img class="icon" data-sbind="attr:{src:icon, title: description}" /> 
 		<span data-sbind="text: short_name, attr: {title: description}"></span> 
 		<i class="fa fa-flask" title="Development" alt="Development" data-sbind="visible: is_development"></i>
-		<i class="fa fa-home" title="Home Page" alt="Home Page" data-sbind="click: $parent.launchHomePage, clickBubble: false"></i>
+		<i class="fa fa-home" title="Open in Chrome Store" alt="Open in Chrome Store" data-sbind="click: $parent.launchHomePage, clickBubble: false"></i>
 		<i class="fa fa-gear" title="Options" alt="Options" data-sbind="visible: $parent.opts.showOptions() && optionsUrl() && !disabled(), click: $parent.launchOptions, clickBubble: false"></i>
 	</li>
 	<!-- /ko -->
@@ -99,7 +99,7 @@ <h1 data-sbind="visible: listedItems.any">Extensions &amp; Apps</h1>
 		<img class="icon" data-sbind="attr:{src:icon, title: description}"/>
 		<span data-sbind="text: short_name, attr: {title: description}"></span>
 		<i class="fa fa-flask" title="Development" alt="Development" data-sbind="visible: is_development"></i>
-		<i class="fa fa-home" title="Home Page" alt="Home Page" data-sbind="click: $parent.launchHomePage, clickBubble: false"></i>
+		<i class="fa fa-home" title="Open in Chrome Store" alt="Open in Chrome Store" data-sbind="click: $parent.launchHomePage, clickBubble: false"></i>
 		<i class="fa fa-gear" title="Options" alt="Options" data-sbind="visible: $parent.opts.showOptions() && optionsUrl() && !disabled(), click: $parent.launchOptions, clickBubble: false"></i>
 	</li>
 	<!-- /ko -->
diff --git a/styles/options.css b/styles/options.css
index 82c2327..37f15ee 100644
--- a/styles/options.css
+++ b/styles/options.css
@@ -190,7 +190,7 @@ fieldset#options .field {
 }
 
 #profiles .extensions {
-	border-left: 1px solid #ddd;
+	border: 1px solid #ddd;
 	padding-left: 10px;
 	padding-right: 10px;
 }