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
@umutyerebakmaz
umutyerebakmaz / CustomSideBarContent.tsx
Last active July 14, 2023 19:30
React Native Drawer Navigation Custom Content with focused
import { DrawerContentScrollView, DrawerItemList } from '@react-navigation/drawer';
import React from 'react';
import { Image, Text, TouchableOpacity, View, Platform } from 'react-native';
import SideBarItem from './SideBarItem';
import Colors from 'tailwindcss/colors';
import { ArrowLeftOnRectangleIcon, ChatBubbleBottomCenterTextIcon } from 'react-native-heroicons/outline';
import classNames from 'classnames';
const CustomSideBarContent = (props: any) => {
const focused = props.state.index;
import 'package:biocidalmobile/components/bio_text_form_field.dart';
import 'package:flutter/material.dart';
class BioLoginForm extends StatefulWidget {
const BioLoginForm({super.key});
@override
BioLoginFormState createState() {
return BioLoginFormState();
}
@umutyerebakmaz
umutyerebakmaz / shopping-cart.js
Last active May 20, 2023 09:33
Pure JavaScript Advanced shopping cart localstorage storage
const openCartBtn = document.querySelector(".open-cart");
const closeCartBtn = document.querySelector(".close-cart");
const clearCartBtn = document.querySelector(".clear-cart");
const cartDOM = document.querySelector(".cart");
const cartOverlay = document.querySelector(".cart-overlay");
const cartItems = document.querySelector(".cart-items");
const cartTotal = document.querySelector(".cart-total");
const checkoutTotal = document.querySelector(".checkout-total");
const itemTotal = document.querySelector(".item-total");
const cartContent = document.querySelector(".cart-content");
@umutyerebakmaz
umutyerebakmaz / author.entity.ts
Last active April 19, 2023 17:10
TypeORM many to many lazy relation jointable custom table name TypeGraphQL Example (with bi-directional conect GraphQL Approach)
import { Entity, PrimaryGeneratedColumn, Column, BaseEntity, ManyToMany } from 'typeorm';
import { ObjectType, Field, ID, InputType, ArgsType, Int } from 'type-graphql';
import { Book } from '../book/book.entity';
@Entity()
@ObjectType()
export class Author extends BaseEntity {
@PrimaryGeneratedColumn("uuid")
@Field(type => ID)
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() {
@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);
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 / 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>