Auto detect urls

This commit is contained in:
brantje 2016-10-07 12:09:54 +02:00
parent fc9a41d119
commit 5ddfd200d9
No known key found for this signature in database
GPG key ID: 5FF1D117F918687F

View file

@ -18,18 +18,29 @@ angular.module('passmanApp')
replace: 'true', replace: 'true',
template: "" + template: "" +
'<span class="credential_field">' + '<span class="credential_field">' +
'<div class="value">' + '<div class="value" ng-class="{\'ellipsis\': isLink}">' +
'<span ng-repeat="n in [] | range:value.length" ng-if="!valueVisible">*</span>' + '<span ng-repeat="n in [] | range:value.length" ng-if="!valueVisible">*</span>' +
'<span ng-if="valueVisible">{{value}}</span>' + '<span ng-if="valueVisible">{{value}}</span>' +
'</div>' + '</div>' +
'<div class="tools">' + '<div class="tools">' +
'<div class="cell" ng-if="toggle" tooltip="\'Toggle visibility\'" ng-click="toggleVisibility()"><i class="fa" ng-class="{\'fa-eye\': !valueVisible, \'fa-eye-slash\': valueVisible }"></i></div>' + '<div class="cell" ng-if="toggle" tooltip="\'Toggle visibility\'" ng-click="toggleVisibility()"><i class="fa" ng-class="{\'fa-eye\': !valueVisible, \'fa-eye-slash\': valueVisible }"></i></div>' +
'<div class="cell" ng-if="isLink"><a ng-href="{{value}}" target="_blank"><i tooltip="\'Open in new window\'" class="link fa fa-external-link"></i></a></div>' +
'<div class="cell" ngclipboard-success="onSuccess(e);" ngclipboard-error="onError(e);" ngclipboard data-clipboard-text="{{value}}"><i tooltip="copy_msg" class="fa fa-clipboard"></i></div>' + '<div class="cell" ngclipboard-success="onSuccess(e);" ngclipboard-error="onError(e);" ngclipboard data-clipboard-text="{{value}}"><i tooltip="copy_msg" class="fa fa-clipboard"></i></div>' +
'</div></span>', '</div></span>',
link: function (scope, elem, attrs, modelCtrl) { link: function (scope, elem, attrs, modelCtrl) {
var expression = /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/gi;
var regex = new RegExp(expression);
scope.$watch("value", function () { scope.$watch("value", function () {
if (scope.secret) { if(scope.value) {
scope.valueVisible = false; if (scope.secret) {
scope.valueVisible = false;
}
if (scope.value.match(regex)) {
console.log('is link')
scope.isLink = true;
}
} }
}); });
if (!scope.toggle) { if (!scope.toggle) {