Skip to content

Instantly share code, notes, and snippets.

View MarJaysonSanAgustin's full-sized avatar
🌏
Working from anywhere

Mar Jayson San Agustin MarJaysonSanAgustin

🌏
Working from anywhere
View GitHub Profile
@MarJaysonSanAgustin
MarJaysonSanAgustin / cover-panel.html
Last active April 29, 2017 17:00
Bootstrap 3 image-covered panel heading
<!-- Markup -->
<div class="container center-content">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary boxed panelzone">
<div class="panel-header">
<img src="./assets/imgs/gg1.png" class="img-responsive">
</div>
<div class="panel-body">
<h1> Some Content in here </h1>
@MarJaysonSanAgustin
MarJaysonSanAgustin / uploadFile.ts
Created June 5, 2017 15:27 — forked from aitorjs/uploadFile.ts
Upload file using angular2 and nodejs (express)
// FRONTEND (angular2)
// product-form.compontent.html
<input type="file" (change)="fileChangeEvent($event)" placeholder="Upload file..." />
<button type="button" (click)="upload()">Upload</button>
// product-form.compontent.ts
import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';
@Component({
@MarJaysonSanAgustin
MarJaysonSanAgustin / header.component.html
Created August 13, 2017 15:04 — forked from 2n2n/header.component.html
Accessing the body tag of the angular app and toggling the class using angular 4 attribute directives
// since the <body> tag is inside the index.php and doesn't have any component.ts
<a alphaToggleNav class="sidebar-toggle" data-toggle="offcanvas" role="button">
// the alphaToggleNav directive will find the body tag, and will change the className depending on the state.
@MarJaysonSanAgustin
MarJaysonSanAgustin / app.component.ts
Created October 1, 2017 10:57
Get the dates between date range in typescript
// Main class
export class AppComponent {
_dateFunc: dateFunc = new dateFunc()
// then somewhere in your main component code add this
const dat = this._dateFunc.betweenDate(new Date('2017-01-11'), new Date('2017-02-13'));
console.log(dat)
}
// date function class
@MarJaysonSanAgustin
MarJaysonSanAgustin / index.js
Created October 21, 2017 05:28 — forked from badnorseman/index.js
An OOP example
'use strict'
const express = require('express')
const bodyParser = require('body-parser')
const todos = require('./todos')
require('./env')
const app = express()
app.use(bodyParser.json())
app.use(express.static('public'))
import { Directive, Input, ElementRef, Renderer } from '@angular/core';
/**
* Generated class for the HideHeaderDirective directive.
*
* See https://angular.io/docs/ts/latest/api/core/index/DirectiveMetadata-class.html
* for more info on Angular Directives.
*/
@Directive({
selector: '[hide-header]', // Attribute selector
@MarJaysonSanAgustin
MarJaysonSanAgustin / README-Template.md
Created February 2, 2020 05:28 — forked from PurpleBooth/README-Template.md
A template to make good README.md

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

@MarJaysonSanAgustin
MarJaysonSanAgustin / cloudSettings
Created September 28, 2021 02:24 — forked from john20xdoe/cloudSettings
VSCode public settings for Dev 1 team
{"lastUpload":"2020-04-21T01:22:44.724Z","extensionVersion":"v3.4.3"}