diff --git a/public/css/main.css b/public/css/main.css index d349733..44aae34 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -1,16 +1,40 @@ +.progress-bar { + height: 18px; + background: green; +} + .foto-block { /* border: 1px solid black; */ } + .foto-block .image { padding: 5px; } + .foto-block .foto-notes { padding: 5px; } + .copy-img { - content:url(/img/copy_icon.png); + content: url(/img/copy_icon.png); width: 32px; height: 32px; overflow: hidden; cursor: pointer; + position: relative; +} + +.copy-bb-more { + content: url(/img/more_icon.ico); + width: 32px; + height: 32px; + overflow: hidden; + cursor: pointer; + position: relative; +} + +.image-scale { + float: left; + padding-right: 5px; + position: relative; } \ No newline at end of file diff --git a/public/img/more_icon.ico b/public/img/more_icon.ico new file mode 100644 index 0000000..6ffe23c Binary files /dev/null and b/public/img/more_icon.ico differ diff --git a/templates/includes/images_list.html.ep b/templates/includes/images_list.html.ep index 5649542..1dfafe7 100644 --- a/templates/includes/images_list.html.ep +++ b/templates/includes/images_list.html.ep @@ -28,7 +28,7 @@
-
+
@@ -39,15 +39,33 @@
-
{{ image.filename }}
+
+ {{ image.filename }} +
- +
+
+ Original +
+
+ <img src={{ hostname+image.original_url }}> +
+
+ [MORE=<img src={{ hostname+image.thumbnail_url }}>]<img src={{ hostname+image.original_url }}>[/MORE] +
+
+
+ +
+ <img src={{ hostname+scale.url }}> +
+
+ [MORE=<img src={{ hostname+image.thumbnail_url }}>]<img src={{ hostname+scale.url }}>[/MORE] +
+
@@ -83,7 +101,7 @@ //TODO: rewrite it to vue/JS from jquery var $temp = $(""); $("body").append($temp); - $temp.val("").select(); + $temp.val($(event.target).text()).select(); document.execCommand("copy"); $temp.remove(); }, diff --git a/templates/layouts/base.html.ep b/templates/layouts/base.html.ep index a3c18a5..5e99f76 100644 --- a/templates/layouts/base.html.ep +++ b/templates/layouts/base.html.ep @@ -14,14 +14,7 @@ - - - +