if attribute value in feature info box hast ftp://, http://, https://…

… then make it a hyperlink that opens in new tab.
ROGUE-JCTD · Jan 22, 2015 · 6a17481 · 6a17481
1 parent 397b107
commit 6a17481
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/common/featuremanager/FeatureInfoBoxDirective.js b/src/common/featuremanager/FeatureInfoBoxDirective.js
@@ -22,6 +22,13 @@
               });
             });
 
+            scope.isUrl = function(str) {
+              if (!/^(f|ht)tps?:\/\//i.test(str)) {
+                return false;
+              }
+              return true;
+            };
+
             scope.isShowingAttributes = function() {
               var schema = featureManagerService.getSelectedLayer().get('metadata').schema;
 

diff --git a/src/common/featuremanager/partial/featureinfobox.tpl.html b/src/common/featuremanager/partial/featureinfobox.tpl.html
@@ -40,7 +40,10 @@
       <span ng-repeat="prop in featureManagerService.getSelectedItemProperties()">
         <div ng-if="prop[0] !== 'fotos' && prop[0] !== 'photos'" ng-show="isAttributeVisible(prop[0])">
           <span class="info-box-attribute">{{prop[0]}}</span>
-          <span class="info-box-attribute-value">{{prop[1]}}</span>
+            <span ng-switch on="isUrl(prop[1])">
+              <a ng-switch-when="true" class="info-box-attribute-value" target="_blank" href="{{prop[1]}}">{{prop[1]}}</a>
+              <span ng-switch-default class="info-box-attribute-value">{{prop[1]}}</span>
+            </span>
         </div>
       </span>
     </div>