Susantokun susantokun
🏠
susantokun
/ index.blade.php
Created
January 16, 2021 04:06
Cara Membuat Tombol Searching Pencarian di Laravel 8
This file contains 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
| {{-- resources/views/articles/index.blade.php --}} | |
| <x-app-layout> | |
| <x-slot name="title">{{ $title }}</x-slot> | |
| {{-- header content --}} | |
| <div class="px-6 py-4 mb-4 overflow-hidden border rounded-lg shadow-sm border-secondary-300 bg-secondary-200"> | |
| <div class="flex flex-col justify-between sm:flex-row"> | |
| <div class="text-center sm:text-left flex-start"> | |
| <h3 class="text-lg font-semibold leading-6 text-gray-800">Data {{ $title }}</h3> | |
| <p class="mt-px text-sm leading-5 text-gray-600 sm:mt-1">The following data of {{ Str::lower(__($title)) }}.</p> |
susantokun
/ default.blade.php
Created
January 16, 2021 03:32
Cara Membuat Pagination TailwindCSS di Laravel
This file contains 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
| {{-- resources/views/vendor/pagination/default.blade.php --}} | |
| @if ($paginator->hasPages()) | |
| <nav role="navigation" | |
| aria-label="Pagination Navigation" | |
| class="flex items-center justify-between p-4 border-t select-none border-secondary-200 dark:border-secondary-600 sm:px-6"> | |
| <div class="flex justify-between flex-1 sm:hidden"> | |
| @if ($paginator->onFirstPage()) | |
| {{-- previous disable --}} | |
| <span | |
| class="relative inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-gray-400 bg-white border border-gray-300 rounded dark:text-gray-400 dark:bg-secondary-700 dark:border-secondary-600"> |
susantokun
/ edit.blade.php
Created
December 22, 2020 17:00
Tutorial CRUD di Laravel 8 dengan TailwindCSS
This file contains 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
| {{-- resources/views/articles/edit.blade.php --}} | |
| <x-app-layout> | |
| <x-slot name="title">{{ $title }}</x-slot> | |
| {{-- header content --}} | |
| <div class="px-6 py-4 mb-4 overflow-hidden border rounded-lg shadow-sm border-secondary-300 bg-secondary-200"> | |
| <div class="flex flex-col justify-between sm:flex-row"> | |
| <div class="text-center sm:text-left flex-start"> | |
| <h3 class="text-lg font-semibold leading-6 text-gray-800">{{ $title }}</h3> | |
| <p class="mt-px text-sm leading-5 text-gray-600 sm:mt-1">Change the following information.</p> |
susantokun
/ show.blade.php
Created
December 22, 2020 16:59
Tutorial CRUD di Laravel 8 dengan TailwindCSS
This file contains 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
| {{-- resources/views/articles/show.blade.php --}} | |
| <x-app-layout> | |
| <x-slot name="title">{{ $title }}</x-slot> | |
| {{-- header content --}} | |
| <div class="px-6 py-4 mb-4 overflow-hidden border rounded-lg shadow-sm border-secondary-300 bg-secondary-200"> | |
| <div class="flex flex-col justify-between sm:flex-row"> | |
| <div class="text-center sm:text-left flex-start"> | |
| <h3 class="text-lg font-semibold leading-6 text-gray-800">{{ $title }}</h3> | |
| <p class="mt-px text-sm leading-5 text-gray-600 sm:mt-1">The following are detailed information.</p> |
susantokun
/ index.blade.php
Last active
December 22, 2020 17:04
Tutorial CRUD di Laravel 8 dengan TailwindCSS
This file contains 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
| {{-- resources/views/articles/index.blade.php --}} | |
| <x-app-layout> | |
| <x-slot name="title">{{ $title }}</x-slot> | |
| {{-- header content --}} | |
| <div class="px-6 py-4 mb-4 overflow-hidden border rounded-lg shadow-sm border-secondary-300 bg-secondary-200"> | |
| <div class="flex flex-col justify-between sm:flex-row"> | |
| <div class="text-center sm:text-left flex-start"> | |
| <h3 class="text-lg font-semibold leading-6 text-gray-800">Data {{ $title }}</h3> | |
| <p class="mt-px text-sm leading-5 text-gray-600 sm:mt-1">The following data of {{ Str::lower(__($title)) }}.</p> |
susantokun
/ create.blade.php
Created
December 22, 2020 16:51
Tutorial CRUD Laravel 8 dengan TailwindCSS
This file contains 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
| <x-app-layout> | |
| <x-slot name="title">{{ $title }}</x-slot> | |
| {{-- header content --}} | |
| <div class="px-6 py-4 mb-4 overflow-hidden border rounded-lg shadow-sm border-secondary-300 bg-secondary-200"> | |
| <div class="flex flex-col justify-between sm:flex-row"> | |
| <div class="text-center sm:text-left flex-start"> | |
| <h3 class="text-lg font-semibold leading-6 text-gray-800">{{ $title }}</h3> | |
| <p class="mt-px text-sm leading-5 text-gray-600 sm:mt-1">Fill in the following information.</p> | |
| </div> |
susantokun
/ app.blade.php
Created
December 22, 2020 16:48
Tutorial CRUD Laravel 8 dengan TailwindCSS
This file contains 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 lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" | |
| content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" | |
| content="ie=edge"> | |
| <meta name="csrf-token" |
This file contains 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
| const defaultTheme = require("tailwindcss/defaultTheme"); | |
| const colors = require("tailwindcss/colors"); | |
| module.exports = { | |
| theme: { | |
| colors: { | |
| transparent: "transparent", | |
| current: "currentColor", | |
| black: "#000", | |
| white: "#fff", |
susantokun
/ welcome.blade.php
Created
December 22, 2020 10:44
Cara Install TailwindCSS di Laravel 8
This file contains 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 lang="{{ str_replace('_', '-', app()->getLocale()) }}"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" | |
| content="width=device-width, initial-scale=1"> | |
| <title>Laravel TailwindCSS</title> |
susantokun
/ welcome_message.php
Created
August 5, 2020 16:00
Cara Menggunakan DataTables di CodeIgniter
This file contains 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 lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Tutorial DataTables CodeIgniter | SUSANTOKUN</title> | |
| <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css"> | |
| <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css"> |
NewerOlder