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