Added Original URL and Pin URL to lightbox of items.

pinry/core/urls.py

@@ -30,6 +30,8 @@ urlpatterns = patterns('',
         name='tag-pins'),
     url(r'^pins/user/(?P<user>(\w|-)+)/$', TemplateView.as_view(template_name='core/pins.html'),
         name='user-pins'),
+    url(r'^(?P<pin>\d+)/$', TemplateView.as_view(template_name='core/pins.html'),
+        name='recent-pins'),
     url(r'^$', TemplateView.as_view(template_name='core/pins.html'),
         name='recent-pins'),
 )

pinry/static/css/lightbox.css

@@ -56,3 +56,7 @@
     color: #999;
     font-size: 14px;
 }
+
+.lightbox-data .extra {
+    padding: 8px 6px;
+}

pinry/static/css/pinry.css

@@ -190,7 +190,7 @@ textarea {
             border-top-right-radius: 3px;
     cursor: -webkit-zoom-in;
     cursor:    -moz-zoom-in;
-    display: none;
+    display: block;
     margin: 0;
     padding: 0;
     width: 240px;

pinry/static/js/lightbox.js

@@ -77,6 +77,15 @@ $(window).load(function() {
     // Start Global Init Function
     window.lightbox = function() {
         var links = $('body').find('.lightbox');
+        if (pinFilter) {
+            var promise = getPinData(pinFilter);
+            promise.success(function(pin) {
+                createBox(pin);
+            });
+            promise.error(function() {
+                message('Problem problem fetching pin data.', 'alert alert-error');
+            });
+        }
         return links.each(function() {
             $(this).off('click');
             $(this).click(function(e) {
@@ -91,5 +100,6 @@ $(window).load(function() {
             });
         });
     }
+
     // End Global Init Function
 });

pinry/templates/base.html

@@ -55,6 +55,7 @@
                 username: "{{ user.username }}",
                 gravatar: "{{ user.gravatar }}"
             },
+            pinFilter = "{{ request.resolver_match.kwargs.pin }}",
             tagFilter = "{{ request.resolver_match.kwargs.tag }}",
             userFilter = "{{ request.resolver_match.kwargs.user }}";
         </script>

pinry/templates/includes/lightbox.html

@@ -23,6 +23,10 @@
                         {{/each}}
                         {{/if}}
                     </div>
+                    <div class="text extra pull-right">
+                        <a href="{{url}}" class="btn btn-small">Original URL</a>
+                        <a href="/{{id}}/" class="btn btn-small">Pin URL</a>
+                    </div>
                 </div>
             </div>
         </div>