This commit is contained in:
jr-k 2024-07-11 21:16:55 +02:00
parent 0b31a69064
commit 3aaa623804
5 changed files with 132 additions and 101 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,18 +0,0 @@
.toolbar {
display: flex;
flex-direction: row;
padding: 0 25px;
align-self: stretch;
}
.toolbar h2 {
padding: 0 25px 0 0;
}
.toolbar .toolbar-actions {
flex: 1;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}

View File

@ -22,11 +22,10 @@
@import 'components/modals';
// Legacy
@import 'components/toolbar';
@import 'components/panels';
@import 'components/switches';
//@import 'components/cards';
//@import 'components/empty';
//@import 'components/switches';
//@import 'components/cards';
//@import 'components/badges';
// Import form styles
@ -34,6 +33,7 @@
// Import pages styles
@import 'pages/content';
@import 'pages/playlist';
@import 'pages/node_player';
//@import 'pages/settings';
//@import 'pages/sysinfo';
@import 'pages/settings';
@import 'pages/sysinfo';

View File

@ -0,0 +1,28 @@
.view-playlist-list main .main-container {
}
.view-playlist-edit main .main-container {
.bottom-content {
.page-content {
flex: 1;
.form-holder {
margin: 20px 20px 20px 10px;
}
}
.page-panel.right-panel {
}
}
}

View File

@ -10,94 +10,115 @@
{% endblock %}
{% block page %}
<div class="toolbar">
<h2><i class="fa fa-list-check icon-left"></i>{{ l.sysinfo_page_title }}</h2>
<div class="toolbar-actions">
<div class="top-content">
<h1>
{{ l.sysinfo_panel_title }}
</h1>
<div class="top-actions">
{{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_START) }}
<button class="purple sysinfo-restart"><i class="fa fa-refresh icon-left"></i>{{ l.sysinfo_panel_button_restart }}</button>
<button class="btn btn-info sysinfo-restart">
<i class="fa fa-refresh icon-left"></i>{{ l.sysinfo_panel_button_restart }}
</button>
{{ HOOK(H_SYSINFO_TOOLBAR_ACTIONS_END) }}
</div>
</div>
<div class="panel">
<div class="panel-body">
<h3>{{ l.sysinfo_panel_title }}</h3>
<table class="active-slides">
<thead>
<tr>
<th>{{ l.sysinfo_panel_th_attribute }}</th>
<th>{{ l.sysinfo_panel_th_value }}</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<h3>
<i class="fa fa-server icon-left"></i> {{ l.sysinfo_panel_table_section_system }}
</h3>
</td>
</tr>
{% for sysinfo_label, sysinfo_value in sysinfo.items() %}
<tr>
<td>{{ l[sysinfo_label] }}</td>
<td>{{ t(sysinfo_value) }}</td>
</tr>
{% endfor %}
<div class="bottom-content">
<div class="page-content">
<div class="inner">
{% for ro_variable in ro_variables %}
<tr>
<td>{{ ro_variable.description }}</td>
<td>
{% if ro_variable.value %}
{% if ro_variable.type.value == 'bool' %}
{% if ro_variable.display() %}
<div class="panel">
<div class="panel-body">
<h3>{{ l.sysinfo_panel_title }}</h3>
<table class="active-slides">
<thead>
<tr>
<th>{{ l.sysinfo_panel_th_attribute }}</th>
<th>{{ l.sysinfo_panel_th_value }}</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<h3>
<i class="fa fa-server icon-left"></i> {{ l.sysinfo_panel_table_section_system }}
</h3>
</td>
</tr>
{% for sysinfo_label, sysinfo_value in sysinfo.items() %}
<tr>
<td>{{ l[sysinfo_label] }}</td>
<td>{{ t(sysinfo_value) }}</td>
</tr>
{% endfor %}
{% for ro_variable in ro_variables %}
<tr>
<td>{{ ro_variable.description }}</td>
<td>
{% if ro_variable.value %}
{% if ro_variable.type.value == 'bool' %}
{% if ro_variable.display() %}
{% else %}
{% endif %}
{% else %}
{{ ro_variable.display() }}
{% endif %}
{% else %}
<span class="empty">{{ l.common_empty }}</span>
{% endif %}
{% else %}
{{ ro_variable.display() }}
{% endif %}
{% else %}
<span class="empty">{{ l.common_empty }}</span>
{% endif %}
</td>
</tr>
{% endfor %}
</td>
</tr>
{% endfor %}
<tr>
<td colspan="2">
<h3>
<i class="fa fa-box-open icon-left"></i> {{ l.sysinfo_panel_table_section_application }}
</h3>
</td>
</tr>
{% for env_key, env_value in env_variables.items() %}
<tr>
<td>{{ env_key.replace('_',' ')|capitalize }}</td>
<td>
{% if env_value == true %}
{% elif env_value == false %}
{% elif env_value == none %}
<span class="empty">{{ l.common_empty }}</span>
{% else %}
{{ env_value }}
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<tr>
<td colspan="2">
<h3>
<i class="fa fa-box-open icon-left"></i> {{ l.sysinfo_panel_table_section_application }}
</h3>
</td>
</tr>
{% for env_key, env_value in env_variables.items() %}
<tr>
<td>{{ env_key.replace('_',' ')|capitalize }}</td>
<td>
{% if env_value == true %}
{% elif env_value == false %}
{% elif env_value == none %}
<span class="empty">{{ l.common_empty }}</span>
{% else %}
{{ env_value }}
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="panel panel-inactive panel-logs">
<div class="panel-body">
<h3>{{ l.sysinfo_panel_last_logs }}</h3>
<pre style="">{%- for log_line in last_logs.split("\n") %}
{{ log_line ~ "\n" }}{%- endfor %}</pre>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-inactive panel-logs">
<div class="panel-body">
<h3>{{ l.sysinfo_panel_last_logs }}</h3>
<pre style="">{%- for log_line in last_logs.split("\n") %}{{ log_line ~ "\n" }}{%- endfor %}</pre>
</div>
</div>
{% endblock %}