some more acp pages

This commit is contained in:
Barış Soner Uşaklı
2023-06-12 20:42:49 -04:00
parent 56ac610b6f
commit cf13dd8fbb
8 changed files with 175 additions and 176 deletions

View File

@@ -1,55 +1,62 @@
<div class="row post-cache settings px-lg-4">
<div class="col-lg-12">
<div class="row">
{{{each caches}}}
<div class="col-xl-3">
<div class="card">
<div class="card-header">[[admin/advanced/cache:{@key}-cache]]</div>
<div class="card-body">
<div class="form-check form-switch mb-3" data-name="{@key}">
<input class="form-check-input" type="checkbox" {{{if caches.enabled}}}checked{{{end}}}>
</div>
<div class="post-cache settings 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/advanced/cache:cache]]</h4>
</div>
<div class="d-flex align-items-center">
<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="mb-3">{{{if ./length}}}{./length}{{{else}}}{./itemCount}{{{end}}} / {{{if ./max}}}{./max}{{{else}}}{./maxSize}{{{end}}}</div>
<div class="progress mb-3" style="height:20px;">
<div class="progress-bar" role="progressbar" aria-valuenow="{./percentFull}" aria-valuemin="0" aria-valuemax="100" style="width: {./percentFull}%;">
[[admin/advanced/cache:percent-full, {./percentFull}]]
</div>
</div>
<div class="mb-2">
<label>Hits:</label> <span>{./hits}</span>
</div>
<div class="mb-2">
<label>Misses:</label> <span>{./misses}</span>
</div>
<div class="mb-2">
<label>Hit Ratio:</label> <span>{./hitRatio}</span>
</div>
<div class="mb-2">
<label>Hits / Sec:</label> <span>{./hitsPerSecond}</span>
</div>
{{{if ./ttl}}}
<div class="mb-2">
<label>TTL:</label> <span>{./ttl}</span>
</div>
{{{end}}}
{{{if (@key == "post")}}}
<hr/>
<div class="mb-3">
<label for="postCacheSize">[[admin/advanced/cache:post-cache-size]]</label>
<input id="postCacheSize" type="text" class="form-control" value="" data-field="postCacheSize">
</div>
{{{end}}}
<a href="{config.relative_path}/api/admin/advanced/cache/dump?name={@key}" class="btn btn-light btn-sm"><i class="fa fa-download"></i></a>
<a class="btn btn-sm btn-danger clear" data-name="{@key}"><i class="fa fa-trash"></i></a>
<div class="row px-2">
{{{each caches}}}
<div class="col-xl-3">
<div class="card">
<div class="card-header">[[admin/advanced/cache:{@key}-cache]]</div>
<div class="card-body">
<div class="form-check form-switch mb-3" data-name="{@key}">
<input class="form-check-input" type="checkbox" {{{if caches.enabled}}}checked{{{end}}}>
</div>
<div class="mb-3">{{{if ./length}}}{./length}{{{else}}}{./itemCount}{{{end}}} / {{{if ./max}}}{./max}{{{else}}}{./maxSize}{{{end}}}</div>
<div class="progress mb-3" style="height:20px;">
<div class="progress-bar" role="progressbar" aria-valuenow="{./percentFull}" aria-valuemin="0" aria-valuemax="100" style="width: {./percentFull}%;">
[[admin/advanced/cache:percent-full, {./percentFull}]]
</div>
</div>
<div class="mb-2">
<label>Hits:</label> <span>{./hits}</span>
</div>
<div class="mb-2">
<label>Misses:</label> <span>{./misses}</span>
</div>
<div class="mb-2">
<label>Hit Ratio:</label> <span>{./hitRatio}</span>
</div>
<div class="mb-2">
<label>Hits / Sec:</label> <span>{./hitsPerSecond}</span>
</div>
{{{if ./ttl}}}
<div class="mb-2">
<label>TTL:</label> <span>{./ttl}</span>
</div>
{{{end}}}
{{{if (@key == "post")}}}
<hr/>
<div class="mb-3">
<label for="postCacheSize">[[admin/advanced/cache:post-cache-size]]</label>
<input id="postCacheSize" type="text" class="form-control" value="" data-field="postCacheSize">
</div>
{{{end}}}
<a href="{config.relative_path}/api/admin/advanced/cache/dump?name={@key}" class="btn btn-light btn-sm"><i class="fa fa-download"></i></a>
<a class="btn btn-sm btn-danger clear" data-name="{@key}"><i class="fa fa-trash"></i></a>
</div>
</div>
{{{end}}}
</div>
{{{end}}}
</div>
</div>
<!-- IMPORT admin/partials/save_button.tpl -->

