Change Details

** Suggestion reason *** The content starts with the suggestion reason. It should say one of these three things, depending on the source of the suggestion in the API. It should not have any prefix, i.e. it does not start with "Suggestion reason:" like in the mockups: *** "Found on the same article in Czech, Norwegian, and Hebrew Wikipedia." *** "Found in the Wikidata item for this article (strong match)." *** "One of several images linked to the Wikidata item for this article." ** Image thumbnail *** On the left under the suggestion reason. *** Show a small version of the suggested image. It should always fit into the same horizontal rectangle, even if that means letterboxing it (like for a portrait-shaped image). *** In the lower right of the thumbnail should be an icon to expand the image to fullscreen. The icon floats above the thumbnail with transparent gray, so you can still see the image underneath it. *** This icon makes the image full screen. See {T290540}. ** Image metadata *** On the righthand side of the thumbnail should be a set of image metadata from Commons. *** It is still TBD exactly which metadata will be shown in this area. As a placeholder, let's do this: **** Filename: in blue bold, including the extension (e.g. ".jpg"). It only has one line. At the end, should be the "open in another window" button. If the filename is too long, it should have a "...", but still have room for the "open in another window" button. That should all be a link to the Commons image page, e.g. https://commons.wikimedia.org/wiki/File:HMS_Pandora.jpg. When the user opens up that page, it should be in the display language that they were using on Wikipedia. **** Description: below the filename, show as much of the description from Commons as will fit. If it is too long, it should be cut off with "..." This is not the "caption" -- it is the free text description that is entered along with almost every image. In future iterations, we may want to have fallback logic to display caption if description is unsatisfactory, or vice versa. But for this first iteration, we should just use description. *** After the description, there should be a blue link that says "View details". This link should open the "image details dialog". See [TASK TO BE CREATED].

** Suggestion reason {T292467} ** Image thumbnail *** On the left under the suggestion reason. *** Show a small version of the suggested image. It should always fit into the same horizontal rectangle, even if that means letterboxing it (like for a portrait-shaped image). *** In the lower right of the thumbnail should be an icon to expand the image to fullscreen. The icon floats above the thumbnail with transparent gray, so you can still see the image underneath it. *** This icon makes the image full screen. See {T290540}. ** Image metadata *** On the righthand side of the thumbnail should be a set of image metadata from Commons. *** It is still TBD exactly which metadata will be shown in this area. As a placeholder, let's do this: **** Filename: in blue bold, including the extension (e.g. ".jpg"). It only has one line. At the end, should be the "open in another window" button. If the filename is too long, it should have a "...", but still have room for the "open in another window" button. That should all be a link to the Commons image page, e.g. https://commons.wikimedia.org/wiki/File:HMS_Pandora.jpg. When the user opens up that page, it should be in the display language that they were using on Wikipedia. **** Description: below the filename, show as much of the description from Commons as will fit. If it is too long, it should be cut off with "..." This is not the "caption" -- it is the free text description that is entered along with almost every image. In future iterations, we may want to have fallback logic to display caption if description is unsatisfactory, or vice versa. But for this first iteration, we should just use description. *** After the description, there should be a blue link that says "View details". This link should open the "image details dialog". See [TASK TO BE CREATED].

** Suggestion reason {T292467} *** The content starts with the suggestion reason. It should say one of these three things, depending on the source of the suggestion in the API. It should not have any prefix, i.e. it does not start with "Suggestion reason:" like in the mockups: *** "Found on the same article in Czech, Norwegian, and Hebrew Wikipedia." *** "Found in the Wikidata item for this article (strong match)." *** "One of several images linked to the Wikidata item for this article." ** Image thumbnail *** On the left under the suggestion reason. *** Show a small version of the suggested image. It should always fit into the same horizontal rectangle, even if that means letterboxing it (like for a portrait-shaped image). *** In the lower right of the thumbnail should be an icon to expand the image to fullscreen. The icon floats above the thumbnail with transparent gray, so you can still see the image underneath it. *** This icon makes the image full screen. See {T290540}. ** Image metadata *** On the righthand side of the thumbnail should be a set of image metadata from Commons. *** It is still TBD exactly which metadata will be shown in this area. As a placeholder, let's do this: **** Filename: in blue bold, including the extension (e.g. ".jpg"). It only has one line. At the end, should be the "open in another window" button. If the filename is too long, it should have a "...", but still have room for the "open in another window" button. That should all be a link to the Commons image page, e.g. https://commons.wikimedia.org/wiki/File:HMS_Pandora.jpg. When the user opens up that page, it should be in the display language that they were using on Wikipedia. **** Description: below the filename, show as much of the description from Commons as will fit. If it is too long, it should be cut off with "..." This is not the "caption" -- it is the free text description that is entered along with almost every image. In future iterations, we may want to have fallback logic to display caption if description is unsatisfactory, or vice versa. But for this first iteration, we should just use description. *** After the description, there should be a blue link that says "View details". This link should open the "image details dialog". See [TASK TO BE CREATED].