knadh/listmonk
1
1
Fork 0
mirror of https://github.com/knadh/listmonk.git synced 2024-11-13 02:55:04 +08:00
Code Issues Projects Releases Packages Wiki Activity

Minor refactor to subscribers UI. Remove superfluous status column.

Browse source
This commit is contained in:
Kailash Nadh 2024-06-17 16:41:35 +05:30
parent 474f93559f
commit 4a69f0ac5b
2 changed files with 12 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/assets/style.scss
View file

@ -584,37 +584,27 @@ body.is-noscroll {
&:not(body) {
background-color: #eee;
font-size: 0.85em;
// border: 1px solid $color;
// box-shadow: 1px 1px 0 $color;
color: $grey;
}
&.private, &.scheduled, &.paused, &.tx, &.api {
$color: #ed7b00;
color: $color;
background: #fff7e6;
// border: 1px solid lighten($color, 37%);
// box-shadow: 1px 1px 0 lighten($color, 37%);
background: lighten($color, 47);
}
&.public, &.running, &.list, &.campaign, &.user, &.primary {
$color: $primary;
color: lighten($color, 20%);
background: #e6f7ff;
// border: 1px solid lighten($color, 42%);
// box-shadow: 1px 1px 0 lighten($color, 42%);
}
&.finished, &.enabled, &.status-confirmed {
color: $green;
background: #dcfce7;
// border: 1px solid lighten($color, 45%);
// box-shadow: 1px 1px 0 lighten($color, 45%);
}
&.blocklisted, &.cancelled, &.status-unsubscribed {
$color: $red;
color: $color;
background: #fff1f0;
border: 1px solid lighten($color, 30%);
// box-shadow: 1px 1px 0 lighten($color, 30%);
}
sup {
@ -718,6 +708,10 @@ section.lists {
.toggle-advanced {
margin-top: 10px;
}
.blocklisted {
color: red;
}
}
.b-table.subscriptions {

18
frontend/src/views/Subscribers.vue
View file

@ -103,19 +103,14 @@
</div>
</template>
<b-table-column v-slot="props" field="status" :label="$t('globals.fields.status')" header-class="cy-status"
:td-attrs="$utils.tdID" sortable>
<a :href="`/subscribers/${props.row.id}`" @click.prevent="showEditForm(props.row)">
<b-tag :class="props.row.status">
{{ $t(`subscribers.status.${props.row.status}`) }}
</b-tag>
</a>
</b-table-column>
<b-table-column v-slot="props" field="email" :label="$t('subscribers.email')" header-class="cy-email" sortable>
<a :href="`/subscribers/${props.row.id}`" @click.prevent="showEditForm(props.row)">
<a :href="`/subscribers/${props.row.id}`" @click.prevent="showEditForm(props.row)"
:class="{ 'blocklisted': props.row.status === 'blocklisted' }">
{{ props.row.email }}
</a>
<b-tag v-if="props.row.status !== 'enabled'" :class="props.row.status">
{{ $t(`subscribers.status.${props.row.status}`) }}
</b-tag>
<b-taglist>
<template v-for="l in props.row.lists">
<router-link :to="`/subscribers/lists/${l.id}`" :key="l.id" style="padding-right:0.5em;">
@ -131,7 +126,8 @@
</b-table-column>
<b-table-column v-slot="props" field="name" :label="$t('globals.fields.name')" header-class="cy-name" sortable>
<a :href="`/subscribers/${props.row.id}`" @click.prevent="showEditForm(props.row)">
<a :href="`/subscribers/${props.row.id}`" @click.prevent="showEditForm(props.row)"
:class="{ 'blocklisted': props.row.status === 'blocklisted' }">
{{ props.row.name }}
</a>
</b-table-column>