Compare commits

...

3 Commits

Author SHA1 Message Date
ca1e3f2952 vamo a dejar esto normal
Some checks failed
build-and-deploy / filter (push) Successful in 2s
Sync to GitHub / sync (push) Failing after 2s
build-and-deploy / build (push) Successful in 13s
build-and-deploy / deploy (push) Successful in 15s
2025-05-31 00:18:24 -06:00
josedario87
ac939341a0 Merge pull request #11 from josedario87/feature/configuracion-accent-color
feat: Add accent color customization for configuracion module
2025-05-30 23:58:56 -06:00
google-labs-jules[bot]
2957054823 feat: Add accent color customization for configuracion module
This commit introduces a new accent color setting for the 'configuracion' module.

Changes include:
- Updated `ui/src/stores/useUi.js` to include:
    - A new state property `accentColorConfiguracion`.
    - Addition of `'accentColorConfiguracion'` to `appearanceSettingKeys` for local storage persistence.
    - A new action `setAccentColorConfiguracion` to modify the new color.
- Updated `ui/src/views/SettingsView.vue` to include:
    - A new color picker in the "Module Accent Colors" section, allowing you to select and change the accent color for the 'configuracion' module.
2025-05-31 05:58:44 +00:00
3 changed files with 13 additions and 8 deletions

View File

@@ -33,14 +33,8 @@ sync-to-github:
sync-to-gitea:
@echo "Synchronizing to Gitea..."
@if ! git remote | grep -q '^gitea$$'; then \
echo "Adding Gitea remote..."; \
git remote add gitea $(GITEA_REPO_URL); \
fi
git push gitea --all
git push gitea --tags
@echo "Synchronization to Gitea complete."
git fetch github
git merge github/main
# Declaramos el target como PHONY ya que no corresponde a un archivo real (opcional pero recomendado)

View File

@@ -16,6 +16,7 @@ const appearanceSettingKeys = [
'accentColorTareas',
'accentColorPlanillas',
'accentColorAsistencias',
'accentColorConfiguracion',
]
const loadSettingsFromLocalStorage = () => {
@@ -76,6 +77,7 @@ export const useUi = defineStore('ui', {
accentColorTareas: '#4CAF50', // Green
accentColorPlanillas: '#FF9800', // Orange
accentColorAsistencias: '#E91E63', // Pink
accentColorConfiguracion: '#607D8B', // Blue Grey
}
const loadedSettings = loadSettingsFromLocalStorage()
@@ -157,6 +159,10 @@ export const useUi = defineStore('ui', {
setAccentColorAsistencias(color) {
this.accentColorAsistencias = color
_saveAppearanceState(this)
},
setAccentColorConfiguracion(color) {
this.accentColorConfiguracion = color
_saveAppearanceState(this)
}
},
})

View File

@@ -94,6 +94,11 @@
<input type="color" id="accentColorAsistencias" v-model="ui.accentColorAsistencias" @input="ui.setAccentColorAsistencias($event.target.value)"
class="w-full h-12 p-1 border rounded-lg cursor-pointer shadow-sm hover:opacity-80 transition-opacity border-[var(--secondary-color)] focus:border-[var(--primary-color)] focus:ring-1 focus:ring-[var(--primary-color)]">
</div>
<div class="setting-item">
<label for="accentColorConfiguracion" class="block text-sm font-medium mb-1">Configuracion Accent</label>
<input type="color" id="accentColorConfiguracion" v-model="ui.accentColorConfiguracion" @input="ui.setAccentColorConfiguracion($event.target.value)"
class="w-full h-12 p-1 border rounded-lg cursor-pointer shadow-sm hover:opacity-80 transition-opacity border-[var(--secondary-color)] focus:border-[var(--primary-color)] focus:ring-1 focus:ring-[var(--primary-color)]">
</div>
</div>
</section>