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 / keypair.py
Last active July 31, 2023 14:16
Generate 256bit keypair accessToken and refreshToken case
// Generate AccesToken keypair
openssl genrsa -out access_token.pem 2048
openssl rsa -in access_token.pem -pubout -out access_token_publickey.crt
openssl pkcs8 -topk8 -inform PEM -outform PEM -nocrypt -in access_token.pem -out access_token_pkcs8.key
// Generate RefreshToken keypair
openssl genrsa -out refresh_token.pem 2048
openssl rsa -in refresh_token.pem -pubout -out refresh_token_publickey.crt
openssl pkcs8 -topk8 -inform PEM -outform PEM -nocrypt -in refresh_token.pem -out refresh_token_pkcs8.key
<div x-data="{
value: {{ value }} ?? '',
displayValue: {{ value }} ?? '',
demaskValue(value) {
this.value = value.replaceAll('$', '').replaceAll(',', '')
}
}" class="-mr-2">
<input
type="text"
x-mask:dynamic="'$' + $money($input)"
@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();
}
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>