settings_security.html

<main>
    <header class="page-header page-header-compact page-header-light border-bottom bg-white mb-4">
        <div class="container-xl px-4">
            <div class="page-header-content">
                <div class="row align-items-center justify-content-between pt-3">
                    <div class="col-auto mb-3">
                        <h1 class="page-header-title">
                            <div class="page-header-icon"><i data-feather="user"></i></div>
                            Account Settings - Security
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Main page content-->
    <div class="container-xl px-4 mt-4">
        <!-- Account page navigation-->
        <nav class="nav nav-borders">
            <a class="nav-link" href="index.html?page=settings">Profile</a>
            <a class="nav-link" href="index.html?page=settings_tenants">Tenants</a>
            <a class="nav-link active ms-0" href="index.html?page=settings_security">Security</a>
            <a class="nav-link" href="index.html?page=settings_notifications">Notifications</a>
        </nav>
        <hr class="mt-0 mb-4" />
        <div class="row">
            <div class="col-lg-8">
                <!-- Change password card-->
                <div class="card card-header-actions mb-4">
                    <div class="card-header">
                        Access backend
                    </div>
                    <div class="card-body">
                        <div class="mb-0">
                            <label class="small mb-2">Function App</label>
                            <section id="PermissionsCheck">Click the button below to create URLs to your backend Azure
                                Function. You can manage backend features here such as Access keys and timezone
                                settings.
                            </section>
                        </div><br />
                        <!-- Form Group (email updates checkboxes)-->

                        <button onclick='PostForm("TenantChecker","api/ExecBackendURLs")' class="btn btn-primary"
                            type="button">Get backend URLs</button>

                        </form>
                    </div>
                </div>
                <!-- Security preferences card-->

            </div>
            <div class="col-lg-4">
                <!-- Two factor authentication card-->
                <div class="card mb-4">
                    <div class="card-header">Log integration - UNDER DEVELOPMENT. PREVIEW ONLY</div>
                    <div class="card-body">
                        <p>If you want to have the logs of the application shipped to your SIEM or Managed SOC product,
                            enter the
                            IP address or hostname of your log product here. Direct the SIEM/SOC provider to
                            {yoururl}/api/logs
                        </p>
                        <form>
                            <div class="form-check">
                                <input class="form-check-input" id="twoFactorOn" type="radio" name="twoFactor"
                                    checked />
                                <label class="form-check-label" for="twoFactorOn">On</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" id="twoFactorOff" type="radio" name="twoFactor" />
                                <label class="form-check-label" for="twoFactorOff">Off</label>
                            </div>
                            <div class="mt-3">
                                <label class="small mb-1" for="twoFactorSMS">IP or Hostname</label>
                                <input class="form-control" id="twoFactorSMS" placeholder="soc.example.com"
                                    value="soc.example.com" />
                            </div>
                        </form>
                    </div>
                </div>
                <!-- Delete account card-->
                <div class="card mb-4">
                    <div class="card-header">Reset all settings - UNDER DEVELOPMENT. PREVIEW ONLY</div>
                    <div class="card-body">
                        <p>This reset all settings, clears all caches, and allows you to start fresh. Be careful running
                            this in production as the product might slow down due to no longer having any caching
                            available.</p>
                        <button class="btn btn-danger-soft text-danger" type="button">I understand, reset
                            everything.</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<button class="btn btn-primary" id="PopModal" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal"
    style="display:none;"></button>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Results</h5>
            </div>
            <div class="modal-body">
                <section id="APIContent">
                    <div class="spinner-border text-primary" role="status">
                        <span class="sr-only"></span>
                    </div></span>
                </section>
            </div>
            <div class="modal-footer"><button class="btn btn-secondary" type="button"
                    data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>