(function() {
	'use strict';



	angular
		.module('NginxConfigIoApp', ['ngclipboard', '720kb.tooltips'])
		.config(appConfig)
		.config(tooltipsConfig)
		.directive('ngIncludeTabs', ngIncludeTabs)
		.controller('NginxConfigIoController', NginxConfigIoController);



	var DEFAULTS = {
		ipv4:			'*',
		ipv6:			'::',

		domain:			'',
		path:			'',
		document_root:	'/public',

		https:			true,
		http2:			true,

		redirect:		true,
		force_https:	true,

		cert_type:				'letsencrypt',
		ssl_profile:			'intermediate',
		hsts:					true,
		hsts_subdomains:		true,
		hsts_preload:			true,
		email:					'',
		ssl_certificate:		'',
		ssl_certificate_key:	'',

		resolver_cloudflare:	true,
		resolver_google:		true,
		resolver_opendns:		true,

		non_www:			true,
		cdn:				false,

		index:				'index.php',
		fallback_html:		false,
		fallback_php:		true,
		fallback_php_path:	'/api/',

		php:				true,
		php_server:			'/var/run/php/php7.2-fpm.sock',
		php_server_backup:	'',
		wordpress:			false,
		drupal:				false,

		file_structure:		'modularized',
		symlink:			true,

		referrer_policy:			'no-referrer-when-downgrade',
		content_security_policy:	'default-src * data: \'unsafe-eval\' \'unsafe-inline\'',

		worker_processes:	'auto',
		user:				'www-data',
		pid:				'/run/nginx.pid',

		access_log:			'/var/log/nginx/access.log',
		error_log:			'/var/log/nginx/error.log warn',
		access_log_domain:	false,
		error_log_domain:	false,

		client_max_body_size:	16,
		gzip:					true,
		server_tokens:			false,
		log_not_found:			false,
		limit_req:				false,

		expires_assets:	'7d',
		expires_media:	'7d',
		expires_svg:	'7d',
		expires_fonts:	'7d',

		proxy:			false,
		proxy_path:		'/',
		proxy_pass:		'http://127.0.0.1:3000',
	};



	function repeat(string, count) {
		var repeatedString = '';

		for (var i = 0; i < count; i++) {
			repeatedString += string;
		}

		return repeatedString;
	}



	function appConfig($locationProvider) {
		$locationProvider
			.html5Mode(true)
			.hashPrefix('!');
	}



	function tooltipsConfig(tooltipsConfProvider) {
		tooltipsConfProvider.configure({
			side: 'right',
			size: 'small',
		});
	}



	function ngIncludeTabs() {
		return {
			require: 'ngInclude',
			restrict: 'A',
			link: {
				pre: function preLink(scope, iElement, iAttrs, controller) {
					var tabs = parseInt(iAttrs.ngIncludeTabs || 0);

					var startRegex = new RegExp(repeat('\t', tabs - 1));

					controller.template = controller.template
						.replace(/^(.*)$/mg, repeat('\t', tabs) + '$1')
						.replace(startRegex, '')
						.replace(/\s*$/, '');
				},
			},
		};
	}



	function NginxConfigIoController($scope, $window, $location, $timeout) {
		///////////////////////
		// PRIVATE VARIABLES //
		///////////////////////
		var masonry;



		/////////////////////
		// SCOPE VARIABLES //
		/////////////////////
		$scope.defaultData = DEFAULTS;

		$scope.dataInit	= false;
		$scope.isDirty	= false;
		$scope.tab		= 'site';
		$scope.data		= angular.copy($scope.defaultData);

		$scope.clipboardCopy = undefined;

		$scope.gzipTypes = 'text/plain text/css text/xml application/json application/javascript application/xml+rss application/atom+xml image/svg+xml';

		$scope.extensions = {
			assets:	'css(\\.map)?|js(\\.map)?',
			fonts:	'ttf|ttc|otf|eot|woff2?',
			svg:	'svgz?',
			images:	'jpe?g|png|gif|ico|cur|heic|webp|tiff?',
			audio:	'mp3|m4a|aac|ogg|midi?|wav',
			video:	'mp4|mov|webm|mpe?g|avi|ogv|flv|wmv',
			docs:	'pdf|' +
					'docx?|dotx?|docm|dotm|' +
					'xlsx?|xltx?|xlsm|xltm|' +
					'pptx?|potx?|pptm|potm|ppsx?',
		};

		$scope.sslProfiles = {
			modern: {
				protocols: 'TLSv1.2',
				ciphers: 'ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256',
			},
			intermediate: {
				protocols: 'TLSv1 TLSv1.1 TLSv1.2',
				ciphers: 'ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA:ECDHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA256:DHE-RSA-AES256-SHA:ECDHE-ECDSA-DES-CBC3-SHA:ECDHE-RSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:DES-CBC3-SHA:!DSS',
			},
			old: {
				protocols: 'SSLv3 TLSv1 TLSv1.1 TLSv1.2',
				ciphers: 'ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:ECDHE-RSA-DES-CBC3-SHA:ECDHE-ECDSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:DES-CBC3-SHA:HIGH:SEED:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!RSAPSK:!aDH:!aECDH:!EDH-DSS-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA:!SRP',
			},
		};



		/////////////////////
		// SCOPE FUNCTIONS //
		/////////////////////
		$scope.domain = function() {
			return $scope.data.domain ? $scope.data.domain : 'example.com';
		};

		$scope.sslCertificate = function() {
			if ($scope.isCertLetsEncrypt()) {
				return '/etc/letsencrypt/live/' + $scope.domain() + '/fullchain.pem';
			}

			if ($scope.data.ssl_certificate) {
				return $scope.data.ssl_certificate;
			}

			return '/etc/nginx/ssl/' + $scope.domain() + '.crt';
		};

		$scope.sslCertificateKey = function() {
			if ($scope.isCertLetsEncrypt()) {
				return '/etc/letsencrypt/live/' + $scope.domain() + '/privkey.pem';
			}

			if ($scope.data.ssl_certificate_key) {
				return $scope.data.ssl_certificate_key;
			}

			return '/etc/nginx/ssl/' + $scope.domain() + '.key';
		};

		$scope.accessLogDomainPath = function() {
			return $scope.data.access_log.replace(/([^/]+)\.log$/, $scope.domain() + '.$1.log');
		};

		$scope.errorLogDomainPath = function() {
			return $scope.data.error_log.replace(/([^/]+)\.log (.+)$/, $scope.domain() + '.$1.log $2');
		};

		$scope.refreshHighlighting = function() {
			var sourceCodes = $window.document.querySelectorAll('main .file .code.source');

			for (var i = 0; i < sourceCodes.length; i++) {
				var sourceCode = sourceCodes[i];

				$timeout(function(_sourceCode) {
					_sourceCode.nextSibling.innerHTML = _sourceCode.innerHTML;
					if (_sourceCode.nextSibling.children.length && _sourceCode.nextSibling.children[0].children.length) {
						hljs.highlightBlock(_sourceCode.nextSibling.children[0].children[0]);
					}
					_sourceCode.setAttribute('hidden', '');

					$scope.doMasonry();
				}, 0, true, sourceCode);
			}
		};

		$scope.getUrl = function() {
			return $location.absUrl().replace(/#.*$/, '');
		};

		$scope.setDataFromHash = function() {
			var hashData = $location.search();

			for (var key in hashData) {
				// handle false
				if (hashData[key] === 'false') {
					hashData[key] = false;
				}

				// handle true
				if ((hashData[key] === 'true' || hashData[key] === '') && typeof $scope.data[key] === 'boolean') {
					hashData[key] = true;
				}

				if ($scope.data[key] !== undefined && typeof $scope.data[key] === typeof hashData[key]) {
					$scope.isDirty = true;
					$scope.data[key] = hashData[key];
					gtag('event', key, {
						event_category: 'data_from_hash',
						event_label: hashData[key],
					});
				}
			}
		};

		$scope.updateHash = function() {
			if (!$scope.dataInit) {
				return;
			}

			var changedData = {};
			for (var key in $scope.data) {
				if (!angular.equals($scope.data[key], $scope.defaultData[key])) {
					changedData[key] = $scope.data[key];
				}
			}

			if (Object.keys(changedData).length) {
				$scope.isDirty = true;
				$location.search(changedData).replace();
			} else {
				$scope.isDirty = false;
				$location.search({});
			}
		};

		$scope.reset = function() {
			$scope.defaultData.index = 'index.php';
			$scope.data = angular.copy($scope.defaultData);
			gtag('event', 'reset');
		};

		$scope.downloadZip = function() {
			var zip = new JSZip();

			var sourceCodes = $window.document.querySelectorAll('main .file .code.source');

			for (var i = 0; i < sourceCodes.length; i++) {
				var sourceCode = sourceCodes[i];

				var name	= sourceCode.dataset.filename;
				var content	= sourceCode.children[0].children[0].innerText;

				if (!$scope.isSymlink() && name.match(/^sites-available\//)) {
					name = name.replace(/^sites-available\//, 'sites-enabled/');
				}

				zip.file(name, content);

				if (name.match(/^sites-available\//)) {
					zip.file(name.replace(/^sites-available\//, 'sites-enabled/'), '../' + name, {
						unixPermissions: parseInt('120755', 8),
					});
				}
			}

			zip.generateAsync({
				type: 'blob',
				platform: 'UNIX',
			}).then(function(content) {
				saveAs(content, 'nginxconfig.io-' + $scope.domain() + '.zip');
			});

			gtag('event', $scope.domain(), {
				event_category: 'download_zip',
			});
		};

		$scope.clipboardSuccess = function(key) {
			$scope.clipboardCopy = key;

			$timeout(function(_key) {
				if ($scope.clipboardCopy === _key) {
					$scope.clipboardCopy = undefined;
				}
			}, 1500, true, key);

			gtag('event', key, {
				event_category: 'clipboard',
			});
		};

		$scope.doMasonry = function() {
			masonry.reloadItems();
			masonry.layout();

			$timeout(function() {
				masonry.layout();
			}, 600);
		};

		$scope.initMasonry = function() {
			masonry = new Masonry('main .grid', {
				itemSelector: '.grid-item',
				columnWidth: '.grid-sizer',
				percentPosition: true,
				initLayout: false,
				stagger: 0,
				transitionDuration: '0.6s',
			});
		};

		$scope.setTab = function(tab) {
			$scope.tab = tab;
		};

		$scope.setPreset = function(preset) {
			$scope.data.php				= $scope.defaultData.php;
			$scope.data.wordpress		= $scope.defaultData.wordpress;
			$scope.data.drupal			= $scope.defaultData.drupal;
			$scope.data.proxy			= $scope.defaultData.proxy;
			$scope.data.index			= $scope.defaultData.index;
			$scope.data.fallback_html	= $scope.defaultData.fallback_html;

			switch (preset) {
			case 'frontend':
				$scope.data.php = false;
				$scope.data.index = 'index.html';
				$scope.data.fallback_html = true;
				break;
			case 'backend':
				$scope.data.index = 'index.php';
				break;
			case 'spa':
				$scope.data.index = 'index.html';
				$scope.data.fallback_html = true;
				break;
			case 'wordpress':
				$scope.data.wordpress = true;
				break;
			case 'drupal':
				$scope.data.drupal = true;
				break;
			case 'nodejs':
				$scope.data.php = false;
				$scope.data.proxy = true;
				break;
			}

			gtag('event', preset, {
				event_category: 'preset',
			});
		};

		$scope.getChangesForTab = function(tab) {
			return $window.document.querySelectorAll('section.tabs .tab-content .tab-' + tab + ' .input-changed').length;
		};



		///////////////////////////
		// SCOPE QUERY FUNCTIONS //
		///////////////////////////
		$scope.isUnified = function() {
			return $scope.data.file_structure === 'unified';
		};

		$scope.isIPv6 = function() {
			return !!$scope.data.ipv6;
		};

		$scope.isModularized = function() {
			return !$scope.isUnified();
		};

		$scope.isHTTPS = function() {
			return $scope.data.https;
		};

		$scope.isHTTP2 = function() {
			return $scope.isHTTPS() && $scope.data.http2;
		};

		$scope.isForceHTTPS = function() {
			return $scope.isHTTPS() && $scope.data.force_https;
		};

		$scope.isCertLetsEncrypt = function() {
			return $scope.isHTTPS() && $scope.data.cert_type === 'letsencrypt';
		};

		$scope.isCertCustom = function() {
			return $scope.isHTTPS() && $scope.data.cert_type === 'custom';
		};

		$scope.isSSLProfileModern = function() {
			return $scope.isHTTPS() && $scope.data.ssl_profile === 'modern';
		};

		$scope.isSSLProfileIntermediate = function() {
			return $scope.isHTTPS() && $scope.data.ssl_profile === 'intermediate';
		};

		$scope.isSSLProfileOld = function() {
			return $scope.isHTTPS() && $scope.data.ssl_profile === 'old';
		};

		$scope.isHSTS = function() {
			return $scope.isHTTPS() && $scope.data.hsts;
		};

		$scope.isHSTSSubdomains = function() {
			return $scope.isHSTS() && $scope.data.hsts_subdomains;
		};

		$scope.isHSTSPreload = function() {
			return $scope.isHSTSSubdomains() && $scope.data.hsts_preload;
		};

		$scope.isResolverCloudflare = function() {
			return $scope.isHTTPS() && $scope.data.resolver_cloudflare;
		};

		$scope.isResolverGoogle = function() {
			return $scope.isHTTPS() && $scope.data.resolver_google;
		};

		$scope.isResolverOpenDNS = function() {
			return $scope.isHTTPS() && $scope.data.resolver_opendns;
		};

		$scope.isNonWWW = function() {
			return $scope.data.non_www;
		};

		$scope.isWWW = function() {
			return !$scope.isNonWWW();
		};

		$scope.isRedirect = function() {
			return $scope.data.redirect;
		};

		$scope.isCDN = function() {
			return $scope.isWWW() && $scope.data.cdn;
		};

		$scope.isIndexHTML = function() {
			return $scope.data.index === 'index.html' || !$scope.isPHP();
		};

		$scope.isIndexPHP = function() {
			return $scope.isPHP() && $scope.data.index === 'index.php';
		};

		$scope.isFallbackHTML = function() {
			return $scope.data.fallback_html;
		};

		$scope.isFallbackPHP = function() {
			return $scope.data.fallback_php && $scope.isPHP();
		};

		$scope.isPHP = function() {
			return $scope.data.php;
		};

		$scope.isPHPBackup = function() {
			return $scope.isPHP() && !!$scope.data.php_server_backup;
		};

		$scope.isWordPress = function() {
			return $scope.isPHP() && $scope.data.wordpress;
		};

		$scope.isDrupal= function() {
			return $scope.isPHP() && $scope.data.drupal;
		};

		$scope.isCSP = function() {
			return !!$scope.data.content_security_policy;
		};

		$scope.isAccessLog = function() {
			return !!$scope.data.access_log;
		};

		$scope.isErrorLog = function() {
			return !!$scope.data.error_log;
		};

		$scope.isAccessLogDomain = function() {
			return $scope.data.access_log_domain;
		};

		$scope.isErrorLogDomain = function() {
			return $scope.data.error_log_domain;
		};

		$scope.isGzip = function() {
			return $scope.data.gzip;
		};

		$scope.isServerTokens = function() {
			return $scope.data.server_tokens;
		};

		$scope.isLogNotFound = function() {
			return $scope.data.log_not_found;
		};

		$scope.isLimitReq = function() {
			return $scope.data.limit_req;
		};

		$scope.isProxy = function() {
			return $scope.data.proxy;
		};

		$scope.isSymlink = function() {
			return $scope.isModularized() && $scope.data.symlink;
		};



		//////////////////
		// SCOPE EVENTS //
		//////////////////
		$scope.$watch('data', function(newValue, oldValue) {
			$scope.refreshHighlighting();
			$scope.updateHash();

			if (!$scope.data.php) {
				$scope.defaultData.index = 'index.html';
			} else {
				$scope.defaultData.index = 'index.php';
			}

			$scope.data.domain = $scope.data.domain.replace(/^https?:\/\//, '');
			$scope.data.domain = $scope.data.domain.replace(/\/.*$/, '');

			if ($scope.data.domain.match(/^www\./)) {
				$scope.data.domain = $scope.data.domain.replace(/^www./, '');
				$scope.data.non_www = false;
			}

			for (var key in $scope.data) {
				if (!angular.equals(newValue[key], oldValue[key])) {
					gtag('event', key, {
						event_category: 'data_changed',
						event_label: $scope.data[key],
					});
				}
			}

			if (!$scope.dataInit) {
				$scope.dataInit = true;
			}
		}, true);



		//////////
		// INIT //
		//////////
		$scope.setDataFromHash();
		$scope.initMasonry();
	}
})();