MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

See #890: added confirmation before deleting comment

This commit is contained in:
Eliot Berriot 2019-09-02 15:32:14 +02:00
parent d5b89f01d7
commit b526c67e4f
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
front/src/components/manage/moderation/NotesThread.vue
View File

@ -17,9 +17,18 @@
</expandable-div>
</div>
<div class="meta">
<a role="button" @click.prevent="remove(note)">
<i class="trash icon"></i> <translate translate-context="*/*/*/Verb">Delete</translate>
</a>
<dangerous-button
:class="['ui', {loading: isLoading}, 'basic borderless mini button']"
color="grey"
@confirm="remove(note)">
<i class="trash icon"></i>
<translate translate-context="*/*/*/Verb">Delete</translate>
<p slot="modal-header"><translate translate-context="Popup/Moderation/Title">Delete this note?</translate></p>
<div slot="modal-content">
<p><translate translate-context="Content/Moderation/Paragraph">The note will be removed. This action is irreversible.</translate></p>
</div>
<p slot="modal-confirm"><translate translate-context="*/*/*/Verb">Delete</translate></p>
</dangerous-button>
</div>
</div>
</div>

7
front/src/style/_main.scss
View File

@ -376,5 +376,12 @@ input + .help {
}
}
.ui.borderless.button {
border: none !important;
box-shadow: none !important;
padding-left: 0;
padding-right: 0;
}
@import "./themes/_light.scss";
@import "./themes/_dark.scss";