submit-content

Submit user generated content to Firestorage and firestore record.

• Upload Photo,

Usage

• Initiate Google Analytics on website
• Initiate Firebase Project
• Create Post: (Data Referances)
  • Initiate Firestore
    • Login name
    • PhotoURL
    • Post Title
• Upload Photo:
  • Initiate Firestorage
• <content-button> -- Icon
• <content-drawer> -- Drawer
• <content-view> -- Page (Firestore database output)
• <script type="module" src="../src/content-button.js" async></script>
• <script type="module" src="../src/content-drawer.js" async></script>
• or
• import { ContentButton } from './content-button';
• import { ContentDrawer } from './content-drawer';
• or
• import 'submit-content';

• _formPage: { type: String }
• _projectOpened: { type: Boolean }

Redux Actions

• setDrawer
• closeProject
• nextPage
• previousPage
• customer
• industry
• type

Redux Reducers

• OPEN_PROJECTS
• CLOSE_PROJECTS
• UPDATE_FORM_PAGE
• NEXT_PAGE
• PREVIOUS_PAGE
• UPDATE_FORM_INDUSTRY
• UPDATE_FORM_TYPE

Redux State

• drawerState
• formPage
• option
• customer
• industry
• type

Event Listeners

• this.shadowRoot.getElementById('add') // Open / close Drawer
• this.shadowRoot.getElementById('remove') // Close Drawer
• this.shadowRoot.getElementById('back') // Previous Page
• this.shadowRoot.getElementById('next') // Next Page
• this.shadowRoot.getElementById('submit') // Save to Referances Firestore
• this.shadowRoot.getElementById("input") // Download Image to Firestorage