Posts

Showing posts from December, 2016

Membuat Simple Shopping Cart pada Aplikasi Rails

Image
Kita Akan membuat satu fitur yang umum terdapat pada online shop yaitu shopping cart. user bisa menambahkan item yang dipilih ke keranjang pembelian Berikut list gem file yang akan kita gunakan, Silahkan klik untuk mengunjungi halaman dokumentasi gem berikut devise twitter-bootstrap-rails slim-rails ancestry paperclip faker shopping_cart Disini saya memakai OS ubuntu 14.04 dengan rails versi 4.2.4. Jadi pastikan dulu kalian memakai rails 4 Langkah pertama kita buat project baru $ rails _4.2.4_ new testapp2 -d postgresql Buka dan edit MyStore/Gemfile   dan tambahkan gem yang kita butuhkan gem 'devise' gem "twitter-bootstrap-rails" gem "slim-rails" gem 'ancestry' gem 'paperclip' gem 'faker' gem 'acts_as_shopping_cart', '~> 0.4.0' $ cd MyStore $ bundle install Langkah selanjutnya kita akan melakukan generate settings devise, model, table dan column yang kita butuhkan $ rails generate devise:install $ rails generate dev...

Cara Membuat Kalender Dengan Jquery fullcalendar.js

Image
Kali ini kita akan membuat events calendar menggunakan jquery fullcalendar dan ruby on rails Pertama kita download dahulu jquery fullcalendarnya  disini Kemudian kita buat project baru $ rails new fullcalendar -d postgresql $ cd fullcalendar $ rake db:create Buat crud events $ rails g scaffold event title:string start:datetime end:datetime color:string $ rake db:migrate Extract dan buka folder fullcalendar yang kita telah kita download tadi Copy dan paste file  - Fullcalendar.js ke fullcalendar/app/assets/javascripts - Fullcalendar.css ke fullcalendar/app/assets/stylesheets - Lib/moment.min.js ke fullcalendar/app/assets/javascripts Edit file fullcalendar/app/assets/javascripts/application.js tambahkan require untuk file yang baru //= require jquery //= require jquery_ujs //= require turbolinks //= require moment.min //= require fullcalendar //= require_tree . Edit file  fullcalendar/app/views/events/index.html.erb Tambahkan tag html id fullcalendar <div id = "fullcae...