mirrors
/
docker-registry-ui
mirror of https://github.com/Joxit/docker-registry-ui.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #2 from Joxit/error-managment 

Add a toast/snakbar for errors
This commit is contained in:
Jones Magloire 2016-04-18 09:10:59 +02:00
parent c777e6a297 739cdbd266
commit ebf31c12f3
1 changed files with 35 additions and 7 deletions
Show Stats 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">
<h2 class="mdl-card__title-text">Repositories of { registryUI.url() }</h2>
</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">
<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 }
</span></li>
</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>
<script>
<script>
catalog.instance = this;
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 () {
catalog.repositories = JSON.parse(this.responseText).repositories;
document.querySelector("#catalog-spinner").style.display = 'none';
if (this.status == 200) {
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();
});
oReq.open("GET", registryUI.url() + "/v/_catalog", true);
oReq.open("GET", registryUI.url() + "/v2/_catalog");
oReq.withCredentials = false;
oReq.send();
catalog.instance.update();
</script>
<!-- End of tag -->
</catalog>
</catalog>