5dc9efd995
* Unify page navigation to NavigateMixin * revert unintended change * Use template literal
83 lines
2.4 KiB
HTML
83 lines
2.4 KiB
HTML
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
|
|
<link rel="import" href="../../bower_components/paper-card/paper-card.html">
|
|
|
|
<link rel='import' href='../../src/util/hass-mixins.html'>
|
|
|
|
<link rel='import' href='../../src/components/hassio-card-content.html'>
|
|
<link rel='import' href='../../src/resources/hassio-style.html'>
|
|
|
|
<dom-module id="hassio-addon-repository">
|
|
<template>
|
|
<style include="iron-flex ha-style hassio-style">
|
|
paper-card {
|
|
cursor: pointer;
|
|
}
|
|
a.repo {
|
|
display: block;
|
|
color: var(--primary-text-color);
|
|
}
|
|
</style>
|
|
<template is='dom-if' if='[[addons.length]]'>
|
|
<div class='card-group'>
|
|
<div class='title'>
|
|
[[repo.name]]
|
|
<div class='description'>
|
|
Maintained by [[repo.maintainer]]
|
|
<a class='repo' href='[[repo.url]]' target='_blank'>[[repo.url]]</a>
|
|
</div>
|
|
</div>
|
|
<template is='dom-repeat' items='[[addons]]' as='addon' sort='sortAddons'>
|
|
<paper-card on-click='addonTapped'>
|
|
<div class='card-content'>
|
|
<hassio-card-content
|
|
title='[[addon.name]]'
|
|
description='[[addon.description]]'
|
|
icon='[[computeIcon(addon)]]'
|
|
icon-title='[[computeIconTitle(addon)]]'
|
|
icon-class='[[computeIconClass(addon)]]'
|
|
></hassio-card-content>
|
|
</div>
|
|
</paper-card>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</dom-module>
|
|
|
|
<script>
|
|
class HassioAddonRepository extends window.hassMixins.NavigateMixin(Polymer.Element) {
|
|
static get is() { return 'hassio-addon-repository'; }
|
|
|
|
static get properties() {
|
|
return {
|
|
repo: Object,
|
|
addons: Array,
|
|
};
|
|
}
|
|
|
|
sortAddons(a, b) {
|
|
return a.name < b.name ? -1 : 1;
|
|
}
|
|
|
|
computeIcon(addon) {
|
|
return addon.installed && addon.installed !== addon.version ? 'mdi:arrow-up-bold-circle' : 'mdi:puzzle';
|
|
}
|
|
|
|
computeIconTitle(addon) {
|
|
if (addon.installed) return addon.installed !== addon.version ? 'New version available' : 'Add-on is installed';
|
|
return 'Add-on is not installed';
|
|
}
|
|
|
|
computeIconClass(addon) {
|
|
if (addon.installed) return addon.installed !== addon.version ? 'update' : 'installed';
|
|
return '';
|
|
}
|
|
|
|
addonTapped(ev) {
|
|
this.navigate(`/hassio/addon/${ev.model.addon.slug}`);
|
|
}
|
|
}
|
|
|
|
customElements.define(HassioAddonRepository.is, HassioAddonRepository);
|
|
</script>
|