Nazem Mahmud Piash NazemMahmud

Senior Software Engineer || Node, Laravel, Python, React, Vue, Angular

NazemMahmud / browser-language-codes.js

Created August 31, 2021 01:26 — forked from wpsmith/browser-language-codes.js

JS: Object of Browser Language Codes

NazemMahmud / basic-pagination.component.scss

Created July 9, 2020 20:34

	.mat-toolbar {
	font-size: 12px;
	color: rgba(0,0,0,.54);
	}
	button {
	border: none !important;
	background-color: transparent;
	}

	@media(max-width: 576px) {

NazemMahmud / basic-pagination.component.html

Last active July 9, 2020 20:36

	<mat-toolbar *ngIf=" length > 0">
	<span style="margin-left: 20%" class="responsive-view"> {{ 1 + (pageOffset * (pageIndex - 1)) }}
	- {{ (pageOffset * pageIndex) <= length ? pageOffset * pageIndex : length }}
	of {{ length }}</span>
	<span style="margin-left: 20%" class="responsive-view margin-for-mobile">
	<button [disabled]="pageIndex <= 1" (click)="getFirstPage()">
	<i class="material-icons">first_page</i>
	</button>
	<button [disabled]="pageIndex <= 1" (click)="getPreviousPage()">
	<i class="material-icons">chevron_left</i>

NazemMahmud / basic-pagination.component.ts

Created July 9, 2020 20:30

	import {AfterViewInit, Component, Input, OnInit} from '@angular/core';
	import {BehaviorSubject} from 'rxjs';

	interface State {
	page: number;
	pageOffset: number;
	}

	@Component({
	selector: 'basic-pagination',

NazemMahmud / basic-pagination.module.ts

Created July 9, 2020 20:23

	import { NgModule } from '@angular/core';
	import { CommonModule } from '@angular/common';
	import { FlexLayoutModule } from '@angular/flex-layout';
	import { BasicPaginationComponent } from './basic-pagination.component';
	import {MatToolbarModule} from '@angular/material';

	@NgModule({
	declarations: [
	BasicPaginationComponent,
	],

NazemMahmud / app.module.ts

Last active May 2, 2020 11:02

Angular-material & Laravel: multiple & single file upload : Angular part (1)

	import {CommonModule} from '@angular/common';
	import {NgModule} from '@angular/core';

	import {DataService} from '../../shared/services/data.service';
	import {FileUploadService} from './services/file-upload.service';

	import {FlexModule} from '@angular/flex-layout';
	import {RouterModule} from "@angular/router";
	import {
	MatFormFieldModule, MatIconModule, MatInputModule, MatSnackBarModule,

NazemMahmud / file-upload.component.ts

Created April 29, 2020 23:51

Angular-material & Laravel: multiple & single file upload : Angular part (3)

	import {Component, OnInit} from '@angular/core';
	import {FormBuilder, FormGroup, Validators} from '@angular/forms';
	import {Subject} from 'rxjs';
	import {takeUntil} from 'rxjs/operators';

	// your extra code if you needed…

	export class FileUploadComponent implements OnInit, OnDestroy {
	formGroup: FormGroup;
	disabled = true;

NazemMahmud / file-upload.component.html

Last active April 29, 2020 23:44

Angular-material & Laravel: multiple & single file upload : Angular part (2)

	<form class="form-group" [formGroup]="formGroup">
	<div mat-dialog-content>
	<!-- Name -->
	<mat-form-field>
	<input matInput formControlName="first_name" placeholder="Name…" >
	<mat-error *ngIf="!formGroup.controls.first_name.invalid">
	Filed is required...
	</mat-error>
	</mat-form-field>

NazemMahmud / Inovio 2

Created November 29, 2016 07:06

NazemMahmud / Inovio 7

Created November 29, 2016 07:04