Категорія: Ruby on Rails

Devise ajax sign up

Червень 13, 2018 by admin

$('#submit-btn').on('click', function () {
  if ($('#new_user')[0].checkValidity()) {
    $('#new_user').submit();
    $('.status-error').remove();
    $('.add-error').removeClass('has-error');
  }
});

$('#submit-btn').on('click', function () {

if ($('#new_user')[0].checkValidity()) {

$('#new_user').submit();

$('.status-error').remove();

$('.add-error').removeClass('has-error');

}

});

$('form#new_user').bind('ajax:success', () => {
    animationSignUpForm();
    setTimeout(() => window.location.replace('/'), 2000);
  });

$('form#new_user').bind('ajax:error', (evt, xhr) => {
  $('form#new_user').prepend(
    '<div class="alert alert-danger status-error">Please review the problems below:</div>',
  );
  $('.form-group.email.user_email');

  var errors = xhr.responseJSON.errors;

  for (key in errors) {
    var array = errors[key];
    var element = `.form-group.${key}.user_${key}`;

    $(element).addClass('add-error has-error');

    array.forEach(function(item){
      $(element).append(`<span class="help-block status-error">${item}</span>`);
    });
  }
});

$('form#new_user').bind('ajax:success', () => {

animationSignUpForm();

setTimeout(() => window.location.replace('/'), 2000);

});

$('form#new_user').bind('ajax:error', (evt, xhr) => {

$('form#new_user').prepend(

'<div class="alert alert-danger status-error">Please review the problems below:</div>',

);

$('.form-group.email.user_email');

var errors = xhr.responseJSON.errors;

for (key in errors) {

var array = errors[key];

var element = `.form-group.${key}.user_${key}`;

$(element).addClass('add-error has-error');

array.forEach(function(item){

$(element).append(`<span class="help-block status-error">${item}</span>`);

});

}

});

app/controllers/users/registrations_controller.rb

class Users::RegistrationsController < Devise::RegistrationsController
  respond_to :html, :json

1 2	class Users::RegistrationsController < Devise::RegistrationsController respond_to :html, :json

app/views/users/registrations/_sign_up.html.erb

<%= simple_form_for(resource, as: resource_name, 
    url: registration_path(resource_name), 
    remote: true, data: { type: :json }) do |f| %>

<%= simple_form_for(resource, as: resource_name,

url: registration_path(resource_name),

remote: true, data: { type: :json }) do |f| %>

Update values when use gem config

Квітень 30, 2018 by admin

Example

def settings_update(key, value)
      config_file = 'config/settings.yml'
      config = YAML.load_file(config_file).try(:with_indifferent_access) || {}
      config[key] = value
      File.write(config_file, config.to_yaml)
      Settings.reload!
end

def settings_update(key, value)

config_file = 'config/settings.yml'

config = YAML.load_file(config_file).try(:with_indifferent_access) || {}

config[key] = value

File.write(config_file, config.to_yaml)

Settings.reload!

end

Ruby on Rails – Show JSON pretty format on view

Лютий 15, 2018 by admin

<pre><%= JSON.pretty_generate(object) %></pre>

1	<pre><%= JSON.pretty_generate(object) %></pre>

link

Custom config on Ruby on Rails

Грудень 28, 2017 by admin

config/initializers/segment.rb

CONFIG_SEGMENT = YAML.load(
  ERB.new(IO.read(File.join(Rails.root, 'config', 'segment.yml'))).result
)[Rails.env.to_s].with_indifferent_access

CONFIG_SEGMENT = YAML.load(

ERB.new(IO.read(File.join(Rails.root, 'config', 'segment.yml'))).result

)[Rails.env.to_s].with_indifferent_access

config/segment.rb

default: &default
  key: 'mykey'

development:
  <<: *default

production:
  <<: *default

staging:
  <<: *default

test:
  <<: *default

default: &default

key: 'mykey'

development:

<<: *default

production:

<<: *default

staging:

<<: *default

test:

<<: *default

