mirrors/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2025-04-27 15:39:54 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add a toast/snakbar for errors

Browse source
This commit is contained in:
Joxit 2016-04-17 01:44:10 +02:00
parent c777e6a297
commit 739cdbd266
1 changed files with 35 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

42
catalog.tag
View file

@ -21,26 +21,54 @@
<div class="mdl-card__title"> <div class="mdl-card__title">
<h2 class="mdl-card__title-text">Repositories of { registryUI.url() }</h2> <h2 class="mdl-card__title-text">Repositories of { registryUI.url() }</h2>
</div> </div>
<div id="catalog-spinner" class="mdl-spinner mdl-js-spinner is-active section-centerd"></div> <div id="catalog-spinner" style="{ catalog.loadend ? 'display:none;': '' }"
class="mdl-spinner mdl-js-spinner is-active section-centerd"></div>
<ul class="mdl-list"> <ul class="mdl-list">
<li class="mdl-list__item" each="{ item in catalog.repositories }"><span class="mdl-list__item-primary-content"> <li class="mdl-list__item" each="{ item in catalog.repositories }"><span class="mdl-list__item-primary-content">
<i class="material-icons mdl-list__item-icon">insert_link</i> { item } <i class="material-icons mdl-list__item-icon">insert_link</i> { item }
</span></li> </span></li>
</ul> </ul>
</div>
<div id="error-snackbar" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
</div>
</div> </div>
</div>
<script> <script>
catalog.instance = this; catalog.instance = this;
var oReq = new XMLHttpRequest(); var oReq = new XMLHttpRequest();
catalog.createSnackbar = function (msg) {
var snackbar = document.querySelector('#error-snackbar');
catalog.error = msg;
var data = {
message: catalog.error,
timeout: 100000,
actionHandler: function(){
snackbar.classList.remove('mdl-snackbar--active');
},
actionText: 'Undo'
};
snackbar.MaterialSnackbar.showSnackbar(data);
}
oReq.addEventListener("load", function () { oReq.addEventListener("load", function () {
catalog.repositories = JSON.parse(this.responseText).repositories; if (this.status == 200) {
document.querySelector("#catalog-spinner").style.display = 'none'; catalog.repositories = JSON.parse(this.responseText).repositories;
} else {
catalog.createSnackbar(this.responseText);
}
});
oReq.addEventListener("error", function () {
catalog.createSnackbar('An error occured');
});
oReq.addEventListener("loadend", function () {
catalog.loadend = true;
catalog.instance.update(); catalog.instance.update();
}); });
oReq.open("GET", registryUI.url() + "/v/_catalog", true); oReq.open("GET", registryUI.url() + "/v2/_catalog");
oReq.withCredentials = false; oReq.withCredentials = false;
oReq.send(); oReq.send();
catalog.instance.update(); catalog.instance.update();
</script> </script>
<!-- End of tag --> <!-- End of tag -->
</catalog> </catalog>