diff --git a/src/components/docker-registry-ui.riot b/src/components/docker-registry-ui.riot index 0b6949e..3a03ce1 100644 --- a/src/components/docker-registry-ui.riot +++ b/src/components/docker-registry-ui.riot @@ -33,7 +33,8 @@ along with this program. If not, see . + is-image-remove-activated="{props.isImageRemoveActivated}" on-notify="{ notifySnackbar }" + filter-results="{ state.filter }"> . } }, onSearch(value) { - this.update({ filter: value }) + this.update({ + filter: value + }) }, baseRoute: '([^#]*?)/(\\?[^#]*?)?(#!)?(/?)', router, diff --git a/src/components/tag-list/tag-list.riot b/src/components/tag-list/tag-list.riot index a73a2be..3d220d8 100644 --- a/src/components/tag-list/tag-list.riot +++ b/src/components/tag-list/tag-list.riot @@ -39,7 +39,7 @@ along with this program. If not, see . + on-notify="{ props.onNotify }" filter-results="{ props.filterResults }"> @@ -84,15 +84,14 @@ along with this program. If not, see . const self = this; const oReq = new Http(); oReq.addEventListener('load', function () { - state.tags = []; if (this.status == 200) { - const tags = JSON.parse(this.responseText).tags || []; - state.tags = tags.map(function (tag) { - return new DockerImage(props.image, tag, null, props.registryUrl, props.onNotify); - }).sort(compare); + const tags = (JSON.parse(this.responseText).tags || []) + .map(tag => new DockerImage(props.image, tag, null, props.registryUrl, props.onNotify)) + .sort(compare); window.requestAnimationFrame(self.onResize); self.update({ - page: Math.min(state.page, getNumPages(state.tags)) + page: Math.min(state.page, getNumPages(tags)), + tags }) } else if (this.status == 404) { self.props.onNotify('Server not found', true); diff --git a/src/components/tag-list/tag-table.riot b/src/components/tag-list/tag-table.riot index 37ebf0c..9f99365 100644 --- a/src/components/tag-list/tag-table.riot +++ b/src/components/tag-list/tag-table.riot @@ -40,7 +40,7 @@ along with this program. If not, see . - + @@ -85,6 +85,9 @@ along with this program. If not, see . import RemoveImage, { deleteImage } from './remove-image.riot'; + import { + matchSearch + } from '../search-bar.riot'; export default { components: { ImageDate, @@ -135,7 +138,8 @@ along with this program. If not, see . toDelete: this.state.toDelete }) }, - getPage + getPage, + matchSearch } \ No newline at end of file