diff --git a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue index a16de0f6..dfde755a 100644 --- a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue +++ b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue @@ -4,6 +4,7 @@ class="tpa-toggle" :class="[isDetailVisible ? 'active' : '']" @click="handleClickToggle"> + +
+

+ Deductible +

+

+ {{ value }} +

+
+ + + + + diff --git a/src/layouts/tpa-submit/review-block/review-block.vue b/src/layouts/tpa-submit/review-block/review-block.vue index f22ce199..1bc7133c 100644 --- a/src/layouts/tpa-submit/review-block/review-block.vue +++ b/src/layouts/tpa-submit/review-block/review-block.vue @@ -1,18 +1,16 @@ diff --git a/src/layouts/tpa-submit/tpa-submit.vue b/src/layouts/tpa-submit/tpa-submit.vue index 9e289407..09f0a70f 100644 --- a/src/layouts/tpa-submit/tpa-submit.vue +++ b/src/layouts/tpa-submit/tpa-submit.vue @@ -1,7 +1,8 @@ diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js index 3a03cf51..937d42b9 100644 --- a/src/router/router-constants/navigation-scenarios.js +++ b/src/router/router-constants/navigation-scenarios.js @@ -68,6 +68,12 @@ const navigationScenarios = Object.freeze({ CLICKED_FORWARD_WITH_SAFELITE_SHOP: 'CLICKED_FORWARD_WITH_SAFELITE_SHOP', CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP: 'CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP', + // TPA Submit + EDIT_VEHICLE: 'EDIT_VEHICLE', + EDIT_DAMAGE: 'EDIT_DAMAGE', + EDIT_PREFERRED_SHOP: 'EDIT_PREFERRED_SHOP', + EDIT_CONTACT_DETAILS: 'EDIT_CONTACT_DETAILS', + // Provider Preference CLICKED_FORWARD_WITH_SAFELITE: 'CLICKED_FORWARD_WITH_SAFELITE', CLICKED_FORWARD_WITH_TPA_ENABLED: 'CLICKED_FORWARD_WITH_TPA_ENABLED', diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js index 7f064f9b..69762bc8 100644 --- a/src/router/router-constants/routing-table.js +++ b/src/router/router-constants/routing-table.js @@ -637,6 +637,22 @@ const routingTable = () => [ { issPageValue: issPageValues.TPA_SUBMIT, maps: [ + { + scenario: navigationScenarios.EDIT_VEHICLE, + destinationIssPageValue: issPageValues.VEHICLE_SELECTION + }, + { + scenario: navigationScenarios.EDIT_DAMAGE, + destinationIssPageValue: issPageValues.VEHICLE_DAMAGE + }, + { + scenario: navigationScenarios.EDIT_PREFERRED_SHOP, + destinationIssPageValue: issPageValues.PROVIDER_PREFERENCE + }, + { + scenario: navigationScenarios.EDIT_CONTACT_DETAILS, + destinationIssPageValue: issPageValues.CONTACT_DETAILS + }, { scenario: navigationScenarios.CLICKED_BACK, destinationIssPageValue: issPageValues.TPA_SEARCH diff --git a/src/store/index.js b/src/store/index.js index c15e0bb9..7d4c8c25 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -115,7 +115,9 @@ const getDefaultState = () => ({ state: null, zipCode: null, zipCodeCtu: null - } + }, + companyName: null, // TODO set + phoneNumber: null // TODO set } }, lineItems: { diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss index 162f4a16..30368d39 100644 --- a/src/styles/common-typography-styles.scss +++ b/src/styles/common-typography-styles.scss @@ -51,6 +51,12 @@ h6, font-weight: 400; } +.small-strong { + font-size: .875rem; + line-height: 1.7; + font-weight: 500; +} + label, .label { font-size: 1rem; @@ -63,16 +69,4 @@ caption, font-size: .75rem; line-height: 1.7; font-weight: 400; -} - - -// Font size -.fs-5 { - line-height: 2; -} - -.fs-6 { - font-size: 1rem !important; - line-height: 1.4; - font-weight: 500; } \ No newline at end of file diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss index a67e7c76..218bf477 100644 --- a/src/styles/ux-variables.scss +++ b/src/styles/ux-variables.scss @@ -52,6 +52,7 @@ $yellow-900: #331a00; $gray-100: #f5f5f5; // Used in theme $gray-200: #e3e4e4; // Used in theme $gray-300: #d2d4d4; +$gray-350: #b3b4b5; // Used for hr $gray: #b0b3b3; // Default Gray $gray-500: #8e9292; // Used in theme $gray-550: #727676; // Used in theme @@ -123,9 +124,18 @@ $font-family-base: $font-family-sans-serif; $font-family-code: $font-family-monospace; $font-size-base: 1rem; // Assumes the browser default, typically `16px` +//Headings +$h1-font-size: $font-size-base * 3; +$h2-font-size: $font-size-base * 2.625; +$h3-font-size: $font-size-base * 2; +$h4-font-size: $font-size-base * 1.625; +$h5-font-size: $font-size-base * 1.25; +$h6-font-size: $font-size-base * 0.875; + //Custom Font size (extra small) $font-size-xsm: $font-size-base * 0.75; $font-sizes: ( + 5: $h5-font-size, 7: $font-size-xsm, ); @@ -136,13 +146,6 @@ $font-weight-normal: 400; $font-weight-bold: 500; $font-weight-bolder: bolder; -//Headings -$h1-font-size: $font-size-base * 3; -$h2-font-size: $font-size-base * 2.625; -$h3-font-size: $font-size-base * 2; -$h4-font-size: $font-size-base * 1.625; -$h5-font-size: $font-size-base * 1.25; -$h6-font-size: $font-size-base * 0.875; //Border Radius // Helper classes are rounded, rounded-1, rounded-2, rounded-3 @@ -173,6 +176,9 @@ $spacers: ( 8: $spacer * 3, ); +//Line Height + + //Grid breakpoints $grid-breakpoints: ( xs: 0,