<%= f.text_field :name, class: 'materialize-textarea js-trigger-autosave-on-change' %> <%= f.label :name, 'Timeline name' %>

<%= link_to '#', class: 'share hoverable btn right ' + Timeline.color do %> <% end %>

About this timeline

<%= f.text_area :subtitle, class: 'materialize-textarea js-trigger-autosave-on-change' %> <%= f.label :subtitle, 'Subtitle' %>

<%= f.text_area :description, class: 'materialize-textarea js-trigger-autosave-on-change' %> <%= f.label :description, 'Description' %>

<%= f.select :universe_id, current_user.universes.pluck(:name, :id), { include_blank: true }, class: 'materialize-textarea js-trigger-autosave-on-change' %> <%= f.label 'Universe' %>

<%= f.text_area :notes, class: 'materialize-textarea js-trigger-autosave-on-change' %> <%= f.label :notes %>

<%= f.text_area :private_notes, class: 'materialize-textarea js-trigger-autosave-on-change' %> <%= f.label :private_notes %>

<%= link_to timeline_path(@timeline), method: :delete, data: { confirm: "Are you sure you want to delete this timeline? This cannot be undone!" } do %> Delete this timeline <% end %>

<% @timeline.timeline_events.includes(:timeline_event_entities).each do |event| %>

<%= form_for event, html: { class: 'autosave-form' }, remote: true do |f| %> <%= f.hidden_field :timeline_id %>

                <%= f.text_area :time_label, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                <%= f.label :time_label, 'Time label' %>
              
Move this...

                  <%= link_to '#', class: 'js-move-event-to-top' do %>
                    arrow_upward
                    top
                  <% end %>
                
                  <%= link_to '#', class: 'js-move-event-up' do %>
                    keyboard_arrow_up
                    up
                  <% end %>
                
                  <%= link_to '#', class: 'js-move-event-down' do %>
                    keyboard_arrow_down
                    down
                  <% end %>
                
                  <%= link_to '#', class: 'js-move-event-to-bottom' do %>
                    arrow_downward
                    bottom
                  <% end %>
                
              <%= image_tag 'graphics/timeline-line.png' %>
            
                      <%= f.text_field :title, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                      <%= f.label :title, 'Event Title' %>
                    
                    <%= f.text_area :description, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                    <%= f.label :description %>
                  
                    <%= f.text_area :notes, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                    <%= f.label :notes %>
                  
                <%= link_to timeline_event_path(event), class: 'red-text', method: :delete, data: { confirm: "Are you sure you want to delete this event? It cannot be recovered!" } do %>
                  Delete this event
                <% end %>
              
                In this event
              
                <% event.timeline_event_entities.order('entity_type').preload(:entity).group_by(&:entity_type).each do |entity_type, entity_list| %>
                  
                    <% klass = entity_type.constantize %>
                    
                      <%= klass.icon %>
                      <%= entity_type.pluralize %>
                      <%= entity_list.count %>
                    
                      <% entity_list.each do |te_entity| %>
                        
                          <%= link_to(te_entity.entity.name.presence || "Untitled #{te_entity.entity_type}", te_entity.entity) %>
                          <%= link_to unlink_entity_timeline_event_path(id: event.id, entity_id: te_entity.id), method: :POST, remote: true do %>
                            close
                          <% end %>
                        
                      <% end %>
                    
                <% end %>
              
                  <%= link_to 'Link a page', '#', class: 'js-link-entity' %>

<% end %>

<% event = TimelineEvent.new %>

<%# we have to do method: :patch in the template since event isn't persisted; we don't want it to POST instead %> <%= form_for event, html: { class: 'autosave-form' }, remote: true, method: :patch do |f| %> <%= f.hidden_field :timeline_id, value: @timeline.id %>

              <%= f.text_area :time_label, class: 'materialize-textarea js-trigger-autosave-on-change' %>
              <%= f.label :time_label, 'Time label' %>
            
Move this...

                <%= link_to '#', class: 'js-move-event-to-top' do %>
                  arrow_upward
                  top
                <% end %>
              
                <%= link_to '#', class: 'js-move-event-up' do %>
                  keyboard_arrow_up
                  up
                <% end %>
              
                <%= link_to '#', class: 'js-move-event-down' do %>
                  keyboard_arrow_down
                  down
                <% end %>
              
                <%= link_to '#', class: 'js-move-event-to-bottom' do %>
                  arrow_downward
                  bottom
                <% end %>
              
            <%= image_tag 'graphics/timeline-line.png' %>
          
                    <%= f.text_field :title, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                    <%= f.label :title, 'Event Title' %>
                  
                  <%= f.text_area :description, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                  <%= f.label :description %>
                
                  <%= f.text_area :notes, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                  <%= f.label :notes %>
                
              <%= link_to timeline_event_path(id: event.id || 0), class: 'js-delete-timeline-event red-text', method: :delete, data: { confirm: "Are you sure you want to delete this event? It cannot be recovered!" } do %>
                Delete this event
              <% end %>
            
              In this event
            
              <% event.timeline_event_entities.order('entity_type').preload(:entity).group_by(&:entity_type).each do |entity_type, entity_list| %>
                
                  <% klass = entity_type.constantize %>
                  
                    <%= klass.icon %>
                    <%= entity_type.pluralize %>
                    <%= entity_list.count %>
                  
                    <% entity_list.each do |te_entity| %>
                      
                        <%= link_to("test", te_entity.entity) %>
                        <%= link_to unlink_entity_timeline_event_path(id: event.id, entity_id: te_entity.id), method: :POST, remote: true do %>
                          close
                        <% end %>
                      
                    <% end %>
                  
              <% end %>
            
                <%= link_to 'Link a page', '#', class: 'js-link-entity' %>

<% end %>

<%= link_to 'Add an event', '#', class: 'btn black white-text', id: 'js-create-timeline-event' %>

Link a page to this event

<%= content_type.pluralize %>