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

[refactoring] clean all files

Browse source
This commit is contained in:
Joxit 2016-05-18 00:31:33 +02:00
parent 304db5a9c3
commit a51845f0ef
8 changed files with 312 additions and 306 deletions
Download patch file Download diff file Expand all files Collapse all files

79
add.tag
View file

@ -15,44 +15,43 @@
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--> -->
<add> <add>
<dialog id="add-server-dialog" class="mdl-dialog"> <dialog id="add-server-dialog" class="mdl-dialog">
<h4 class="mdl-dialog__title">Add your Server ?</h4> <h4 class="mdl-dialog__title">Add your Server ?</h4>
<div class="mdl-dialog__content"> <div class="mdl-dialog__content">
<div class="mdl-textfield mdl-js-textfield"> <div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" type="text" id="add-server-input"> <input class="mdl-textfield__input" type="text" id="add-server-input">
<label class="mdl-textfield__label" for="add-server-input">Server url</label> <label class="mdl-textfield__label" for="add-server-input">Server url</label>
</div> </div>
</div> </div>
<div class="mdl-dialog__actions"> <div class="mdl-dialog__actions">
<button type="button" class="mdl-button change" onClick="registryUI.addTag.add();">Add</button> <button type="button" class="mdl-button change" onClick="registryUI.addTag.add();">Add</button>
<button type="button" class="mdl-button close" onClick="registryUI.addTag.close();">Cancel</button> <button type="button" class="mdl-button close" onClick="registryUI.addTag.close();">Cancel</button>
</div> </div>
</dialog> <script type="text/javascript"> </dialog>
registryUI.addTag = registryUI.addTag || {}; <script type="text/javascript">
registryUI.addTag.update = this.update; registryUI.addTag = registryUI.addTag || {};
this.on('updated', function () { registryUI.addTag.update = this.update;
componentHandler.upgradeElements(this['add-server-dialog']); this.on('updated', function () {
registryUI.addTag.dialog = registryUI.addTag.dialog componentHandler.upgradeElements(this['add-server-dialog']);
|| document.querySelector('#add-server-dialog'); registryUI.addTag.dialog = registryUI.addTag.dialog || document.querySelector('#add-server-dialog');
registryUI.addTag.addServer = registryUI.addTag.tileServerList registryUI.addTag.addServer = registryUI.addTag.tileServerList || registryUI.addTag.dialog.querySelector('#add-server-input');
|| registryUI.addTag.dialog.querySelector('#add-server-input'); if (!registryUI.addTag.dialog.showModal) {
if (!registryUI.addTag.dialog.showModal) { dialogPolyfill.registerDialog(registryUI.addTag.dialog);
dialogPolyfill.registerDialog(registryUI.addTag.dialog); }
} });
}); registryUI.addTag.show = function () {
registryUI.addTag.show = function() { registryUI.addTag.dialog.showModal();
registryUI.addTag.dialog.showModal(); };
}; registryUI.addTag.add = function () {
registryUI.addTag.add = function() { if (registryUI.addTag.addServer.value && registryUI.addTag.addServer.value.length > 0) {
if (registryUI.addTag.addServer.value && registryUI.addTag.addServer.value.length > 0) { registryUI.addServer(registryUI.addTag.addServer.value);
registryUI.addServer(registryUI.addTag.addServer.value); }
} registryUI.addTag.addServer.value = '';
registryUI.addTag.addServer.value = ''; registryUI.addTag.dialog.close();
registryUI.addTag.dialog.close(); };
}; registryUI.addTag.close = function () {
registryUI.addTag.close = function() { registryUI.addTag.dialog.close();
registryUI.addTag.dialog.close(); };
}; registryUI.addTag.update();
registryUI.addTag.update(); </script>
</script>
</add> </add>

121
catalog.tag
View file