$ rails c
Running via Spring preloader in process 6872
Loading development environment (Rails 4.1.15)
2.2.0 :001 > CONFIG_SEGMENT[:key]
 => "mykey" 
2.2.0 :002 > CONFIG_SEGMENT['key']
 => "mykey" 
2.2.0 :003 >

$ rails c

Running via Spring preloader in process 6872

Loading development environment (Rails 4.1.15)

2.2.0 :001 > CONFIG_SEGMENT[:key]

=> "mykey"

2.2.0 :002 > CONFIG_SEGMENT['key']

=> "mykey"

2.2.0 :003 >

Робоче середовище Ruby on Rails програміста

Жовтень 18, 2017 by admin

Для плідної роботи Ruby-програміста, одного знання мови програмування не є достатнім. Потрібно мати ПК, встановлену ОС Linux та налаштоване середовище. Якщо ви працюєте за одним робочим місцем, то тут все досить просто – інсталюємо, налаштовуємо. Мені часто приходиться працювати за різними ПК, варіант на кожному ПК ставити Linux відпадає одразу, також налаштування середовища можливе, але затратно по часу. Тому я вибрав варіант віддаленого робочого столу.

Інсталяція ОС

Я інсталював у віртуалку(KVM) Xubuntu 17.04 64x офіційний варіант дистрибутиву Ubuntu, котрий в якості робочого середовища використовує xfce. Згідно wikipedia Xubuntu призначено для малопотужних комп'ютерів, або для тих, хто бажає отримати більшу швидкодію і використовує здебільшого застосунки GTK+.

Віддалений робочий стіл на XRDP

Згідно вікіпедії, RDP-протол, це протокол прикладного рівня, що використовується для забезпечення віддаленої роботи користувача із сервером, на котрому запущений сервіс термінальних з'єднань. Клієнти існують практично для всіх версій Windows (включаючи Windows CE та Mobile), Linux, FreeBSD, Mac OS X. За замовчанням, використовується порт TCP 3389. Офіційна назва Майкрософт для клієнтського ПЗ — Remote Desktop Connection або Terminal Services Client (TSC), зокрема, клієнт у Windows XP/2003/Vista називається mstsc.exe.

sudo apt-get update
sudo apt-get install xrdp

1 2	sudo apt-get update sudo apt-get install xrdp

Налаштовуємо локаль

База даних (PostgresSql)

Інсталяція

sudo apt-get update 
sudo apt-get install postgresql postgresql-contrib libpq-dev

1 2	sudo apt-get update sudo apt-get install postgresql postgresql-contrib libpq-dev

Налаштування аутентифікації знаходятся у файлі /etc/postgresql/9.3/main/pg_hba.conf

# TYPE    DATABASE      USER          ADDRESS          METHOD
  local   all           postgres      peer

1 2	# TYPE DATABASE USER ADDRESS METHOD local all postgres peer

Цей рядок говорить про те, що користувач Postgres може підключатися до будь-якій базі даних локальної СУБД PostgreSQL через сокет(налаштування за змовчанням). Пароль при цьому вводити не потрібно, операційна система передасть ім'я користувача, і воно буде використано для аутентифікації.

Підключення до БД:

sudo -u postgres psql postgres postgres

1	sudo -u postgres psql postgres postgres

Щоб мати можливість підключатися по мережі, потрібно в pg_hdba.conf додати рядок:

    # TYPE    DATABASE      USER          ADDRESS          METHOD
    hostssl   all           all           0.0.0.0/0        md5

1 2	# TYPE DATABASE USER ADDRESS METHOD hostssl all all 0.0.0.0/0 md5

Також редагуємо рядок до такого виду

local   all             all                                     md5

1	local all all md5

що дасть можливість локально підключатися по логіну та паролю

Метод аутентифікації MD5 означає, що для підключення доведеться ввести пароль.

Створення нового користувача/бази/права PostgreSQL

CREATE USER username WITH password 'password';
alter role username superuser createrole createdb replication;
CREATE DATABASE dbname OWNER username;

CREATE USER username WITH password 'password';

alter role username superuser createrole createdb replication;

CREATE DATABASE dbname OWNER username;

