diff --git a/pinry-spa/src/components/PinPreview.vue b/pinry-spa/src/components/PinPreview.vue index cae3210..57f941c 100644 --- a/pinry-spa/src/components/PinPreview.vue +++ b/pinry-spa/src/components/PinPreview.vue @@ -4,7 +4,7 @@
- Image + Image
@@ -28,20 +28,24 @@

- + + Referer - + + + + + Original Image + + - Original URL - - Pin URL diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue index 04ef7ce..cc2686e 100644 --- a/pinry-spa/src/components/Pins.vue +++ b/pinry-spa/src/components/Pins.vue @@ -79,7 +79,9 @@ function createImageItem(pin) { image.tags = pin.tags; image.author = pin.submitter.username; image.avatar = `//gravatar.com/avatar/${pin.submitter.gravatar}`; - image.original_url = pinHandler.escapeUrl(pin.image.image); + image.large_image_url = pinHandler.escapeUrl(pin.image.image); + image.original_image_url = pin.url; + image.referer = pin.referer; image.orgianl_width = pin.image.width; image.style = { width: `${pin.image.thumbnail.width}px`, diff --git a/pinry-spa/src/router/index.js b/pinry-spa/src/router/index.js index db13d7f..b28ce79 100644 --- a/pinry-spa/src/router/index.js +++ b/pinry-spa/src/router/index.js @@ -4,6 +4,7 @@ import Home from '../views/Home.vue'; import Pins4Tag from '../views/Pins4Tag.vue'; import Pins4User from '../views/Pins4User.vue'; import Pins4Board from '../views/Pins4Board.vue'; +import Pins4Id from '../views/Pins4Id.vue'; Vue.use(VueRouter); @@ -28,6 +29,11 @@ const routes = [ name: 'board', component: Pins4Board, }, + { + path: '/pins/:pinId', + name: 'pin', + component: Pins4Id, + }, ]; const router = new VueRouter({ diff --git a/pinry-spa/src/views/Pins4Id.vue b/pinry-spa/src/views/Pins4Id.vue new file mode 100644 index 0000000..c1e5400 --- /dev/null +++ b/pinry-spa/src/views/Pins4Id.vue @@ -0,0 +1,40 @@ + + + + + +