Budi K teknosains
teknosains
/ Remix Parent Layout.tsx
Last active
January 30, 2025 09:52
Adding Loading Indicator On Remix Parent Layout When the Loader (any loaders from childrens) Take Some times to load
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Toaster, toast } from 'react-hot-toast'; | |
| export default function M() { | |
| const navigation = useNavigation(); | |
| const location = useLocation(); | |
| // we only wants the loading shows if the route navigations | |
| // are not from a form Submissions | |
| const isRequestLoading = navigation.state === "loading"; | |
| const isRequestAFormSubmission = Boolean(navigation.formAction); |
teknosains
/ Component.tsx
Last active
January 9, 2025 14:47
Showing and Dismissing loading Toast in clientAction function in Remix / React Router
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Cara simple Showing and Dismissing loading Toast | |
| // di clientAction function in Remix / React Router | |
| // Toast library: https://react-hot-toast.com/docs/toast | |
| function runFormValidation(formData) { | |
| //... | |
| } | |
| export async function action({ request, params }: ActionFunctionArgs) { |
teknosains
/ APDU Exmple.txt
Created
February 26, 2023 17:15
— forked from JohnMcLear/gist:2d74f49849dd1c3382663cb3edf7217d
NFC-PCSC APDU based logic to get ID from various ISO14443 tags. Multos, Gemalto, Oberthur, ITSO, Oyster, Mifare, NTAG etc.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| reader.on('card', async card => { | |
| var uid = false; | |
| // Smart card / payment ring / credit card / debit card | |
| // Also Oyster etc. | |
| if(card.type === "TAG_ISO_14443_4"){ | |
| // Trying GTO Credit / Debit card | |
| var apdu = '80ca9f7f2c'; // Credit / Debit Card APDU |
teknosains
/ joi-locale.ts
Created
February 22, 2022 16:25
— forked from arifmahmudrana/joi-locale.ts
joi localization internationalization error messages
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { object, string, number, ValidationError } from '@hapi/joi'; | |
| const schema = object({ | |
| searchCode: string() | |
| .required() | |
| .label('Search code'), | |
| id: number().required() | |
| }), | |
| messages = { | |
| 'alternatives.all': '{{#label}} does not match all of the required types', |
teknosains
/ index.html
Created
April 20, 2020 11:17
Canvas Image Editor // source https://jsbin.com/lijudez
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Canvas Image Editor</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css"> | |
| </head> | |
| <body style='background-color:#fff;'> | |
| <div class="container" style="border:1px solid #ddd;padding:10px"> | |
| <div class="row"> | |
| <div class="col-sm-12 col-md-12 col-lg-12"> | |
| Hapus dulu Background photo mahasiswa disini: |
teknosains
/ index.html
Created
April 20, 2020 11:09
Canvas Image Editor // source https://jsbin.com/lijudez
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Canvas Image Editor</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css"> | |
| </head> | |
| <body style='background-color:#fff;'> | |
| <div class="container" style="border:1px solid #ddd;padding:10px"> | |
| <div class="row"> | |
| <div class="col-sm-12 col-md-12 col-lg-12"> | |
| Hapus dulu Background photo mahasiswa disini: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css"> | |
| </head> | |
| <body style='background-color:#fff;'> | |
| <div class="container" style="border:1px solid #ddd;padding:10px"> | |
| <div class="row"> | |
| <div class="col-sm-12 col-md-12 col-lg-12"> | |
| Hapus dulu Background photo mahasiswa disini: | |
| <a href="https://www.remove.bg/" target="_blank">www.remove.bg</a> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css"> | |
| </head> | |
| <body style='background-color:#fff;'> | |
| <div class="container" style="border:1px solid #ddd;padding:10px"> | |
| <div class="row"> | |
| <div class="col-sm-12 col-md-12 col-lg-12"> | |
| Hapus dulu Background photo mahasiswa disini: | |
| <a href="https://www.remove.bg/" target="_blank">www.remove.bg</a>, download imagenya Lalu Upload Transparent filenya <input type="file" id="uploadFile"/> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css"> | |
| </head> | |
| <body style='background-color:#fff;'> | |
| <div class="container" style="border:1px solid #ddd;padding:10px"> | |
| <div class="row"> | |
| <div class="col-sm-12 col-md-12 col-lg-12"> | |
| Hapus dulu Background photo mahasiswa disini: | |
| <a href="https://www.remove.bg/" target="_blank">www.remove.bg</a> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <script> | |
| /** | |
| * EasyQRCodeJS |
NewerOlder