@ -15,68 +15,71 @@
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>
<!-- Begin of tag --> <!-- Begin of tag -->
<div class="catalog" if="{ registryUI.content == 'catalog' }"> <div id="catalog-tag" class="catalog" if="{ registryUI.content == 'catalog' }">
<div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col"> <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>
<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 mdl-menu__item" style="opacity: 1;" each="{ item in catalog.repositories }" onclick="registryUI.taglist.display('{item}');">
<span class="mdl-list__item-primary-content">
<i class="material-icons mdl-list__item-icon">send</i>
{ item }
</span>
</li>
</ul>
</div>
<div id="error-snackbar" aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
</div>
</div> </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 mdl-menu__item" style="opacity: 1;" each="{ item in catalog.repositories }" onclick="registryUI.taglist.display('{item}');">
<span class="mdl-list__item-primary-content">
<i class="material-icons mdl-list__item-icon">send</i> { item }
</span>
</li>
</ul>
</div>
<div id="error-snackbar" aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
</div>
</div>
<script> <script>
catalog.instance = this; catalog.instance = this;
catalog.display = function () { catalog.display = function () {
registryUI.content = 'catalog'; registryUI.content = 'catalog';
var oReq = new XMLHttpRequest(); var oReq = new XMLHttpRequest();
catalog.createSnackbar = function (msg) { catalog.createSnackbar = function (msg) {
var snackbar = document.querySelector('#error-snackbar'); var snackbar = document.querySelector('#error-snackbar');
catalog.error = msg; catalog.error = msg;
var data = { var data = {
message: catalog.error, message: catalog.error,
timeout: 100000, timeout: 100000,
actionHandler: function(){ actionHandler: function () {
snackbar.classList.remove('mdl-snackbar--active'); snackbar.classList.remove('mdl-snackbar--active');
}, },
actionText: 'Undo' actionText: 'Undo'
};
snackbar.MaterialSnackbar.showSnackbar(data);
}; };
snackbar.MaterialSnackbar.showSnackbar(data); oReq.addEventListener('load', function () {
if (this.status == 200) {
catalog.repositories = JSON.parse(this.responseText).repositories.sort();
} else if (this.status == 404) {
catalog.createSnackbar('Server not found');
} 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() + '/v2/_catalog');
oReq.withCredentials = false;
oReq.send();
riot.update();
}; };
oReq.addEventListener('load', function () { this.on('updated', function () {
if (this.status == 200) { componentHandler.upgradeElements(this['catalog-tag']);
catalog.repositories = JSON.parse(this.responseText).repositories;
} else if (this.status == 404) {
catalog.createSnackbar('Server not found');
} else {
catalog.createSnackbar(this.responseText);
}
}); });
oReq.addEventListener('error', function () { catalog.display();
catalog.createSnackbar('An error occured'); </script>
}); <!-- End of tag -->
oReq.addEventListener('loadend', function () {
catalog.loadend = true;
catalog.instance.update();
});
oReq.open('GET', registryUI.url() + '/v2/_catalog');
oReq.withCredentials = false;
oReq.send();
riot.update();
};
catalog.display();
</script>
<!-- End of tag -->
</catalog> </catalog>

81
change.tag
View file

@ -15,45 +15,44 @@
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--> -->
<change> <change>
<dialog id="change-server-dialog" class="mdl-dialog"> <dialog id="change-server-dialog" class="mdl-dialog">
<h4 class="mdl-dialog__title">Change your Server ?</h4> <h4 class="mdl-dialog__title">Change your Server ?</h4>
<div class="mdl-dialog__content"> <div class="mdl-dialog__content">
<div class="mdl-textfield mdl-js-textfield"> <div class="mdl-textfield mdl-js-textfield">
<select class="mdl-textfield__input mdl-textfield__select" name="server-list" id="server-list"> <select class="mdl-textfield__input mdl-textfield__select" name="server-list" id="server-list">
<option each="{ url in registryUI.getRegistryServer() }" value={url}>{url}</option> <option each="{ url in registryUI.getRegistryServer() }" value={url}>{url}</option>
</select> </select>
</div> </div>
</div> </div>
<div class="mdl-dialog__actions"> <div class="mdl-dialog__actions">
<button type="button" class="mdl-button change" onClick="registryUI.changeTag.change();">Change</button> <button type="button" class="mdl-button change" onClick="registryUI.changeTag.change();">Change</button>
<button type="button" class="mdl-button close" onClick="registryUI.changeTag.close();">Cancel</button> <button type="button" class="mdl-button close" onClick="registryUI.changeTag.close();">Cancel</button>
</div> </div>
</dialog> <script type="text/javascript"> </dialog>
registryUI.changeTag = registryUI.changeTag || {}; <script type="text/javascript">
registryUI.changeTag.update = this.update; registryUI.changeTag = registryUI.changeTag || {};
this.on('updated', function () { registryUI.changeTag.update = this.update;
componentHandler.upgradeElements(this['change-server-dialog']); this.on('updated', function () {
registryUI.changeTag.dialog = registryUI.changeTag.dialog componentHandler.upgradeElements(this['change-server-dialog']);
|| document.querySelector('#change-server-dialog'); registryUI.changeTag.dialog = registryUI.changeTag.dialog || document.querySelector('#change-server-dialog');
registryUI.changeTag.serverList = registryUI.changeTag.serverList registryUI.changeTag.serverList = registryUI.changeTag.serverList || registryUI.changeTag.dialog.querySelector('#server-list');
|| registryUI.changeTag.dialog.querySelector('#server-list'); if (!registryUI.changeTag.dialog.showModal) {
if (!registryUI.changeTag.dialog.showModal) { dialogPolyfill.registerDialog(registryUI.changeTag.dialog);
dialogPolyfill.registerDialog(registryUI.changeTag.dialog); }
} });
}); registryUI.changeTag.show = function () {
registryUI.changeTag.show = function() { registryUI.changeTag.update();
registryUI.changeTag.update(); registryUI.changeTag.dialog.showModal();
registryUI.changeTag.dialog.showModal(); };
}; registryUI.changeTag.change = function () {
registryUI.changeTag.change = function() { if (registryUI.changeTag.serverList.value && registryUI.changeTag.serverList.value.length > 0) {
if (registryUI.changeTag.serverList.value && registryUI.changeTag.serverList.value.length > 0) { registryUI.changeServer(registryUI.changeTag.serverList.value);
registryUI.changeServer(registryUI.changeTag.serverList.value); }
} registryUI.changeTag.serverList.value = '';
registryUI.changeTag.serverList.value = ''; registryUI.changeTag.dialog.close();
registryUI.changeTag.dialog.close(); };
}; registryUI.changeTag.close = function () {
registryUI.changeTag.close = function() { registryUI.changeTag.dialog.close();
registryUI.changeTag.dialog.close(); };
}; </script>
</script>
</change> </change>

89
index.html
View file

@ -16,52 +16,55 @@
--> -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<LINK href="node_modules/dialog-polyfill/dialog-polyfill.css" rel="stylesheet" type="text/css"> <LINK href="node_modules/dialog-polyfill/dialog-polyfill.css" rel="stylesheet" type="text/css">
<LINK href="node_modules/material-design-lite/dist/material.min.css" rel="stylesheet" type="text/css"> <LINK href="node_modules/material-design-lite/dist/material.min.css" rel="stylesheet" type="text/css">
<LINK href="node_modules/leaflet/dist/leaflet.css" rel="stylesheet" type="text/css"> <LINK href="node_modules/leaflet/dist/leaflet.css" rel="stylesheet" type="text/css">
<LINK href="node_modules/material-design-icons/iconfont/material-icons.css" rel="stylesheet" type="text/css"> <LINK href="node_modules/material-design-icons/iconfont/material-icons.css" rel="stylesheet" type="text/css">
<LINK href="style.css" rel="stylesheet" type="text/css"> <LINK href="style.css" rel="stylesheet" type="text/css">
<LINK href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css"> <LINK href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css">
<title>Docker Registry UI</title> <title>Docker Registry UI</title>
</head> </head>
<body> <body>
<!-- Always shows a header, even in smaller screens. --> <!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<!-- Title --> <!-- Title -->
<span class="mdl-layout-title">Docker Registry UI</span> <span class="mdl-layout-title">Docker Registry UI</span>
<menu></menu> <menu></menu>
</div> </div>
</header> </header>
<main class="mdl-layout__content"> <main class="mdl-layout__content">
<div class="page-content"> <div class="page-content">
<catalog></catalog> <catalog></catalog>
<taglist></taglist> <taglist></taglist>
</div>
</main>
<change></change>
<add></add>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
<div class="mdl-logo">Docker Registry UI</div>
<ul class="mdl-mini-footer__link-list">
<li><a href="https://github.com/Joxit/docker-registry-ui">Contribute on GitHub</a></li>
<li><a href="https://github.com/Joxit/docker-registry-ui/blob/master/LICENSE">Privacy &amp; Terms</a></li>
</ul>
</div>
</footer>
</div> </div>
</main> <script src="catalog.tag" type="riot/tag"></script>
<change></change> <script src="taglist.tag" type="riot/tag"></script>
<add></add> <script src="add.tag" type="riot/tag"></script>
<footer class="mdl-mini-footer"> <script src="change.tag" type="riot/tag"></script>
<div class="mdl-mini-footer__left-section"> <script src="menu.tag" type="riot/tag"></script>
<div class="mdl-logo">Docker Registry UI</div> <script src="node_modules/riot/riot+compiler.min.js"></script>
<ul class="mdl-mini-footer__link-list"> <script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
<li><a href="https://github.com/Joxit/docker-registry-ui">Contribute on GitHub</a></li> <script src="node_modules/material-design-lite/dist/material.min.js"></script>
<li><a href="https://github.com/Joxit/docker-registry-ui/blob/master/LICENSE">Privacy &amp; Terms</a></li> <script src="script.js"></script>
</ul>
</div>
</footer>
</div>
<script src="catalog.tag" type="riot/tag"></script>
<script src="taglist.tag" type="riot/tag"></script>
<script src="add.tag" type="riot/tag"></script>
<script src="change.tag" type="riot/tag"></script>
<script src="menu.tag" type="riot/tag"></script>
<script src="node_modules/riot/riot+compiler.min.js"></script>
<script src="node_modules/dialog-polyfill/dialog-polyfill.js"></script>
<script src="node_modules/material-design-lite/dist/material.min.js"></script>
<script src="script.js"></script>
</body> </body>
</html> </html>

34
menu.tag
View file

@ -15,22 +15,22 @@
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--> -->
<menu> <menu>
<div id="card-menu" class="mdl-card__menu"> <div id="card-menu" class="mdl-card__menu">
<button id="registry-menu" name="registry-menu" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> <button id="registry-menu" name="registry-menu" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="registry-menu"> <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="registry-menu">
<li class="mdl-menu__item" onclick="registryUI.addTag.show();">Add URL</li> <li class="mdl-menu__item" onclick="registryUI.addTag.show();">Add URL</li>
<li class="mdl-menu__item" onclick="registryUI.changeTag.show();">Change URL</li> <li class="mdl-menu__item" onclick="registryUI.changeTag.show();">Change URL</li>
</ul> </ul>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
registryUI.menuTag = registryUI.menuTag || {}; registryUI.menuTag = registryUI.menuTag || {};
registryUI.menuTag.update = this.update; registryUI.menuTag.update = this.update;
this.on('updated', function () { this.on('updated', function () {
componentHandler.upgradeElements(this['card-menu']); componentHandler.upgradeElements(this['card-menu']);
}); });
registryUI.menuTag.update(); registryUI.menuTag.update();
</script> </script>
</menu> </menu>

10
script.js
View file

@ -15,10 +15,10 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
*/ */
var registryUI = {} var registryUI = {}
registryUI.url = function () { registryUI.url = function() {
return registryUI.getRegistryServer(0); return registryUI.getRegistryServer(0);
} }
registryUI.getRegistryServer = function (i) { registryUI.getRegistryServer = function(i) {
try { try {
var res = JSON.parse(localStorage.getItem('registryServer')); var res = JSON.parse(localStorage.getItem('registryServer'));
if (res instanceof Array) { if (res instanceof Array) {
@ -27,7 +27,7 @@ registryUI.getRegistryServer = function (i) {
} catch (e) {} } catch (e) {}
return (!isNaN(i)) ? '' : []; return (!isNaN(i)) ? '' : [];
} }
registryUI.addServer = function (url) { registryUI.addServer = function(url) {
var registryServer = registryUI.getRegistryServer(); var registryServer = registryUI.getRegistryServer();
url = url.trim(); url = url.trim();
var index = registryServer.indexOf(url); var index = registryServer.indexOf(url);
@ -37,7 +37,7 @@ registryUI.addServer = function (url) {
registryServer.push(url); registryServer.push(url);
localStorage.setItem('registryServer', JSON.stringify(registryServer)); localStorage.setItem('registryServer', JSON.stringify(registryServer));
} }
registryUI.changeServer = function (url) { registryUI.changeServer = function(url) {
var registryServer = registryUI.getRegistryServer(); var registryServer = registryUI.getRegistryServer();
url = url.trim(); url = url.trim();
var index = registryServer.indexOf(url); var index = registryServer.indexOf(url);
@ -45,7 +45,7 @@ registryUI.changeServer = function (url) {
return; return;
} }
registryServer.splice(index, 1); registryServer.splice(index, 1);
registryServer = [ url ].concat(registryServer); registryServer = [url].concat(registryServer);
registryUI.registryServer.servers = registryServer; registryUI.registryServer.servers = registryServer;
localStorage.setItem('registryServer', JSON.stringify(registryServer)); localStorage.setItem('registryServer', JSON.stringify(registryServer));
} }

3
style.css
View file

@ -16,7 +16,7 @@
*/ */
html > body { html > body {
font-family: 'Roboto','Helvetica','Arial',sans-serif !important; font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
} }
.mdl-mini-footer { .mdl-mini-footer {
@ -31,6 +31,7 @@ html > body {
.section-centerd { .section-centerd {
margin: auto; margin: auto;
} }
.mdl-data-table th { .mdl-data-table th {
font-size: 18px; font-size: 18px;
} }

165
taglist.tag
View file

@ -15,89 +15,90 @@
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--> -->
<taglist> <taglist>
<!-- Begin of tag --> <!-- Begin of tag -->
<div id="taglist-tag" class="taglist" if="{ registryUI.content == 'taglist' }"> <div id="taglist-tag" class="taglist" if="{ registryUI.content == 'taglist' }">
<div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col"> <div class="section-centerd mdl-card mdl-shadow--2dp mdl-cell--6-col">
<div class="mdl-card__title"> <div class="mdl-card__title">
<a href="#" onclick="catalog.display();"><i class="material-icons mdl-list__item-icon">arrow_back</i></a> <a href="#" onclick="catalog.display();">
<h2 class="mdl-card__title-text">Tags of { registryUI.url() + '/' + registryUI.taglist.name }</h2> <i class="material-icons mdl-list__item-icon">arrow_back</i>
</a>
<h2 class="mdl-card__title-text">Tags of { registryUI.url() + '/' + registryUI.taglist.name }</h2>
</div>
<div id="taglist-spinner" style="{ registryUI.taglist.loadend ? 'display:none;': '' }" class="mdl-spinner mdl-js-spinner is-active section-centerd"></div>
<table class="mdl-data-table mdl-js-data-table full-table" style="border: none;">
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric">Repository</th>
<th class="mdl-data-table__header--sorted-ascending" onclick="registryUI.taglist.reverse(this);">Tag</th>
</tr>
</thead>
<tbody>
<tr each="{ item in registryUI.taglist.tags }">
<td class="mdl-data-table__cell--non-numeric">{ registryUI.taglist.name }</td>
<td>{ item }</td>
</tr>
</tbody>
</table>
</div>
<div id="error-snackbar" aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
</div>
</div> </div>
<div id="taglist-spinner" style="{ registryUI.taglist.loadend ? 'display:none;': '' }"
class="mdl-spinner mdl-js-spinner is-active section-centerd"></div>
<table class="mdl-data-table mdl-js-data-table full-table" style="border: none;">
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric">Repository</th>
<th class="mdl-data-table__header--sorted-ascending" onclick="registryUI.taglist.reverse(this);">Tag</th>
</tr>
</thead>
<tbody>
<tr each="{ item in registryUI.taglist.tags }">
<td class="mdl-data-table__cell--non-numeric">{ registryUI.taglist.name }</td>
<td>{ item }</td>
</tr>
</tbody>
</table>
</div>
<div id="error-snackbar" aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-js-snackbar mdl-snackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button"></button>
</div>
</div>
<script> <script>
registryUI.taglist.instance = this; registryUI.taglist.instance = this;
registryUI.taglist.instance.update();
this.on('updated', function() {
componentHandler.upgradeElements(this['taglist-tag']);
})
registryUI.taglist.display = function (name){
registryUI.content = 'taglist';
var oReq = new XMLHttpRequest();
registryUI.taglist.name = name;
registryUI.taglist.createSnackbar = function (msg) {
var snackbar = document.querySelector('#error-snackbar');
registryUI.taglist.error = msg;
var data = {
message: registryUI.taglist.error,
timeout: 100000,
actionHandler: function(){
snackbar.classList.remove('mdl-snackbar--active');
},
actionText: 'Undo'
};
snackbar.MaterialSnackbar.showSnackbar(data);
};
oReq.addEventListener('load', function () {
if (this.status == 200) {
registryUI.taglist.tags = JSON.parse(this.responseText).tags.sort();
} else if (this.status == 404) {
registryUI.taglist.createSnackbar('Server not found');
} else {
registryUI.taglist.createSnackbar(this.responseText);
}
});
oReq.addEventListener('error', function () {
registryUI.taglist.createSnackbar('An error occured');
});
oReq.addEventListener('loadend', function () {
registryUI.taglist.loadend = true;
registryUI.taglist.instance.update();
});
oReq.open('GET', registryUI.url() + '/v2/' + name + '/tags/list');
oReq.withCredentials = false;
oReq.send();
riot.update();
}
registryUI.taglist.reverse = function (th){
if (th.className == 'mdl-data-table__header--sorted-ascending') {
th.className = 'mdl-data-table__header--sorted-descending';
} else {
th.className = 'mdl-data-table__header--sorted-ascending';
}
registryUI.taglist.tags.reverse();
registryUI.taglist.instance.update(); registryUI.taglist.instance.update();
}; this.on('updated', function () {
</script> componentHandler.upgradeElements(this['taglist-tag']);
<!-- End of tag --> })
registryUI.taglist.display = function (name) {
registryUI.content = 'taglist';
var oReq = new XMLHttpRequest();
registryUI.taglist.name = name;
registryUI.taglist.createSnackbar = function (msg) {
var snackbar = document.querySelector('#error-snackbar');
registryUI.taglist.error = msg;
var data = {
message: registryUI.taglist.error,
timeout: 100000,
actionHandler: function () {
snackbar.classList.remove('mdl-snackbar--active');
},
actionText: 'Undo'
};
snackbar.MaterialSnackbar.showSnackbar(data);
};
oReq.addEventListener('load', function () {
if (this.status == 200) {
registryUI.taglist.tags = JSON.parse(this.responseText).tags.sort();
} else if (this.status == 404) {
registryUI.taglist.createSnackbar('Server not found');
} else {
registryUI.taglist.createSnackbar(this.responseText);
}
});
oReq.addEventListener('error', function () {
registryUI.taglist.createSnackbar('An error occured');
});
oReq.addEventListener('loadend', function () {
registryUI.taglist.loadend = true;
registryUI.taglist.instance.update();
});
oReq.open('GET', registryUI.url() + '/v2/' + name + '/tags/list');
oReq.withCredentials = false;
oReq.send();
riot.update();
}
registryUI.taglist.reverse = function (th) {
if (th.className == 'mdl-data-table__header--sorted-ascending') {
th.className = 'mdl-data-table__header--sorted-descending';
} else {
th.className = 'mdl-data-table__header--sorted-ascending';
}
registryUI.taglist.tags.reverse();
registryUI.taglist.instance.update();
};
</script>
<!-- End of tag -->
</taglist> </taglist>