Add google analytics settings page
This commit is contained in:
parent
27d58effdf
commit
8eddb768d4
4 changed files with 304 additions and 0 deletions
105
application/controllers/Google_analytics_settings.php
Normal file
105
application/controllers/Google_analytics_settings.php
Normal file
|
@ -0,0 +1,105 @@
|
||||||
|
<?php defined('BASEPATH') or exit('No direct script access allowed');
|
||||||
|
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* Easy!Appointments - Online Appointment Scheduler
|
||||||
|
*
|
||||||
|
* @package EasyAppointments
|
||||||
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
||||||
|
* @copyright Copyright (c) Alex Tselegidis
|
||||||
|
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
|
||||||
|
* @link https://easyappointments.org
|
||||||
|
* @since v1.5.0
|
||||||
|
* ---------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Google Analytics settings controller.
|
||||||
|
*
|
||||||
|
* Handles Google Analytics settings related operations.
|
||||||
|
*
|
||||||
|
* @package Controllers
|
||||||
|
*/
|
||||||
|
class Google_analytics_settings extends EA_Controller {
|
||||||
|
/**
|
||||||
|
* Calendar constructor.
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
parent::__construct();
|
||||||
|
|
||||||
|
$this->load->model('settings_model');
|
||||||
|
|
||||||
|
$this->load->library('accounts');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render the settings page.
|
||||||
|
*/
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
session(['dest_url' => site_url('google_analytics_settings')]);
|
||||||
|
|
||||||
|
$user_id = session('user_id');
|
||||||
|
|
||||||
|
if (cannot('view', PRIV_SYSTEM_SETTINGS))
|
||||||
|
{
|
||||||
|
if ($user_id)
|
||||||
|
{
|
||||||
|
abort(403, 'Forbidden');
|
||||||
|
}
|
||||||
|
|
||||||
|
redirect('login');
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$role_slug = session('role_slug');
|
||||||
|
|
||||||
|
script_vars([
|
||||||
|
'user_id' => $user_id,
|
||||||
|
'role_slug' => $role_slug,
|
||||||
|
'google_analytics_settings' => $this->settings_model->get('name like "google_analytics_%"'),
|
||||||
|
]);
|
||||||
|
|
||||||
|
html_vars([
|
||||||
|
'page_title' => lang('google_analytics'),
|
||||||
|
'active_menu' => PRIV_SYSTEM_SETTINGS,
|
||||||
|
'user_display_name' => $this->accounts->get_user_display_name($user_id),
|
||||||
|
]);
|
||||||
|
|
||||||
|
$this->load->view('pages/google_analytics_settings');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Save general settings.
|
||||||
|
*/
|
||||||
|
public function save()
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
if (cannot('edit', PRIV_SYSTEM_SETTINGS))
|
||||||
|
{
|
||||||
|
throw new RuntimeException('You do not have the required permissions for this task.');
|
||||||
|
}
|
||||||
|
|
||||||
|
$settings = request('google_analytics_settings', []);
|
||||||
|
|
||||||
|
foreach ($settings as $setting)
|
||||||
|
{
|
||||||
|
$existing_setting = $this->settings_model->query()->where('name', $setting['name'])->get()->row_array();
|
||||||
|
|
||||||
|
if ( ! empty($existing_setting))
|
||||||
|
{
|
||||||
|
$setting['id'] = $existing_setting['id'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->settings_model->save($setting);
|
||||||
|
}
|
||||||
|
|
||||||
|
response();
|
||||||
|
}
|
||||||
|
catch (Throwable $e)
|
||||||
|
{
|
||||||
|
json_exception($e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
53
application/views/pages/google_analytics_settings.php
Normal file
53
application/views/pages/google_analytics_settings.php
Normal file
|
@ -0,0 +1,53 @@
|
||||||
|
<?php extend('layouts/backend_layout') ?>
|
||||||
|
|
||||||
|
<?php section('content') ?>
|
||||||
|
|
||||||
|
<div id="google-analytics-settings-page" class="container backend-page">
|
||||||
|
<div id="google-analytics-settings">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 offset-lg-2">
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
|
||||||
|
<?= lang('google_analytics') ?>
|
||||||
|
|
||||||
|
<?php if (can('edit', PRIV_SYSTEM_SETTINGS)): ?>
|
||||||
|
<button type="button" id="save-settings" class="btn btn-primary">
|
||||||
|
<i class="fas fa-check-square me-2"></i>
|
||||||
|
<?= lang('save') ?>
|
||||||
|
</button>
|
||||||
|
<?php endif ?>
|
||||||
|
</legend>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label" for="google-analytics-code">
|
||||||
|
<?= lang('google_analytics_code') ?>
|
||||||
|
</label>
|
||||||
|
<input id="google-analytics-code" placeholder="UA-XXXXXXXX-XX or G-XXXXXXXXXX"
|
||||||
|
class="form-control" data-field="google_analytics_code">
|
||||||
|
<div class="form-text text-muted">
|
||||||
|
<small>
|
||||||
|
<?= lang('google_analytics_code_hint') ?>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php section('content') ?>
|
||||||
|
|
||||||
|
<?php section('scripts') ?>
|
||||||
|
|
||||||
|
<script src="<?= asset_url('assets/js/utils/url.js') ?>"></script>
|
||||||
|
<script src="<?= asset_url('assets/js/http/google_analytics_settings_http_client.js') ?>"></script>
|
||||||
|
<script src="<?= asset_url('assets/js/pages/google_analytics_settings.js') ?>"></script>
|
||||||
|
|
||||||
|
<?php section('scripts') ?>
|
39
assets/js/http/google_analytics_settings_http_client.js
Normal file
39
assets/js/http/google_analytics_settings_http_client.js
Normal file
|
@ -0,0 +1,39 @@
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* Easy!Appointments - Online Appointment Scheduler
|
||||||
|
*
|
||||||
|
* @package EasyAppointments
|
||||||
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
||||||
|
* @copyright Copyright (c) Alex Tselegidis
|
||||||
|
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
|
||||||
|
* @link https://easyappointments.org
|
||||||
|
* @since v1.5.0
|
||||||
|
* ---------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Google Analytics Settings HTTP client.
|
||||||
|
*
|
||||||
|
* This module implements the Google Analytics settings related HTTP requests.
|
||||||
|
*/
|
||||||
|
App.Http.GoogleAnalyticsSettings = (function () {
|
||||||
|
/**
|
||||||
|
* Save Google Analytics settings.
|
||||||
|
*
|
||||||
|
* @param {Object} googleAnalyticsSettings
|
||||||
|
*
|
||||||
|
* @return {Object}
|
||||||
|
*/
|
||||||
|
function save(googleAnalyticsSettings) {
|
||||||
|
const url = App.Utils.Url.siteUrl('google_analytics_settings/save');
|
||||||
|
|
||||||
|
const data = {
|
||||||
|
csrf_token: vars('csrf_token'),
|
||||||
|
google_analytics_settings: googleAnalyticsSettings
|
||||||
|
};
|
||||||
|
|
||||||
|
return $.post(url, data);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
save
|
||||||
|
};
|
||||||
|
})();
|
107
assets/js/pages/google_analytics_settings.js
Normal file
107
assets/js/pages/google_analytics_settings.js
Normal file
|
@ -0,0 +1,107 @@
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* Easy!Appointments - Online Appointment Scheduler
|
||||||
|
*
|
||||||
|
* @package EasyAppointments
|
||||||
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
||||||
|
* @copyright Copyright (c) Alex Tselegidis
|
||||||
|
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
|
||||||
|
* @link https://easyappointments.org
|
||||||
|
* @since v1.5.0
|
||||||
|
* ---------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Google Analytics settings page.
|
||||||
|
*
|
||||||
|
* This module implements the functionality of the Google Analytics settings page.
|
||||||
|
*/
|
||||||
|
App.Pages.GoogleAnalyticsSettings = (function () {
|
||||||
|
const $saveSettings = $('#save-settings');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if the form has invalid values.
|
||||||
|
*
|
||||||
|
* @return {Boolean}
|
||||||
|
*/
|
||||||
|
function isInvalid() {
|
||||||
|
try {
|
||||||
|
$('#google-analytics-settings .is-invalid').removeClass('is-invalid');
|
||||||
|
|
||||||
|
// Validate required fields.
|
||||||
|
|
||||||
|
let missingRequiredFields = false;
|
||||||
|
|
||||||
|
$('#google-analytics-settings .required').each((index, requiredField) => {
|
||||||
|
const $requiredField = $(requiredField);
|
||||||
|
|
||||||
|
if (!$requiredField.val()) {
|
||||||
|
$requiredField.addClass('is-invalid');
|
||||||
|
missingRequiredFields = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (missingRequiredFields) {
|
||||||
|
throw new Error(lang('fields_are_required'));
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
} catch (error) {
|
||||||
|
App.Layouts.Backend.displayNotification(error.message);
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deserialize(googleAnalyticsSettings) {
|
||||||
|
googleAnalyticsSettings.forEach((googleAnalyticsSetting) => {
|
||||||
|
$('[data-field="' + googleAnalyticsSetting.name + '"]').val(googleAnalyticsSetting.value);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function serialize() {
|
||||||
|
const googleAnalyticsSettings = [];
|
||||||
|
|
||||||
|
$('[data-field]').each((index, field) => {
|
||||||
|
const $field = $(field);
|
||||||
|
|
||||||
|
googleAnalyticsSettings.push({
|
||||||
|
name: $field.data('field'),
|
||||||
|
value: $field.val()
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
return googleAnalyticsSettings;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Save the account information.
|
||||||
|
*/
|
||||||
|
function onSaveSettingsClick() {
|
||||||
|
if (isInvalid()) {
|
||||||
|
App.Layouts.Backend.displayNotification(lang('settings_are_invalid'));
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const googleAnalyticsSettings = serialize();
|
||||||
|
|
||||||
|
App.Http.GoogleAnalyticsSettings.save(googleAnalyticsSettings).done(() => {
|
||||||
|
App.Layouts.Backend.displayNotification(lang('settings_saved'));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initialize the module.
|
||||||
|
*/
|
||||||
|
function initialize() {
|
||||||
|
$saveSettings.on('click', onSaveSettingsClick);
|
||||||
|
|
||||||
|
const googleAnalyticsSettings = vars('google_analytics_settings');
|
||||||
|
|
||||||
|
deserialize(googleAnalyticsSettings);
|
||||||
|
|
||||||
|
App.Layouts.Backend.placeFooterToBottom();
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', initialize);
|
||||||
|
|
||||||
|
return {};
|
||||||
|
})();
|
Loading…
Reference in a new issue