google events

pull/2/head
Szekeres Bálint 2018-01-09 08:27:26 +01:00
parent 14ece18b19
commit e39c5bf4f7
2 changed files with 34 additions and 15 deletions

View File

@ -81,6 +81,10 @@
for (var key in hashData) { for (var key in hashData) {
if ($scope.data[key] !== undefined && typeof $scope.data[key] === typeof hashData[key]) { if ($scope.data[key] !== undefined && typeof $scope.data[key] === typeof hashData[key]) {
$scope.data[key] = hashData[key]; $scope.data[key] = hashData[key];
gtag('event', 'data_from_hash', {
event_label: key,
event_value: hashData[key],
});
} }
} }
}; };
@ -91,7 +95,6 @@
} }
var changedData = {}; var changedData = {};
for (var key in $scope.data) { for (var key in $scope.data) {
if (!angular.equals($scope.data[key], data[key])) { if (!angular.equals($scope.data[key], data[key])) {
changedData[key] = $scope.data[key]; changedData[key] = $scope.data[key];
@ -107,6 +110,13 @@
$scope.reset = function() { $scope.reset = function() {
$scope.data = angular.copy(data); $scope.data = angular.copy(data);
gtag('event', 'reset');
};
$scope.clipboardSuccess = function(key) {
gtag('event', 'clipboard', {
event_label: key,
});
}; };
@ -114,10 +124,19 @@
////////////////// //////////////////
// SCOPE EVENTS // // SCOPE EVENTS //
////////////////// //////////////////
$scope.$watch('data', function() { $scope.$watch('data', function(newValue, oldValue) {
$scope.refreshHighlighting(); $scope.refreshHighlighting();
$scope.updateHash(); $scope.updateHash();
for (var key in $scope.data) {
if (!angular.equals(newValue[key], oldValue[key])) {
gtag('event', 'data_changed', {
event_label: key,
event_value: $scope.data[key],
});
}
}
if (!$scope.dataInit) { if (!$scope.dataInit) {
$scope.dataInit = true; $scope.dataInit = true;
} }

View File

@ -24,7 +24,7 @@
<div class="col-sm-10 col-lg-8 col-xl-6 offset-sm-1 offset-lg-2 offset-xl-3"> <div class="col-sm-10 col-lg-8 col-xl-6 offset-sm-1 offset-lg-2 offset-xl-3">
<div class="input-group url"> <div class="input-group url">
<div class="input-group-prepend"> <div class="input-group-prepend">
<div class="input-group-text" ngclipboard data-clipboard-target="#url"><img src="https://cdn.nginxconfig.io/assets/img/clipboard.svg" alt="Copy to clipboard"></div> <div class="input-group-text" ngclipboard data-clipboard-target="#url" ngclipboard-success="clipboardSuccess('url')"><img src="https://cdn.nginxconfig.io/assets/img/clipboard.svg" alt="Copy to clipboard"></div>
</div> </div>
<input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly> <input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly>
<div class="input-group-append"> <div class="input-group-append">
@ -203,19 +203,19 @@
<div class="card-body"> <div class="card-body">
<div class="form-group"> <div class="form-group">
<label class="form-label"><span class="info">assets <code>expires</code></span></label> <label class="form-label"><span class="info">assets <code>expires</code></span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires.assets"> <input type="text" class="form-control form-control-sm" ng-model="data.expires_assets">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label"><span class="info">media <code>expires</code></span></label> <label class="form-label"><span class="info">media <code>expires</code></span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires.media"> <input type="text" class="form-control form-control-sm" ng-model="data.expires_media">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label"><span class="info">svg <code>expires</code></span></label> <label class="form-label"><span class="info">svg <code>expires</code></span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires.svg"> <input type="text" class="form-control form-control-sm" ng-model="data.expires_svg">
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label"><span class="info">fonts <code>expires</code></span></label> <label class="form-label"><span class="info">fonts <code>expires</code></span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires.fonts"> <input type="text" class="form-control form-control-sm" ng-model="data.expires_fonts">
</div> </div>
</div> </div>
</div> </div>
@ -224,7 +224,7 @@
<div class="row"> <div class="row">
<div class="file" ng-class="data.file_structure === 'separated' || data.https || (data.php !== 'off' && data.wordpress) ? 'col-xl-6' : 'col-xl-12'"> <div class="file" ng-class="data.file_structure === 'separated' || data.https || (data.php !== 'off' && data.wordpress) ? 'col-xl-6' : 'col-xl-12'">
<strong>/etc/nginx/nginx.conf</strong> <strong>/etc/nginx/nginx.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-nginx"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-nginx" ngclipboard-success="clipboardSuccess('nginx.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -233,7 +233,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.file_structure === 'separated'"> <div class="col-xl-6 file" ng-if="data.file_structure === 'separated'">
<strong>/etc/nginx/sites-enabled/{{ data.domain }}.conf</strong> <strong>/etc/nginx/sites-enabled/{{ data.domain }}.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-domain"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-domain" ngclipboard-success="clipboardSuccess('example.com')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -242,7 +242,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.https"> <div class="col-xl-6 file" ng-if="data.https">
<strong>/etc/nginx/_ssl.conf</strong> <strong>/etc/nginx/_ssl.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-ssl"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-ssl" ngclipboard-success="clipboardSuccess('_ssl.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -251,7 +251,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.https"> <div class="col-xl-6 file" ng-if="data.https">
<strong>/etc/nginx/_letsencrypt.conf</strong> <strong>/etc/nginx/_letsencrypt.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-letsencrypt"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-letsencrypt" ngclipboard-success="clipboardSuccess('_letsencrypt.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -260,7 +260,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.file_structure === 'separated'"> <div class="col-xl-6 file" ng-if="data.file_structure === 'separated'">
<strong>/etc/nginx/_general.conf</strong> <strong>/etc/nginx/_general.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-general"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-general" ngclipboard-success="clipboardSuccess('_general.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -269,7 +269,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.php !== 'off' && data.file_structure === 'separated'"> <div class="col-xl-6 file" ng-if="data.php !== 'off' && data.file_structure === 'separated'">
<strong>/etc/nginx/_php.conf</strong> <strong>/etc/nginx/_php.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-php"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-php" ngclipboard-success="clipboardSuccess('_php.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -278,7 +278,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.php !== 'off' && (data.file_structure === 'separated' || (data.php !== 'off' && data.wordpress))"> <div class="col-xl-6 file" ng-if="data.php !== 'off' && (data.file_structure === 'separated' || (data.php !== 'off' && data.wordpress))">
<strong>/etc/nginx/_php_fastcgi.conf</strong> <strong>/etc/nginx/_php_fastcgi.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-php_fastcgi"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-php_fastcgi" ngclipboard-success="clipboardSuccess('_php_fastcgi.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">
@ -287,7 +287,7 @@
</div> </div>
<div class="col-xl-6 file" ng-if="data.php !== 'off' && data.wordpress && data.file_structure === 'separated'"> <div class="col-xl-6 file" ng-if="data.php !== 'off' && data.wordpress && data.file_structure === 'separated'">
<strong>/etc/nginx/_wordpress.conf</strong> <strong>/etc/nginx/_wordpress.conf</strong>
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-wordpress"> <button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-wordpress" ngclipboard-success="clipboardSuccess('_wordpress.conf')">
<img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard"> <img src="https://cdn.nginxconfig.io/assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button> </button>
<div class="code source"> <div class="code source">