netzbeere-web/settings-teleporter.lp

<? --[[
*  Pi-hole: A black hole for Internet advertisements
*  (c) 2023 Pi-hole, LLC (https://pi-hole.net)
*  Network-wide ad blocking via your own hardware.
*
*  This file is copyright under the latest version of the EUPL.
*  Please see LICENSE file for your rights under this license.
--]]

mg.include('scripts/lua/header_authenticated.lp','r')

-- Page title and level selector
PageTitle = i18n('settings.teleporter.title')
mg.include('scripts/lua/settings_header.lp','r')
?>
<div class="row">
    <div class="col-md-6">
        <div class="box box-warning">
            <div class="box-header with-border">
                <h3 class="box-title"><?= i18n('settings.teleporter.export_configuration') ?></h3>
            </div>
            <div class="box-body">
                <p><strong><?= i18n('settings.teleporter.export_warning') ?></strong><br><?= i18n('settings.teleporter.export_sensitive_info') ?></p>
                <p class='text-danger' id="encryption-warning" style="display: none;"><strong><?= i18n('settings.teleporter.export_warning') ?></strong><br><?= i18n('settings.teleporter.no_encryption_warning') ?></p>
                <div class="pull-right">
                    <a class="btn btn-app btn-success" id="GETTeleporter" target="_blank">
                        <i class="fa fa-save fa-xl"></i><br><?= i18n('settings.teleporter.export') ?>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="box box-warning">
            <div class="box-header with-border">
                <h3 class="box-title"><?= i18n('settings.teleporter.import_configuration') ?></h3>
            </div>
            <div class="box-body">
                <div class="form-group">
                    <label for="file"><?= i18n('settings.teleporter.file_input') ?></label>
                    <input type="file" name="file" id="file" accept="application/gzip,application/zip">
                    <br>
                    <p class="help-block"><?= i18n('settings.teleporter.import_help_block') ?></p>
                </div>
                <div class="form-group">
                    <label for="import-selection"><?= i18n('settings.teleporter.select_import') ?></label>
                    <div><input type="checkbox" id="import.config" data-key="config" class="import-select" checked>&nbsp;<label for="import.config"><strong><?= i18n('settings.teleporter.import_config') ?></strong></label></div>
                    <div><input type="checkbox" id="import.dhcp_leases" data-key="dhcp_leases" class="import-select" checked>&nbsp;<label for="import.dhcp_leases"><strong><?= i18n('settings.teleporter.import_dhcp_leases') ?></strong></label></div>
                    <div><input type="checkbox" id="import.gravity.group" data-key="config" class="import-select" checked>&nbsp;<label for="import.gravity.group"><strong><?= i18n('shared.groups') ?></strong></label></div>
                    <div><input type="checkbox" id="import.gravity.adlist" data-key="config" class="import-select" checked>&nbsp;<label for="import.gravity.adlist"><strong><?= i18n('shared.lists') ?></strong></label></div>
                    <div><input type="checkbox" id="import.gravity.domainlist" data-key="config" class="import-select" checked>&nbsp;<label for="import.gravity.domainlist"><strong><?= i18n('settings.teleporter.import_domains') ?></strong></label></div>
                    <div><input type="checkbox" id="import.gravity.client" data-key="config" class="import-select" checked>&nbsp;<label for="import.gravity.client"><strong><?= i18n('shared.clients') ?></strong></label></div>
                </div>
                <div class="pull-right">
                    <a class="btn btn-app btn-success" id="submit-import">
                        <i class="fa fa-upload fa-xl"></i><br><?= i18n('settings.teleporter.import') ?>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-import" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="<?= i18n('shared.close') ?>">
                <span aria-hidden="true">×</span></button>
                <h4 class="modal-title"><?= i18n('settings.teleporter.modal_importing_title') ?></h4>
            </div>
            <div class="modal-body">
                <p><?= i18n('settings.teleporter.modal_importing_text') ?></p>
                <div class="text-center">
                    <i id="import-spinner" class="fas fa-spinner fa-pulse fa-5x"></i>
                </div>
                <div id="modal-import-success" style="display:none">
                    <div class="alert alert-success alert-dismissible">
                        <h4><i class="icon fa fa-fw fa-check"></i> <span id="modal-import-success-title"></span></h4>
                        <div id="modal-import-success-message"></div>
                    </div>
                </div>
                <div id="modal-import-error" style="display:none">
                    <div class="alert alert-danger alert-dismissible">
                        <h4><i class="icon fa fa-fw fa-ban"></i> <span id="modal-import-error-title"></span></h4>
                        <div id="modal-import-error-message"></div>
                    </div>
                </div>
                <div id="modal-import-gravity" style="display:none">
                    <div class="alert alert-info alert-dismissible">
                        <h4><i class="icon fa fa-fw fa-info-circle"></i> <?= i18n('settings.teleporter.modal_gravity_prompt') ?></h4>
                        <p><?= i18ns('settings.teleporter.modal_gravity_text', webhome, lang) ?></p>
                    </div>
                </div>
                <div id="modal-import-info-message"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal"><?= i18n('shared.close') ?></button>
            </div>
        </div>
    </div>
</div>

<script src="<?=pihole.fileversion('vendor/bootstrap-toggle/bootstrap-toggle.min.js')?>"></script>
<script src="<?=pihole.fileversion('scripts/js/settings-teleporter.js')?>"></script>
<script src="<?=pihole.fileversion('scripts/js/settings.js')?>"></script>

<? mg.include('scripts/lua/footer.lp','r')?>