-
+
+
+
+ class="link"
+ @clickEvent="editClicked">
@@ -20,50 +18,54 @@
-
-
-
-
-
-
-
-
+ class="small review-block__body--line">
+ {{ line }}
+
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,