2022-03-30 12:54:38 +02:00
|
|
|
<div role="tabpanel" class="tab-pane fade" id="tab-config-customize" role="tabpanel" aria-labelledby="tab-config-customize">
|
2022-03-31 11:37:14 +02:00
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">{{ lang.admin.customize }}</div>
|
|
|
|
<div class="card-body">
|
2022-03-31 12:57:33 +02:00
|
|
|
<legend><i class="bi bi-file-image"></i> {{ lang.admin.change_logo }}</legend><hr />
|
|
|
|
<p class="text-muted">{{ lang.admin.logo_info }}</p>
|
2021-09-22 20:47:10 +02:00
|
|
|
<form class="form-inline" role="form" method="post" enctype="multipart/form-data">
|
|
|
|
<p>
|
|
|
|
<input type="file" name="main_logo" accept="image/gif, image/jpeg, image/pjpeg, image/x-png, image/png, image/svg+xml"><br>
|
2022-03-31 12:41:50 +02:00
|
|
|
<button name="submit_main_logo" type="submit" class="btn btn-sm visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-secondary"><i class="bi bi-upload"></i> {{ lang.admin.upload }}</button>
|
2021-09-22 20:47:10 +02:00
|
|
|
</p>
|
|
|
|
</form>
|
|
|
|
{% if logo %}
|
|
|
|
<div class="row">
|
2021-10-23 15:24:25 +02:00
|
|
|
<div class="col-sm-4">
|
2021-09-22 20:47:10 +02:00
|
|
|
<div class="thumbnail">
|
|
|
|
<img class="img-thumbnail" src="{{ logo }}" alt="mailcow logo">
|
|
|
|
<div class="caption">
|
2022-03-31 12:41:50 +02:00
|
|
|
<span class="badge fs-5 bg-info">{{ logo_specs.geometry.width }}x{{ logo_specs.geometry.height }} px</span>
|
|
|
|
<span class="badge fs-5 bg-info">{{ logo_specs.mimetype }}</span>
|
|
|
|
<span class="badge fs-5 bg-info">{{ logo_specs.fileSize }}</span>
|
2021-09-22 20:47:10 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<form class="form-inline" role="form" method="post">
|
2022-03-31 12:41:50 +02:00
|
|
|
<p><button name="reset_main_logo" type="submit" class="btn btn-sm visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-secondary">{{ lang.admin.reset_default }}</button></p>
|
2021-09-22 20:47:10 +02:00
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
2022-03-31 12:57:33 +02:00
|
|
|
<legend>{{ lang.admin.app_links }}</legend><hr />
|
|
|
|
<p class="text-muted">{{ lang.admin.merged_vars_hint|raw }}</p>
|
2021-09-22 20:47:10 +02:00
|
|
|
<form class="form-inline" data-id="app_links" role="form" method="post">
|
|
|
|
<table class="table table-condensed" style="white-space: nowrap;" id="app_link_table">
|
|
|
|
<tr>
|
|
|
|
<th>{{ lang.admin.app_name }}</th>
|
|
|
|
<th>{{ lang.admin.link }}</th>
|
|
|
|
<th> </th>
|
|
|
|
</tr>
|
|
|
|
{% for row in app_links %}
|
|
|
|
{% for key, val in row %}
|
|
|
|
<tr>
|
|
|
|
<td><input class="input-sm input-xs-lg form-control" data-id="app_links" type="text" name="app" required value="{{ key }}"></td>
|
|
|
|
<td><input class="input-sm input-xs-lg form-control" data-id="app_links" type="text" name="href" required value="{{ val }}"></td>
|
2022-03-31 12:41:50 +02:00
|
|
|
<td><a href="#" role="button" class="btn btn-sm btn-xs-lg btn-secondary" type="button">{{ lang.admin.remove_row }}</a></td>
|
2021-09-22 20:47:10 +02:00
|
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
|
|
|
{% for app in mailcow_apps %}
|
|
|
|
<tr>
|
|
|
|
<td><input class="input-sm input-xs-lg form-control" value="{{ app.name }}" disabled></td>
|
|
|
|
<td><input class="input-sm input-xs-lg form-control" value="{{ app.link }}" disabled></td>
|
|
|
|
<td> </td>
|
|
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
|
|
</table>
|
|
|
|
<p><div class="btn-group">
|
|
|
|
<button class="btn btn-sm btn-xs-half visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-success" data-action="edit_selected" data-item="admin" data-id="app_links" data-reload="no" data-api-url='edit/app_links' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.admin.save }}</button>
|
2022-03-31 12:41:50 +02:00
|
|
|
<button class="btn btn-sm btn-xs-half visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-secondary" type="button" id="add_app_link_row">{{ lang.admin.add_row }}</button>
|
2021-09-22 20:47:10 +02:00
|
|
|
<div class="clearfix visible-xs"></div>
|
|
|
|
</div></p>
|
|
|
|
</form>
|
2022-03-31 12:57:33 +02:00
|
|
|
<legend data-bs-target="#ui_texts" style="padding-top:20px" unselectable="on">{{ lang.admin.ui_texts }}</legend><hr />
|
2021-09-22 20:47:10 +02:00
|
|
|
<div id="ui_texts">
|
|
|
|
<form class="form" data-id="uitexts" role="form" method="post">
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="uitests_title_name">{{ lang.admin.title_name }}:</label>
|
2021-10-19 10:39:22 +02:00
|
|
|
<input type="text" class="form-control" id="uitests_title_name" name="title_name" placeholder="mailcow UI" value="{{ ui_texts.title_name|raw }}">
|
2021-09-22 20:47:10 +02:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="uitests_main_name">{{ lang.admin.main_name }}:</label>
|
2021-10-19 10:39:22 +02:00
|
|
|
<input type="text" class="form-control" id="uitests_main_name" name="main_name" placeholder="mailcow UI" value="{{ ui_texts.main_name|raw }}">
|
2021-09-22 20:47:10 +02:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="uitests_apps_name">{{ lang.admin.apps_name }}:</label>
|
2021-10-19 10:39:22 +02:00
|
|
|
<input type="text" class="form-control" id="uitests_apps_name" name="apps_name" placeholder="{{ lang.header.apps }}" value="{{ ui_texts.apps_name|raw }}">
|
2021-09-22 20:47:10 +02:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="help_text">{{ lang.admin.help_text }}:</label>
|
2021-10-19 10:39:22 +02:00
|
|
|
<textarea class="form-control" id="help_text" name="help_text" rows="7">{{ ui_texts.help_text|raw }}</textarea>
|
2021-09-22 20:47:10 +02:00
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-group">
|
2022-03-31 12:57:33 +02:00
|
|
|
<p class="text-muted">{{ lang.admin.ui_header_announcement_help }}</p>
|
2021-09-22 20:47:10 +02:00
|
|
|
<label for="ui_announcement_type">{{ lang.admin.ui_header_announcement }}:</label>
|
|
|
|
<p><select multiple data-width="100%" id="ui_announcement_type" name="ui_announcement_type" class="selectpicker show-tick" data-max-options="1" title="{{ lang.admin.ui_header_announcement_select }}">
|
|
|
|
<option {% if ui_texts.ui_announcement_type == 'info' %}selected{% endif %} value="info">{{ lang.admin.ui_header_announcement_type_info }}</option>
|
|
|
|
<option {% if ui_texts.ui_announcement_type == 'warning' %}selected{% endif %} value="warning">{{ lang.admin.ui_header_announcement_type_warning }}</option>
|
|
|
|
<option {% if ui_texts.ui_announcement_type == 'danger' %}selected{% endif %} value="danger">{{ lang.admin.ui_header_announcement_type_danger }}</option>
|
|
|
|
</select></p>
|
|
|
|
<p><textarea class="form-control" id="ui_announcement_text" name="ui_announcement_text" rows="7">{{ ui_texts.ui_announcement_text }}</textarea></p>
|
|
|
|
<div class="checkbox">
|
|
|
|
<label>
|
|
|
|
<input type="checkbox" name="ui_announcement_active" class="form-check-input" {% if ui_texts.ui_announcement_active == 1 %}checked{% endif %}> {{ lang.admin.ui_header_announcement_active }}
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="ui_footer">{{ lang.admin.ui_footer }}:</label>
|
|
|
|
<textarea class="form-control" id="ui_footer" name="ui_footer" rows="7">{{ ui_texts.ui_footer }}</textarea>
|
|
|
|
</div>
|
|
|
|
<button class="btn btn-sm visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline btn-success" data-action="edit_selected" data-item="ui" data-id="uitexts" data-api-url='edit/ui_texts' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.admin.save }}</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|