Skip to content

Instantly share code, notes, and snippets.

View serdarcevher's full-sized avatar

Serdar Cevher serdarcevher

View GitHub Profile
@serdarcevher
serdarcevher / Pagination.vue
Last active May 3, 2022 16:36
Global pagination component for Laravel 9 + Inertia + Vue.js
<template>
<div id="pagination" class="w-full flex justify-center border-t border-gray-100 pt-4 items-center">
<div class="flex flex-wrap -mb-1">
<template v-for="(link, key) in elements.links" :key="key">
<div v-if="link.url === null"
class="mr-1 mb-1 px-4 py-3 text-sm leading-4 text-gray-400 border rounded" v-html="link.label" />
<Link v-else
class="mr-1 mb-1 px-4 py-3 text-sm leading-4 border rounded hover:bg-gray-200 focus:border-indigo-500 focus:text-indigo-500"
:class="{ 'bg-gray-500 text-white': link.active }" :href="link.url" v-html="link.label" />
</template>
@serdarcevher
serdarcevher / ornek4.html
Created June 30, 2020 19:59
Catching errors while fetching a resource with an async function
<script>
function getData() {
return new Promise(function(resolve, reject) {
fetch('https://jsonplaceholder.atypicode.com/todos/1') //Var olmayan bir adres
.then(response => response.json())
.then(json => {
console.log('İkinci mesaj: veriyi aldık');
resolve(json);
}).catch(error => {
console.log('bir hata oluştu.');
@serdarcevher
serdarcevher / ornek3.html
Created June 30, 2020 18:22
An async/await example using fetch api
<script>
function getData() {
return new Promise(function(resolve) {
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => {
console.log('İkinci mesaj: veriyi aldık');
resolve(json);
});
});
@serdarcevher
serdarcevher / ornek2.html
Created June 30, 2020 17:53
Another example to show using async/await
<script>
let randomNumber = Math.floor(Math.random() * 3) + 1;
function secondMessage() {
return new Promise(function(resolve) {
setTimeout(function() {
console.log('İkinci mesaj için ' + randomNumber + ' saniye bekledik');
resolve();
}, randomNumber * 1000);
});
@serdarcevher
serdarcevher / ornek1.html
Last active June 30, 2020 17:20
A very basic example to use async await
<script>
const waitFor = (ms) => new Promise(r => setTimeout(r, ms));
async function printMessages() {
document.write('Birinci mesaj');
await waitFor(2000);
document.write('İkinci mesaj');
}