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

Add download spinner to catalog page (#1)

Browse source
This commit is contained in:
Jones Magloire 2016-04-14 14:11:32 +02:00
parent a1c3804f36
commit c777e6a297
1 changed files with 26 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

54
catalog.tag
View file

@ -15,34 +15,32 @@
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--> -->
<catalog> <catalog>
<div class="catalog"> <!-- Begin of tag -->
<div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col"> <div class="catalog">
<ul class="mdl-list"> <div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col">
<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>
<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>
<div id="catalog-spinner" 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>
</div>
<script> <script>
catalog.instance = this; catalog.instance = this;
var oReq = new XMLHttpRequest(); var oReq = new XMLHttpRequest();
oReq.addEventListener("load", function () { oReq.addEventListener("load", function () {
catalog.repositories = JSON.parse(this.responseText).repositories; catalog.repositories = JSON.parse(this.responseText).repositories;
document.querySelector("#catalog-spinner").style.display = 'none';
catalog.instance.update();
});
oReq.open("GET", registryUI.url() + "/v/_catalog", true);
oReq.withCredentials = false;
oReq.send();
catalog.instance.update(); catalog.instance.update();
}); </script>
oReq.open("GET", registryUI.url() + "/v2/_catalog", true); <!-- End of tag -->
oReq.setRequestHeader('Origin', '*'); </catalog>
oReq.withCredentials = false;
oReq.send();
catalog.inst
this.update();
</script>
</catalog>