Event Profile Structure

[dhornbein]

The Event profile (mock up here) contains a header with event summery, the event description, a map with related incidents, list of related incidents and resources, and a tabbed display of updates, directories, and tasks (like those on incident profile page)

Notes

• I've placed variables in the event summery like those on the incident profile page, I'm agnostic to the variables being nested in the event variable.
• I haven't included the updates/directories/tasks HTML, pull from incident profile, this will surely change in the future
• The mock up indicates a full width map, but it is not decided if it should be full width or include a filter

Page Structure

<main role='main' class='main'>
  <div class='row'>
   <div role='complementary' class='callout event-parent'>
     <div class='callout-left'>
       <h1 class='title'>{{=event.name}}</h1>
       <a href='#' class='button radius small'><i class='fa fa-share-alt'></i> Share Event</a>
       <a href='#' class='button radius small'><i class='fa fa-bookmark'></i> Bookmark Event</a>
     </div>
     <div class='callout-right meta'>
       <p>
         <span class='date-label'>Zero hour:</span> <span class='date'>{{=event.start_date}}</span>
         <span class='date-label'>Closed:</span> <span class='date'>{{=event.close_date}}</span>
         <span class='location adr'>{{=event.location}}</span>
       </p>
       <p>
         {{=event.incidents}}
         {{=event.resources}}
         {{=event.updates}}
       </p>
       <span class='label {{=event.status}}'>{{=event.status}}</span>
     </div>
   </div>
  </div>
  <!-- Event description -->
  <div class='row'>
    <div class='small-12 columns'>
      <p>{{=event.desc}}</p>
    </div>
  </div>
  <!-- End Event description -->
  </div>
  <!-- Event map -->
  <div class='row well'>
    <div class='small-12 columns'>
      <!-- Event map goes here -->
    </div>
  </div>
  <!-- End Event map -->

  <!-- Event incidents and resources list -->
  <div class='row well'>
    <div class='medium-8 columns'>
      <h3>Incidents</h3>
      <a href='#'>See all incidents</a>
      <!-- Event incidents list goes here -->
    </div>
    <div class='medium-4 columns'>
      <h3>Resources</h3>
      <a href='#'>See all resources</a>
      <!-- Event resources list goes here -->
    </div>
  </div>
  <!-- incidents and resources list -->

  <!-- Updates / Directories / Tasks go here -->

</main>

Mockup

Note: This image is a published version of a google drawing, and should reflect the most recent changes

[flavour]

'See all resources' & 'See all incidents' should go where?

• Fullpage or Popup?
• All Resources/Incidents
• All Resources/Incidents for this event?

[flavour]

Mockup link is broken

[devinbalkind]

I think we can remove "'See all resources' & 'See all incidents" for now. The pagination should be sufficient.

Mockup link at the top works for me. Goes here no? --> https://sites.google.com/sahanafoundation.org/wacopdesign/events/event

[flavour]

Good copy re: remove 'See All' x2 Yes, the top link works, it's the embedded one which is broken...I'll use the top one for now, thanks

[flavour]

What should 'Share Event' do?

[devinbalkind]

Good question. It's actually a conflation of two things that we need to separate.

1. We need to have a "Publish" button for the admin/user who creates the Event. That user should have the ability to (a) Save Draft ((without publishing)) (b) Publish (c) Update.
2. We need to have a "Share" button similar to what's on Incident pages that offers sharing through the popular platforms (ex. https://www.sharethis.com/support/customization/). I don't think @dhornbein built this yet. Does EDEN have a pre-built share button element?

On Tue, Apr 11, 2017 at 3:02 PM, Fran Boon notifications@github.com wrote:

What should 'Share Event' do?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/sahana/WACOP/issues/7#issuecomment-293368103, or mute the thread https://github.com/notifications/unsubscribe-auth/AAbHl1_10dnykdUqO2pUs4RVoXDaaT2Hks5ru85JgaJpZM4MZ54_ .

-- Devin Balkind @devinbalkind devinbalkind.com

[flavour]

Default Social Sharing functionality is here: https://github.com/sahana/eden/blob/master/modules/templates/default/views/footer.html#L1 https://github.com/sahana/eden/blob/master/static/scripts/S3/S3.js#L2156

[devinbalkind]

Okay lets go with the default for now and if it doesn't meet our needs we'll update later. Ya?

[flavour]

ok, so I will just enable that in the footer & skip the part next to the Bookmark...

[devinbalkind]

Fine for now. I think we'll want the sharing moved to the top but we can deal with that much later.