Якщо користувач є власником (owner) бази даних, то у нього є всі права. Але якщо ви хочете дати доступ іншому користувачеві, то зробити це можна за допомогою команди GRANT. Запит нижче дозволить користувачеві підключатися до бази даних. Але не забувайте про конфігураційному файлі pg_hba.conf, в ньому теж повинні бути відповідні дозволи на підключення.

GRANT CONNECT ON DATABASE dbname TO dbadmin;

1	GRANT CONNECT ON DATABASE dbname TO dbadmin;

Dump/Restore

Виконання дампу БД mybd у файл

pg_dump -U username -W mybd > mybd.pgsql.backup

1	pg_dump -U username -W mybd > mybd.pgsql.backup

Виконання restore

pg_restore -d dbname filename

1	pg_restore -d dbname filename

або

cat pg_all.sql | sudo -u postgres psql

1	cat pg_all.sql \| sudo -u postgres psql

PgAdmin

Інсталяція менеджера PostgreSQL'я

sudo apt-get install pgadmin3

1	sudo apt-get install pgadmin3

шкода що немає EMS manager'а під Linux, кращого я не бачив

У мене є проекти на MySql, тому інсталюємо:

sudo apt-get install mysql-server mysql-client libmysqlclient-dev
sudo mysql_install_db
sudo mysql_secure_installation

sudo apt-get install mysql-server mysql-client libmysqlclient-dev

sudo mysql_install_db

sudo mysql_secure_installation

Інсталюємо Ruby за допомою rbenv

Для зручності добавляємо аліаси команд в ~/.bashrc

alias gl='git log '
alias gs='git status '
alias ga='git add '
alias gc='git commit '
alias gco='git checkout '
alias gm='git merge '
alias gb='git branch '

alias gl='git log '

alias gs='git status '

alias ga='git add '

alias gc='git commit '

alias gco='git checkout '

alias gm='git merge '

alias gb='git branch '

Добавляємо можливість бачити назву текучого branch'у в запрошені консолі

# Add git branch if its present to PS1
parse_git_branch() {
 git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/(\1)/'
}
if [ "$color_prompt" = yes ]; then
 PS1='${debian_chroot:+($debian_chroot)}\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;34m\]\w\[\033[01;31m\]$(parse_git_branch)\[\033[00m\]\$ '
else
 PS1='${debian_chroot:+($debian_chroot)}\u@\h:\w$(parse_git_branch)\$ '
fi
unset color_prompt force_color_prompt

# Add git branch if its present to PS1

parse_git_branch() {

git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* $.*$/(\1)/'

}

if [ "$color_prompt" = yes ]; then

PS1='${debian_chroot:+($debian_chroot)}\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;34m\]\w\[\033[01;31m\]$(parse_git_branch)\[\033[00m\]\$ '

else

PS1='${debian_chroot:+($debian_chroot)}\u@\h:\w$(parse_git_branch)\$ '

unset color_prompt force_color_prompt

Інсталюємо Sublime text 3

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
sudo apt-get install apt-transport-https
echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
sudo apt-get update
sudo apt-get install sublime-text

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -

sudo apt-get install apt-transport-https

echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

sudo apt-get update

sudo apt-get install sublime-text

