diff --git a/add.tag b/add.tag index 3fdc896..01476bc 100644 --- a/add.tag +++ b/add.tag @@ -1,58 +1,57 @@ - -

Add your Server ?

-
-
- - -
-
-
- - -
- + +

Add your Server ?

+
+
+ + +
+
+
+ + +
+ + diff --git a/catalog.tag b/catalog.tag index 49f3a6e..5fc0d5b 100644 --- a/catalog.tag +++ b/catalog.tag @@ -1,82 +1,85 @@ - -
-
-
-

Repositories of { registryUI.url() }

+ +
+
+
+

Repositories of { registryUI.url() }

+
+ +
    +
  • + + send + { item } + +
    • +
+
+
+
+ +
- -
    -
  • - - send { item } - -
    • -
-
-
-
- -
-
- - + catalog.display(); + + diff --git a/change.tag b/change.tag index 0650ef5..bc234de 100644 --- a/change.tag +++ b/change.tag @@ -1,11 +1,11 @@ - -

Change your Server ?

-
-
- -
-
-
- - -
- + +

Change your Server ?

+
+
+ +
+
+
+ + +
+ + diff --git a/index.html b/index.html index fafcf95..0de3690 100644 --- a/index.html +++ b/index.html @@ -1,67 +1,70 @@ + - - - - - - - -Docker Registry UI + + + + + + + + Docker Registry UI + - -
-
-
- - Docker Registry UI - -
-
-
-
- - + +
+
+
+ + Docker Registry UI + +
+
+
+
+ + +
+
+ + +
-
- - - -
- - - - - - - - - + + + + + + + + + + diff --git a/menu.tag b/menu.tag index bde5f07..b3c87cf 100644 --- a/menu.tag +++ b/menu.tag @@ -1,36 +1,36 @@ -
- -
    -
  • Add URL
    • -
  • Change URL
    • -
-
+
+ +
    +
  • Add URL
    • +
  • Change URL
    • +
+
- + diff --git a/script.js b/script.js index 726e3d8..c186cae 100644 --- a/script.js +++ b/script.js @@ -15,10 +15,10 @@ * along with this program. If not, see . */ var registryUI = {} -registryUI.url = function () { +registryUI.url = function() { return registryUI.getRegistryServer(0); } -registryUI.getRegistryServer = function (i) { +registryUI.getRegistryServer = function(i) { try { var res = JSON.parse(localStorage.getItem('registryServer')); if (res instanceof Array) { @@ -27,7 +27,7 @@ registryUI.getRegistryServer = function (i) { } catch (e) {} return (!isNaN(i)) ? '' : []; } -registryUI.addServer = function (url) { +registryUI.addServer = function(url) { var registryServer = registryUI.getRegistryServer(); url = url.trim(); var index = registryServer.indexOf(url); @@ -37,7 +37,7 @@ registryUI.addServer = function (url) { registryServer.push(url); localStorage.setItem('registryServer', JSON.stringify(registryServer)); } -registryUI.changeServer = function (url) { +registryUI.changeServer = function(url) { var registryServer = registryUI.getRegistryServer(); url = url.trim(); var index = registryServer.indexOf(url); @@ -45,7 +45,7 @@ registryUI.changeServer = function (url) { return; } registryServer.splice(index, 1); - registryServer = [ url ].concat(registryServer); + registryServer = [url].concat(registryServer); registryUI.registryServer.servers = registryServer; localStorage.setItem('registryServer', JSON.stringify(registryServer)); } diff --git a/style.css b/style.css index e8c6777..e62a2c1 100644 --- a/style.css +++ b/style.css @@ -14,9 +14,9 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ - + html > body { - font-family: 'Roboto','Helvetica','Arial',sans-serif !important; + font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important; } .mdl-mini-footer { @@ -31,6 +31,7 @@ html > body { .section-centerd { margin: auto; } + .mdl-data-table th { font-size: 18px; } diff --git a/taglist.tag b/taglist.tag index d7ad040..23edda2 100644 --- a/taglist.tag +++ b/taglist.tag @@ -1,103 +1,104 @@ - -
-
-
- arrow_back -

Tags of { registryUI.url() + '/' + registryUI.taglist.name }

+ +
+
+
+ + arrow_back + +

Tags of { registryUI.url() + '/' + registryUI.taglist.name }

+
+ + + + + + + + + + + + + + +
RepositoryTag
{ registryUI.taglist.name }{ item }
+
+
+
+ +
- - - - - - - - - - - - - - -
RepositoryTag
{ registryUI.taglist.name }{ item }
-
-
-
- -
-
- - + 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(); + }; + +