Skip to content

Instantly share code, notes, and snippets.

@Dev0515
Dev0515 / app.json
Created October 1, 2018 05:31
this is app.json file
{
"scripts": {
"dokku": {
"predeploy": "node prepare.js && ng build --aot --prod"
}
}
}
@Dev0515
Dev0515 / app.js
Created October 1, 2018 05:30
add this to app.js file
const express = require('express')
const app = express()app.use(express.static('./dist'));app.listen(process.config.PORT, function () {
});
@Dev0515
Dev0515 / package.json2
Created October 1, 2018 05:29
add this to package.json
{
...
"scripts": {
...
"start": "node app.js"
},
...
"engines": {
"node": "6.9.4",
"npm": "4.2.0"
@Dev0515
Dev0515 / package.json
Created October 1, 2018 05:27
This is package.json file
...
"dependencies": {
"@angular/cli": "^1.1.3",
"@angular/compiler-cli": "^4.0.0",
...
},
...
@Dev0515
Dev0515 / login.component.ts
Created October 1, 2018 05:25
Login page code
import { Component, OnInit } from '@angular/core';
import { Http, Headers, RequestOptions } from '@angular/http';
import { Router } from '@angular/router';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
import { CosmicService } from '../../services/cosmic.service'
import {config} from '../../../config/cosmo.config'@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
@Dev0515
Dev0515 / register.component.ts
Created September 28, 2018 07:21
Register component to register a new user
import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';
import { Router } from '@angular/router';
import { CosmicService } from '../../services/cosmic.service'
import {config} from '../../../config/cosmo.config'import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
@Dev0515
Dev0515 / usersinglepost.component.ts
Last active September 28, 2018 07:19
Show selected single post to the user.
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { Http } from '@angular/http';
import { CosmicService } from '../../services/cosmic.service'@Component({
selector: 'app-usersinglepost',
templateUrl: './usersinglepost.component.html',
styleUrls: ['./usersinglepost.component.css']
})
export class UsersinglepostComponent implements OnInit {
data;
@Dev0515
Dev0515 / dashboard.component.ts
Created September 28, 2018 07:16
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']
@Dev0515
Dev0515 / allblogs.component.ts
Created September 28, 2018 07:13
This component is fetching all data from cosmic server
import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';
import { Router } from '@angular/router';
import { CosmicService } from '../../services/cosmic.service'@Component({
selector: 'app-allblogs',
templateUrl: './allblogs.component.html',
styleUrls: ['./allblogs.component.css']
})
export class AllblogsComponent implements OnInit {
data;
@Dev0515
Dev0515 / cosmo.config.ts
Created September 28, 2018 07:11
This is the main configuration file.
export const config = {
production: false,
read_key: 'YOUR COSMIC READ KEY',
write_key: 'YOUR COSMIC WRITE KEY',
bucket_id: 'YOUR COSMIC BUCKET ID',
bucket_slug: 'YOUR COSMIC BUCKET SLUG',
URL: 'https://api.cosmicjs.com/v1/',
};