feat: add themes and custom color options
feat: add italian translation
This commit is contained in:
Miguel Ribeiro
+72
-13
@@ -142,19 +142,19 @@
|
||||
}
|
||||
?>
|
||||
<button class="image-button medium" onClick="editMember(<?= $member['id'] ?>)" name="save">
|
||||
<img src="images/siteicons/save.png" title="<?= translate('save_member', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/save.png" title="<?= translate('save_member', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
if ($member['id'] != 1) {
|
||||
?>
|
||||
<button class="image-button medium" onClick="removeMember(<?= $member['id'] ?>)">
|
||||
<img src="images/siteicons/delete.png" title="<?= translate('delete_member', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= translate('delete_member', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
} else {
|
||||
?>
|
||||
<button class="image-button medium disabled">
|
||||
<img src="images/siteicons/delete.png" title="<?= translate('cant_delete_member', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= translate('cant_delete_member', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
}
|
||||
@@ -292,19 +292,19 @@
|
||||
<div class="drag-icon"></div>
|
||||
<input type="text" name="category" value="<?= $category['name'] ?>" placeholder="Category">
|
||||
<button class="image-button medium" onClick="editCategory(<?= $category['id'] ?>)" name="save">
|
||||
<img src="images/siteicons/save.png" title="<?= translate('save_category', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/save.png" title="<?= translate('save_category', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
if ($canDelete) {
|
||||
?>
|
||||
<button class="image-button medium" onClick="removeCategory(<?= $category['id'] ?>)">
|
||||
<img src="images/siteicons/delete.png" title="<?= translate('delete_category', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= translate('delete_category', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
} else {
|
||||
?>
|
||||
<button class="image-button medium disabled">
|
||||
<img src="images/siteicons/delete.png" title="<?= translate('cant_delete_category_in_use', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= translate('cant_delete_category_in_use', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
}
|
||||
@@ -375,20 +375,20 @@
|
||||
<input type="text" name="currency" value="<?= $currency['name'] ?>" placeholder="Currency Name">
|
||||
<input type="text" name="code" value="<?= $currency['code'] ?>" placeholder="Currency Code" <?= !$canDelete ? 'disabled' : '' ?>>
|
||||
<button class="image-button medium" onClick="editCurrency(<?= $currency['id'] ?>)" name="save">
|
||||
<img src="images/siteicons/save.png" title="<?= translate('save_currency', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/save.png" title="<?= translate('save_currency', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
if ($canDelete) {
|
||||
?>
|
||||
<button class="image-button medium" onClick="removeCurrency(<?= $currency['id'] ?>)">
|
||||
<img src="images/siteicons/delete.png" title="<?= translate('delete_currency', $i18n) ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= translate('delete_currency', $i18n) ?>">
|
||||
</button>
|
||||
<?php
|
||||
} else {
|
||||
$cantDeleteMessage = $isMainCurrency ? translate('cant_delete_main_currency', $i18n) : translate('cant_delete_currency_in_use', $i18n);
|
||||
?>
|
||||
<button class="image-button medium disabled">
|
||||
<img src="images/siteicons/delete.png" title="<?= $cantDeleteMessage ?>">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= $cantDeleteMessage ?>">
|
||||
</button>
|
||||
<?php
|
||||
}
|
||||
@@ -555,7 +555,7 @@
|
||||
<input type="file" id="paymenticon" name="paymenticon" accept="image/jpeg, image/png, image/gif, image/webp" onchange="handleFileSelect(event)" class="hidden-input">
|
||||
<input type="hidden" id="icon-url" name="icon-url">
|
||||
<div id="icon-search-button" class="image-button medium disabled" title="<?= translate('search_logo', $i18n) ?>" onClick="searchPaymentIcon()">
|
||||
<img src="images/siteicons/websearch.png">
|
||||
<img src="images/siteicons/<?= $colorTheme ?>/websearch.png">
|
||||
</div>
|
||||
<div id="icon-search-results" class="icon-search">
|
||||
<header>
|
||||
@@ -571,14 +571,73 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="account-section">
|
||||
<header>
|
||||
<h2><?= translate('theme_settings', $i18n) ?></h2>
|
||||
</header>
|
||||
<div class="account-settings-theme">
|
||||
<div>
|
||||
<div class="theme-selector">
|
||||
<div class="theme">
|
||||
<label for="theme-blue" class="theme-preview blue <?= $settings['color_theme'] == 'blue' ? 'is-selected' : '' ?>">
|
||||
<input type="radio" name="theme" id="theme-blue" value="blue" onClick="setTheme('blue')" <?= $settings['color_theme'] == 'blue' ? 'checked' : '' ?>>
|
||||
<span class="main-color"></span>
|
||||
<span class="accent-color"></span>
|
||||
<span class="hover-color"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="theme">
|
||||
<label for="theme-green" class="theme-preview green <?= $settings['color_theme'] == 'green' ? 'is-selected' : '' ?>">
|
||||
<input type="radio" name="theme" id="theme-green" value="green" onClick="setTheme('green')" <?= $settings['color_theme'] == 'green' ? 'checked' : '' ?>>
|
||||
<span class="main-color"></span>
|
||||
<span class="accent-color"></span>
|
||||
<span class="hover-color"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="theme">
|
||||
<label for="theme-red" class="theme-preview red <?= $settings['color_theme'] == 'red' ? 'is-selected' : '' ?>">
|
||||
<input type="radio" name="theme" id="theme-red" value="red" onClick="setTheme('red')" <?= $settings['color_theme'] == 'red' ? 'checked' : '' ?>>
|
||||
<span class="main-color"></span>
|
||||
<span class="accent-color"></span>
|
||||
<span class="hover-color"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="theme">
|
||||
<label for="theme-yellow" class="theme-preview yellow <?= $settings['color_theme'] == 'yellow' ? 'is-selected' : '' ?>">
|
||||
<input type="radio" name="theme" id="theme-yellow" value="yellow" onClick="setTheme('yellow')" <?= $settings['color_theme'] == 'yellow' ? 'checked' : '' ?>>
|
||||
<span class="main-color"></span>
|
||||
<span class="accent-color"></span>
|
||||
<span class="hover-color"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h2><?= translate('custom_colors', $i18n) ?></h2>
|
||||
<div class="form-group-inline wrap">
|
||||
<div class="color-picker-wrapper wrap">
|
||||
<input type="color" id="mainColor" name="mainColor" value="<?= isset($settings['customColors']['main_color']) ? $settings['customColors']['main_color'] : '#FFFFFF' ?>" class="color-picker fa-solid fa-eye-dropper">
|
||||
<input type="color" id="accentColor" name="accentColor" value="<?= isset($settings['customColors']['accent_color']) ? $settings['customColors']['accent_color'] : '#FFFFFF' ?>" class="color-picker fa-solid fa-eye-dropper">
|
||||
<input type="color" id="hoverColor" name="hoverColor" value="<?= isset($settings['customColors']['hover_color']) ? $settings['customColors']['hover_color'] : '#FFFFFF' ?>" class="color-picker fa-solid fa-eye-dropper">
|
||||
</div>
|
||||
<div class="color-picker-wrapper wrap">
|
||||
<input type="button" value="<?= translate('reset', $i18n) ?>" onClick="resetCustomColors()" class="secondary-button">
|
||||
<input type="button" value="<?= translate('save', $i18n) ?>" onClick="saveCustomColors()" class="buton">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2><?= translate('dark_theme', $i18n) ?></h2>
|
||||
<div>
|
||||
<input id="switchTheme" type="button" value="<?= translate('switch_theme', $i18n) ?>" onClick="switchTheme()" class="button">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="account-section">
|
||||
<header>
|
||||
<h2><?= translate('display_settings', $i18n) ?></h2>
|
||||
</header>
|
||||
<div class="account-settings-list">
|
||||
<div>
|
||||
<input id="switchTheme" type="button" value="<?= translate('switch_theme', $i18n) ?>" onClick="switchTheme()">
|
||||
</div>
|
||||
<div>
|
||||
<div class="form-group-inline">
|
||||
<input type="checkbox" id="monthlyprice" name="monthlyprice" onChange="setShowMonthlyPrice()" <?php if ($settings['monthly_price']) echo 'checked'; ?>>
|
||||
|
||||
Reference in New Issue
Block a user