feat(sidebar): Make image clickable

Show original size of box image on click closes #183
sensebox · Mar 6, 2018 · 2177476 · 2177476
1 parent 5fba7e7
commit 2177476
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/app/views/explore2.sidebar.box.html b/app/views/explore2.sidebar.box.html
@@ -15,7 +15,9 @@
       {{'BOX_BOXDETAILSINFO'|translate}}
     </div>
     <div class="thumbnail" ng-hide="!details.box.image && !details.box.description && !details.box.weblink">
-      <img id="image" ng-hide="(!details.box.image || details.box.image === '')" ng-src="{{ (details.box.image && details.box.image != '') && 'userimages/'+details.box.image }}" alt="Image for {{ details.box.name }}">
+      <a ng-href="{{ (details.box.image && details.box.image != '') && 'userimages/'+details.box.image }}" target="_blank">
+        <img id="image" ng-hide="(!details.box.image || details.box.image === '')" ng-src="{{ (details.box.image && details.box.image != '') && 'userimages/'+details.box.image }}" alt="Image for {{ details.box.name }}">
+      </a>
       <span ng-show="details.box.description && details.box.description != ''" style="white-space: pre-wrap;">{{ details.box.description }}</span>
       <span ng-show="details.box.weblink && details.box.weblink != ''"><br/><br/><a href="{{ details.box.weblink }}" target="_blank">{{ details.box.weblink }}</a></span>
     </div>