build: release 1.5.2 with footer fix

fixes: #168

.github/workflows/main.yml

@@ -0,0 +1,40 @@
+name: Build and pus master/main docker images
+
+on:
+  push:
+    branches: [ master, main ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Set up QEMU
+      uses: docker/setup-qemu-action@v1
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v1
+    - name: Login to DockerHub
+      uses: docker/login-action@v1
+      with:
+        username: ${{ secrets.DOCKERHUB_USERNAME }}
+        password: ${{ secrets.DOCKERHUB_TOKEN }}
+    - name: Build and push Standard Version
+      uses: docker/build-push-action@v2
+      with:
+        context: .
+        file: ./Dockerfile
+        platforms: linux/386,linux/amd64,linux/arm/v6,linux/arm/v7,linux/arm64,linux/ppc64le,linux/s390x
+        push: true
+        tags: |
+          joxit/docker-registry-ui:master
+          joxit/docker-registry-ui:main
+    - name: Build and push Static version
+      uses: docker/build-push-action@v2
+      with:
+        context: .
+        file: ./static.dockerfile
+        platforms: linux/386,linux/amd64,linux/arm/v6,linux/arm/v7,linux/arm64,linux/ppc64le,linux/s390x
+        push: true
+        tags: |
+          joxit/docker-registry-ui:master-static
+          joxit/docker-registry-ui:main-static

.github/workflows/release.yml

@@ -0,0 +1,64 @@
+name: Release
+
+on:
+  push:
+    tags: '*'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Install
+      run: npm install
+    - name: Build
+      run: npm run build
+    - name: Current tag
+      id: current-tag
+      run: echo "::set-output name=tag::$(git describe --tags | grep -o '^[0-9]*\.[0-9]*')"
+    - name: Download kokai
+      run: curl -sSL https://github.com/Joxit/kokai/releases/download/$(curl -sSL https://api.github.com/repos/Joxit/kokai/releases/latest | jq -r ".tag_name")/kokai-linux-x86_64 > kokai
+    - name: Create Release Note
+      run: chmod +x kokai && ./kokai release --ref ${{ github.ref }} --tag-from-ref . > RELEASE_NOTE.md
+    - name: Create Release
+      id: create_release
+      uses: actions/create-release@v1
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        tag_name: ${{ github.ref }}
+        release_name: Release ${{ github.ref }}
+        body_path: RELEASE_NOTE.md
+        draft: false
+        prerelease: false
+    - name: Set up QEMU
+      uses: docker/setup-qemu-action@v1
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v1
+    - name: Login to DockerHub
+      uses: docker/login-action@v1
+      with:
+        username: ${{ secrets.DOCKERHUB_USERNAME }}
+        password: ${{ secrets.DOCKERHUB_TOKEN }}
+    - name: Build and push Standard Version
+      uses: docker/build-push-action@v2
+      with:
+        context: .
+        file: ./Dockerfile
+        platforms: linux/386,linux/amd64,linux/arm/v6,linux/arm/v7,linux/arm64,linux/ppc64le,linux/s390x
+        push: true
+        tags: |
+          joxit/docker-registry-ui:master
+          joxit/docker-registry-ui:${{steps.current-tag.outputs.tag}}
+    - name: Build and push Static version
+      uses: docker/build-push-action@v2
+      with:
+        context: .
+        file: ./static.dockerfile
+        platforms: linux/386,linux/amd64,linux/arm/v6,linux/arm/v7,linux/arm64,linux/ppc64le,linux/s390x
+        push: true
+        tags: |
+          joxit/docker-registry-ui:master-static
+          joxit/docker-registry-ui:${{steps.current-tag.outputs.tag}}-static

CONTRIBUTORS.md

@@ -28,11 +28,10 @@
 - [@wuyue92tree](https://github.com/wuyue92tree)
 - Giovanni Toraldo [@gionn](https://github.com/gionn)
 - [@marcusblake](https://github.com/marcusblake)
-- Dario [@pidario](https://github.com/pidario)
+- Dario Piombo [@pidario](https://github.com/pidario)
 - Jernej K. [@Cvetk0](https://github.com/Cvetk0)
 - Cristian Posoiu [@cr1st1p](https://github.com/cr1st1p)
 - Sepp Zuther [@Herr-Sepp](https://github.com/Herr-Sepp)
 - Tomas Hulata [@tombokombo](https://github.com/tombokombo)
 - Ben Jackson [@bjj](https://github.com/bjj)
-- 三十文 [@xfduan](https://github.com/xfduan)
-- Dario Piombo [@pidario](https://github.com/pidario)
+- 三十文 [@xfduan](https://github.com/xfduan)

README.md

@@ -10,13 +10,13 @@ title: Docker Registry User Interface
 ## Overview
 
 This project aims to provide a simple and complete user interface for your private docker registry.
-You have the choice between two versions, the **standard interface** and the **static interface**.
+You have the choice between two versions, the **standard interface** (`joxit/docker-registry-ui:latest`) and the **static interface** (`joxit/docker-registry-ui:static`).
 
 In the **standard interface**, there is no default registry, you need to add your own within the UI.
-You can manage more than one registry server.
+With this version, you can manage **more than one** registry server but all the environment variables will be **unavailable**.
 All registries will be stored in the [local storage](https://en.wikipedia.org/wiki/Web_storage#Local_and_session_storage) of your browser. No configuration is needed when you launch the UI.
 
-In the **static interface**, it will connect to a single registry and will not change. The configuration is done at the start of the interface, when you use the docker images whose tags contain the `static` keyword.
+In the **static interface**, it will connect to a single registry and will not change. The configuration is done at the start of the interface, when you use the docker images whose tags contain the `static` keyword. With this version, you can manage **only one registry** and all environment variables will be **available**.
 
 This web user interface uses [Riot](https://github.com/Riot/riot) the react-like user interface micro-library and [riot-mui](https://github.com/kysonic/riot-mui) components.
 
@@ -46,12 +46,14 @@ This web user interface uses [Riot](https://github.com/Riot/riot) the react-like
 -   Add Title when using `REGISTRY_URL` (see [#28](https://github.com/Joxit/docker-registry-ui/issues/28)) **static interface**.
 -   Customise docker pull command on static registry UI (see [#71](https://github.com/Joxit/docker-registry-ui/issues/71)) **static interface**.
 -   Add custom header via environment variable and file via `NGINX_PROXY_HEADER_*` (see [#89](https://github.com/Joxit/docker-registry-ui/pull/89)) **static interface**
--   Show/Hide content digest in taglist via `SHOW_CONTENT_DIGEST` (values are: [`true`, `false`], default: `true`) (see [#126](https://github.com/Joxit/docker-registry-ui/issues/126)).
--   Limit the number of elements in the image list via `CATALOG_ELEMENTS_LIMIT` (see [#127](https://github.com/Joxit/docker-registry-ui/pull/127)).
+-   Show/Hide content digest in taglist via `SHOW_CONTENT_DIGEST` (values are: [`true`, `false`], default: `true`) (see [#126](https://github.com/Joxit/docker-registry-ui/issues/126)) **static interface**.
+-   Limit the number of elements in the image list via `CATALOG_ELEMENTS_LIMIT` (see [#127](https://github.com/Joxit/docker-registry-ui/pull/127)) **static interface**.
 -   Multi arch support in history page (see [#130](https://github.com/Joxit/docker-registry-ui/issues/130) and [#134](https://github.com/Joxit/docker-registry-ui/pull/134))
 
 ## FAQ
 
+-   What is the difference between **`joxit/docker-registry-ui:latest`** and **`joxit/docker-registry-ui:static`** tags ?
+    -    The `latest` tag was the first version of the project, one UI for many docker registries. The `static` tag allows you to have an interface for a single registry and also allows you select your features.
 -   Why, when I delete all tags of an image, the image is still in the UI ?
     -   This is a limitation of docker registry, the garbage collector don't remove empty images. If you want to delete dangling images, you will need to delete the folder in your registry data. (see [#77](https://github.com/Joxit/docker-registry-ui/issues/77))
 -   Why the image size in the UI is not the same as displayed during `docker images` ?
@@ -72,81 +74,27 @@ This web user interface uses [Riot](https://github.com/Riot/riot) the react-like
     -   Yes, check out the example [here](https://github.com/Joxit/docker-registry-ui/tree/master/examples/electron). (see [#129](https://github.com/Joxit/docker-registry-ui/pull/129))
 -   I deleted images through the UI, but they are still present on the server. How can I delete them?
     - When you delete an image with the UI, only the reference is deleted and not the content. To remove dangling images, you need to run the garbage collector of the registry with the command `registry garbage-collect config.yml` or `docker exec registry registry garbage-collect config.yml`. (see [#77](https://github.com/Joxit/docker-registry-ui/issues/77) [#147](https://github.com/Joxit/docker-registry-ui/issues/147))
+-   Why when I delete one tag, all tags with the same SHA are deleted ?
+    - This a docker registry API limitation, there is only one way to [delete images with tag](https://docs.docker.com/registry/spec/api/#deleting-an-image), it's by its `name` and its `manifest` (it's a sha of the content). So when you delete a tag, this will delete all tags of this image with the same SHA/manifest.
+
 
 Need more informations ? Try my [examples](https://github.com/Joxit/docker-registry-ui/tree/master/examples) or open an issue.
 
 ## Getting Started
 
-### Basic
+The docker image contains the source code and nginx in order to serve the docker-registry-ui. Please remember the difference between the **standard interface** (`latest` tag) and **static interface** (`static` tags).
 
-First you need node and npm in order to download dependencies.
+### Run the standard interface
+
+You can run the standard interface see the website on your 80 port. You will be able to use the interface for **many registry servers**, but all the configuration via environment variables from the static interface will be **unavailable**.
 
 ```sh
-git clone https://github.com/Joxit/docker-registry-ui.git
-cd docker-registry-ui
-npm install
+docker run -d -p 80:80 joxit/docker-registry-ui:latest
 ```
 
-Now you can open index.html with your browser or use a http-server
+### Run the static interface
 
-```sh
-npm install -g http-server
-http-server
-```
-
-### Docker
-
-The docker contains the source code and a node webserver in order to serve the docker-registry-ui.
-
-#### Get the docker image
-
-You can get the image in three ways
-
-From sources with this command:
-
-```sh
-git clone https://github.com/Joxit/docker-registry-ui.git
-# Alpine
-docker build -t joxit/docker-registry-ui:latest docker-registry-ui
-docker build -t joxit/docker-registry-ui:static -f docker-registry-ui/static.dockerfile docker-registry-ui
-# Debian
-docker build -t joxit/docker-registry-ui:debian -f docker-registry-ui/debian.dockerfile docker-registry-ui
-docker build -t joxit/docker-registry-ui:static -f docker-registry-ui/debian-static.dockerfile docker-registry-ui
-```
-
-Or build with the url:
-
-```sh
-# Alpine
-docker build -t joxit/docker-registry-ui:latest github.com/Joxit/docker-registry-ui
-docker build -t joxit/docker-registry-ui:static -f static.dockerfile github.com/Joxit/docker-registry-ui
-# Debian
-docker build -t joxit/docker-registry-ui:debian -f debian.dockerfile github.com/Joxit/docker-registry-ui
-docker build -t joxit/docker-registry-ui:debian-static -f debian-static.dockerfile github.com/Joxit/docker-registry-ui
-```
-
-Or pull the image from [docker hub](https://hub.docker.com/r/joxit/docker-registry-ui/):
-
-```sh
-# Alpine
-docker pull joxit/docker-registry-ui:latest
-docker pull joxit/docker-registry-ui:static
-# Debian
-docker pull joxit/docker-registry-ui:debian
-docker pull joxit/docker-registry-ui:debian-static
-```
-
-#### Run the docker
-
-To run the docker and see the website on your 80 port, try this:
-
-```sh
-docker run -d -p 80:80 joxit/docker-registry-ui
-```
-
-#### Run the static interface
-
-Some env options are available for use this interface for only one server.
+Some env options are available for use this interface for **only one server**.
 
 -   [`URL`](https://github.com/Joxit/docker-registry-ui/tree/master/examples/ui-as-standalone): set the static URL to use (You will need CORS configuration). Example: `http://127.0.0.1:5000`. (`Required`)
 -   [`REGISTRY_URL`](https://github.com/Joxit/docker-registry-ui/tree/master/examples/ui-as-proxy): your docker registry URL to contact (CORS configuration is not needed). Example: `http://my-docker-container:5000`. (Can't be used with `URL`, since 0.3.2).
@@ -154,6 +102,8 @@ Some env options are available for use this interface for only one server.
 -   `REGISTRY_TITLE`: Set a custom title for your user interface when using `REGISTRY_URL` (since 0.3.4).
 -   `PULL_URL`: Set a custom url for the docker pull command, this is useful when you use `REGISTRY_URL` and your registry is on a different host (since 1.1.0).
 -   [`NGINX_PROXY_HEADER_*`](https://github.com/Joxit/docker-registry-ui/tree/master/examples/proxy-headers): Set custom headers for your docker registry, usefull when you want to add your credentials. (Can be use only with `REGISTRY_URL`).
+-   [`SHOW_CONTENT_DIGEST`](https://github.com/Joxit/docker-registry-ui/issues/126): Show content digest in docker tag list. Default: `true`.
+-   [`CATALOG_ELEMENTS_LIMIT`](https://github.com/Joxit/docker-registry-ui/pull/132): Limit the number of elements in the catalog page. Default: `100000`.
 
 Example with `URL` option.
 
@@ -213,6 +163,8 @@ http:
     Access-Control-Expose-Headers: ['Docker-Content-Digest']
 ```
 
+If you are running the **static interface** don't forget the environment variable `DELETE_IMAGES`.
+
 ## Registry example
 
 Example of docker registry configuration file:
@@ -261,3 +213,4 @@ check out the [Electron](examples/electron/README.md) standalone application.
 - [Add custom headers bases on environment variable and/or file when the ui is used as proxy](https://github.com/Joxit/docker-registry-ui/tree/master/examples/proxy-headers) ([#89](https://github.com/Joxit/docker-registry-ui/pull/89))
 - [UI showing same sha256 content digest for all tags + Delete is not working](https://github.com/Joxit/docker-registry-ui/tree/master/examples/issue-116) ([#116](https://github.com/Joxit/docker-registry-ui/issues/116))
 - [Electron-based Standalone Application](https://github.com/Joxit/docker-registry-ui/tree/master/examples/electron) ([#129](https://github.com/Joxit/docker-registry-ui/pull/129))
+- [Use docker-registry-ui as proxy with read-only right](https://github.com/Joxit/docker-registry-ui/tree/master/examples/read-only-auth) ([#47](https://github.com/Joxit/docker-registry-ui/issues/47))

examples/README.md

@@ -8,4 +8,6 @@
 - [Use docker-registry-ui with HTTPS](https://github.com/Joxit/docker-registry-ui/tree/master/examples/issue-20) ([#20](https://github.com/Joxit/docker-registry-ui/issues/20))
 - [Unable to push image when docker-registry-ui is used as a proxy on non 80 port](https://github.com/Joxit/docker-registry-ui/tree/master/examples/issue-88) ([#88](https://github.com/Joxit/docker-registry-ui/issues/88))
 - [Add custom headers bases on environment variable and/or file when the ui is used as proxy](https://github.com/Joxit/docker-registry-ui/tree/master/examples/proxy-headers) ([#89](https://github.com/Joxit/docker-registry-ui/pull/89))
-- [UI showing same sha256 content digest for all tags + Delete is not working](https://github.com/Joxit/docker-registry-ui/tree/master/examples/issue-116) ([#116](https://github.com/Joxit/docker-registry-ui/issues/116))
+- [UI showing same sha256 content digest for all tags + Delete is not working](https://github.com/Joxit/docker-registry-ui/tree/master/examples/issue-116) ([#116](https://github.com/Joxit/docker-registry-ui/issues/116))
+- [Electron-based Standalone Application](https://github.com/Joxit/docker-registry-ui/tree/master/examples/electron) ([#129](https://github.com/Joxit/docker-registry-ui/pull/129))
+- [Use docker-registry-ui as proxy with read-only right](https://github.com/Joxit/docker-registry-ui/tree/master/examples/read-only-auth) ([#47](https://github.com/Joxit/docker-registry-ui/issues/47))

examples/read-only-auth/README.md

@@ -0,0 +1,10 @@
+# Docker registry with read only access
+
+This is the configuration for a docker registry UI using `REGISTRY_URL` (as a proxy) with read only access to the registry.
+
+There are two htpasswd files. `read-write.htpasswd` a read and write access to the registry and `read-only.htpasswd` for a read only access.
+
+All users in `read-only.htpasswd` should be in `read-write.htpasswd`.
+
+Read only user: login: `read` password: `regisrty`.
+Read and write user: login: `write` password: `regisrty`.

examples/read-only-auth/docker-compose.yml

@@ -0,0 +1,27 @@
+version: '2.0'
+services:
+  registry:
+    image: registry:2.7
+    volumes:
+      - ./registry-data:/var/lib/registry
+      - ./registry.yml:/etc/docker/registry/config.yml
+    networks:
+      - registry-ui-net
+
+  ui:
+    image: joxit/docker-registry-ui:static
+    ports:
+      - 80:80
+    environment:
+      - REGISTRY_TITLE=My Private Docker Registry
+      - REGISTRY_URL=http://registry:5000
+    volumes:
+      - ./nginx.conf:/etc/nginx/conf.d/default.conf
+      - ./read-write.htpasswd:/etc/nginx/auth/read-write.htpasswd:ro
+      - ./read-only.htpasswd:/etc/nginx/auth/read-only.htpasswd
+    depends_on:
+      - registry
+    networks:
+      - registry-ui-net
+networks:
+  registry-ui-net:

examples/read-only-auth/nginx.conf

@@ -0,0 +1,55 @@
+server {
+    listen       80;
+    server_name  localhost;
+#!    resolver 127.0.0.11; # This is for docker container name resolver
+    #charset koi8-r;
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    # disable any limits to avoid HTTP 413 for large image uploads
+    client_max_body_size 0;
+
+    # required to avoid HTTP 411: see Issue #1486 (https://github.com/moby/moby/issues/1486)
+    chunked_transfer_encoding on;
+    # required for strict SNI checking: see Issue #70 (https://github.com/Joxit/docker-registry-ui/issues/70)
+    proxy_ssl_server_name on;
+    proxy_buffering off;
+    proxy_ignore_headers "X-Accel-Buffering";
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+    }
+
+    location /v2 {
+        # Do not allow connections from docker 1.5 and earlier
+        # docker pre-1.6.0 did not properly set the user agent on ping, catch "Go *" user agents
+        if ($http_user_agent ~ "^(docker\/1\.(3|4|5(?!\.[0-9]-dev))|Go ).*$" ) {
+            return 404;
+        }
+        # To add basic authentication to v2 use auth_basic setting.
+        auth_basic "Registry realm";
+        auth_basic_user_file /etc/nginx/auth/read-write.htpasswd;
+        # For requests that *aren't* a PUT, POST, or DELETE
+        limit_except PUT POST DELETE {
+          auth_basic_user_file /etc/nginx/auth/read-only.htpasswd;
+        }
+
+        proxy_pass http://registry:5000;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+}

examples/read-only-auth/read-only.htpasswd

@@ -0,0 +1,2 @@
+read:$2y$05$NHpWy4HuCM8Ol2wZJsf6/.cJtGgv61jWzHTCYt/WntzRLDse1IuVO
+write:$2y$05$aqLmS1hXojRnubpSN4aVDeZ8wLhJtmQr4v0NiZl4KHUHXhDVnyoQm

examples/read-only-auth/read-write.htpasswd

@@ -0,0 +1 @@
+write:$2y$05$aqLmS1hXojRnubpSN4aVDeZ8wLhJtmQr4v0NiZl4KHUHXhDVnyoQm

examples/read-only-auth/registry.yml

@@ -0,0 +1,21 @@
+version: 0.1
+log:
+  fields:
+    service: registry
+storage:
+  delete:
+    enabled: true
+  cache:
+    blobdescriptor: inmemory
+  filesystem:
+    rootdirectory: /var/lib/registry
+http:
+  addr: :5000
+  headers:
+    X-Content-Type-Options: [nosniff]
+    Access-Control-Allow-Origin: ['http://localhost']
+    Access-Control-Allow-Methods: ['HEAD', 'GET', 'OPTIONS', 'DELETE']
+    Access-Control-Allow-Headers: ['Authorization', 'Accept']
+    Access-Control-Max-Age: [1728000]
+    Access-Control-Allow-Credentials: [true]
+    Access-Control-Expose-Headers: ['Docker-Content-Digest']

gulpfile.js

@@ -16,7 +16,7 @@ const useref = require('gulp-useref');
 const injectVersion = require('gulp-inject-version');
 const merge = require('stream-series');
 
-const allTags = ['src/tags/*.tag', 'src/tags/dialogs/*.tag'];
+const allTags = ['src/tags/*.riot', 'src/tags/dialogs/*.riot'];
 
 const allScripts = [
   'src/scripts/http.js',
@@ -24,7 +24,7 @@ const allScripts = [
   'src/scripts/utils.js'
 ];
 
-const staticTags = ['src/tags/*.tag'];
+const staticTags = ['src/tags/*.riot'];
 
 const staticScripts = [
   'src/scripts/http.js',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docker-registry-ui",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "scripts": {
     "build": "./node_modules/gulp/bin/gulp.js build",
     "build:electron": "npm run build && cd examples/electron && npm install && npm run dist"

src/index.html

@@ -43,24 +43,24 @@
   <script src="../node_modules/riot-mui/build/js/riot-mui.js"></script>
   <!-- endbuild -->
   <!-- build:js scripts/docker-registry-ui.js -->
-  <script src="tags/catalog.tag" type="riot/tag"></script>
-  <script src="tags/catalog-element.tag" type="riot/tag"></script>
-  <script src="tags/tag-history-button.tag" type="riot/tag"></script>
-  <script src="tags/tag-history.tag" type="riot/tag"></script>
-  <script src="tags/tag-history-element.tag" type="riot/tag"></script>
-  <script src="tags/taglist.tag" type="riot/tag"></script>
-  <script src="tags/image-tag.tag" type="riot/tag"></script>
-  <script src="tags/remove-image.tag" type="riot/tag"></script>
-  <script src="tags/copy-to-clipboard.tag" type="riot/tag"></script>
-  <script src="tags/dialogs/add.tag" type="riot/tag"></script>
-  <script src="tags/dialogs/change.tag" type="riot/tag"></script>
-  <script src="tags/dialogs/remove.tag" type="riot/tag"></script>
-  <script src="tags/dialogs/menu.tag" type="riot/tag"></script>
-  <script src="tags/image-size.tag" type="riot/tag"></script>
-  <script src="tags/image-date.tag" type="riot/tag"></script>
-  <script src="tags/image-content-digest.tag" type="riot/tag"></script>
-  <script src="tags/pagination.tag" type="riot/tag"></script>
-  <script src="tags/app.tag" type="riot/tag"></script>
+  <script src="tags/catalog.riot" type="riot/tag"></script>
+  <script src="tags/catalog-element.riot" type="riot/tag"></script>
+  <script src="tags/tag-history-button.riot" type="riot/tag"></script>
+  <script src="tags/tag-history.riot" type="riot/tag"></script>
+  <script src="tags/tag-history-element.riot" type="riot/tag"></script>
+  <script src="tags/taglist.riot" type="riot/tag"></script>
+  <script src="tags/image-tag.riot" type="riot/tag"></script>
+  <script src="tags/remove-image.riot" type="riot/tag"></script>
+  <script src="tags/copy-to-clipboard.riot" type="riot/tag"></script>
+  <script src="tags/dialogs/add.riot" type="riot/tag"></script>
+  <script src="tags/dialogs/change.riot" type="riot/tag"></script>
+  <script src="tags/dialogs/remove.riot" type="riot/tag"></script>
+  <script src="tags/dialogs/menu.riot" type="riot/tag"></script>
+  <script src="tags/image-size.riot" type="riot/tag"></script>
+  <script src="tags/image-date.riot" type="riot/tag"></script>
+  <script src="tags/image-content-digest.riot" type="riot/tag"></script>
+  <script src="tags/pagination.riot" type="riot/tag"></script>
+  <script src="tags/app.riot" type="riot/tag"></script>
   <script src="scripts/http.js"></script>
   <script src="scripts/script.js"></script>
   <script src="scripts/utils.js"></script>

src/style.css

@@ -24,10 +24,6 @@ html, body {
   height: 100%;
 }
 
-main {
-  margin-bottom: 100px;
-}
-
 .section-centerd {
   margin: auto;
 }
@@ -384,31 +380,18 @@ material-popup .popup {
 
 footer {
   width: 100%;
-  position: fixed;
   z-index: 75;
   bottom: 0;
 }
 
-@media screen and (max-height: 750px) {
-  main {
-    min-height: calc(100% - 164px - 2.5em);
-    margin-bottom: 2em;
-  }
-  footer {
-    position: relative;
-  }
+main {
+  min-height: calc(100% - 136px);
 }
 
 material-footer {
   padding: 0.5em 1em;
 }
 
-@media screen and (min-width: 760px) and (max-height: 750px) {
-  main {
-    min-height: calc(100% - 144px - 2.5em);
-  }
-}
-
 .select-padding {
   padding: 20px 0;
 }

src/tags/app.riot

@@ -45,7 +45,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 
     </material-footer>
   </footer>
-  <script>
+  <script type="text/javascript">
     registryUI.appTag = this;
     route.base('#!');
     route('', function() {

src/tags/catalog-element.riot

@@ -30,7 +30,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     </material-card>
     <catalog-element if="{typeof opts.item !== "string"}" class="animated {hide: !expanded, expanding: expanding}" each="{item in item.images}" />
   </div>
-  <script>
+  <script type="text/javascript">
     this.on('mount', function() {
       const self = this;
       const card = this.tags['material-card'];

src/tags/catalog.riot

@@ -28,7 +28,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     <material-spinner></material-spinner>
   </div>
   <catalog-element each="{ item in registryUI.catalog.repositories }" />
-  <script>
+  <script type="text/javascript">
     registryUI.catalog.instance = this;
     registryUI.catalog.display = function() {
       registryUI.catalog.repositories = [];
@@ -41,7 +41,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
           }
           registryUI.catalog.repositories = JSON.parse(this.responseText).repositories || [];
           registryUI.catalog.repositories.sort();
-          registryUI.catalog.length = registryUI.catalog.repositories.length;         registryUI.catalog.repositories = registryUI.catalog.repositories.reduce(function(acc, e) {
+          registryUI.catalog.length = registryUI.catalog.repositories.length;
+          registryUI.catalog.repositories = registryUI.catalog.repositories.reduce(function(acc, e) {
             const slash = e.indexOf('/');
             if (slash > 0) {
               const repoName = e.substring(0, slash) + '/';

src/tags/pagination.riot

@@ -18,18 +18,19 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   <!-- Begin of tag -->
   <div class="conatianer">
     <div class="pagination-centered">
-      <material-button waves-color="rgba(158,158,158,.4)" each="{p in this.opts.pages}" class="{ current: p.current, space-left: p['space-left'], space-right: p['space-right']}">
+      <material-button waves-color="rgba(158,158,158,.4)" each="{p in this.opts.pages}"
+        class="{ current: p.current, space-left: p['space-left'], space-right: p['space-right']}">
         <i show="{ p.icon }" class="material-icons">{ p.icon }</i>
         <div hide="{ p.icon }">{ p.page }</div>
       </material-button>
     </div>
-  <div>
-  <script>
-    this.on('updated', function() {
+  </div>
+  <script type="text/javascript">
+    this.on('updated', function () {
       if (!this.tags['material-button']) { return; }
       var buttons = Array.isArray(this.tags['material-button']) ? this.tags['material-button'] : [this.tags['material-button']];
-      buttons.forEach(function(button) {
-        button.root.onclick = function() {
+      buttons.forEach(function (button) {
+        button.root.onclick = function () {
           registryUI.taglist.instance.trigger('page-update', button.p.page)
         }
       });

src/tags/remove-image.riot

@@ -22,9 +22,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   <script type="text/javascript">
     const self = this;
 
-    this.on('updated', function() {
-    });
-
     this.on('updated', function() {
       if (self.multiDelete == self.opts.multiDelete) {
         return;

src/tags/tag-history-button.riot

@@ -18,8 +18,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   <material-button ref="button" title="This will show the history of given tag" waves-center="true" rounded="true" waves-color="#ddd">
     <i class="material-icons">history</i>
   </material-button>
-  <script>
-  this.on('mount', function() {
+  <script type="text/javascript">
+    this.on('mount', function() {
     const self = this;
     this.refs.button.root.onclick = function() {
       registryUI.taghistory.go(self.opts.image.name, self.opts.image.tag);

src/tags/taglist.riot

@@ -85,7 +85,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     </table>
   </material-card>
   <pagination pages="{ registryUI.getPageLabels(this.page, registryUI.getNumPages(registryUI.taglist.tags)) }"></pagination>
-  <script>
+  <script type="text/javascript">
     var self = registryUI.taglist.instance = this;
     self.page = registryUI.getPageQueryParam();
     registryUI.taglist.tags = [];