diff --git a/src/app/templates/create-template/create-template.component.ts b/src/app/templates/create-template/create-template.component.ts
index 11863f78b..5a08a9bc4 100644
--- a/src/app/templates/create-template/create-template.component.ts
+++ b/src/app/templates/create-template/create-template.component.ts
@@ -29,7 +29,7 @@ export class CreateTemplateComponent implements OnInit {
 
   /** Template form. */
   templateForm: FormGroup;
-  /** Edit Template Data. */
+  /** Create Template Data. */
   createTemplateData: any;
   /** Template Mappers */
   mappers: any[] = [];
diff --git a/src/app/templates/templates.component.html b/src/app/templates/templates.component.html
index 4be2a8fec..752f8dc29 100644
--- a/src/app/templates/templates.component.html
+++ b/src/app/templates/templates.component.html
@@ -1,5 +1,5 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
-  <button mat-raised-button color="primary" [routerLink]="['create']">
+  <button mat-raised-button color="primary" [routerLink]="['create']" *mifosxHasPermission="'CREATE_TEMPLATE'">
     <fa-icon icon="plus"></fa-icon>&nbsp;&nbsp;
     Create Template
   </button>
diff --git a/src/app/templates/templates.component.ts b/src/app/templates/templates.component.ts
index 1080d9f27..24213e948 100644
--- a/src/app/templates/templates.component.ts
+++ b/src/app/templates/templates.component.ts
@@ -3,9 +3,6 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
 import { ActivatedRoute } from '@angular/router';
 
-/** rxjs Imports */
-import { of } from 'rxjs';
-
 /**
  * Templates component.
  */
diff --git a/src/app/templates/templates.module.ts b/src/app/templates/templates.module.ts
index 1eae38fb6..18b3ab841 100644
--- a/src/app/templates/templates.module.ts
+++ b/src/app/templates/templates.module.ts
@@ -4,6 +4,7 @@ import { NgModule } from '@angular/core';
 /** Custom Modules */
 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
 import { SharedModule } from '../shared/shared.module';
+import { DirectivesModule } from '../directives/directives.module';
 import { TemplatesRoutingModule } from './templates-routing.module';
 
 /** Custom Components */
@@ -21,6 +22,7 @@ import { CreateTemplateComponent } from './create-template/create-template.compo
   imports: [
     CKEditorModule,
     SharedModule,
+    DirectivesModule,
     TemplatesRoutingModule
   ],
   declarations: [
diff --git a/src/app/templates/view-template/view-template.component.html b/src/app/templates/view-template/view-template.component.html
index 7790d2f16..967f94b32 100644
--- a/src/app/templates/view-template/view-template.component.html
+++ b/src/app/templates/view-template/view-template.component.html
@@ -1,11 +1,11 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
 
-  <button mat-raised-button color="primary" [routerLink]="['edit']">
+  <button mat-raised-button color="primary" [routerLink]="['edit']" *mifosxHasPermission="'UPDATE_TEMPLATE'">
     <fa-icon icon="edit"></fa-icon>&nbsp;&nbsp;
     Edit
   </button>
 
-  <button mat-raised-button color="warn" (click)="delete()">
+  <button mat-raised-button color="warn" (click)="delete()" *mifosxHasPermission="'DELETE_TEMPLATE'">
     <fa-icon icon="trash"></fa-icon>&nbsp;&nbsp;
     Delete
   </button>
diff --git a/src/app/templates/view-template/view-template.component.ts b/src/app/templates/view-template/view-template.component.ts
index 2d5f13a9b..a6c842c87 100644
--- a/src/app/templates/view-template/view-template.component.ts
+++ b/src/app/templates/view-template/view-template.component.ts
@@ -1,5 +1,5 @@
 /** Angular Imports */
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material';
 
@@ -17,7 +17,7 @@ import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.co
   templateUrl: './view-template.component.html',
   styleUrls: ['./view-template.component.scss']
 })
-export class ViewTemplateComponent implements OnInit {
+export class ViewTemplateComponent {
 
   /** Template Data */
   templateData: any;
@@ -38,9 +38,6 @@ export class ViewTemplateComponent implements OnInit {
     });
   }
 
-  ngOnInit() {
-  }
-
   /**
    * Deletes the template and redirects to templates.
    */