diff --git a/.gitignore b/.gitignore index 476bcfa..b0b6314 100644 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,4 @@ node_modules package-lock.json registry-data +.idea \ No newline at end of file diff --git a/src/images/docker-logo.svg b/src/images/docker-logo.svg new file mode 100644 index 0000000..92c9cd2 --- /dev/null +++ b/src/images/docker-logo.svg @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/index.html b/src/index.html index f002241..33eec22 100644 --- a/src/index.html +++ b/src/index.html @@ -39,6 +39,8 @@ + + diff --git a/src/scripts/script.js b/src/scripts/script.js index 25e9de7..9790be4 100644 --- a/src/scripts/script.js +++ b/src/scripts/script.js @@ -110,6 +110,7 @@ registryUI.decodeURI = function(url) { registryUI.isImageRemoveActivated = true; registryUI.catalog = {}; registryUI.taglist = {}; +registryUI.taghistory = {}; window.addEventListener('DOMContentLoaded', function() { riot.mount('*'); diff --git a/src/scripts/static.js b/src/scripts/static.js index 744fa40..45a32ed 100644 --- a/src/scripts/static.js +++ b/src/scripts/static.js @@ -24,6 +24,7 @@ registryUI.name = function() { registryUI.isImageRemoveActivated = true; registryUI.catalog = {}; registryUI.taglist = {}; +registryUI.taghistory = {}; window.addEventListener('DOMContentLoaded', function() { riot.mount('*'); diff --git a/src/style.css b/src/style.css index 9942654..2e7d2f0 100644 --- a/src/style.css +++ b/src/style.css @@ -15,7 +15,7 @@ * along with this program. If not, see . */ -html>body { +html > body { font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important; } @@ -94,12 +94,12 @@ h2 { list-style: none; } -.list.highlight>li:hover { +.list.highlight > li:hover { background-color: #eee; cursor: pointer; } -.list>li { +.list > li { box-sizing: border-box; line-height: 1; height: 48px; @@ -107,7 +107,7 @@ h2 { overflow: hidden; } -.list>li i.material-icons { +.list > li i.material-icons { margin-right: 32px; height: 24px; width: 24px; @@ -116,7 +116,7 @@ h2 { color: #757575; } -.list>li>span { +.list > li > span { height: 100%; text-decoration: none; box-sizing: border-box; @@ -322,6 +322,114 @@ select { padding: 12px 5px; } +.show-tag-history { + width: 30px; + text-align: center; +} + +.remove-tag { + padding: 12px 5px; + width: 30px; + text-align: center; +} + .copy-to-clipboard a:hover { cursor: pointer; +} + +material-card.tag-history{ + margin-bottom: 0; +} +.tag-history-element { + margin-top:5px; + margin-bottom: 0; +} + +.tag-history-element > div { + padding: 20px; + min-width: 100px; +} + +.tag-history-element i { + font-size: 20px; + padding: 0px; +} + +.tag-history-element .created i:after { + content: 'event'; +} + +.tag-history-element .config i:after { + content: 'build'; +} + +.tag-history-element .config .value:after, +.tag-history-element .container_config .value:after { + content: 'WIP for display of config value'; + font-style: italic; + font-size: 12px; +} + +.tag-history-element .container_config i:after { + content: 'code'; +} + +.tag-history-element .throwaway i:after { + content: 'eject'; +} + +.tag-history-element .parent i:after { + content: 'supervisor_account'; +} + +.tag-history-element .architecture i:after { + content: 'memory'; +} + +.tag-history-element .os i:after { + content: 'developer_board'; +} + +.tag-history-element .container i:after { + content: 'dns'; +} + +.tag-history-element .id i:after { + content: 'settings_ethernet'; +} + +.tag-history-element .docker_version { + background-size: 35px auto; + background-image: url("images/docker-logo.svg"); + background-repeat: no-repeat; + background-position: 11px 20px; +} + +.tag-history-element > div { + display: block; + width: 420px; + float: left; +} + +.tag-history-element .docker_version div.headline { + padding-left: 10px; +} + +.tag-history-element .headline p { + font-weight: bold; + line-height: 20px; + position: relative; + display: inline; + top: -4px; +} + +.tag-history-element .id div.value, +.tag-history-element .container div.value, +.tag-history-element .parent div.value { + font-size: 12px; +} + +tag-history-button button { + background: none; + border: none; } \ No newline at end of file diff --git a/src/tags/app.tag b/src/tags/app.tag index 4409b75..c527047 100644 --- a/src/tags/app.tag +++ b/src/tags/app.tag @@ -1,18 +1,18 @@
@@ -24,6 +24,7 @@
+ @@ -31,7 +32,8 @@