mirror of
https://github.com/philomena-dev/philomena.git
synced 2024-11-24 12:37:58 +01:00
ba76ede87d
*Modified fetch to be disabled on pageload. Javascript enables it after the user has entered some text. Re-disables it if the text goes to zero, or the image upload button has been used.
74 lines
2.4 KiB
Text
74 lines
2.4 KiB
Text
h1 Reverse Search
|
|
|
|
= form_for :image, Routes.search_reverse_path(@conn, :create), [multipart: true], fn f ->
|
|
p
|
|
' Basic image similarity search. Finds uploaded images similar to the one
|
|
' provided based on simple intensities and uses the median frame of
|
|
' animations; very low contrast images (such as sketches) will produce
|
|
' poor results and, regardless of contrast, results may include seemingly
|
|
' random images that look very different.
|
|
|
|
.image-other
|
|
#js-image-upload-previews
|
|
p Upload a file from your computer, or provide a link to the page containing the image and click Fetch.
|
|
.field
|
|
= file_input f, :image, class: "input js-scraper"
|
|
|
|
.field.field--inline
|
|
= url_input f, :url, name: "url", class: "input input--wide js-scraper", placeholder: "Link a deviantART page, a Tumblr post, or the image directly"
|
|
button.button.button--separate-left#js-scraper-preview(type="button" title="Fetch the image at the specified URL" data-disable-with="Fetch" disabled)
|
|
' Fetch
|
|
|
|
.field-error-js.hidden.js-scraper
|
|
|
|
h4 Optional settings
|
|
|
|
.field
|
|
= label f, :distance, "Match distance (suggested values: between 0.2 and 0.5)"
|
|
br
|
|
= number_input f, :distance, name: "distance", value: 0.25, min: 0, max: 1, step: 0.01, class: "input"
|
|
|
|
.field
|
|
= submit "Reverse Search", class: "button"
|
|
|
|
= cond do
|
|
- is_nil(@images) ->
|
|
|
|
- Enum.any?(@images) ->
|
|
h2 Results
|
|
|
|
table
|
|
tr
|
|
th
|
|
th Image
|
|
th
|
|
|
|
= for match <- @images do
|
|
tr
|
|
th
|
|
h3 = link "##{match.id}", to: Routes.image_path(@conn, :show, match)
|
|
p
|
|
= if match.source_url not in [nil, ""] do
|
|
span.source_url
|
|
= link "Source", to: match.source_url
|
|
- else
|
|
' Unknown source
|
|
|
|
th
|
|
= render PhilomenaWeb.ImageView, "_image_container.html", image: match, size: :thumb, conn: @conn
|
|
|
|
th
|
|
h3
|
|
= match.image_width
|
|
| x
|
|
=> match.image_height
|
|
' -
|
|
=> round(match.image_size / 1024)
|
|
' KiB
|
|
|
|
= render PhilomenaWeb.TagView, "_tag_list.html", tags: Tag.display_order(match.tags), conn: @conn
|
|
|
|
- true ->
|
|
h2 Results
|
|
p
|
|
' We couldn't find any images matching this in our image database.
|