diff --git a/muk_web_preview_image/__manifest__.py b/muk_web_preview_image/__manifest__.py
index 3e06419..5cd3419 100644
--- a/muk_web_preview_image/__manifest__.py
+++ b/muk_web_preview_image/__manifest__.py
@@ -23,7 +23,7 @@
{
"name": "MuK Preview Image",
"summary": """Image Preview""",
- "version": "12.0.3.0.0",
+ "version": "12.0.3.0.1",
"category": "Extra Tools",
"license": "LGPL-3",
"website": "http://www.mukit.at",
diff --git a/muk_web_preview_image/static/description/muk_web_preview_image_logo.png b/muk_web_preview_image/static/description/icon.png
similarity index 100%
rename from muk_web_preview_image/static/description/muk_web_preview_image_logo.png
rename to muk_web_preview_image/static/description/icon.png
diff --git a/muk_web_preview_image/static/description/muk_web_preview_image_logo.svg b/muk_web_preview_image/static/description/icon.svg
similarity index 100%
rename from muk_web_preview_image/static/description/muk_web_preview_image_logo.svg
rename to muk_web_preview_image/static/description/icon.svg
diff --git a/muk_web_preview_image/static/lib/viewer/jquery-viewer.js b/muk_web_preview_image/static/lib/viewer/jquery-viewer.js
deleted file mode 100644
index cdadff3..0000000
--- a/muk_web_preview_image/static/lib/viewer/jquery-viewer.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/*!
- * jQuery Viewer v1.0.0
- * https://github.com/fengyuanchen/jquery-viewer
- *
- * Copyright (c) 2018 Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2018-04-01T05:58:29.617Z
- */
-
-(function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery'), require('viewerjs')) :
- typeof define === 'function' && define.amd ? define(['jquery', 'viewerjs'], factory) :
- (factory(global.jQuery,global.Viewer));
-}(this, (function ($,Viewer) { 'use strict';
-
- $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
- Viewer = Viewer && Viewer.hasOwnProperty('default') ? Viewer['default'] : Viewer;
-
- if ($.fn) {
- var AnotherViewer = $.fn.viewer;
- var NAMESPACE = 'viewer';
-
- $.fn.viewer = function jQueryViewer(option) {
- for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
- args[_key - 1] = arguments[_key];
- }
-
- var result = void 0;
-
- this.each(function (i, element) {
- var $element = $(element);
- var isDestroy = option === 'destroy';
- var viewer = $element.data(NAMESPACE);
-
- if (!viewer) {
- if (isDestroy) {
- return;
- }
-
- var options = $.extend({}, $element.data(), $.isPlainObject(option) && option);
-
- viewer = new Viewer(element, options);
- $element.data(NAMESPACE, viewer);
- }
-
- if (typeof option === 'string') {
- var fn = viewer[option];
-
- if ($.isFunction(fn)) {
- result = fn.apply(viewer, args);
-
- if (result === viewer) {
- result = undefined;
- }
-
- if (isDestroy) {
- $element.removeData(NAMESPACE);
- }
- }
- }
- });
-
- return result !== undefined ? result : this;
- };
-
- $.fn.viewer.Constructor = Viewer;
- $.fn.viewer.setDefaults = Viewer.setDefaults;
- $.fn.viewer.noConflict = function noConflict() {
- $.fn.viewer = AnotherViewer;
- return this;
- };
- }
-
-})));
\ No newline at end of file
diff --git a/muk_web_preview_image/static/lib/viewer/viewer.css b/muk_web_preview_image/static/lib/viewer/viewer.css
deleted file mode 100644
index 20e06a9..0000000
--- a/muk_web_preview_image/static/lib/viewer/viewer.css
+++ /dev/null
@@ -1,450 +0,0 @@
-/*!
- * Viewer.js v1.3.2
- * https://fengyuanchen.github.io/viewerjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2019-01-24T11:01:30.299Z
- */
-
-.viewer-zoom-in::before,
-.viewer-zoom-out::before,
-.viewer-one-to-one::before,
-.viewer-reset::before,
-.viewer-prev::before,
-.viewer-play::before,
-.viewer-next::before,
-.viewer-rotate-left::before,
-.viewer-rotate-right::before,
-.viewer-flip-horizontal::before,
-.viewer-flip-vertical::before,
-.viewer-fullscreen::before,
-.viewer-fullscreen-exit::before,
-.viewer-close::before {
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
- background-repeat: no-repeat;
- color: transparent;
- display: block;
- font-size: 0;
- height: 20px;
- line-height: 0;
- width: 20px;
-}
-
-.viewer-zoom-in::before {
- background-position: 0 0;
- content: 'Zoom In';
-}
-
-.viewer-zoom-out::before {
- background-position: -20px 0;
- content: 'Zoom Out';
-}
-
-.viewer-one-to-one::before {
- background-position: -40px 0;
- content: 'One to One';
-}
-
-.viewer-reset::before {
- background-position: -60px 0;
- content: 'Reset';
-}
-
-.viewer-prev::before {
- background-position: -80px 0;
- content: 'Previous';
-}
-
-.viewer-play::before {
- background-position: -100px 0;
- content: 'Play';
-}
-
-.viewer-next::before {
- background-position: -120px 0;
- content: 'Next';
-}
-
-.viewer-rotate-left::before {
- background-position: -140px 0;
- content: 'Rotate Left';
-}
-
-.viewer-rotate-right::before {
- background-position: -160px 0;
- content: 'Rotate Right';
-}
-
-.viewer-flip-horizontal::before {
- background-position: -180px 0;
- content: 'Flip Horizontal';
-}
-
-.viewer-flip-vertical::before {
- background-position: -200px 0;
- content: 'Flip Vertical';
-}
-
-.viewer-fullscreen::before {
- background-position: -220px 0;
- content: 'Enter Full Screen';
-}
-
-.viewer-fullscreen-exit::before {
- background-position: -240px 0;
- content: 'Exit Full Screen';
-}
-
-.viewer-close::before {
- background-position: -260px 0;
- content: 'Close';
-}
-
-.viewer-container {
- bottom: 0;
- direction: ltr;
- font-size: 0;
- left: 0;
- line-height: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- -webkit-tap-highlight-color: transparent;
- top: 0;
- -ms-touch-action: none;
- touch-action: none;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.viewer-container::selection,
-.viewer-container *::selection {
- background-color: transparent;
-}
-
-.viewer-container img {
- display: block;
- height: auto;
- max-height: none !important;
- max-width: none !important;
- min-height: 0 !important;
- min-width: 0 !important;
- width: 100%;
-}
-
-.viewer-canvas {
- bottom: 0;
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 0;
-}
-
-.viewer-canvas > img {
- height: auto;
- margin: 15px auto;
- max-width: 90% !important;
- width: auto;
-}
-
-.viewer-footer {
- bottom: 0;
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- text-align: center;
-}
-
-.viewer-navbar {
- background-color: rgba(0, 0, 0, 0.5);
- overflow: hidden;
-}
-
-.viewer-list {
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- height: 50px;
- margin: 0;
- overflow: hidden;
- padding: 1px 0;
-}
-
-.viewer-list > li {
- color: transparent;
- cursor: pointer;
- float: left;
- font-size: 0;
- height: 50px;
- line-height: 0;
- opacity: 0.5;
- overflow: hidden;
- -webkit-transition: opacity 0.15s;
- transition: opacity 0.15s;
- width: 30px;
-}
-
-.viewer-list > li:hover {
- opacity: 0.75;
-}
-
-.viewer-list > li + li {
- margin-left: 1px;
-}
-
-.viewer-list > .viewer-loading {
- position: relative;
-}
-
-.viewer-list > .viewer-loading::after {
- border-width: 2px;
- height: 20px;
- margin-left: -10px;
- margin-top: -10px;
- width: 20px;
-}
-
-.viewer-list > .viewer-active,
-.viewer-list > .viewer-active:hover {
- opacity: 1;
-}
-
-.viewer-player {
- background-color: #000;
- bottom: 0;
- cursor: none;
- display: none;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
-}
-
-.viewer-player > img {
- left: 0;
- position: absolute;
- top: 0;
-}
-
-.viewer-toolbar > ul {
- display: inline-block;
- margin: 0 auto 5px;
- overflow: hidden;
- padding: 3px 0;
-}
-
-.viewer-toolbar > ul > li {
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- cursor: pointer;
- float: left;
- height: 24px;
- overflow: hidden;
- -webkit-transition: background-color 0.15s;
- transition: background-color 0.15s;
- width: 24px;
-}
-
-.viewer-toolbar > ul > li:hover {
- background-color: rgba(0, 0, 0, 0.8);
-}
-
-.viewer-toolbar > ul > li::before {
- margin: 2px;
-}
-
-.viewer-toolbar > ul > li + li {
- margin-left: 1px;
-}
-
-.viewer-toolbar > ul > .viewer-small {
- height: 18px;
- margin-bottom: 3px;
- margin-top: 3px;
- width: 18px;
-}
-
-.viewer-toolbar > ul > .viewer-small::before {
- margin: -1px;
-}
-
-.viewer-toolbar > ul > .viewer-large {
- height: 30px;
- margin-bottom: -3px;
- margin-top: -3px;
- width: 30px;
-}
-
-.viewer-toolbar > ul > .viewer-large::before {
- margin: 5px;
-}
-
-.viewer-tooltip {
- background-color: rgba(0, 0, 0, 0.8);
- border-radius: 10px;
- color: #fff;
- display: none;
- font-size: 12px;
- height: 20px;
- left: 50%;
- line-height: 20px;
- margin-left: -25px;
- margin-top: -10px;
- position: absolute;
- text-align: center;
- top: 50%;
- width: 50px;
-}
-
-.viewer-title {
- color: #ccc;
- display: inline-block;
- font-size: 12px;
- line-height: 1;
- margin: 0 5% 5px;
- max-width: 90%;
- opacity: 0.8;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-transition: opacity 0.15s;
- transition: opacity 0.15s;
- white-space: nowrap;
-}
-
-.viewer-title:hover {
- opacity: 1;
-}
-
-.viewer-button {
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- cursor: pointer;
- height: 80px;
- overflow: hidden;
- position: absolute;
- right: -40px;
- top: -40px;
- -webkit-transition: background-color 0.15s;
- transition: background-color 0.15s;
- width: 80px;
-}
-
-.viewer-button:focus,
-.viewer-button:hover {
- background-color: rgba(0, 0, 0, 0.8);
-}
-
-.viewer-button::before {
- bottom: 15px;
- left: 15px;
- position: absolute;
-}
-
-.viewer-fixed {
- position: fixed;
-}
-
-.viewer-open {
- overflow: hidden;
-}
-
-.viewer-show {
- display: block;
-}
-
-.viewer-hide {
- display: none;
-}
-
-.viewer-backdrop {
- background-color: rgba(0, 0, 0, 0.5);
-}
-
-.viewer-invisible {
- visibility: hidden;
-}
-
-.viewer-move {
- cursor: move;
- cursor: -webkit-grab;
- cursor: grab;
-}
-
-.viewer-fade {
- opacity: 0;
-}
-
-.viewer-in {
- opacity: 1;
-}
-
-.viewer-transition {
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
-}
-
-@-webkit-keyframes viewer-spinner {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
-
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-
-@keyframes viewer-spinner {
- 0% {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
-
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
-}
-
-.viewer-loading::after {
- -webkit-animation: viewer-spinner 1s linear infinite;
- animation: viewer-spinner 1s linear infinite;
- border: 4px solid rgba(255, 255, 255, 0.1);
- border-left-color: rgba(255, 255, 255, 0.5);
- border-radius: 50%;
- content: '';
- display: inline-block;
- height: 40px;
- left: 50%;
- margin-left: -20px;
- margin-top: -20px;
- position: absolute;
- top: 50%;
- width: 40px;
- z-index: 1;
-}
-
-@media (max-width: 767px) {
- .viewer-hide-xs-down {
- display: none;
- }
-}
-
-@media (max-width: 991px) {
- .viewer-hide-sm-down {
- display: none;
- }
-}
-
-@media (max-width: 1199px) {
- .viewer-hide-md-down {
- display: none;
- }
-}
\ No newline at end of file
diff --git a/muk_web_preview_image/static/lib/viewer/viewer.js b/muk_web_preview_image/static/lib/viewer/viewer.js
deleted file mode 100644
index 79b585b..0000000
--- a/muk_web_preview_image/static/lib/viewer/viewer.js
+++ /dev/null
@@ -1,3020 +0,0 @@
-/*!
- * Viewer.js v1.3.2
- * https://fengyuanchen.github.io/viewerjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2019-01-24T11:01:33.473Z
- */
-
-(function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
- typeof define === 'function' && define.amd ? define(factory) :
- (global.Viewer = factory());
-}(this, (function () { 'use strict';
-
- function _typeof(obj) {
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
- _typeof = function (obj) {
- return typeof obj;
- };
- } else {
- _typeof = function (obj) {
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
- };
- }
-
- return _typeof(obj);
- }
-
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- }
-
- function _defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) descriptor.writable = true;
- Object.defineProperty(target, descriptor.key, descriptor);
- }
- }
-
- function _createClass(Constructor, protoProps, staticProps) {
- if (protoProps) _defineProperties(Constructor.prototype, protoProps);
- if (staticProps) _defineProperties(Constructor, staticProps);
- return Constructor;
- }
-
- var DEFAULTS = {
- /**
- * Enable a modal backdrop, specify `static` for a backdrop
- * which doesn't close the modal on click.
- * @type {boolean}
- */
- backdrop: true,
-
- /**
- * Show the button on the top-right of the viewer.
- * @type {boolean}
- */
- button: true,
-
- /**
- * Show the navbar.
- * @type {boolean | number}
- */
- navbar: true,
-
- /**
- * Specify the visibility and the content of the title.
- * @type {boolean | number | Function | Array}
- */
- title: true,
-
- /**
- * Show the toolbar.
- * @type {boolean | number | Object}
- */
- toolbar: true,
-
- /**
- * Custom class name(s) to add to the viewer's root element.
- * @type {string}
- */
- className: '',
-
- /**
- * Define where to put the viewer in modal mode.
- * @type {string | Element}
- */
- container: 'body',
-
- /**
- * Filter the images for viewing. Return true if the image is viewable.
- * @type {Function}
- */
- filter: null,
-
- /**
- * Enable to request fullscreen when play.
- * @type {boolean}
- */
- fullscreen: true,
-
- /**
- * Define the initial index of image for viewing.
- * @type {number}
- */
- initialViewIndex: 0,
-
- /**
- * Enable inline mode.
- * @type {boolean}
- */
- inline: false,
-
- /**
- * The amount of time to delay between automatically cycling an image when playing.
- * @type {number}
- */
- interval: 5000,
-
- /**
- * Enable keyboard support.
- * @type {boolean}
- */
- keyboard: true,
-
- /**
- * Indicate if show a loading spinner when load image or not.
- * @type {boolean}
- */
- loading: true,
-
- /**
- * Indicate if enable loop viewing or not.
- * @type {boolean}
- */
- loop: true,
-
- /**
- * Min width of the viewer in inline mode.
- * @type {number}
- */
- minWidth: 200,
-
- /**
- * Min height of the viewer in inline mode.
- * @type {number}
- */
- minHeight: 100,
-
- /**
- * Enable to move the image.
- * @type {boolean}
- */
- movable: true,
-
- /**
- * Enable to zoom the image.
- * @type {boolean}
- */
- zoomable: true,
-
- /**
- * Enable to rotate the image.
- * @type {boolean}
- */
- rotatable: true,
-
- /**
- * Enable to scale the image.
- * @type {boolean}
- */
- scalable: true,
-
- /**
- * Indicate if toggle the image size between its natural size
- * and initial size when double click on the image or not.
- * @type {boolean}
- */
- toggleOnDblclick: true,
-
- /**
- * Show the tooltip with image ratio (percentage) when zoom in or zoom out.
- * @type {boolean}
- */
- tooltip: true,
-
- /**
- * Enable CSS3 Transition for some special elements.
- * @type {boolean}
- */
- transition: true,
-
- /**
- * Define the CSS `z-index` value of viewer in modal mode.
- * @type {number}
- */
- zIndex: 2015,
-
- /**
- * Define the CSS `z-index` value of viewer in inline mode.
- * @type {number}
- */
- zIndexInline: 0,
-
- /**
- * Define the ratio when zoom the image by wheeling mouse.
- * @type {number}
- */
- zoomRatio: 0.1,
-
- /**
- * Define the min ratio of the image when zoom out.
- * @type {number}
- */
- minZoomRatio: 0.01,
-
- /**
- * Define the max ratio of the image when zoom in.
- * @type {number}
- */
- maxZoomRatio: 100,
-
- /**
- * Define where to get the original image URL for viewing.
- * @type {string | Function}
- */
- url: 'src',
-
- /**
- * Event shortcuts.
- * @type {Function}
- */
- ready: null,
- show: null,
- shown: null,
- hide: null,
- hidden: null,
- view: null,
- viewed: null,
- zoom: null,
- zoomed: null
- };
-
- var TEMPLATE = '' + '
' + '' + '
' + '
' + '
' + '
-
![]()