Skip to content

Instantly share code, notes, and snippets.

View ratiw's full-sized avatar

Rati Wannapanop ratiw

162 followers · 6 following
  • Nonthaburi, Thailand
View GitHub Profile
@ratiw
ratiw / Using phpMyAdmin with Homestead box.md
Created December 30, 2014 04:38
#Laravel #Homestead #phpmyadmin

Using phpMyAdmin with Homestead box

Once the Homestead vagrant box is installed successfully, we can add phpMyAdmin and config it to run with Nginx.

Install phpMyAdmin

  • SSH into Homestead vagrant box with vagrant ssh and type the following command:
    sudo apt-get install phpmyadmin
@ratiw
ratiw / VuetableCssBootstrap4FontAwesome.js
Last active November 14, 2018 08:15
Vuetable CSS for Bootstrap4
export default {
table: {
tableWrapper: '',
tableHeaderClass: 'mb-0',
tableBodyClass: 'mb-0',
tableClass: 'table table-bordered table-hover',
loadingClass: 'loading',
ascendingIcon: 'fa fa-chevron-up',
descendingIcon: 'fa fa-chevron-down',
ascendingClass: 'sorted-asc',
@ratiw
ratiw / Using Bower with Laravel 5.2 and Laravel Elixir.md
Last active February 10, 2018 16:53
Using Bower with Laravel 5.2 and Laravel Elixir
  • Install bower by following instruction at bower.io
  • Make bower knows where should it keeps downloaded/installed packages
    • Create .bowerrc at the root of project directory with the following content:
    {
      "directory": "vendor/bower_components"
    }

This will tell bower to use vendor/bower_components as its default directory

  • Put .bowerrc in .gitignore file
@ratiw
ratiw / javascript-util-functions.js
Last active February 2, 2018 01:07
Javascript Utility Functions
// http://jamesroberts.name/blog/2010/02/22/string-functions-for-javascript-trim-to-camel-case-to-dashed-and-to-underscore/
// Trim
String.prototype.trim = function(){
return this.replace(/^\s+|\s+$/g, "");
};
// Camel Case
String.prototype.toCamel = function(){
return this.replace(/(\-[a-z])/g, function($1){return $1.toUpperCase().replace('-','');});
@ratiw
ratiw / MyVuetable.vue
Created March 14, 2017 07:02
MyVuetable -- using `__slot`
<template>
<div class="ui container">
<div class="vuetable-pagination ui basic segment grid">
<vuetable-pagination-info ref="paginationInfoTop"
></vuetable-pagination-info>
<vuetable-pagination ref="paginationTop"
@vuetable-pagination:change-page="onChangePage"
></vuetable-pagination>
</div>
<vuetable ref="vuetable"
@ratiw
ratiw / Use static function to call internal function.md
Last active April 13, 2016 15:32
Use static function to call internal function

Instead of doing this

  $p = new PurchasePodcast;
  $p->handle();

This feels better

  PurchasePodcast::perform();
@ratiw
ratiw / Using Laravel Elixir on Windows 7_8_8.1.md
Created April 11, 2015 08:10
Using Laravel Elixir on Windows 7/8/8.1

Setup

  • Windows 7/8/8.1
  • Git (git-scm with Git Bash)
  • Fresh install of Laravel 5.0

** Do not install Elixir from within Homestead. It will not work! **

Steps

  • Run Git Bash
  • cd to the project directory
@ratiw
ratiw / jquery-plugin-boilerplate.js
Created March 9, 2015 09:50
jQuery Plugin-Boilerplate from https://github.com/jquery-boilerplate/jquery-patterns/blob/master/patterns/jquery.basic.plugin-boilerplate.js
/*!
* jQuery lightweight plugin boilerplate
* Original author: @ajpiano
* Further changes, comments: @addyosmani
* Licensed under the MIT license
*/
// the semi-colon before the function invocation is a safety
// net against concatenated scripts and/or other plugins
// that are not closed properly.
@ratiw
ratiw / save-facebook-lookback-video.md
Last active August 29, 2015 14:12
How to save your Facebook Lookback video

##How to save your Facebook Lookback video #####ratiw (Jan. 1, 2015)

  • You need to use Google Chrome Browser
  • Open a new tab in Chrome and type the following in the address bar

chrome://cache

  • Open another tab and go to your www.facebook.com/lookback

  • Select HD quality by clicking at the HD icon on the lower-right of the video and let the video play for a few seconds, then switch back to previous tab (the chrome://cache)

@ratiw
ratiw / install-l5-dev.md
Last active August 29, 2015 14:07
Fresh Install of L5-dev
  1. Create new project
composer create-project laravel/laravel l5-view dev-develop

l5-view is the project folder name.

  1. Add new project site to nginx
serve l5-view.app /home/vagrant/Code/l5-view/public