Skip to content

Instantly share code, notes, and snippets.

View afifalfiano's full-sized avatar
🔥
On Fire

Afif Alfiano afifalfiano

🔥
On Fire
60 followers · 151 following
View GitHub Profile
@afifalfiano
afifalfiano / index_modal.html
Created September 24, 2020 12:48
Modal Follow IG
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
@afifalfiano
afifalfiano / app.component.html
Created July 25, 2020 07:46
After configuration reactive form
<div class="container">
<div class="row">
<div class="col-xs-12 mx-auto">
<h1 class="display-4 text-center">Reactive Form Angular</h1>
<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" class="form-control" id="nama" formControlName="nama">
<span class="text-danger" *ngIf="!myForm.get('nama').valid && myForm.get('nama').touched">Nama wajib diisi!</span>
</div>
@afifalfiano
afifalfiano / app.component.ts
Created July 25, 2020 07:45
Configuration on app.component.ts
import { Component, OnInit } from '@angular/core';
import {FormControl, FormGroup, Validators} from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
title = 'reactiveFormAngular';
myForm: FormGroup;
@afifalfiano
afifalfiano / app.component.html
Created July 25, 2020 07:42
Before configuration reactive form
<div class="container">
<div class="row">
<div class="col-xs-12 mx-auto">
<h1 class="display-4 text-center">Reactive Form Angular</h1>
<form>
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" class="form-control" id="nama">
</div>
@afifalfiano
afifalfiano / file github_action.yml
Last active July 25, 2020 04:33
Github Action Auto Deployment
name: Build and Deploy
on:
push:
branches:
- master
jobs:
build-and-deploy:
runs-on: ubuntu-latest
@afifalfiano
afifalfiano / file BUILD.bazel di src
Created June 14, 2020 01:07
File lengkap
package(default_visibility = ["//visibility:public"])
load("@build_bazel_rules_nodejs//:index.bzl", "pkg_web")
load("@npm//history-server:index.bzl", "history_server")
load("@npm//html-insert-assets:index.bzl", "html_insert_assets")
load("@npm_angular_bazel//:index.bzl", "ng_module")
load("@npm_bazel_karma//:index.bzl", "karma_web_test_suite")
load("@npm_bazel_rollup//:index.bzl", "rollup_bundle")
load("@npm_bazel_terser//:index.bzl", "terser_minified")
load("@npm_bazel_typescript//:index.bzl", "ts_devserver", "ts_library")
@afifalfiano
afifalfiano / File angular.json setelah menggunakan bazel
Created June 14, 2020 01:01
Angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ngBazel": {
"projectType": "application",
"schematics": {},
"root": "",
"sourceRoot": "src",
@afifalfiano
afifalfiano / File Angular.json.bak
Created June 14, 2020 00:59
File angular.json.bak dari ngBazel
// This is a backup file of the original angular.json. This file is needed in case you want to revert to the workflow without Bazel.
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ngBazel": {
"projectType": "application",
"schematics": {},
@afifalfiano
afifalfiano / Tutorial Bazel
Created June 14, 2020 00:50
file .bazelrc
# Make TypeScript and Angular compilation fast, by keeping a few copies of the
# compiler running as daemons, and cache SourceFile AST's to reduce parse time.
build --strategy=TypeScriptCompile=worker
build --strategy=AngularTemplateCompile=worker
# Don't create bazel-* symlinks in the WORKSPACE directory, except `bazel-out`,
# which is mandatory.
# These require .gitignore and may scare users.
# Also, it's a workaround for https://github.com/bazelbuild/rules_typescript/issues/12
# which affects the common case of having `tsconfig.json` in the WORKSPACE directory.
@afifalfiano
afifalfiano / Tutorial Bazel
Created June 14, 2020 00:50
file .bazelrc
# Make TypeScript and Angular compilation fast, by keeping a few copies of the
# compiler running as daemons, and cache SourceFile AST's to reduce parse time.
build --strategy=TypeScriptCompile=worker
build --strategy=AngularTemplateCompile=worker
# Don't create bazel-* symlinks in the WORKSPACE directory, except `bazel-out`,
# which is mandatory.
# These require .gitignore and may scare users.
# Also, it's a workaround for https://github.com/bazelbuild/rules_typescript/issues/12
# which affects the common case of having `tsconfig.json` in the WORKSPACE directory.