Added alert transfer tools. Removed stash and alert add-tiles in favor of more prominent heading buttons.

This commit is contained in:
DebaucheryLibrarian 2023-06-08 02:36:47 +02:00
parent e7b72f5e99
commit 3dbb74a1dc
4 changed files with 36 additions and 17 deletions

1
.gitignore vendored
View File

@ -12,6 +12,7 @@ assets/js/config/
!assets/js/config/default.js !assets/js/config/default.js
/export* /export*
/stashes* /stashes*
/alerts*
*.heapprofile *.heapprofile
*.heapsnapshot *.heapsnapshot
.vscode .vscode

View File

@ -14,11 +14,13 @@
<div class="section-header"> <div class="section-header">
<h3 class="section-heading">Stashes</h3> <h3 class="section-heading">Stashes</h3>
<Icon <button
icon="plus3" v-if="isMe"
class="header-add" class="button button-secondary header-add"
@click="showAddStash = true" @click="showAddStash = true"
/> >
<Icon icon="plus3" />Add stash
</button>
</div> </div>
<ul class="section-body stashes nolist"> <ul class="section-body stashes nolist">
@ -35,6 +37,7 @@
/> />
</li> </li>
<!--
<li <li
v-if="isMe" v-if="isMe"
class="stashes-stash stashes-add" class="stashes-stash stashes-add"
@ -42,6 +45,7 @@
> >
<Icon icon="plus2" /> <Icon icon="plus2" />
</li> </li>
-->
</ul> </ul>
<AddStash <AddStash
@ -54,11 +58,13 @@
<div class="section-header"> <div class="section-header">
<h3 class="section-heading">Alerts</h3> <h3 class="section-heading">Alerts</h3>
<Icon <button
icon="plus3" v-if="isMe"
class="header-add" class="button button-secondary header-add"
@click="showAddAlert = true" @click="showAddAlert = true"
/> >
<Icon icon="plus3" />Set alert
</button>
</div> </div>
<ul class="section-body alerts nolist"> <ul class="section-body alerts nolist">
@ -74,12 +80,14 @@
/> />
</li> </li>
<!--
<li <li
class="alerts-add" class="alerts-add"
@click="showAddAlert = true" @click="showAddAlert = true"
> >
<Icon icon="plus2" /> <Icon icon="plus2" />
</li> </li>
-->
</ul> </ul>
<AddAlert <AddAlert
@ -186,7 +194,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin: 0 0 1rem 0; margin: 0 1rem 1rem 0;
} }
.section-body { .section-body {
@ -201,14 +209,6 @@ export default {
} }
.header-add { .header-add {
height: auto;
padding: .5rem 1rem;
fill: var(--shadow);
&:hover {
fill: var(--primary);
cursor: pointer;
}
} }
.stashes-stash { .stashes-stash {

View File

@ -26,6 +26,8 @@
} }
.button { .button {
display: inline-flex;
align-items: center;
border: none; border: none;
background: none; background: none;
padding: .5rem; padding: .5rem;
@ -49,6 +51,11 @@
background: var(--shadow-weak); background: var(--shadow-weak);
cursor: default; cursor: default;
} }
.icon {
fill: var(--text-light);
margin-right: .5rem;
}
} }
.button-secondary { .button-secondary {
@ -57,12 +64,21 @@
&:hover:not(:disabled) { &:hover:not(:disabled) {
color: var(--text-light); color: var(--text-light);
background: var(--primary); background: var(--primary);
.icon {
fill: var(--text-light);
}
} }
&:disabled { &:disabled {
color: var(--shadow-strong); color: var(--shadow-strong);
cursor: default; cursor: default;
} }
.icon {
fill: var(--primary);
margin-right: .5rem;
}
} }
.album-toggle { .album-toggle {

View File

@ -1,3 +1,5 @@
'use strict';
const fs = require('fs'); const fs = require('fs');
const knex = require('../knex'); const knex = require('../knex');
const args = require('../argv'); const args = require('../argv');