Atomjoy atomjoy

Youtube API

https://developers.google.com/youtube/v3/docs/videos/list

Get live stream curent viewers

Set in .env YOUTUBE_API_KEY with https://www.googleapis.com/auth/youtube.readonly permissions.

/**

PrimeVue Components Customization

PrimeVue components configuration, polish locales, change color (color picker, date picker, custom theme style).

Add in Vue app.js

Install with npm install primevue @primeuix/themes

import PrimeVue from 'primevue/config';

Pagination Resource Helper (Vue, Laravel)

Laravel pagination resource helper for vue custom pagination component with store.

Make all resource files

php artisan make:model Gif -arR

Preload Images JS

How to preload images in html with javascript and storage (asynchronously).

Function

const preloadImage = src => new Promise((resolve, reject) => {
    const image = new Image()
    image.onload = resolve

List Grid Columns

Equal width columns in CSS Grid.

<style>
.item-header {
	/* grid */
	display: grid;
	gap: 0em;

Vue Store Computed

Pinia store

File /stores/targets.js

import { ref, computed, nextTick } from 'vue';
import { defineStore, storeToRefs } from 'pinia';
import { useRoute } from 'vue-router';

Stripe Header Signature

How to create a Stripe notification header signature in PHP and test it in Laravel.

Create Signature

Stripe signature: 't=timestamp,v1=signature,v0=none',

<?php

OBS Browser Custom Html Animations

OBS Customizable animations from a browser source (!!! jedźiemy !!!).

How to use

Download to pulpit, unzip file, run html file with 2 clicks then copy url from browser to OBS Browser source and set resolution to 1920x 1080px.

Zaokrąglanie Vat

Kwoty wykazane w fakturze zaokrągla się zawsze do pełnych groszy. Końcówki poniżej 0,5 grosza pomija się, natomiast końcówki od 0,5 grosza i więcej zaokrągla się do 1 grosza.

// Tak ma być
$tax = 17.23;
$tax = 17.23499;
$tax = 17.734956; // Powinno być 17.73 zostawiamy 17.734 i zaokrąglamy czyli 17.73
echo number_format($tax, 2) . "</br>";

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Spicy Colors</title>
	</head>

	<style>