ComunicWeb/assets/js/pages/settings/sections/privacy.js

/**
 * Privacy settings section
 * 
 * @author Pierre HUBERT
 */

ComunicWeb.pages.settings.sections.privacy = {

	/**
	 * Open settings section
	 * 
	 * @param {object} args Additionnal arguments
	 * @param {HTMLElement} target The target for the page
	 */
	open: function(args, target){

		//Information box
		this.showInfoBox(target);

		//Export data box
		this.showExportDataBox(target);

		//Delete account box
		this.showDeleteAccountBox(target);

	},

	/**
	 * Show privacy policy information box
	 * 
	 * @param {HTMLElement} target The target for the box
	 */
	showInfoBox: function(target){

		//Create a box
		var box = createElem2({
			appendTo: target,
			type: "div",
			class: "box box-primary box-export-account-data-settings"
		});

		//Add box header
		var boxHead = createElem2({
			appendTo: box,
			type: "div",
			class: "box-header",
		});
		var boxTitle = createElem2({
			appendTo: boxHead,
			type: "h3",
			class: "box-title",
			innerHTML: "About our policy"
		});

		//Create box body
		var boxBody = createElem2({
			appendTo: box,
			type: "div",
			class: "box-body"
		});

		//Box content
		createElem2({
			appendTo: boxBody,
			type: "p",
			innerHTML: "We give an high importance to our users privacy. Please take some time to check our <a href='"+ComunicWeb.__config.aboutWebsiteURL+"about/privacy' target='_blank'>Privacy Policy</a> and our <a href='"+ComunicWeb.__config.aboutWebsiteURL+"about/terms' target='_blank'>Terms of use</a>."
		})
	},

	/**
	 * Show export personnal data box
	 * 
	 * @param {HTMLElement} target The target for the box
	 */
	showExportDataBox: function(target){

		//Create a box
		var box = createElem2({
			appendTo: target,
			type: "div",
			class: "box box-primary box-export-account-data-settings"
		});

		//Add box header
		var boxHead = createElem2({
			appendTo: box,
			type: "div",
			class: "box-header",
		});
		var boxTitle = createElem2({
			appendTo: boxHead,
			type: "h3",
			class: "box-title",
			innerHTML: "Export account data"
		});

		//Create box body
		var boxBody = createElem2({
			appendTo: box,
			type: "div",
			class: "box-body"
		});

		//Add a notice
		createElem2({
			appendTo: boxBody,
			type: "p",
			innerHTML: "You can export all the data of your account from here."
		});

		//Add delete account button
		var exportAccountDataBtn = createElem2({
			appendTo: boxBody,
			type: "div",
			class: "btn btn-primary",
			innerHTML: "Export account data"
		});

		exportAccountDataBtn.addEventListener("click", function(e){

			//Request account deletion
			ComunicWeb.components.settings.helper.requestAccountDataExport();

		});

	},
		
	/**
	 * Display delete account box
	 * 
	 * @param {HTMLElement} target The target for the box
	 */
	showDeleteAccountBox: function(target){

		//Create a box
		var box = createElem2({
			appendTo: target,
			type: "div",
			class: "box box-danger box-delete-account-settings"
		});

		//Add box header
		var boxHead = createElem2({
			appendTo: box,
			type: "div",
			class: "box-header",
		});
		var boxTitle = createElem2({
			appendTo: boxHead,
			type: "h3",
			class: "box-title",
			innerHTML: "Delete account"
		});

		//Create box body
		var boxBody = createElem2({
			appendTo: box,
			type: "div",
			class: "box-body"
		});

		//Add a notice
		createElem2({
			appendTo: boxBody,
			type: "p",
			innerHTML: "You can decide here to delete your account. <br /><b>Warning! Warning! Warning! This operation CAN NOT BE REVERTED !!!! All your data (post, conversation " +
				"messages, comments...) will be permanently deleted ! You will not be able to recover from this operation !</b>"
		});

		//Add delete account button
		var deleteAccountBtn = createElem2({
			appendTo: boxBody,
			type: "div",
			class: "btn btn-danger",
			innerHTML: "Delete your account"
		});

		deleteAccountBtn.addEventListener("click", function(e){

			//Request account deletion
			ComunicWeb.components.settings.helper.requestAccountDeletion();

		});
	},

}