Skip to content

Instantly share code, notes, and snippets.

@Dev0515
Created September 28, 2018 07:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Dev0515/d65162de7eb1b8404e21129e53036e31 to your computer and use it in GitHub Desktop.
Save Dev0515/d65162de7eb1b8404e21129e53036e31 to your computer and use it in GitHub Desktop.
Dashboard component for logged in users
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { Router } from '@angular/router';
import { Http } from '@angular/http';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
import { CosmicService } from '../../services/cosmic.service';
import {config} from '../../../config/cosmo.config'
import {blogModel} from '../../models/cosmic.model'@Component({
selector: 'app-dashboard',
templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.css']
})
export class DashboardComponent implements OnInit {
data;
allBlogs;
allPosts;
blogForm: FormGroup;
count = false;
show = false;
message;
menu : boolean = false;
constructor(private router: Router, private _http: Http, private fb: FormBuilder,private cosmicService: CosmicService, ) {
this.blogForm = this.fb.group({
'title': ['', [Validators.required]],
'description': ['', [Validators.required]],
'content': ['', Validators.required],
'blogImage': ['', [Validators.required]],
});
} //to add new blog
addNewBlog() {
this.show = false;
this.count = true;
}
toggleMenu()
{
this.menu = !this.menu;
}
//getting all blogs' data viewAllBlogs() {
this.count = false;
this.show = true;
this.cosmicService.showAllBlogs()
.subscribe(res => { this.data = res;
var jsondata = JSON.parse(this.data._body);
this.allBlogs = jsondata.objects;
})
}
//view Blogs of logged in user
viewBlogs() {
this.count = false;
this.show = true; this.cosmicService.showBlogs()
.subscribe(res => {
this.data = res;
var jsondata = JSON.parse(this.data._body);
this.allBlogs = jsondata.objects; })
}
//logging user out
logout() {
localStorage.removeItem('user');
this.router.navigate(['']);
} submitForm() { const data = this.blogForm.value;
this.cosmicService.addBlog(data)
.subscribe(res => {
console.log(res);
this.message = "Blog added successfully";
})
}
ngOnInit() { }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment