some mobile fixes for tables and headers
Barış Soner Uşaklı
2 years ago
parent
e53929fcac
commit
7e05905372
@ -1,68 +1,76 @@
|
||||
<div id="customise" class="customise px-lg-4">
|
||||
<ul class="nav nav-pills mb-3">
|
||||
<li class="nav-item"><a class="nav-link active" href="#custom-css" data-bs-toggle="tab">[[admin/appearance/customise:custom-css]]</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#custom-js" data-bs-toggle="tab">[[admin/appearance/customise:custom-js]]</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#custom-header" data-bs-toggle="tab">[[admin/appearance/customise:custom-header]]</a></li>
|
||||
</ul>
|
||||
<div class="tags d-flex flex-column gap-2 px-lg-4">
|
||||
<div class="d-flex border-bottom py-2 m-0 sticky-top acp-page-main-header align-items-center justify-content-between flex-wrap gap-2">
|
||||
<div class="d-flex flex-wrap gap-3">
|
||||
<h4 class="fw-bold tracking-tight mb-0">[[admin/appearance/customise:customise]]</h4>
|
||||
<ul class="nav nav-pills text-sm">
|
||||
<li class="nav-item"><a class="nav-link active" href="#custom-css" data-bs-toggle="tab">[[admin/appearance/customise:custom-css]]</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#custom-js" data-bs-toggle="tab">[[admin/appearance/customise:custom-js]]</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#custom-header" data-bs-toggle="tab">[[admin/appearance/customise:custom-header]]</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-1">
|
||||
<button id="save" class="btn btn-primary btn-sm fw-semibold ff-secondary w-100 text-center text-nowrap">[[admin/admin:save-changes]]</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="custom-css">
|
||||
<p>
|
||||
[[admin/appearance/customise:custom-css.description]]
|
||||
</p>
|
||||
<div id="customCSS"></div>
|
||||
<input type="hidden" id="customCSS-holder" value="" data-field="customCSS" />
|
||||
<div id="customise" class="customise px-2">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="custom-css">
|
||||
<p>
|
||||
[[admin/appearance/customise:custom-css.description]]
|
||||
</p>
|
||||
<div id="customCSS"></div>
|
||||
<input type="hidden" id="customCSS-holder" value="" data-field="customCSS" />
|
||||
|
||||
<br />
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="useCustomCSS" type="checkbox" data-field="useCustomCSS" />
|
||||
<label class="form-check-label" for="useCustomCSS">[[admin/appearance/customise:custom-css.enable]]</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<br />
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="useCustomCSS" type="checkbox" data-field="useCustomCSS" />
|
||||
<label class="form-check-label" for="useCustomCSS">[[admin/appearance/customise:custom-css.enable]]</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="custom-js">
|
||||
<p>
|
||||
[[admin/appearance/customise:custom-js.description]]
|
||||
</p>
|
||||
<div id="customJS"></div>
|
||||
<input type="hidden" id="customJS-holder" value="" data-field="customJS" />
|
||||
<div class="tab-pane fade" id="custom-js">
|
||||
<p>
|
||||
[[admin/appearance/customise:custom-js.description]]
|
||||
</p>
|
||||
<div id="customJS"></div>
|
||||
<input type="hidden" id="customJS-holder" value="" data-field="customJS" />
|
||||
|
||||
<br />
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="useCustomJS" type="checkbox" data-field="useCustomJS" />
|
||||
<label class="form-check-label" for="useCustomJS">[[admin/appearance/customise:custom-js.enable]]</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<br />
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="useCustomJS" type="checkbox" data-field="useCustomJS" />
|
||||
<label class="form-check-label" for="useCustomJS">[[admin/appearance/customise:custom-js.enable]]</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="custom-header">
|
||||
<p>
|
||||
[[admin/appearance/customise:custom-header.description]]
|
||||
</p>
|
||||
<div class="tab-pane fade" id="custom-header">
|
||||
<p>
|
||||
[[admin/appearance/customise:custom-header.description]]
|
||||
</p>
|
||||
|
||||
<div id="customHTML"></div>
|
||||
<input type="hidden" id="customHTML-holder" value="" data-field="customHTML" />
|
||||
<div id="customHTML"></div>
|
||||
<input type="hidden" id="customHTML-holder" value="" data-field="customHTML" />
|
||||
|
||||
<br />
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="useCustomHTML" type="checkbox" data-field="useCustomHTML" />
|
||||
<label class="form-check-label" for="useCustomHTML">[[admin/appearance/customise:custom-header.enable]]</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="useCustomHTML" type="checkbox" data-field="useCustomHTML" />
|
||||
<label class="form-check-label" for="useCustomHTML">[[admin/appearance/customise:custom-header.enable]]</label>
|
||||
<input class="form-check-input" id="enableLiveReload" type="checkbox" data-field="enableLiveReload" checked />
|
||||
<label class="form-check-label" for="enableLiveReload">[[admin/appearance/customise:custom-css.livereload]]</label>
|
||||
<div class="form-text">[[admin/appearance/customise:custom-css.livereload.description]]</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<form class="form">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" id="enableLiveReload" type="checkbox" data-field="enableLiveReload" checked />
|
||||
<label class="form-check-label" for="enableLiveReload">[[admin/appearance/customise:custom-css.livereload]]</label>
|
||||
<div class="form-text">[[admin/appearance/customise:custom-css.livereload.description]]</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IMPORT admin/partials/save_button.tpl -->
|
||||
@ -1,11 +1,17 @@
|
||||
<div id="skins" class="skins px-lg-4">
|
||||
<div class="directory row text-center" id="bootstrap_themes">
|
||||
<i class="fa fa-refresh fa-spin"></i> [[admin/appearance/skins:loading]]
|
||||
<div class="tags d-flex flex-column gap-2 px-lg-4">
|
||||
<div class="d-flex border-bottom py-2 m-0 sticky-top acp-page-main-header align-items-center justify-content-between flex-wrap gap-2">
|
||||
<div class="">
|
||||
<h4 class="fw-bold tracking-tight mb-0">[[admin/appearance/skins:skins]]</h4>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-1">
|
||||
<div data-type="bootswatch" data-theme="" data-css="">
|
||||
<button data-action="use" class="btn btn-primary btn-sm text-nowrap" type="button">[[admin/appearance/skins:revert-skin]]</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-type="bootswatch" data-theme="" data-css="">
|
||||
<button data-action="use" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
|
||||
<i class="fa fa-fw fas fa-rotate-left"></i>
|
||||
</button>
|
||||
<div id="skins" class="skins px-2">
|
||||
<div class="directory row text-center" id="bootstrap_themes">
|
||||
<i class="fa fa-refresh fa-spin"></i> [[admin/appearance/skins:loading]]
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,9 +1,16 @@
|
||||
<div id="themes" class="themes px-lg-4">
|
||||
<div class="directory row text-center" id="installed_themes">
|
||||
<i class="fa fa-refresh fa-spin"></i> [[admin/appearance/themes:checking-for-installed]]
|
||||
<div class="tags d-flex flex-column gap-2 px-lg-4">
|
||||
<div class="d-flex border-bottom py-2 m-0 sticky-top acp-page-main-header align-items-center justify-content-between flex-wrap gap-2">
|
||||
<div class="">
|
||||
<h4 class="fw-bold tracking-tight mb-0">[[admin/appearance/themes:themes]]</h4>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-1">
|
||||
<button id="revert_theme" class="btn btn-primary btn-sm text-nowrap">[[admin/appearance/themes:revert-theme]]</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="revert_theme" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
|
||||
<i class="fa fa-fw fas fa-rotate-left"></i>
|
||||
</button>
|
||||
<div id="themes" class="themes px-2">
|
||||
<div class="directory row text-center" id="installed_themes">
|
||||
<i class="fa fa-refresh fa-spin"></i> [[admin/appearance/themes:checking-for-installed]]
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,124 +1,128 @@
|
||||
<label>[[admin/manage/privileges:group-privileges]]</label>
|
||||
<table class="table privilege-table">
|
||||
<thead>
|
||||
{{{ if !isAdminPriv }}}
|
||||
<tr class="privilege-table-header">
|
||||
<th class="privilege-filters" colspan="100">
|
||||
<div class="btn-toolbar justify-content-end gap-1">
|
||||
<button type="button" data-filter="9,15" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-viewing]]</button>
|
||||
<button type="button" data-filter="3,8" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-posting]]</button>
|
||||
<button type="button" data-filter="16,18" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-moderation]]</button>
|
||||
{{{ if privileges.columnCountGroupOther }}}
|
||||
<button type="button" data-filter="19,99" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-other]]</button>
|
||||
{{{ end }}}
|
||||
</div>
|
||||
</th>
|
||||
</tr><tr><!-- zebrastripe reset --></tr>
|
||||
{{{ end }}}
|
||||
<tr>
|
||||
<th colspan="2">[[admin/manage/categories:privileges.section-group]]</th>
|
||||
<th class="text-center">[[admin/manage/privileges:select-clear-all]]</th>
|
||||
{{{ each privileges.labels.groups }}}
|
||||
<th class="text-center">{@value}</th>
|
||||
<div class="table-responsive">
|
||||
<table class="table privilege-table text-sm">
|
||||
<thead>
|
||||
{{{ if !isAdminPriv }}}
|
||||
<tr class="privilege-table-header">
|
||||
<th class="privilege-filters" colspan="100">
|
||||
<div class="btn-toolbar justify-content-end gap-1 flex-nowrap">
|
||||
<button type="button" data-filter="9,15" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-viewing]]</button>
|
||||
<button type="button" data-filter="3,8" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-posting]]</button>
|
||||
<button type="button" data-filter="16,18" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-moderation]]</button>
|
||||
{{{ if privileges.columnCountGroupOther }}}
|
||||
<button type="button" data-filter="19,99" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-other]]</button>
|
||||
{{{ end }}}
|
||||
</div>
|
||||
</th>
|
||||
</tr><tr><!-- zebrastripe reset --></tr>
|
||||
{{{ end }}}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{{ each privileges.groups }}}
|
||||
<tr data-group-name="{privileges.groups.nameEscaped}" data-private="{{{ if privileges.groups.isPrivate }}}1{{{ else }}}0{{{ end }}}">
|
||||
<td>
|
||||
{{{ if privileges.groups.isPrivate }}}
|
||||
{{{ if (privileges.groups.name == "banned-users") }}}
|
||||
<i class="fa fa-fw fa-exclamation-triangle text-muted" title="[[admin/manage/categories:privileges.inheritance-exception]]"></i>
|
||||
<tr>
|
||||
<th colspan="2">[[admin/manage/categories:privileges.section-group]]</th>
|
||||
<th class="text-center">[[admin/manage/privileges:select-clear-all]]</th>
|
||||
{{{ each privileges.labels.groups }}}
|
||||
<th class="text-center">{@value}</th>
|
||||
{{{ end }}}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{{ each privileges.groups }}}
|
||||
<tr data-group-name="{privileges.groups.nameEscaped}" data-private="{{{ if privileges.groups.isPrivate }}}1{{{ else }}}0{{{ end }}}">
|
||||
<td>
|
||||
{{{ if privileges.groups.isPrivate }}}
|
||||
{{{ if (privileges.groups.name == "banned-users") }}}
|
||||
<i class="fa fa-fw fa-exclamation-triangle text-muted" title="[[admin/manage/categories:privileges.inheritance-exception]]"></i>
|
||||
{{{ else }}}
|
||||
<i class="fa fa-fw fa-lock text-muted" title="[[admin/manage/categories:privileges.group-private]]"></i>
|
||||
{{{ end }}}
|
||||
{{{ else }}}
|
||||
<i class="fa fa-fw fa-lock text-muted" title="[[admin/manage/categories:privileges.group-private]]"></i>
|
||||
<i class="fa fa-fw fa-none"></i>
|
||||
{{{ end }}}
|
||||
{{{ else }}}
|
||||
<i class="fa fa-fw fa-none"></i>
|
||||
{{{ end }}}
|
||||
{privileges.groups.name}
|
||||
</td>
|
||||
<td></td>
|
||||
<td class="text-center"><input autocomplete="off" type="checkbox" class="checkbox-helper"></td>
|
||||
{function.spawnPrivilegeStates, privileges.groups.name, ../privileges}
|
||||
</tr>
|
||||
{{{ end }}}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td colspan="{privileges.keys.groups.length}">
|
||||
<div class="btn-toolbar justify-content-end">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary" data-ajaxify="false" data-action="search.group">
|
||||
<i class="fa fa-users"></i>
|
||||
[[admin/manage/categories:privileges.search-group]]
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
{privileges.groups.name}
|
||||
</td>
|
||||
<td></td>
|
||||
<td class="text-center"><input autocomplete="off" type="checkbox" class="checkbox-helper"></td>
|
||||
{function.spawnPrivilegeStates, privileges.groups.name, ../privileges}
|
||||
</tr>
|
||||
{{{ end }}}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td colspan="{privileges.keys.groups.length}">
|
||||
<div class="btn-toolbar justify-content-end">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary" data-ajaxify="false" data-action="search.group">
|
||||
<i class="fa fa-users"></i>
|
||||
[[admin/manage/categories:privileges.search-group]]
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<div class="form-text">
|
||||
[[admin/manage/categories:privileges.inherit]]
|
||||
</div>
|
||||
<hr/>
|
||||
<label>[[admin/manage/privileges:user-privileges]]</label>
|
||||
<table class="table privilege-table">
|
||||
<thead>
|
||||
{{{ if !isAdminPriv }}}
|
||||
<tr class="privilege-table-header">
|
||||
<th class="privilege-filters" colspan="100">
|
||||
<div class="btn-toolbar justify-content-end gap-1">
|
||||
<button type="button" data-filter="9,15" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-viewing]]</button>
|
||||
<button type="button" data-filter="3,8" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-posting]]</button>
|
||||
<button type="button" data-filter="16,18" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-moderation]]</button>
|
||||
{{{ if privileges.columnCountUserOther }}}
|
||||
<button type="button" data-filter="19,99" class="btn btn-outline-secondary">[[admin/manage/categories:privileges.section-other]]</button>
|
||||
{{{ end }}}
|
||||
</div>
|
||||
</th>
|
||||
</tr><tr><!-- zebrastripe reset --></tr>
|
||||
{{{ end }}}
|
||||
<tr>
|
||||
<th colspan="2">[[admin/manage/categories:privileges.section-user]]</th>
|
||||
<th class="text-center">[[admin/manage/privileges:select-clear-all]]</th>
|
||||
{{{ each privileges.labels.users }}}
|
||||
<th class="text-center">{@value}</th>
|
||||
<div class="table-responsive">
|
||||
<table class="table privilege-table text-sm">
|
||||
<thead>
|
||||
{{{ if !isAdminPriv }}}
|
||||
<tr class="privilege-table-header">
|
||||
<th class="privilege-filters" colspan="100">
|
||||
<div class="btn-toolbar justify-content-end gap-1 flex-nowrap">
|
||||
<button type="button" data-filter="9,15" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-viewing]]</button>
|
||||
<button type="button" data-filter="3,8" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-posting]]</button>
|
||||
<button type="button" data-filter="16,18" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-moderation]]</button>
|
||||
{{{ if privileges.columnCountUserOther }}}
|
||||
<button type="button" data-filter="19,99" class="btn btn-outline-secondary btn-sm text-nowrap">[[admin/manage/categories:privileges.section-other]]</button>
|
||||
{{{ end }}}
|
||||
</div>
|
||||
</th>
|
||||
</tr><tr><!-- zebrastripe reset --></tr>
|
||||
{{{ end }}}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{{ each privileges.users }}}
|
||||
<tr data-uid="{privileges.users.uid}"{{{ if privileges.users.banned }}} data-banned{{{ end }}}>
|
||||
<td>
|
||||
{{{ if ./picture }}}
|
||||
<img class="avatar avatar-sm" src="{privileges.users.picture}" title="{privileges.users.username}" alt="" />
|
||||
{{{ else }}}
|
||||
<div class="avatar avatar-sm" style="background-color: {../icon:bgColor};">{../icon:text}</div>
|
||||
{{{ end }}}
|
||||
</td>
|
||||
<td>
|
||||
{{{ if privileges.users.banned }}}
|
||||
<i class="ban fa fa-gavel text-danger" title="[[admin/manage/categories:privileges.banned-user-inheritance]]"></i>
|
||||
<tr>
|
||||
<th colspan="2">[[admin/manage/categories:privileges.section-user]]</th>
|
||||
<th class="text-center">[[admin/manage/privileges:select-clear-all]]</th>
|
||||
{{{ each privileges.labels.users }}}
|
||||
<th class="text-center">{@value}</th>
|
||||
{{{ end }}}
|
||||
{privileges.users.username}
|
||||
</td>
|
||||
<td class="text-center"><input autocomplete="off" type="checkbox" class="checkbox-helper"></td>
|
||||
{function.spawnPrivilegeStates, privileges.users.username, ../privileges}
|
||||
</tr>
|
||||
{{{ end }}}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td colspan="{privileges.keys.users.length}">
|
||||
<div class="btn-toolbar justify-content-end">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary" data-ajaxify="false" data-action="search.user">
|
||||
<i class="fa fa-user"></i>
|
||||
[[admin/manage/categories:privileges.search-user]]
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{{ each privileges.users }}}
|
||||
<tr data-uid="{privileges.users.uid}"{{{ if privileges.users.banned }}} data-banned{{{ end }}}>
|
||||
<td>
|
||||
{{{ if ./picture }}}
|
||||
<img class="avatar avatar-sm" src="{privileges.users.picture}" title="{privileges.users.username}" alt="" />
|
||||
{{{ else }}}
|
||||
<div class="avatar avatar-sm" style="background-color: {../icon:bgColor};">{../icon:text}</div>
|
||||
{{{ end }}}
|
||||
</td>
|
||||
<td>
|
||||
{{{ if privileges.users.banned }}}
|
||||
<i class="ban fa fa-gavel text-danger" title="[[admin/manage/categories:privileges.banned-user-inheritance]]"></i>
|
||||
{{{ end }}}
|
||||
{privileges.users.username}
|
||||
</td>
|
||||
<td class="text-center"><input autocomplete="off" type="checkbox" class="checkbox-helper"></td>
|
||||
{function.spawnPrivilegeStates, privileges.users.username, ../privileges}
|
||||
</tr>
|
||||
{{{ end }}}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td colspan="{privileges.keys.users.length}">
|
||||
<div class="btn-toolbar justify-content-end">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary" data-ajaxify="false" data-action="search.user">
|
||||
<i class="fa fa-user"></i>
|
||||
[[admin/manage/categories:privileges.search-user]]
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<button id="save" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px;">
|
||||
<button id="save" class="btn btn-primary position-fixed bottom-0 end-0 px-3 py-2 mb-lg-4 me-4 rounded-circle fs-4" type="button" style="width: 64px; height: 64px; margin-bottom: 5rem;">
|
||||
<i class="fa fa-fw fas fa-floppy-disk"></i>
|
||||
</button>
|
||||
Loading…
Reference in New Issue