diff --git a/public/css/main.css b/public/css/main.css index d349733..aaeba2a 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.png); + 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.png b/public/img/more_icon.png new file mode 100644 index 0000000..191cf73 Binary files /dev/null and b/public/img/more_icon.png differ diff --git a/templates/includes/images_list.html.ep b/templates/includes/images_list.html.ep index 5f8cfa2..3b376cc 100644 --- a/templates/includes/images_list.html.ep +++ b/templates/includes/images_list.html.ep @@ -28,7 +28,7 @@
-
+
@@ -39,15 +39,33 @@
-
{{ image.id }} - {{ 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] +
+
@@ -100,7 +118,7 @@ //TODO: rewrite it to vue or pure JS from jQuery var $temp = $(""); $("body").append($temp); - $temp.val("").select(); + $temp.val($(event.target).text().trim()).select(); document.execCommand("copy"); $temp.remove(); }, diff --git a/templates/layouts/base.html.ep b/templates/layouts/base.html.ep index 3dd0510..5e99f76 100644 --- a/templates/layouts/base.html.ep +++ b/templates/layouts/base.html.ep @@ -14,15 +14,7 @@ - - - - +