aligned list view styles.

Signed-off-by: Akos Kitta <kittaakos@typefox.io>

Author: Akos Kitta

arduino-ide-extension/src/browser/boards/boards-item-renderer.tsx

@@ -15,22 +15,38 @@ export class BoardItemRenderer extends ListItemRenderer<BoardPackage> {
         </div>;
 
         const summary = <div className='summary'>{item.summary}</div>;
+        const description = <div className='summary'>{item.description}</div>;
 
         const moreInfo = !!item.moreInfoLink && <a href={item.moreInfoLink} onClick={this.onClick}>More info</a>;
         const installButton = item.installable && !item.installedVersion &&
             <button className='install' onClick={install.bind(this, item)}>INSTALL</button>;
 
+        const versions = (() => {
+            const { availableVersions } = item;
+            if (!!item.installedVersion || availableVersions.length === 0) {
+                return undefined;
+            } else if (availableVersions.length === 1) {
+                return <label>{availableVersions[0]}</label>
+            } else {
+                return <select>{item.availableVersions.map(version => <option value={version} key={version}>{version}</option>)}</select>;
+            }
+        })();
+
         return <div className='component-list-item noselect'>
             <div className='header'>
                 <span>{name} by {author}</span>
                 {installedVersion}
             </div>
             <div className='content'>
                 {summary}
+                {description}
             </div>
-            <div className='footer'>
+            <div className='info'>
                 {moreInfo}
+            </div>
+            <div className='footer'>
                 {installButton}
+                {versions}
             </div>
         </div>;
     }

arduino-ide-extension/src/browser/library/library-item-renderer.tsx

@@ -22,7 +22,7 @@ export class LibraryItemRenderer extends ListItemRenderer<Library> {
 
         const versions = (() => {
             const { availableVersions } = item;
-            if (availableVersions.length === 0) {
+            if (!!item.installedVersion || availableVersions.length === 0) {
                 return undefined;
             } else if (availableVersions.length === 1) {
                 return <label>{availableVersions[0]}</label>

arduino-ide-extension/src/node/boards-service-impl.ts

@@ -172,12 +172,13 @@ export class BoardsServiceImpl implements BoardsService {
                 id: item.getId(),
                 name: item.getName(),
                 author: item.getMaintainer(),
-                availableVersions: [item.getInstalled()],
+                availableVersions: [item.getLatest()],
                 description: item.getBoardsList().map(b => b.getName()).join(", "),
                 installable: true,
                 summary: "Boards included in this package:",
                 installedVersion,
                 boards: item.getBoardsList().map(b => <Board>{ name: b.getName(), fqbn: b.getFqbn() }),
+                moreInfoLink: item.getWebsite()
             }
             return result;
         });

arduino-ide-extension/src/node/library-service-impl.ts

@@ -41,7 +41,7 @@ export class LibraryServiceImpl implements LibraryService {
         const resp = await new Promise<LibrarySearchResp>((resolve, reject) => client.librarySearch(req, (err, resp) => !!err ? reject(err) : resolve(resp)));
         const items = resp.getLibrariesList()
             .filter(item => !!item.getLatest())
-            .slice(0, 50)
+            // .slice(0, 50)
             .map(item => {
                 let installedVersion: string | undefined;
                 const installed = installedLibsIdx.get(item.getName());