src/app/common/components/thumbs/thumbs-down.component.ts

@@ -3,19 +3,22 @@ import {
   ChangeDetectorRef,
   Component,
   DoCheck,
+  Input,
 } from '@angular/core';
 
 import { Session } from '../../../services/session';
 import { Client } from '../../../services/api';
 import { WalletService } from '../../../services/wallet';
 import { SignupModalService } from '../../../modules/modals/signup/service';
+import { Flags } from '../../services/permissions/flags';
+import { PermissionsService } from '../../services/permissions/permissions.service';
+import { FeaturesService } from '../../../services/features.service';
 
 @Component({
   selector: 'minds-button-thumbs-down',
-  inputs: ['_object: object'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
-    <a (click)="thumb()" [ngClass]="{ selected: has() }">
+    <a (click)="thumb()" [ngClass]="{ selected: has(), disabled: !enabled }">
       <i class="material-icons">thumb_down</i>
       <span class="minds-counter" *ngIf="object['thumbs:down:count'] > 0">{{
         object['thumbs:down:count'] | number
@@ -34,19 +37,35 @@ export class ThumbsDownButton implements DoCheck {
   changesDetected: boolean = false;
   object;
   showModal: boolean = false;
+  enabled: boolean = true;
 
   constructor(
     private cd: ChangeDetectorRef,
     public session: Session,
     public client: Client,
     public wallet: WalletService,
-    private modal: SignupModalService
+    private modal: SignupModalService,
+    private permissionsService: PermissionsService,
+    private featuresService: FeaturesService
   ) {}
 
-  set _object(value: any) {
+  @Input('object') set _object(value: any) {
     this.object = value;
     if (!this.object['thumbs:down:user_guids'])
       this.object['thumbs:down:user_guids'] = [];
+
+    this.checkPermissions();
+  }
+
+  private checkPermissions() {
+    if (this.featuresService.has('permissions')) {
+      this.enabled = this.permissionsService.canInteract(
+        this.object,
+        Flags.VOTE
+      );
+    } else {
+      this.enabled = true;
+    }
   }
 
   thumb() {

src/app/common/components/thumbs/thumbs-up.component.ts

@@ -4,19 +4,22 @@ import {
   Component,
   DoCheck,
   OnChanges,
+  Input,
 } from '@angular/core';
 
 import { Session } from '../../../services/session';
 import { Client } from '../../../services/api';
 import { WalletService } from '../../../services/wallet';
 import { SignupModalService } from '../../../modules/modals/signup/service';
+import { Flags } from '../../services/permissions/flags';
+import { PermissionsService } from '../../services/permissions/permissions.service';
+import { FeaturesService } from '../../../services/features.service';
 
 @Component({
   selector: 'minds-button-thumbs-up',
-  inputs: ['_object: object'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
-    <a (click)="thumb()" [ngClass]="{ selected: has() }">
+    <a (click)="thumb()" [ngClass]="{ selected: has(), disabled: !enabled }">
       <i class="material-icons">thumb_up</i>
       <span class="minds-counter" *ngIf="object['thumbs:up:count'] > 0">{{
         object['thumbs:up:count'] | number
@@ -39,20 +42,36 @@ export class ThumbsUpButton implements DoCheck, OnChanges {
     'thumbs:up:user_guids': [],
   };
   showModal: boolean = false;
+  enabled: boolean = true;
 
   constructor(
     public session: Session,
     public client: Client,
     public wallet: WalletService,
     private modal: SignupModalService,
+    private permissionsService: PermissionsService,
+    private featuresService: FeaturesService,
     private cd: ChangeDetectorRef
   ) {}
 
-  set _object(value: any) {
+  @Input('object') set _object(value: any) {
     if (!value) return;
     this.object = value;
     if (!this.object['thumbs:up:user_guids'])
       this.object['thumbs:up:user_guids'] = [];
+
+    this.checkPermissions();
+  }
+
+  private checkPermissions() {
+    if (this.featuresService.has('permissions')) {
+      this.enabled = this.permissionsService.canInteract(
+        this.object,
+        Flags.VOTE
+      );
+    } else {
+      this.enabled = true;
+    }
   }
 
   thumb() {
@@ -62,6 +81,10 @@ export class ThumbsUpButton implements DoCheck, OnChanges {
       return false;
     }
 
+    if (!this.enabled) {
+      return;
+    }
+
     this.client.put('api/v1/thumbs/' + this.object.guid + '/up', {});
     if (!this.has()) {
       //this.object['thumbs:up:user_guids'].push(this.session.getLoggedInUser().guid);

src/app/modules/settings/disable/disable.component.html

@@ -11,6 +11,7 @@
     <button
       class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-color--red"
       (click)="disable()"
+      [disabled]="!enabled"
     >
       <ng-container i18n="@@MINDS__SETTINGS__DISABLE_CONFIRM"
         >I'm sure - Disable</ng-container
@@ -30,6 +31,7 @@
     <button
       class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-color--red"
       (click)="delete()"
+      [disabled]="!enabled"
     >
       <ng-container i18n="@@MINDS__SETTINGS__DELETE_CONFIRM"
         >I'm sure - Delete</ng-container

src/app/modules/settings/disable/disable.component.ts

-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 
 import { Client } from '../../../services/api';
 import { OverlayModalService } from '../../../services/ux/overlay-modal';
 import { ConfirmPasswordModalComponent } from '../../modals/confirm-password/modal.component';
+import { PermissionsService } from '../../../common/services/permissions/permissions.service';
+import { FeaturesService } from '../../../services/features.service';
+import { Flags } from '../../../common/services/permissions/flags';
+import { Session } from '../../../services/session';
 
 @Component({
   moduleId: module.id,
@@ -11,20 +15,28 @@ import { ConfirmPasswordModalComponent } from '../../modals/confirm-password/mod
   inputs: ['object'],
   templateUrl: 'disable.component.html',
 })
-export class SettingsDisableChannelComponent {
+export class SettingsDisableChannelComponent implements OnInit {
   minds: Minds;
   user: any;
   settings: string;
   object: any;
+  enabled: boolean = true;
 
   constructor(
     public client: Client,
     public router: Router,
-    private overlayModal: OverlayModalService
+    private overlayModal: OverlayModalService,
+    private session: Session,
+    private permissionsService: PermissionsService,
+    private featuresService: FeaturesService
   ) {
     this.minds = window.Minds;
   }
 
+  ngOnInit() {
+    this.checkPermissions();
+  }
+
   disable() {
     this.client
       .delete('api/v1/channel')
@@ -63,4 +75,15 @@ export class SettingsDisableChannelComponent {
     );
     creator.present();
   }
+
+  private checkPermissions() {
+    if (this.featuresService.has('permissions')) {
+      this.enabled = this.permissionsService.canInteract(
+        this.session.getLoggedInUser(),
+        Flags.DELETE_CHANNEL
+      );
+    } else {
+      this.enabled = true;
+    }
+  }
 }