Skip to content

spsprinkles/event-registration

Repository files navigation

Build & Package

E.R.A (Event Registration Application)

A tool for organizers to create and manage events for airforce classes and training in SharePoint Online.

Build

  1. Clone the source code
  2. Install the libraries
npm i
  1. Link TypeScript
npm link typescript
  1. Build the Solution
npm run all

Installation and Deployment

  1. Go to Site content -> Site Assets where the app shall live
  2. Create a new folder and it must be named "Event-Registration"
    !!!IMPORTANT!!! The folder must be named that or ERA will not work! image
  3. Click inside of the folder and upload the following:
    image
  4. Navigate to Site Pages
    image
  5. Click New -> Web Part Page
  6. Type the name of the page before ".aspx" (era is recommended) and select "Full Page, Vertical" for layout template.
    image
  7. Click "Add a Web Part" and set Categories to "Media and Content" and Parts to "Content Editor"
    image
  8. Click the dropdown arrow in the upper right corner and choose Edit Web Part
    image
  9. Under "Content Link" copy-paste link to index.html file and under "Appearance" set "Chrome Type" to None
    image
  10. Click Install on the Installation Required screen
    image
  11. Click Refresh after installation is loaded
    image
  12. Click Stop editing if present. image
  13. CONGRATULATIONS!!! ERA is now ready to go! It will appear similar to the screen-shots below.
    Administrators/Organizers view image
    Members/Attendees view image

User's Guide

Organizer

  1. Create an event with New Event button and view what security groups are managers and members with Manage Groups
  2. View an event's details by clicking the View icon to the left of Title
  3. Upload a document by clicking the Upload icon under Documents. View and delete options will be present
  4. Edit, delete, and view an event's roster by clicking the Manage Events icon. View Roster will have a print option
  5. Type title or date into Search to find a particular event
  6. To view coures that have already started or ended click the filters button next to Search and click Show inactive events

Change Members and Managers group

  1. Navaigate to the "Event-Registration" folder and edit the "eventreg-config.json"
  2. Enter the name of the new group for either the admin group or the members group

Attendee

  1. Type title or date into Search to find a particular event
  2. View an event's details by clicking the View icon to the left of Title
  3. Register or unregister by clicking the Registration button
  4. If regitered for an event, use the Add event calendar button to add it to Outlook