jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-11-09 18:38:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

aligned list view styles.

Browse Source 
Signed-off-by: Akos Kitta <kittaakos@typefox.io>
This commit is contained in:
Akos Kitta
2019-07-30 17:40:10 +02:00
committed by jbicker
parent 3fcf5a6ac9
commit 0dc45daf01
4 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,11 +15,23 @@ 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>
@@ -27,10 +39,14 @@ export class BoardItemRenderer extends ListItemRenderer<BoardPackage> {
</div>
<div className='content'>
{summary}
{description}
</div>
<div className='info'>
{moreInfo}
</div>
<div className='footer'>
{moreInfo}
{installButton}
{versions}
</div>
</div>;
}

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

@@ -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>