Таблицы лидеров на Rails

 <span ng-hide='editing'>{{entry.score}}</span> <form method='post' action='/entries' ng-show='editing' csrf> <input style='display:none' type='text' name='entry[name]' value='{{entry.member}}'/> <input style='width:100%' ng-show='editing' name='entry[score]' value='{{entry.score}}' /> </form> 

Директива привязывается к паре событий, одно на элементе dblclick ( dblclick ) и одно на входе ( keyDown ). scope.editing включает и выключает ввод.

Более проницательные разработчики Rails среди вас могут спросить: «Как эта форма обходит защиту CSRF? Я не вижу authenticity_token ! »Хороший вопрос. Вы видели атрибут csrf на form в шаблоне entry_form ? Угадай, что? Это еще одна директива! Wheeee! Вот как это выглядит:

 ....entry-form directive... .directive('csrf', function(){ return { restrict: 'A', compile: function(tElement, tAttrs, transclude) { var input = $("<input/>", {type: 'hidden', name:'authenticity_token', value: $("meta[name='csrf-token']").attr("content") }); tElement.append(input); } }; }); 

Помещение csrf в этот тег form приводит к добавлению в форму скрытого input с csrf-token . Острота.

Это все для отдельной HTML-страницы, стиля и поведения. О, вот как это выглядит:

EntriesController

EntriesController — это то, где бизнес делается:

 class EntriesController < ApplicationController def show entry = retrieve_service.execute(name: params[:id]) return not_found unless entry respond_to do |format| format.html do end format.json do render json: entry, status: :ok end end end def create result = create_service.execute(entry_params) respond_to do |format| format.html do redirect_to root_path(page: result[:page]) end format.json do render json: { status: :ok } end end end def index @entries = retrieve_service.execute(query_options) return not_found if @entries.blank? respond_to do |format| format.html do end format.json do render json: @entries end end end def destroy result = delete_service.execute(name: params[:id]) return not_found unless result respond_to do |format| format.html do redirect_to root_path end format.json do render json: { status: 'ok' }, status: 200 end end end private def create_service Boards::UpdateService.new end def retrieve_service Boards::GetService.new end def delete_service Boards::DeleteService.new end def entry_params (params[:entry] || {}).slice(:name, :score) end end 

Я не собираюсь проходить здесь каждый метод, так как все они следуют одному и тому же шаблону: вызовите правильный сервисный объект, передав соответствующие параметры, затем выполните рендеринг на основе формата. Здесь есть пара рефакторингов, которые я дам вам в качестве домашней работы. Метод destroy перенаправляет на корневой путь, который является грубым. Ваша задача сделать все это AJAXy и все такое.

Но подождите, есть больше

Приложение, представленное здесь, затрагивает лишь часть того, что предлагает жемчужина лидеров. На странице Github есть вся информация, но я бы хотел упомянуть пару особенностей.

Данные участника

Драгоценный камень позволяет вам предоставить дополнительные данные участника для записи. Вот пример из репо:

 require "json" lb.rank_member('Scout', 9001, {level: "over 9000"}.to_json) 

В этот момент звоним:

 JSON.parse(lb.member_data_for("Scout")) => {level: 'over 9000'} 

Это может быть безумно полезно, если ваши записи в таблице лидеров содержат дополнительные данные.

Вокруг меня

Получить записи вокруг записи тривиально:

 lb.around_me('Scout') => [...a bunch of entries...{member: "Vegeta", score: 8999, rank: 9000}, {member:"Scout", score: 9001, rank: 9001},...a bunch of entries...] 

Другие типы лидеров

Существует 3 вида TieRankingLeaderboard лидеров (кто знал?): Default, TieRankingLeaderboard и CompetitionRankingLeadeboard . Разница в том, как обрабатываются записи с одинаковым счетом.

• По умолчанию ранжирует их лексикографически.
• TieRankingLeaderboard : равные оценки получают равный ранг, а последующие оценки принимают следующее значение. Пример: 1,1,2,3,4,4,5
• CompetitionRankingLeadeboard : равные оценки получают равный ранг, а последующие оценки пропускают значение для каждого равного члена. Пример: 1,1,3,4,4,4,7

Условно ранговые записи

Можно определить лямбду, которая определяет, будет ли запись ранжироваться или нет. Вот пример со страницы Github:

 highscore_check = lambda do |member, current_score, score, member_data, leaderboard_options| return true if current_score.nil? return true if score > current_score false end highscore_lb.rank_member_if(highscore_check, 'david', 1337) highscore_lb.score_for('david') => 1337.0 highscore_lb.rank_member_if(highscore_check, 'david', 1336) highscore_lb.score_for('david') => 1337.0 highscore_lb.rank_member_if(highscore_check, 'david', 1338) highscore_lb.score_for('david') => 1338.0 

Здорово.

Скрипт для создания записей

Как и было обещано, вот скрипт, который я использовал для генерации некоторых записей в таблице лидеров:

 100.times do |i| params = {name: Faker::Name.name, score: Random.rand(100)} Boards::UpdateService.new.execute(params) end 

Идти дальше и занимать место

Теперь вы вооружены знаниями, чтобы создавать свои собственные таблицы лидеров. С этого момента, я полагаю, вы будете создавать списки лидеров для всего. Дайте мне знать, когда вы получите список лидеров под названием «Статьи о рубине и списках лидеров», чтобы я мог проголосовать за эту статью.