forked from bcgov/business-filings-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
#16281 adding todo items for affiliation invitation - access request (b…
…cgov#531) * #16281 - adding todo items for affiliation invitations. * making sure existing tc-s are passing with added changes. * adding test for visual display of todo items for affiliation invitations (request access) * fixed test (override feature flag). Updated position of imports. * Removing axios dependency in tests. Replaced by stubing service call. * Updates to better fit style of existing code, and to make some function calls intents more clear. * Updating falsy/truthy check to see if todo item is affiliation invite. * Add generic error dialoge. Invoke it on failed axios call for fetching affiliation invitations. * Removed some leftovers from copypasting the dialog. * Updates to modal to generic error modal to match the new design.
- Loading branch information
Showing
7 changed files
with
417 additions
and
16 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
49 changes: 49 additions & 0 deletions
49
src/components/Dashboard/TodoList/AffiliationInvitationDetails.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| <template> | ||
| <div | ||
| class="affiliation-invite" | ||
| > | ||
| <p> | ||
| The following account is requesting authorization to manage Registries activities for | ||
| {{ getEntityName || 'Unknown name' }}: | ||
| </p> | ||
| <p><strong>{{ affiliationInvitationTodo.affiliationInvitationDetails.fromOrgName }}</strong></p> | ||
| <p> | ||
| Only authorize this account if you recognize it. | ||
| </p> | ||
| <p> | ||
| Allowing {{ affiliationInvitationTodo.affiliationInvitationDetails.fromOrgName }} to manage all Registries | ||
| activities for {{ getEntityName || 'Unknown name' }} will | ||
| allow it to do the following (including but not limited to): | ||
| </p> | ||
| <ul> | ||
| <li>Appoint and cease directors,</li> | ||
| <li>File dissolution,</li> | ||
| <li>File Annual Reports,</li> | ||
| <li>Change the records office of the business, and</li> | ||
| <li>Authorize other accounts to manage this business.</li> | ||
| </ul> | ||
| <div | ||
| v-if="affiliationInvitationTodo.affiliationInvitationDetails.additionalMessage" | ||
| class="mt-4" | ||
| > | ||
| <p> | ||
| Requestor message: | ||
| </p> | ||
| <p>{{ affiliationInvitationTodo.affiliationInvitationDetails.additionalMessage }}</p> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, Prop, Vue } from 'vue-property-decorator' | ||
| import { TodoItemIF } from '@/interfaces' | ||
| import { Getter } from 'pinia-class' | ||
| import { useBusinessStore } from '@/stores' | ||
| @Component({}) | ||
| export default class AffiliationInvitation extends Vue { | ||
| @Prop({ required: true }) readonly affiliationInvitationTodo!: TodoItemIF | ||
| @Getter(useBusinessStore) getEntityName!: string | ||
| } | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,95 @@ | ||
| <template> | ||
| <v-dialog | ||
| v-model="dialog" | ||
| width="45rem" | ||
| persistent | ||
| :attach="attach" | ||
| content-class="generic-error-dialog" | ||
| > | ||
| <v-card> | ||
| <v-container> | ||
| <v-row justify="center"> | ||
| <v-col cols="2"></v-col> | ||
| <v-col | ||
| cols="8" | ||
| lg="8" | ||
| class="text-center" | ||
| > | ||
| <v-icon | ||
| size="48" | ||
| :color="iconColor" | ||
| class="mb-6" | ||
| > | ||
| {{ icon }} | ||
| </v-icon> | ||
| </v-col> | ||
| <v-col cols="2"> | ||
| <v-icon | ||
| color="primary" | ||
| class="mb-6 float-right" | ||
| @click="okay()" | ||
| > | ||
| mdi-close | ||
| </v-icon> | ||
| </v-col> | ||
| </v-row> | ||
| <v-row justify="center"> | ||
| <v-col | ||
| cols="12" | ||
| lg="8" | ||
| class="text-center" | ||
| > | ||
| <h1 | ||
| class="mb-5" | ||
| style="font-size: 24px" | ||
| > | ||
| {{ summary }} | ||
| </h1> | ||
| <p | ||
| class="mb-9" | ||
| style="font-size: 16px" | ||
| > | ||
| <slot name="description"> | ||
| {{ description }} | ||
| </slot> | ||
| </p> | ||
| <slot name="actions"> | ||
| <v-btn | ||
| large | ||
| link | ||
| color="primary" | ||
| @click="okay()" | ||
| > | ||
| OK | ||
| </v-btn> | ||
| </slot> | ||
| </v-col> | ||
| </v-row> | ||
| </v-container> | ||
| </v-card> | ||
| </v-dialog> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import { Component, Prop, Emit, Vue } from 'vue-property-decorator' | ||
| @Component({ | ||
| components: {} | ||
| }) | ||
| export default class GenericErrorDialog extends Vue { | ||
| @Prop({ default: '' }) private summary: string | ||
| @Prop({ default: '' }) private description: string | ||
| @Prop({ default: 'mdi-information-outline' }) private icon: string | ||
| @Prop({ default: 'primary' }) private iconColor: string | ||
| /** Prop to display the dialog. */ | ||
| @Prop({ default: false }) readonly dialog!: boolean | ||
| /** Prop to provide attachment selector. */ | ||
| @Prop({ default: '' }) readonly attach!: string | ||
| // Pass click event to parent. | ||
| @Emit() okay () { | ||
| } | ||
| } | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.