Інсталяція Package control (нажимаємо ctrl + ` та вставляємо взяте з сайту)

Корисні налаштування Sublime text 3

Біндимо комбінацію alt+shift+r для форматування коду

Preferences -> Key Bindings – Default

{ "keys": ["alt+shift+r"], "command": "reindent" , "args": { "single_line": false } },

1	{ "keys": ["alt+shift+r"], "command": "reindent" , "args": { "single_line": false } },

Два пробіля замість табуляції

Preferences → Settings User
{

"tab_size": 2,
"translate_tabs_to_spaces": true

"tab_size": 2,

"translate_tabs_to_spaces": true

Корисні інструменти

wwwsqldesigner прототипування БД

Cacoo онлайнінструменту для створення прототипу інтерфейсу

ScreenCloud

Sqliteman

Spree: send email notification when order completed

Серпень 29, 2017 by admin

Чи то я сліпий вже такий, чи то старість, а може воно є, а я його не знайшов, але така базова річ як сповіщення адміністратора(відповідальної особи) на email в інтернет магазині при створенні нового замовлення мала б бути да хоть гвіздями вбита в код. Але в Spree не бачу і шо тут скажеш….

Приклад реалізації в одному з проектів на Spree: сповіщення усіх юзерів хто має роль адміністратора на email після створення замовлення

Continue reading →

jQuery Validation Plugin on Rails

Серпень 4, 2017 by admin

Приклад використання валідації на стороні клієнта за допомогою плагіна jQuery Validation в Rails

Gemfile

gem 'jquery-validation-rails'

1 2	gem 'jquery-validation-rails'

app/assets/javascripts/application.js

//= require jquery.validate

1 2	//= require jquery.validate

$("#form_call").validate({
    debug: true,
    rules: {
      "contact[name]": {required: true},
      "contact[phone]": {required: true},
      "contact[message]": {required: true}
    },
    messages: {
      "contact[name]": "Введіть ваше ім'я",
      "contact[phone]": "Введіть номер телефону",
      "contact[message]": "Введіть текст повідомлення",
    }
  });

$("#form_call").validate({

debug: true,

rules: {

"contact[name]": {required: true},

"contact[phone]": {required: true},

"contact[message]": {required: true}

messages: {

"contact[name]": "Введіть ваше ім'я",

"contact[phone]": "Введіть номер телефону",

"contact[message]": "Введіть текст повідомлення",

}

});

Як забрати label() у radio buttons

Серпень 3, 2017 by admin

Чесно, я не читав доку і не розбирався які параметри передати блоку до collection_radio_buttons, але щоб прибрати label для radio button достатньо пердати

b.label() { b.radio_button()  }

1	b.label() { b.radio_button() }

Приклад

= f.collection_radio_buttons name="port[#{port}]", [[:dhcp]],  :first, :last, boolean_style: :inline do |b|
            = b.label() { b.radio_button()  }

1 2	= f.collection_radio_buttons name="port[#{port}]", [[:dhcp]], :first, :last, boolean_style: :inline do \|b\| = b.label() { b.radio_button() }

Adding a custom seed file

Липень 24, 2017 by admin

First create folder db/seeds

Then, create a custom task by adding a rakefile to your lib/tasks directory

# lib/tasks/custom_seed.rake
namespace :db do
  namespace :seed do
    Dir[Rails.root.join('db', 'seeds', '*.rb')].each do |filename|
      task_name = File.basename(filename, '.rb')
      desc "Seed " + task_name + ", based on the file with the same name in `db/seeds/*.rb`"
      task task_name.to_sym => :environment do
        load(filename) if File.exist?(filename)
      end
    end
  end

# lib/tasks/custom_seed.rake

namespace :db do

namespace :seed do

Dir[Rails.root.join('db', 'seeds', '*.rb')].each do |filename|

task_name = File.basename(filename, '.rb')

desc "Seed " + task_name + ", based on the file with the same name in `db/seeds/*.rb`"

task task_name.to_sym => :environment do

load(filename) if File.exist?(filename)

end

You can execute the rake task by issuing the following from the command line:

rake db:seed:file_name # Name of the file EXCLUDING the .rb extension

1	rake db:seed:file_name # Name of the file EXCLUDING the .rb extension

Rails 5: Action Cable demo

Липень 13, 2017 by admin

Another author

Tutorial (Github code)

Обзор Action Cable

Веб-Розробка

WebDevelop

Category Archives: Ruby on Rails

Devise ajax sign up

app/controllers/users/registrations_controller.rb

app/views/users/registrations/_sign_up.html.erb

Update values when use gem config

Ruby on Rails – Show JSON pretty format on view

Custom config on Ruby on Rails

Робоче середовище Ruby on Rails програміста

Spree: send email notification when order completed

jQuery Validation Plugin on Rails

Як забрати label() у radio buttons

Adding a custom seed file

Rails 5: Action Cable demo