Added descriptions to buttons, open source implementations

website/data/implementations.json

@@ -1,5 +1,5 @@
 [
-    {   "//": "Implementations page content - required fields: title, image, type, description",
+    {   "//": "Implementations page content - required fields: title, image, type, badges, description",
         "//": "Image link may be external or images may be added to the /website/static/img/users directory for hosting on the FDC3 website",
         "//": "Please keep descriptions to (at most) 100 words.",
         "//": "Description content may be formatted in basic HTML (e.g. <p>, <i> and <a> tags)",
@@ -16,6 +16,26 @@
         "badges": [ ],
         "description": "<p>ChartIQ is a powerful and flexible HTML5 charting library with millions of users worldwide. Written in JavaScript, it runs entirely within the browser. With state of the art integrations, including  third-party apps, educational components, analysis, and more, you can create efficient workflows and streamline the way to work.</p><p>ChartIQ works on any platform (mobile, web, desktop) and any framework (Angular, React).</p><p>Most companies have at least one financial charting library for each platform or app they target—web, C#, Java, Android, iOS, etc., so developers have multiple code bases to maintain. With ChartIQ, write your code once and use it everywhere.</p>"
     },
+    {
+    	"title": "Electron-FDC3",
+    	"publisher" : "FINOS",
+        "image": "/img/users/FINOS.png",
+        "infoLink": "https://github.com/finos/electron-fdc3",
+        "docsLink": "https://github.com/finos/electron-fdc3",
+        "type": "platform-provider",
+        "badges": [ {"text": "FDC3 1.2 Supported"}, {"text": "Open Source"} ],
+        "description": "<p>This project provides a fully open source implementation of the FDC3 interoperability standard. </p><p>Includes a fully featured and secure electron desktop agent featuring intent resolution, channel linking, directory search and a local file-based app directory implementation. </p>"
+    },
+    {
+    	"title": "FDC3 Desktop Agent Chrome Extension",
+    	"publisher" : "FINOS",
+        "image": "/img/users/FINOS.png",
+        "infoLink": "https://github.com/finos/fdc3-desktop-agent",
+        "docsLink": "https://github.com/finos/fdc3-desktop-agent",
+        "type": "platform-provider",
+        "badges": [ {"text": "FDC3 1.2 Supported"}, {"text": "Open Source"} ],
+        "description": "<p>The FDC3 Desktop Agent is an open source implementation of FDC3 as a Chrome Extension. </p><p> Its purpose is to provide a quick and easy way for app developers to get started with the FDC3 APIs. </p> "
+    },
     {
         "title": "Finsemble",
         "publisher": "Cosaic, Inc.",

website/pages/en/implementations.js

@@ -12,6 +12,15 @@ const CompLibrary = require('../../core/CompLibrary.js');
 const Container = CompLibrary.Container;
 const implData = require(`${process.cwd()}/data/implementations.json`);
 
+const badgeTitles = {
+	"Open Source": "Indicates that the project source code is available to download and modify, under an Apache 2.0 or similar license.",
+	"FDC3 1.2 Supported": "This badge is given as an indicator that the agent vendor is marketing the desktop agent as supporting the FDC3 1.2 Standard. ",
+	"FDC3 1.2 Compliant": "This badge is applied to desktop agents that have passed the FINOS FDC3 1.2 Conformance testing process.",
+	"FDC3 2.0 Supported": "This badge is given as an indicator that the agent vendor is marketing the desktop agent as supporting the FDC3 2.0 Standard.", 
+	"FDC3 2.0 Compliant": "This badge is applied to desktop agents that have passed the FINOS FDC3 2.0 Conformance testing process."
+}
+
+
 //remove comments
 implData.forEach(function (item, index, object) {
 	if (item["//"]) {
@@ -51,7 +60,7 @@ function Implementation({ type, title, publisher, image, infoLink, docsLink, bad
 				</div>
 				<div className="prose" dangerouslySetInnerHTML={{ __html: description }}></div>
 				<div className="badges">
-					{ badges.map(b =><div className="button badge" key={b}>{b.text}</div>)}
+					{ badges.map(b =><a href="#" key={b.text} title={badgeTitles[b.text]} className="button badge">{b.text}</a>)}
 				</div>
 			</div>
 		</div>