admin_phpbb_settings.html

<div class="kj-page-header">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="./">{lang.R_CPINDEX}</a></li>
                <IF NAME="phpbb_tab_settings">
                <li class="breadcrumb-item active" aria-current="page">{olang.R_PHPBB_SETTINGS}</li>
                <ELSE>
                <li class="breadcrumb-item"><a href="{action}">{olang.R_PHPBB_SETTINGS}</a></li>
                <li class="breadcrumb-item active" aria-current="page"><IF NAME="phpbb_tab_bridge">{olang.PHPBB_INTR_TAB_BRIDGE}<ELSE>{olang.PHPBB_INTR_TAB_TEST}</IF></li>
                </IF>
            </ol>
        </nav>
        <h1 class="kj-page-title">{olang.R_PHPBB_SETTINGS}</h1>
    </div>
    <div class="kj-page-actions">
        <IF NAME="phpbb_on">
        <form method="post" action="{action}">
            <input type="hidden" name="phpbb_action" value="disable">
            {H_FORM_KEYS}
            <button type="submit" class="btn btn-outline-danger btn-sm" data-kj-confirm="{olang.PHPBB_INTR_TURN_OFF_CONFIRM}">
                <i class="fa-solid fa-power-off" aria-hidden="true"></i><span>{olang.PHPBB_INTR_TURN_OFF}</span>
            </button>
        </form>
        <ELSE>
        <!-- the test runs first, its steps are shown when it fails -->
        <form method="post" action="{phpbb_test_url}">
            <input type="hidden" name="phpbb_action" value="enable">
            {H_FORM_KEYS}
            <button type="submit" class="btn btn-primary btn-sm">
                <i class="fa-solid fa-plug-circle-check" aria-hidden="true"></i><span>{olang.PHPBB_INTR_TURN_ON}</span>
            </button>
        </form>
        </IF>
    </div>
</div>

<IF NAME="phpbb_paused">
<div class="alert alert-warning d-flex align-items-start gap-2" role="status">
    <i class="fa-solid fa-circle-pause kj-alert-icon" aria-hidden="true"></i>
    <div>{olang.PHPBB_INTR_STATUS_PAUSED}</div>
</div>
<ELSEIF NAME="phpbb_on">
<div class="alert alert-success d-flex align-items-start gap-2" role="status">
    <i class="fa-solid fa-circle-check kj-alert-icon" aria-hidden="true"></i>
    <div>{olang.PHPBB_INTR_STATUS_ON}</div>
</div>
<ELSEIF NAME="phpbb_notice">
<!-- an update of the plugin turned it off, kjauth.php of the forum was from the old version -->
<div class="alert alert-warning d-flex align-items-start gap-2" role="status">
    <i class="fa-solid fa-triangle-exclamation kj-alert-icon" aria-hidden="true"></i>
    <div>
        <div>{olang.PHPBB_INTR_STATUS_UPDATED}</div>
        <div class="small mt-1">{olang.PHPBB_INTR_STATUS_OFF_NOTE}</div>
    </div>
</div>
<ELSE>
<div class="alert alert-info d-flex align-items-start gap-2" role="status">
    <i class="fa-solid fa-circle-info kj-alert-icon" aria-hidden="true"></i>
    <div>
        <div>{olang.PHPBB_INTR_STATUS_OFF}</div>
        <div class="small mt-1">{olang.PHPBB_INTR_STATUS_OFF_NOTE}</div>
    </div>
</div>
</IF>

<!-- the settings, kjauth.php and the connection test are the tabs of the card -->
<div class="card">
    <div class="card-header">
        <ul class="nav nav-tabs card-header-tabs">
            <li class="nav-item">
                <a class="nav-link<IF NAME="phpbb_tab_settings"> active</IF>" href="{action}"<IF NAME="phpbb_tab_settings"> aria-current="page"</IF>>
                    <i class="fa-solid fa-sliders me-1" aria-hidden="true"></i>{olang.PHPBB_INTR_TAB_SETTINGS}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link<IF NAME="phpbb_tab_bridge"> active</IF>" href="{phpbb_bridge_url}"<IF NAME="phpbb_tab_bridge"> aria-current="page"</IF>>
                    <i class="fa-solid fa-file-code me-1" aria-hidden="true"></i>{olang.PHPBB_INTR_TAB_BRIDGE}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link<IF NAME="phpbb_tab_test"> active</IF>" href="{phpbb_test_url}"<IF NAME="phpbb_tab_test"> aria-current="page"</IF>>
                    <i class="fa-solid fa-stethoscope me-1" aria-hidden="true"></i>{olang.PHPBB_INTR_TAB_TEST}
                </a>
            </li>
        </ul>
    </div>

