diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/mao-fourms.js | 26 | ||||
| -rw-r--r-- | src/components/mao-tutoring.js | 29 |
2 files changed, 42 insertions, 13 deletions
diff --git a/src/components/mao-fourms.js b/src/components/mao-fourms.js index e7398b5..cb7095b 100644 --- a/src/components/mao-fourms.js +++ b/src/components/mao-fourms.js @@ -132,7 +132,7 @@ class MaoFourms extends connect(store)(PageViewElement) { }} _stateChanged(state) { - this.signedIn = state.firebase.signedIn; + this.signedIn = state.firebase.initialized; this.authMessage = state.firebase.authMessage; this.fourmPosts = state.firebase.fourmPosts; @@ -140,17 +140,27 @@ class MaoFourms extends connect(store)(PageViewElement) { } submitFourm() { - if( this.shadowRoot && - confirm('Are you sure you want to submit this to the fourm page? It will be public to everyone.') - ) - { + if(this.shadowRoot) { var subjectElement = this.shadowRoot.getElementById('subject-field'); var contentElement = this.shadowRoot.getElementById('content-field'); - store.dispatch(createFourmPost(subjectElement.value, contentElement.value)); + if(!contentElement.value) { + contentElement.value = ""; + } - subjectElement.value = ""; - contentElement.value = ""; + if( subjectElement.value.trim() === "" || + contentElement.value.trim() === "" + ) + { + alert("Please fill out all fields when creating a form post."); + } else { + if(confirm('Are you sure you want to submit this to the fourm page? It will be public to everyone.')) { + store.dispatch(createFourmPost(subjectElement.value, contentElement.value)); + + subjectElement.value = ""; + contentElement.value = ""; + } + } } } diff --git a/src/components/mao-tutoring.js b/src/components/mao-tutoring.js index cf769cd..ed44b8f 100644 --- a/src/components/mao-tutoring.js +++ b/src/components/mao-tutoring.js @@ -29,10 +29,15 @@ store.addReducers({ import { SharedStyles } from './shared-styles.js'; import { ButtonSharedStyles } from './button-shared-styles.js'; +// Import iron-icon +import '@polymer/iron-icons/communication-icons.js'; + // Import paper elements import '@polymer/paper-input/paper-input.js'; import '@polymer/paper-card/paper-card.js'; import '@polymer/paper-item/paper-item.js'; +import '@polymer/paper-item/paper-icon-item.js'; +import '@polymer/paper-icon-button/paper-icon-button.js'; import '@polymer/paper-slider/paper-slider.js'; import '@polymer/paper-button/paper-button.js'; @@ -91,7 +96,11 @@ class MaoTutoring extends connect(store)(PageViewElement) { } .hopeCard { - --paper-card-background-color: #b7e1cd; + --paper-card-background-color: #58d68d; + } + + paper-item { + display: block; } paper-button { @@ -108,6 +117,11 @@ class MaoTutoring extends connect(store)(PageViewElement) { margin-top: 10px; } + .paper-item-link { + color: inherit; + text-decoration: none; + } + .tutoring-grid { display: grid; grid-gap: 10px; @@ -231,17 +245,22 @@ class MaoTutoring extends connect(store)(PageViewElement) { <paper-card class="hopeCard"> <div class="card-actions"> <h3>Need Help Finiding A Tutor?</h3> - <p>Please, meet with your friends to create tutring sessions. - Otherwise, contact our tutoring coordinator <em>Mike Binkowski</em>.</p> + <p>Please, meet with your friends to create tutring sessions.</p> + <p>Otherwise, contact our tutoring coordinator <em>Mike Binkowski</em>.</p> </div> <div class="card-actions"> <div role="listbox"> - <paper-icon-item> - <iron-iconset name="call" icons="communication"></iron-iconset> + <paper-icon-item selected="false"> <iron-icon icon="communication:call" slot="item-icon"></iron-icon> (440)-256-1593 </paper-icon-item> + <a class="paper-item-link" href="mailto:mbinkowski2020@communityschoolnaples.org" tabindex="-1"> + <paper-icon-item> + <iron-icon icon="communication:email" slot="item-icon"></iron-icon> + mbinkowski2020@communityschoolnaples.org + </paper-icon-item> + </a> </div> </div> </paper-card> |