View File

@@ -1,80 +1,74 @@
<div class="px-lg-4">
<div class="row">
<div class="col-lg-9">
<div class="row">
<div class="col-sm-6 text-center">
<div class="card">
<div class="card-body">
<div><canvas id="not-found" height="250"></canvas></div>
</div>
<div class="card-footer"><small>
<strong>[[admin/advanced/errors:figure-x, 1]]</strong> &ndash;
[[admin/advanced/errors:error-events-per-day, [[admin/advanced/errors:error.404]]]]
</small></div>
</div>
</div>
<div class="col-sm-6 text-center">
<div class="card">
<div class="card-body">
<div><canvas id="toobusy" height="250"></canvas></div>
</div>
<div class="card-footer"><small>
<strong>[[admin/advanced/errors:figure-x, 2]]</strong> &ndash;
[[admin/advanced/errors:error-events-per-day, [[admin/advanced/errors:error.503]]]]
</small></div>
</div>
</div>
</div>
<div class="errors 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/advanced/errors:errors]]</h4>
</div>
<div class="col-lg-3 acp-sidebar">
<div class="card">
<div class="card-header">[[admin/advanced/errors:manage-error-log]]</div>
<div class="card-body">
<div class="d-grid gap-2" role="group">
<a class="btn btn-info" target="_top" href="{config.relative_path}/admin/advanced/errors/export">
<i class="fa fa-download"></i> [[admin/advanced/errors:export-error-log]]
</a>
<button class="btn btn-danger" data-action="clear">
<i class="fa fa-trash"></i> [[admin/advanced/errors:clear-error-log]]
</button>
</div>
</div>
</div>
<div class="d-flex align-items-center gap-1">
<a class="btn btn-sm btn-light text-nowrap" target="_top" href="{config.relative_path}/admin/advanced/errors/export">
<i class="fa fa-download text-primary"></i> [[admin/advanced/errors:export-error-log]]
</a>
<button class="btn btn-sm btn-light text-nowrap" data-action="clear">
<i class="fa fa-trash text-danger"></i> [[admin/advanced/errors:clear-error-log]]
</button>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<i class="fa fa-exclamation-triangle"></i> [[admin/advanced/errors:error.404]]
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table text-sm">
<thead>
<th>[[admin/advanced/errors:route]]</th>
<th>[[admin/advanced/errors:count]]</th>
</thead>
<tbody>
{{{ each not-found }}}
<tr>
<td>{./value}</td>
<td>{./score}</td>
</tr>
{{{ end }}}
{{{ if !not-found.length }}}
<tr>
<td colspan="2">
<div class="alert alert-success">
[[admin/advanced/errors:no-routes-not-found]]
</div>
</td>
</tr>
{{{ end }}}
</tbody>
</table>
<div class="px-2">
<div class="row">
<div class="col-sm-6 text-center">
<div class="card">
<div class="card-body">
<div><canvas id="not-found" height="250"></canvas></div>
</div>
<div class="card-footer"><small>
<strong>[[admin/advanced/errors:figure-x, 1]]</strong> &ndash;
[[admin/advanced/errors:error-events-per-day, [[admin/advanced/errors:error.404]]]]
</small></div>
</div>
</div>
<div class="col-sm-6 text-center">
<div class="card">
<div class="card-body">
<div><canvas id="toobusy" height="250"></canvas></div>
</div>
<div class="card-footer"><small>
<strong>[[admin/advanced/errors:figure-x, 2]]</strong> &ndash;
[[admin/advanced/errors:error-events-per-day, [[admin/advanced/errors:error.503]]]]
</small></div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<i class="fa fa-exclamation-triangle"></i> [[admin/advanced/errors:error.404]]
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table text-sm">
<thead>
<th>[[admin/advanced/errors:route]]</th>
<th class="text-end">[[admin/advanced/errors:count]]</th>
</thead>
<tbody>
{{{ each not-found }}}
<tr>
<td>{./value}</td>
<td class="text-end">{./score}</td>
</tr>
{{{ end }}}
{{{ if !not-found.length }}}
<tr>
<td colspan="2">
<div class="alert alert-success">
[[admin/advanced/errors:no-routes-not-found]]
</div>
</td>
</tr>
{{{ end }}}
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -54,18 +54,14 @@
<label class="form-label" for="perPage">[[admin/advanced/events:filter-perPage]]</label>
<input type="text" id="perPage" name="perPage" value="{query.perPage}" class="form-control" />
</div>
<div class="d-grid">
<button type="submit" class="btn btn-primary" id="apply">[[admin/advanced/events:filters-apply]]</button>
<div class="d-grid gap-1">
<button type="submit" class="btn btn-sm btn-light" id="apply"><i class="fa fa-filter text-primary"></i> [[admin/advanced/events:filters-apply]]</button>
<button class="btn btn-sm btn-light" data-action="clear">
<i class="fa fa-trash text-danger"></i> [[admin/advanced/events:delete-events]]
</button>
</div>
</form>
</div>
</div>
<div class="card">
<div class="card-body d-grid">
<button class="btn btn-danger" data-action="clear">
<i class="fa fa-eraser"></i> [[admin/advanced/events:delete-events]]
</button>
</div>
</div>
</div>
</div>