<IF NAME="phpbb_tab_test">

    <div class="card-body">

        <IF NAME="phpbb_alert">
        <div class="alert alert-{phpbb_alert_type} d-flex align-items-start gap-2" role="alert">
            <i class="fa-solid fa-triangle-exclamation kj-alert-icon" aria-hidden="true"></i>
            <div>{phpbb_alert}</div>
        </div>
        </IF>

        <p class="text-body-secondary">{olang.PHPBB_INTR_TEST_INTRO}</p>

        <form method="post" action="{phpbb_test_url}">
            <input type="hidden" name="phpbb_action" value="test">
            {H_FORM_KEYS}
            <button type="submit" class="btn btn-primary">
                <i class="fa-solid fa-play" aria-hidden="true"></i><span>{olang.PHPBB_INTR_TEST_RUN}</span>
            </button>
        </form>

        <IF NAME="phpbb_test_steps">
        <h2 class="kj-section-title">{olang.PHPBB_INTR_TEST_RESULTS}</h2>

        <UNLESS NAME="phpbb_alert">
        <div class="alert alert-<IF NAME="phpbb_test_passed">success<ELSE>danger</IF> d-flex align-items-start gap-2" role="status">
            <i class="fa-solid <IF NAME="phpbb_test_passed">fa-circle-check<ELSE>fa-circle-xmark</IF> kj-alert-icon" aria-hidden="true"></i>
            <div>{phpbb_test_summary}</div>
        </div>
        </UNLESS>

        <!-- each step says what it found, and how to fix it -->
        <ul class="list-group">
            <LOOP NAME="phpbb_test_steps">
            <li class="list-group-item d-flex align-items-start gap-3 py-3">
                <i class="fa-solid fa-{{icon}} text-{{color}} fs-5 flex-shrink-0 mt-1" aria-hidden="true"></i>
                <div class="flex-grow-1" style="min-width: 0">
                    <div class="fw-semibold">{{title}}</div>
                    <div class="small text-break">{{detail}}</div>
                    <IF LOOP="hint">
                    <div class="small text-body-secondary text-break mt-2 ps-2 border-start border-3 border-{{color}}">
                        <i class="fa-regular fa-lightbulb me-1" aria-hidden="true"></i>{{hint}}
                    </div>
                    </IF>
                </div>
            </li>
            </LOOP>
        </ul>
        </IF>

    </div>

<ELSEIF NAME="phpbb_tab_bridge">

    <div class="card-body">

        <!-- a new key that could not be used while the integration is on -->
        <IF NAME="phpbb_alert">
        <div class="alert alert-{phpbb_alert_type} d-flex align-items-start gap-2" role="alert">
            <i class="fa-solid fa-triangle-exclamation kj-alert-icon" aria-hidden="true"></i>
            <div>{phpbb_alert}</div>
        </div>
        </IF>

        <p class="text-body-secondary">{olang.PHPBB_INTR_BRIDGE_INTRO}</p>

        <ol class="mb-4">
            <li class="mb-2">
                {olang.PHPBB_INTR_BRIDGE_STEP_1}
                <IF NAME="phpbb_bridge_folder">
                <div class="small text-body-secondary text-break mt-1">{olang.PHPBB_INTR_BRIDGE_FOLDER} <code dir="ltr">{phpbb_bridge_folder}</code></div>
                </IF>
            </li>
            <li class="mb-2">
                {olang.PHPBB_INTR_BRIDGE_STEP_2}
                <IF NAME="phpbb_bridge_address">
                <div class="small text-body-secondary text-break mt-1">{olang.PHPBB_INTR_BRIDGE_ADDRESS} <code dir="ltr">{phpbb_bridge_address}</code></div>
                </IF>
            </li>
            <li>{olang.PHPBB_INTR_BRIDGE_STEP_3}</li>
        </ol>

        <!-- the key -->
        <div class="kj-options border-top">
            <div class="form-group">
                <label for="phpbb_intr_api_key">{olang.PHPBB_INTR_KEY}<small>{olang.PHPBB_INTR_KEY_HELP}</small></label>
                <div class="box">
                    <div class="input-group">
                        <input type="text" class="form-control font-monospace" id="phpbb_intr_api_key" value="{phpbb_form.phpbb_intr_api_key}" readonly dir="ltr">
                        <button class="btn btn-outline-secondary" type="button" data-kj-copy="#phpbb_intr_api_key" data-kj-copied="{lang.ADM_COPIED}">
                            <i class="fa-solid fa-copy" aria-hidden="true"></i><span data-kj-copy-label>{lang.ADM_COPY}</span>
                        </button>
                    </div>
                    <form method="post" action="{phpbb_bridge_url}" class="mt-2">
                        <input type="hidden" name="phpbb_action" value="regenerate">
                        {H_FORM_KEYS}
                        <button type="submit" class="btn btn-outline-danger btn-sm" data-kj-confirm="{phpbb_key_confirm}">
                            <i class="fa-solid fa-rotate" aria-hidden="true"></i><span>{olang.PHPBB_INTR_KEY_NEW}</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>

        <!-- the file -->
        <h2 class="kj-section-title">{olang.PHPBB_INTR_BRIDGE_FILE}</h2>

        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
            <label class="form-label mb-0" for="phpbb_bridge_code"><code dir="ltr">kjauth.php</code></label>
            <button class="btn btn-outline-secondary btn-sm" type="button" data-kj-copy="#phpbb_bridge_code" data-kj-copied="{lang.ADM_COPIED}">
                <i class="fa-solid fa-copy" aria-hidden="true"></i><span data-kj-copy-label>{lang.ADM_COPY}</span>
            </button>
        </div>
        <textarea class="form-control font-monospace small" id="phpbb_bridge_code" rows="16" readonly dir="ltr" spellcheck="false" wrap="off">{phpbb_bridge_code}</textarea>

    </div>

