Public_Tools/wavelog
2
0
Fork 0
mirror of https://github.com/wavelog/wavelog.git synced 2026-03-22 10:24:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

new description in themes menu

Browse Source
This commit is contained in:
HB9HIL
2024-01-26 11:00:01 +01:00
parent 9ceaae432b
commit 0fd19eaaca
1 changed files with 85 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
application/views/themes/index.php
View File

@@ -1,14 +1,14 @@
<div class="container">
<br>
<?php if($this->session->flashdata('danger')) { ?>
<?php if ($this->session->flashdata('danger')) { ?>
<!-- Display Message -->
<div class="alert alert-danger">
<p><?php echo $this->session->flashdata('danger'); ?></p>
</div>
<?php } ?>
<?php if($this->session->flashdata('success')) { ?>
<?php if ($this->session->flashdata('success')) { ?>
<!-- Display Message -->
<div class="alert alert-success">
<p><?php echo $this->session->flashdata('success'); ?></p>
@@ -22,47 +22,97 @@
Themes list
</div>
<div class="card-body">
<p class="card-text">
Using the theme list, you can control which Themes are shown in the account settings. Deleting a theme here, does not delete the css theme folder.
</p>
<div class="card-text border-bottom mb-2 mt-2">
<div class="row">
<div class="col">
<p>In this menu you can add and edit themes to Wavelog. The process of adding a theme is not really straightforward and should only be done by an admin who is aware of their actions.<br>
Also, it has to be said that this feature is still under development.<br></p>
</div>
</div>
<div class="row">
<div class="col">
<h5>Process of adding a new theme</h5>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>1. Step</h6>
</div>
<div class="col-md-10">
<p>Create a new folder in 'assets/css/' and upload a 'bootstrap.min.css' file which contains basic styling rules. We use the themes from <a href="https://bootswatch.com/" target="_blank">https://bootswatch.com/</a></p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>2. Step</h6>
</div>
<div class="col-md-10">
<p>Create a file in this folder called 'overrides.css'. Place your custom CSS code in there.</p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>3. Step</h6>
</div>
<div class="col-md-10">
<p>For each new theme, you need two logo files. One for the login screen and one for the header.<br>
Only PNG files are allowed, and they should have a pixel ratio of 1:1 (e.g., 1000px height and 1000px width).<br>
Place the two logo files in the folder 'assets/logo/'</p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<h6>4. Step</h6>
</div>
<div class="col-md-10">
<p>Click here on 'Add a Theme' and type in the necessary data. Type in the filenames for the logos <b>without</b> the file extension '.png'</p>
</div>
</div>
</div>
<div class="table-responsive">
<table style="width:100%" class="contesttable table table-sm table-striped">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Foldername</th>
<th scope="col">Theme Mode</th>
<th scope="col">Header Logo</th>
<th scope="col">Main Logo</th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
<tr>
<th scope="col">Name</th>
<th scope="col">Foldername</th>
<th scope="col">Theme Mode</th>
<th scope="col">Header Logo</th>
<th scope="col">Main Logo</th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<?php foreach ($themes as $theme) { ?>
<tr>
<td><?php echo $theme->name;?></td>
<td><?php echo $theme->foldername;?></td>
<td><?php if($theme->theme_mode != "") {
echo $theme->theme_mode;
} else {
echo "<span class=\"text-danger\">Theme-Mode undefined! Please edit</span>";
} ?></td>
<td><?php echo $theme->header_logo;?></td>
<td><?php echo $theme->main_logo;?></td>
<td>
<a onclick="editThemeDialog('<?php echo $theme->id; ?>')" class="btn btn-outline-primary btn-sm"><i class="fas fa-edit"></i> Edit</a>
</td>
<td class='theme_<?php echo $theme->id ?>'>
<a href="javascript:deleteTheme('<?php echo $theme->id; ?>', '<?php echo $theme->name; ?>');" class="btn btn-danger btn-sm" ><i class="fas fa-trash-alt"></i> Delete</a>
</td>
</tr>
<?php foreach ($themes as $theme) { ?>
<tr>
<td><?php echo $theme->name; ?></td>
<td><?php echo $theme->foldername; ?></td>
<td><?php if ($theme->theme_mode != "") {
echo $theme->theme_mode;
} else {
echo "<span class=\"text-danger\">Theme-Mode undefined! Please edit</span>";
} ?></td>
<td><?php echo $theme->header_logo; ?></td>
<td><?php echo $theme->main_logo; ?></td>
<td>
<a onclick="editThemeDialog('<?php echo $theme->id; ?>')" class="btn btn-outline-primary btn-sm"><i class="fas fa-edit"></i> Edit</a>
</td>
<td class='theme_<?php echo $theme->id ?>'>
<a href="javascript:deleteTheme('<?php echo $theme->id; ?>', '<?php echo $theme->name; ?>');" class="btn btn-danger btn-sm"><i class="fas fa-trash-alt"></i> Delete</a>
</td>
</tr>
<?php } ?>
<?php } ?>
</tbody>
<table>
</div>
<br/>
<br />
<p><button onclick="addThemeDialog();" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> Add a Theme</button></p>
</div>
</div>
</div>