<%= 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.label :tags %>
<%= f.hidden_field :page_tags, value: @timeline.page_tags.join(PageTag::SUBMISSION_DELIMITER), id: 'hidden_page_tags_value' %>
Type and press enter to create a new tag.

<% @suggested_page_tags.each do |tag| %> <%= link_to '#', class: 'js-add-tag' do %> <% end %> <% end %>

<%= content_for :javascript do %> function update_hidden_page_tag_value(e) { var chips = M.Chips.getInstance($('.chips')).chipsData.map(function (c) { return c['tag']; }); var hidden_input = $('#hidden_page_tags_value').first(); hidden_input.val(chips.join('<%= PageTag::SUBMISSION_DELIMITER %>')); $('form.timeline-meta-form').submit(); M.toast({ html: 'Saving changes...' }); } var chips = $('.chips-autocomplete').chips({ placeholder: 'Tag this page', secondaryPlaceholder: '+ Tag', autocompleteOptions: { data: { <% @timeline.page_tags.pluck(:tag).each do |tag| %> '<%= tag %>': null, <% end %> }, limit: 100, minLength: 1 }, data: [ <% @timeline.page_tags.pluck(:tag).each do |tag| %> {tag: '<%= tag %>'}, <% end %> ], onChipAdd: update_hidden_page_tag_value, onChipDelete: update_hidden_page_tag_value }); <% end %>
<%= 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.webp' %>
            
                      <%= f.text_field :title, class: 'materialize-textarea js-trigger-autosave-on-change', id: "timeline-event-title-#{event.id}" %>
                      <%= f.label :title, 'Event Title', for: "timeline-event-title-#{event.id}" %>
                    
                    <%= f.text_area :description, class: 'materialize-textarea js-trigger-autosave-on-change', id: "timeline-event-description-#{event.id}" %>
                    <%= f.label :description, for: "timeline-event-description-#{event.id}" %>
                  
                    <%= f.text_area :notes, class: 'materialize-textarea js-trigger-autosave-on-change', id: "timeline-event-notes-#{event.id}" %>
                    <%= f.label :notes, for: "timeline-event-notes-#{event.id}" %>
                  
                <%= 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| %>
                  <% entity_list.reject! { |te_entity| te_entity.entity.nil? } %>
                  
                    <% klass = content_class_from_name(entity_type) %>
                    
                      <%= 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.webp' %>
          
                    <%= f.text_field :title, class: 'materialize-textarea js-trigger-autosave-on-change' %>
                    <%= f.label :title, 'Event Title', for: "timeline-event-title-[[tid]]" %>
                  
                  <%= 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 = content_class_from_name(entity_type) %>
                  
                    <%= 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 %>