movim-rs/templates/Config/_config_form.html

<form enctype="multipart/form-data" method="post" name="general" onchange="Config_ajaxSubmit(MovimUtils.formToJson('general'));">
    <div class="block">
        <ul class="list">
            <li class="subheader large block"><div><p>{{ __('config.audio_title') }}</p></div></li>
            <li>
                <span class="primary icon gray" aria-hidden="true">
                    <i class="material-symbols">call</i>
                </span>
                <span class="control">
                    <div class="checkbox">
                        <input {% if user.notificationcall %}checked{% endif %} type="checkbox" id="notificationcall" title="{{ __('config.audio_call') }}" name="notificationcall"/>
                        <label for="notificationcall"></label>
                    </div>
                </span>
                <div>
                    <p class="line">{{ __('config.audio_call') }}</p>
                </div>
            </li>
            <li>
                <span class="primary icon gray" aria-hidden="true">
                    <i class="material-symbols">forum</i>
                </span>
                <span class="control">
                    <div class="checkbox">
                        <input {% if user.notificationchat %}checked{% endif %} type="checkbox" id="notificationchat" title="{{ __('config.audio_chat') }}" name="notificationchat"/>
                        <label for="notificationchat"></label>
                    </div>
                </span>
                <div>
                    <p class="line">{{ __('config.audio_chat') }}</p>
                </div>
            </li>
        </ul>
    </div>

    <ul class="list">
        <li class="subheader"><div><p>{{ __('config.general') }}</p></div></li>
    </ul>

    <div class="block">
        <ul class="list">
            <li>
                <span class="primary icon gray" aria-hidden="true">
                    <i class="material-symbols">translate</i>
                </span>
                <div>
                    <div class="select">
                        <select name="language" id="language">
                            <option value="en">English (default)</option>
                            {% for key, value in languages|items %}
                                <option value="{{ key }}" dir="auto" {% if key == user.language %}selected="selected"{% endif %}>{{ value }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <label for="language">{{ __('config.language') }}</label>
                </div>
            </li>
        </ul>
    </div>

    <div class="block">
        <ul class="list middle">
            <li>
                <span class="primary icon gray" aria-hidden="true">
                    <i class="material-symbols">lock</i>
                </span>
                <span class="control">
                    <div class="checkbox">
                        <input {% if user.omemoenabled %}checked{% endif %} type="checkbox"
                            onchange="window.history.pushState(null, null, '#' + 'config_widget'); setTimeout(() => MovimUtils.reloadThis(), 1000)"
                            id="omemoenabled" name="omemoenabled"/>
                        <label for="omemoenabled"></label>
                    </div>
                </span>
                <div>
                    <p>{{ __('config.omemoenabled') }}</p>
                    <p class="all">{{ __('config.omemoenabled_text') }}</p>
                </div>
            </li>
            <li>
                <span class="primary icon red">
                    <i class="material-symbols">warning</i>
                </span>
                <div>
                    <p></p>
                    <p class="all">{{ __('config.omemoenabled_warning', domain) }}</p>
                </div>
            </li>
            <li>
                <span class="primary icon gray" aria-hidden="true">
                    <i class="material-symbols">dark_mode</i>
                </span>
                <span class="control">
                    <div class="checkbox">
                        <input {% if user.nightmode %}checked{% endif %} type="checkbox" id="nightmode" onchange="Config.switchNightMode()" name="nightmode"/>
                        <label for="nightmode">
                            <i class="material-symbols">night_sight_auto</i>
                        </label>
                    </div>
                </span>
                <div>
                    <p>{{ __('config.night_mode') }}</p>
                    <p class="all">{{ __('config.night_mode_text') }}</p>
                    <span class="night_mode_detected supporting">
                        <i class="material-symbols">night_sight_auto</i>
                        {{ __('config.night_mode_detected') }}
                    </span>
                </div>
            </li>
            <li id="accent_color">
                <span class="primary icon gray" aria-hidden="true">
                    <i class="material-symbols">palette</i>
                </span>
                <div>
                    <p>{{ __('config.accent_color') }}</p>
                    <p></p>
                    <div>
                        {% for color in accent_colors %}
                        <div class="radio">
                            <input name="accentcolor" value="{{ color }}" id="accentcolor_{{ color }}" type="radio" {% if user.accentcolor == color %}checked{% endif %}>
                            <label for="accentcolor_{{ color }}" style="border-color: var(--p-{{ color }}); background-color: var(--p-{{ color }})" onclick="Config.setAccentColor('{{ color }}')"></label>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </li>
        </ul>
    </div>
</form>