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 @@
-
+
@@ -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 @@
+
+
+
+
+
+
+
+