View File

@@ -1,23 +1,21 @@
<div class="row logs px-lg-4">
<div class="col-lg-9">
<div class="card">
<div class="card-header"><i class="fa fa-file-text-o"></i> [[admin/advanced/logs:logs]]</div>
<div class="card-body">
<pre style="height: 600px;">{data}</pre>
</div>
<div class="logs settings 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/advanced/logs:logs]]</h4>
</div>
<div class="d-flex align-items-center gap-1">
<button class="btn btn-sm btn-light text-nowrap" data-action="clear">
<i class="fa fa-trash text-danger"></i> [[admin/advanced/logs:clear]]
</button>
<button class="btn btn-sm btn-light text-nowrap" data-action="reload">
<i class="fa fa-refresh text-primary"></i> [[admin/advanced/logs:reload]]
</button>
</div>
</div>
<div class="col-lg-3 acp-sidebar">
<div class="card">
<div class="card-header">[[admin/advanced/logs:control-panel]]</div>
<div class="card-body d-grid gap-2">
<button class="btn btn-primary" data-action="reload">
<i class="fa fa-refresh"></i> [[admin/advanced/logs:reload]]
</button>
<button class="btn btn-warning" data-action="clear">
<i class="fa fa-eraser"></i> [[admin/advanced/logs:clear]]
</button>
</div>
<div class="card">
<div class="card-body">
<pre style="height: 600px;">{data}</pre>
</div>
</div>
</div>

View File

@@ -1,36 +1,37 @@
<div class="row logger settings px-lg-4">
<div class="col-lg-12">
<div class="card">
<div class="card-header">[[admin/development/logger:logger-settings]]</div>
<div class="card-body">
<p>
[[admin/development/logger:description]]
</p>
<br/>
<p>
[[admin/development/logger:explanation]]
</p>
<br/>
<form>
<label>
<input type="checkbox" data-field="loggerStatus"> <strong>[[admin/development/logger:enable-http]]</strong>
</label>
<br/>
<br/>
<label>
<input type="checkbox" data-field="loggerIOStatus"> <strong>[[admin/development/logger:enable-socket]]</strong>
</label>
<br/>
<br/>
<label for="loggerPath">[[admin/development/logger:file-path]]</label>
<input id="loggerPath" class="form-control" type="text" placeholder="[[admin/development/logger:file-path-placeholder]]" data-field="loggerPath" />
</form>
</div>
<div class="logger settings 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/development/logger:logger]]</h4>
</div>
<div class="d-flex align-items-center">
<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="card-body">
<p>
[[admin/development/logger:description]]
</p>
<br/>
<p>
[[admin/development/logger:explanation]]
</p>
<br/>
<form>
<div class="form-check form-switch mb-3">
<input class="form-check-input" type="checkbox" data-field="loggerStatus">
<label class="form-check-label">[[admin/development/logger:enable-http]]</label>
</div>
<div class="form-check form-switch mb-3">
<input class="form-check-input" type="checkbox" data-field="loggerIOStatus">
<label class="form-check-label">[[admin/development/logger:enable-socket]]</label>
</div>
<label class="form-label" for="loggerPath">[[admin/development/logger:file-path]]</label>
<input id="loggerPath" class="form-control" type="text" placeholder="[[admin/development/logger:file-path-placeholder]]" data-field="loggerPath" />
</form>
</div>
</div>
<!-- IMPORT admin/partials/save_button.tpl -->