From b447751c39ecdb3fe1846145c54b5a9053bc5bbe Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Sat, 21 Jan 2023 12:50:12 +0100
Subject: [PATCH] Add the settings navigation sidebar to the integration
 sub-pages

---
 application/views/pages/api_settings.php      | 73 +++++++++---------
 .../views/pages/google_analytics_settings.php | 75 ++++++++++---------
 .../views/pages/matomo_analytics_settings.php | 75 ++++++++++---------
 3 files changed, 113 insertions(+), 110 deletions(-)

diff --git a/application/views/pages/api_settings.php b/application/views/pages/api_settings.php
index 60112744..126d7b14 100644
--- a/application/views/pages/api_settings.php
+++ b/application/views/pages/api_settings.php
@@ -3,49 +3,50 @@
 <?php section('content') ?>
 
 <div id="api-settings-page" class="container backend-page">
-    <div id="api-settings">
-        <div class="row">
-            <div class="col-lg-8 offset-lg-2">
-                <form>
-                    <fieldset>
-                        <div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
-                            <h4 class="text-black-50 mb-0 fw-light">
-                                <?= lang('api') ?>
-                            </h4>
+    <div class="row">
+        <div class="col-sm-3 offset-sm-1">
+            <?php component('settings_nav') ?>
+        </div>
+        <div id="api-settings" class="col-sm-6">
+            <form>
+                <fieldset>
+                    <div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
+                        <h4 class="text-black-50 mb-0 fw-light">
+                            <?= lang('api') ?>
+                        </h4>
 
-                            <div>
-                                <a href="<?= site_url('integrations') ?>" class="btn btn-outline-primary me-2">
-                                    <i class="fas fa-chevron-left me-2"></i>
-                                    <?= lang('back') ?>
-                                </a>
+                        <div>
+                            <a href="<?= site_url('integrations') ?>" class="btn btn-outline-primary me-2">
+                                <i class="fas fa-chevron-left me-2"></i>
+                                <?= lang('back') ?>
+                            </a>
 
-                                <?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 ?>
-                            </div>
+                            <?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 ?>
                         </div>
+                    </div>
 
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="mb-3">
-                                    <label class="form-label" for="api-token">
-                                        <?= lang('api_token') ?>
-                                    </label>
-                                    <input id="api-token" class="form-control" data-field="api_token">
-                                    <div class="form-text text-muted">
-                                        <small>
-                                            <?= lang('api_token_hint') ?>
-                                        </small>
-                                    </div>
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="mb-3">
+                                <label class="form-label" for="api-token">
+                                    <?= lang('api_token') ?>
+                                </label>
+                                <input id="api-token" class="form-control" data-field="api_token">
+                                <div class="form-text text-muted">
+                                    <small>
+                                        <?= lang('api_token_hint') ?>
+                                    </small>
                                 </div>
                             </div>
                         </div>
-                    </fieldset>
-                </form>
-            </div>
+                    </div>
+                </fieldset>
+            </form>
         </div>
     </div>
 </div>
diff --git a/application/views/pages/google_analytics_settings.php b/application/views/pages/google_analytics_settings.php
index 60492de4..025dff91 100644
--- a/application/views/pages/google_analytics_settings.php
+++ b/application/views/pages/google_analytics_settings.php
@@ -3,50 +3,51 @@
 <?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>
-                        <div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
-                            <h4 class="text-black-50 mb-0 fw-light">
-                                <?= lang('google_analytics') ?>
-                            </h4>
+    <div class="row">
+        <div class="col-sm-3 offset-sm-1">
+            <?php component('settings_nav') ?>
+        </div>
+        <div id="google-analytics-settings" class="col-sm-6">
+            <form>
+                <fieldset>
+                    <div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
+                        <h4 class="text-black-50 mb-0 fw-light">
+                            <?= lang('google_analytics') ?>
+                        </h4>
 
-                            <div>
-                                <a href="<?= site_url('integrations') ?>" class="btn btn-outline-primary me-2">
-                                    <i class="fas fa-chevron-left me-2"></i>
-                                    <?= lang('back') ?>
-                                </a>
+                        <div>
+                            <a href="<?= site_url('integrations') ?>" class="btn btn-outline-primary me-2">
+                                <i class="fas fa-chevron-left me-2"></i>
+                                <?= lang('back') ?>
+                            </a>
 
-                                <?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 ?>
-                            </div>
+                            <?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 ?>
                         </div>
+                    </div>
 
-                        <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 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>
-                    </fieldset>
-                </form>
-            </div>
+                    </div>
+                </fieldset>
+            </form>
         </div>
     </div>
 </div>
diff --git a/application/views/pages/matomo_analytics_settings.php b/application/views/pages/matomo_analytics_settings.php
index 0af9c0cc..8e2bd483 100644
--- a/application/views/pages/matomo_analytics_settings.php
+++ b/application/views/pages/matomo_analytics_settings.php
@@ -3,50 +3,51 @@
 <?php section('content') ?>
 
 <div id="matomo-analytics-settings-page" class="container backend-page">
-    <div id="matomo-analytics-settings">
-        <div class="row">
-            <div class="col-lg-8 offset-lg-2">
-                <form>
-                    <fieldset>
-                        <div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
-                            <h4 class="text-black-50 mb-0 fw-light">
-                                <?= lang('matomo_analytics') ?>
-                            </h4>
+    <div class="row">
+        <div class="col-sm-3 offset-sm-1">
+            <?php component('settings_nav') ?>
+        </div>
+        <div id="matomo-analytics-settings" class="col-sm-6">
+            <form>
+                <fieldset>
+                    <div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
+                        <h4 class="text-black-50 mb-0 fw-light">
+                            <?= lang('matomo_analytics') ?>
+                        </h4>
 
-                            <div>
-                                <a href="<?= site_url('integrations') ?>" class="btn btn-outline-primary me-2">
-                                    <i class="fas fa-chevron-left me-2"></i>
-                                    <?= lang('back') ?>
-                                </a>
+                        <div>
+                            <a href="<?= site_url('integrations') ?>" class="btn btn-outline-primary me-2">
+                                <i class="fas fa-chevron-left me-2"></i>
+                                <?= lang('back') ?>
+                            </a>
 
-                                <?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 ?>
-                            </div>
+                            <?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 ?>
                         </div>
+                    </div>
 
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="mb-3">
-                                    <label class="form-label" for="matomo-analytics-url">
-                                        <?= lang('matomo_analytics_url') ?>
-                                    </label>
-                                    <input id="matomo-analytics-url" placeholder="//example.org/url/to/matomo/"
-                                           data-field="matomo_analytics_url" class="form-control">
-                                    <div class="form-text text-muted">
-                                        <small>
-                                            <?= lang('matomo_analytics_url_hint') ?>
-                                        </small>
-                                    </div>
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="mb-3">
+                                <label class="form-label" for="matomo-analytics-url">
+                                    <?= lang('matomo_analytics_url') ?>
+                                </label>
+                                <input id="matomo-analytics-url" placeholder="//example.org/url/to/matomo/"
+                                       data-field="matomo_analytics_url" class="form-control">
+                                <div class="form-text text-muted">
+                                    <small>
+                                        <?= lang('matomo_analytics_url_hint') ?>
+                                    </small>
                                 </div>
                             </div>
                         </div>
-                    </fieldset>
-                </form>
-            </div>
+                    </div>
+                </fieldset>
+            </form>
         </div>
     </div>
 </div>