diff --git a/client/components/admin/admin-groups-edit-permissions.vue b/client/components/admin/admin-groups-edit-permissions.vue
index b7933fbe..15eed86a 100644
--- a/client/components/admin/admin-groups-edit-permissions.vue
+++ b/client/components/admin/admin-groups-edit-permissions.vue
@@ -126,7 +126,7 @@ export default {
permission: 'write:comments',
hint: 'Can post new comments, as specified in the Page Rules',
warning: false,
- restrictedForSystem: true,
+ restrictedForSystem: false,
disabled: false
},
{
diff --git a/client/components/comments.vue b/client/components/comments.vue
index 330b1b26..a27cd41f 100644
--- a/client/components/comments.vue
+++ b/client/components/comments.vue
@@ -1,5 +1,5 @@
- div(v-intersect.once.quiet='onIntersect')
+ div(v-intersect.once='onIntersect')
v-textarea#discussion-new(
outlined
flat
@@ -11,11 +11,37 @@
v-model='newcomment'
color='blue-grey darken-2'
:background-color='$vuetify.theme.dark ? `grey darken-5` : `white`'
+ v-if='permissions.write'
)
- .d-flex.align-center.pt-3
+ v-row.mt-2(dense, v-if='!isAuthenticated && permissions.write')
+ v-col(cols='12', lg='6')
+ v-text-field(
+ outlined
+ color='blue-grey darken-2'
+ :background-color='$vuetify.theme.dark ? `grey darken-5` : `white`'
+ placeholder='Your Name'
+ hide-details
+ dense
+ autocomplete='name'
+ v-model='guestName'
+ )
+ v-col(cols='12', lg='6')
+ v-text-field(
+ outlined
+ color='blue-grey darken-2'
+ :background-color='$vuetify.theme.dark ? `grey darken-5` : `white`'
+ placeholder='Your Email Address'
+ hide-details
+ type='email'
+ dense
+ autocomplete='email'
+ v-model='guestEmail'
+ )
+ .d-flex.align-center.pt-3(v-if='permissions.write')
v-icon.mr-1(color='blue-grey') mdi-language-markdown-outline
.caption.blue-grey--text Markdown Format
v-spacer
+ .caption.mr-3(v-if='isAuthenticated') Posting as #[strong {{userDisplayName}}]
v-btn(
dark
color='blue-grey darken-2'
@@ -24,7 +50,7 @@
)
v-icon(left) mdi-comment
span.text-none Post Comment
- v-divider.mt-3
+ v-divider.mt-3(v-if='permissions.write')
.pa-5.d-flex.align-center.justify-center(v-if='isLoading')
v-progress-circular(
indeterminate
@@ -48,15 +74,18 @@
v-img(src='http://i.pravatar.cc/64')
v-card.elevation-1
v-card-text
- .caption: strong John Smith
+ .caption: strong {{cm.authorName}}
.overline.grey--text 3 minutes ago
.mt-3 {{cm.render}}
- .pt-5.text-center.body-2.blue-grey--text(v-else) Be the first to comment.
+ .pt-5.text-center.body-2.blue-grey--text(v-else-if='permissions.write') Be the first to comment.
+ .text-center.body-2.blue-grey--text(v-else) No comments yet.