osem-fcy/app/views/admin/schedule/show.html.haml

.row
  .col-md-12
    .page-header
      %h1 Schedule
      %p.text-muted
        Create the schedules for the conference

.row
  .col-md-2
    Selected schedule
    = check_box_tag @conference.short_title, @schedule_id, (@schedule_id == @selected_schedule_id),
      method: :put, url: (admin_conference_schedule_path(@conference.short_title, @schedule_id) + '?selected_schedule='),
      class: 'switch-checkbox', data: { size: 'small',
                                        off_color: 'warning',
                                        on_text: 'Yes',
                                        off_text: 'No' }
    .h4
      Unscheduled events
    .unscheduled-events
      - @unscheduled_events.each do |e|
        = render partial: 'event', locals: { event: e, event_schedule_id: nil }
  .col-md-10
    %ul.nav.nav-tabs
      - @dates.each do |date|
        %li{ class: "#{ (@dates.first == date) ? 'active' : '' }"}
          %a{ href: "##{date}" }
            = date
    .tab-content
      - @dates.each do |date|
        .tab-pane{ class: "#{ (@dates.first == date) ? 'active' : '' }", id: "#{date}" }
          = render partial: 'day_tab', locals: { date: date }

:javascript
  $(document).ready( function() {
    Schedule.initialize("#{admin_conference_event_schedule_index_path(@conference)}", "#{@schedule_id}");
  });