<ELSE>

    <form method="post" action="{action}" autocomplete="off">
        <div class="card-body">

            <IF NAME="phpbb_error_list">
            <div class="alert alert-danger d-flex align-items-start gap-2" role="alert">
                <i class="fa-solid fa-circle-xmark kj-alert-icon" aria-hidden="true"></i>
                <div>
                    <div class="fw-semibold">{olang.PHPBB_INTR_ERR_TITLE}</div>
                    <ul class="mb-0 mt-1 ps-3">
                        <LOOP NAME="phpbb_error_list"><li>{{text}}</li></LOOP>
                    </ul>
                </div>
            </div>
            </IF>

            <!-- a new address that was refused while the integration is on, with what the test found -->
            <IF NAME="phpbb_alert">
            <div class="alert alert-{phpbb_alert_type} d-flex align-items-start gap-2" role="alert">
                <i class="fa-solid fa-triangle-exclamation kj-alert-icon" aria-hidden="true"></i>
                <div>{phpbb_alert}</div>
            </div>

            <IF NAME="phpbb_test_steps">
            <ul class="list-group mb-4">
                <LOOP NAME="phpbb_test_steps">
                <li class="list-group-item d-flex align-items-start gap-3 py-3">
                    <i class="fa-solid fa-{{icon}} text-{{color}} fs-5 flex-shrink-0 mt-1" aria-hidden="true"></i>
                    <div class="flex-grow-1" style="min-width: 0">
                        <div class="fw-semibold">{{title}}</div>
                        <div class="small text-break">{{detail}}</div>
                        <IF LOOP="hint">
                        <div class="small text-body-secondary text-break mt-2 ps-2 border-start border-3 border-{{color}}">
                            <i class="fa-regular fa-lightbulb me-1" aria-hidden="true"></i>{{hint}}
                        </div>
                        </IF>
                    </div>
                </li>
                </LOOP>
            </ul>
            </IF>
            </IF>

            <!-- the forum -->
            <h2 class="kj-section-title mt-0">{olang.PHPBB_INTR_SECTION_FORUM}</h2>

            <div class="kj-options">
                <div class="form-group">
                    <label for="phpbb_intr_link">{olang.PHPBB_INTR_LINK}<small>{olang.PHPBB_INTR_LINK_HELP}</small></label>
                    <div class="box">
                        <input type="url" class="form-control" id="phpbb_intr_link" name="phpbb_intr_link" value="{phpbb_form.phpbb_intr_link}" dir="ltr" required>
                    </div>
                </div>

                <div class="form-group">
                    <label for="phpbb_intr_path">{olang.PHPBB_INTR_PATH}<small>{olang.PHPBB_INTR_PATH_HELP}</small></label>
                    <div class="box">
                        <input type="text" class="form-control" id="phpbb_intr_path" name="phpbb_intr_path" value="{phpbb_form.phpbb_intr_path}" dir="ltr">
                    </div>
                </div>
            </div>

        </div>

        <div class="card-footer kj-form-actions">
            <input type="hidden" name="phpbb_action" value="save">
            <button type="submit" class="btn btn-primary">
                <i class="fa-solid fa-floppy-disk" aria-hidden="true"></i><span>{olang.PHPBB_INTR_SAVE}</span>
            </button>
        </div>

        {H_FORM_KEYS}
    </form>

</IF>

</div>