Skip to content

Instantly share code, notes, and snippets.

View umutyerebakmaz's full-sized avatar
:octocat:
I'm available, please open an issue on the subject.

Umut Yerebakmaz umutyerebakmaz

:octocat:
I'm available, please open an issue on the subject.
View GitHub Profile
import { ChangeDetectionStrategy, Component, HostListener, Inject, OnInit, OnDestroy } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Observable, tap } from 'rxjs';
import { InsectInfoDialogQuery } from '@generated-types';
import { InsectService } from '@app/services/insect.service';
export interface InsectInfoDialogData {
id: string;
}
@umutyerebakmaz
umutyerebakmaz / dumb.component.ts
Created April 7, 2023 13:39
Dumb Component Example
import{ Component, Input, OnInit } from ‘@angular/core’;
@Component({
selector: ‘app-dumb’,
templateUrl: ‘./dumb.component.html’,
styleUrls: [‘./dumb.component.css’]
})
export class DumbComponent implements OnInit {
@Input(‘car’) car: Car[];
constructor() { }
ngOnInit() {
import { Pipe, PipeTransform } from '@angular/core';
import * as moment from 'moment';
import 'moment/locale/tr';
@Pipe({
name: 'humanReadableDate',
})
export class HumanReadableDatePipe implements PipeTransform {
transform(date: Date) {
const now = moment();
@umutyerebakmaz
umutyerebakmaz / datetime-difference-detector.ts
Last active March 15, 2023 13:51
datetime-difference-detector.ts
const now = new Date();
const scheduledDate = new Date(this.element.scheduledDate);
const diff = scheduledDate.getTime() - now.getTime();
diff < 0 ? (this.showWarningColor = true) : (this.showWarningColor = false);
@umutyerebakmaz
umutyerebakmaz / foo.entity.ts
Last active March 8, 2023 11:21
Using @FieldResolver
@Entity()
@ObjectType()
export class Foo extends BaseEntity {
@PrimaryGeneratedColumn('uuid')
@Field(() => ID)
id: string;
@Column()
@Field()
title: string;
@umutyerebakmaz
umutyerebakmaz / slider.blade.php
Created December 19, 2022 13:13
Carousel Slider with Progress Bar Indicator (JavaScript, AlpineJS, TailwindCSS, Laravel Blade Component)
<div id="slider" class="relative flex-col justify-center items-center pt-5" x-data="slider(6000)">
<div class="relative overflow-hidden rounded shadow">
<!-- progress bar -->
<div id="slider-progress-bar" class="block h-4 bg-indigo-400"></div>
<!-- item 1 -->
<div x-show="active === 1" data-slider-item>
<div class="text-white font-bold absolute text-4xl bottom-1 right-1">1 / 3</div>
<img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1520&q=80"
loading="lazy" alt="">
<div class="text-white font-bold absolute text-4xl bottom-1 left-1">Caption Text 1</div>
@umutyerebakmaz
umutyerebakmaz / refetch.ts
Last active October 17, 2022 12:19
Creating conditional Apollo Client RefetchQueries parameter in Angular applications
refetchHander(appState: AppState): MutationBaseOptions {
const refetchQueries = [
{
query: this.coordinatesTableGQL.document,
variables: {
filter: {
skip: 0,
take: 10,
},
},
@umutyerebakmaz
umutyerebakmaz / avoid-border-conflict.scss
Last active August 26, 2022 13:31
My TailwindCSS examples
.wrapper {
@apply overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg;
}
.item {
@apply bg-white;
}
.item:not(:nth-child(1)) {
@apply border-t border-gray-200;
<?php
namespace App\Classes;
class Payfor3D
{
public string $MbrId = '5';
public string $MerchantID = '085300000009704';
public string $MerchantPass = '12345678';
public string $UserCode = 'QNB_API_KULLANICI_3DPAY';
{
"root": true,
"ignorePatterns": [
"projects/**/*"
],
"overrides": [
{
"files": [
"*.ts"
],