diff --git a/frontend/src/app/common/services/dashboard.service.ts b/frontend/src/app/common/services/dashboard.service.ts index 00dd3ba3..8fd08c5d 100644 --- a/frontend/src/app/common/services/dashboard.service.ts +++ b/frontend/src/app/common/services/dashboard.service.ts @@ -49,7 +49,7 @@ export class DashboardService { { title: 'Aggregated Listing Data', accessPermission: listing_read, - buttonIcon: '', + buttonIcon: 'eye', buttonText: 'View Aggregated Listing Data', description: 'View aggregated platform listing data for your community', route: 'aggregated-listings', @@ -60,7 +60,7 @@ export class DashboardService { { title: 'Listing Data', accessPermission: listing_read, - buttonIcon: '', + buttonIcon: 'eye', buttonText: 'View Listing Data', description: 'View platform listing data for your community', route: 'listings', @@ -71,7 +71,7 @@ export class DashboardService { { title: 'Download Listing Data', accessPermission: listing_read, - buttonIcon: '', + buttonIcon: 'export', buttonText: 'Download Listing Data', description: 'Download listing data for your community', route: 'export-listings', @@ -82,7 +82,7 @@ export class DashboardService { { title: 'Upload Platform Data', accessPermission: listing_file_upload, - buttonIcon: '', + buttonIcon: 'upload', buttonText: 'Upload data', description: 'Upload platform data to the system ', route: 'upload-listing-data', @@ -94,7 +94,7 @@ export class DashboardService { title: 'Platform Upload History', accessPermission: upload_history_read, description: 'View all platform upload history here', - buttonIcon: '', + buttonIcon: 'history', buttonText: 'Platform Upload History', route: '/upload-listing-history', boxId: 'platformUploadHistory_box', @@ -104,7 +104,7 @@ export class DashboardService { { title: 'Upload Business Licence Data', accessPermission: licence_file_upload, - buttonIcon: '', + buttonIcon: 'history', buttonText: 'Upload Business Licence Data', description: 'Upload your local government’s business licence data', route: '/upload-business-licence-data', @@ -115,7 +115,7 @@ export class DashboardService { { title: 'User Management', accessPermission: user_write, - buttonIcon: '', + buttonIcon: 'user-cog', buttonText: 'User Management', description: 'Process new requests for system access', route: '/user-management', @@ -126,7 +126,7 @@ export class DashboardService { { title: 'Manage Roles and Permissions', accessPermission: role_read, - buttonIcon: '', + buttonIcon: 'user-cog', buttonText: 'Manage Roles And Permissions', description: 'Add or edit roles and permissions', route: '/roles', @@ -137,7 +137,7 @@ export class DashboardService { { title: 'Manage Platforms', accessPermission: platform_write, - buttonIcon: '', + buttonIcon: 'cog', buttonText: 'Manage Platforms', description: 'Manage platform information', route: '/platform-management', @@ -148,7 +148,7 @@ export class DashboardService { { title: 'Guidance for Local Government', accessPermission: '', - buttonIcon: '', + buttonIcon: 'eye', buttonText: 'View Local Government Guide', description: 'View the policy guidance for sending Notices, Takedown Requests and Escalations', route: 'https://www2.gov.bc.ca/gov/content/housing-tenancy/short-term-rentals/data-guidelines-localgovernment', @@ -161,7 +161,7 @@ export class DashboardService { { title: 'Guideline for Platforms', accessPermission: '', - buttonIcon: '', + buttonIcon: 'eye', buttonText: 'View Platform Guide', description: 'Understand requirements for STR platforms under the STRAA', route: 'https://www2.gov.bc.ca/gov/content/housing-tenancy/short-term-rentals/data-guidelines-platforms', @@ -174,7 +174,7 @@ export class DashboardService { { title: 'User Guide', accessPermission: '', - buttonIcon: '', + buttonIcon: 'eye', buttonText: 'View User Guide', description: 'See detailed information about how the STR Data Portal works', route: 'https://www2.gov.bc.ca/gov/content/housing-tenancy/short-term-rentals/strdataportal-support', @@ -186,7 +186,7 @@ export class DashboardService { }, { accessPermission: takedown_action, - buttonIcon: '', + buttonIcon: 'exclamation-circle', buttonText: 'Send Notice', description: 'Notify an STR host and platform that a listing is not compliant with a business licence requirement. A notice must be sent prior to sending a Takedown Request', route: '/compliance-notice', @@ -197,7 +197,7 @@ export class DashboardService { }, { accessPermission: takedown_action, - buttonIcon: '', + buttonIcon: 'file-x', buttonText: 'Send Takedown Letter', description: 'Send a request to an STR platform to remove a non-compliant listing. A Takedown Request can be sent within a period of 5 to 90 days after a Notice of Non-Compliance is delivered.', route: '/takedown-request', diff --git a/frontend/src/app/features/components/dashboard/dashboard.component.html b/frontend/src/app/features/components/dashboard/dashboard.component.html index d374c432..6ce249c1 100644 --- a/frontend/src/app/features/components/dashboard/dashboard.component.html +++ b/frontend/src/app/features/components/dashboard/dashboard.component.html @@ -6,8 +6,10 @@

Home

(COMING SOON)
- +
@@ -19,8 +21,9 @@

Administration Tools

(COMING SOON)
- +
@@ -32,8 +35,10 @@

Forms

(COMING SOON)
- +
@@ -45,8 +50,10 @@

Information and Support

(COMING SOON)
- +
diff --git a/frontend/src/app/features/components/dashboard/dashboard.component.scss b/frontend/src/app/features/components/dashboard/dashboard.component.scss index 04975f62..7c7730e6 100644 --- a/frontend/src/app/features/components/dashboard/dashboard.component.scss +++ b/frontend/src/app/features/components/dashboard/dashboard.component.scss @@ -58,6 +58,50 @@ .card-actions { height: 48px; + + span { + + &.icon { + margin-right: 8px; + width: 20px; + height: 20px; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + + &.cog { + background-image: url(../../../../assets/images/dashboard/cog.svg); + } + + &.exclamation-circle { + background-image: url(../../../../assets/images/dashboard/exclamation-circle.svg); + } + + &.export { + background-image: url(../../../../assets/images/dashboard/cog.svg); + } + + &.eye { + background-image: url(../../../../assets/images/dashboard/eye.svg); + } + + &.file-x { + background-image: url(../../../../assets/images/dashboard/file-x.svg); + } + + &.history { + background-image: url(../../../../assets/images/dashboard/history.svg); + } + + &.upload { + background-image: url(../../../../assets/images/dashboard/upload.svg); + } + + &.user-cog { + background-image: url(../../../../assets/images/dashboard/user-cog.svg); + } + } + } } } } diff --git a/frontend/src/app/features/components/dashboard/dashboard.component.ts b/frontend/src/app/features/components/dashboard/dashboard.component.ts index e86eb3fb..7b9f4bda 100644 --- a/frontend/src/app/features/components/dashboard/dashboard.component.ts +++ b/frontend/src/app/features/components/dashboard/dashboard.component.ts @@ -26,7 +26,7 @@ import { GlobalLoaderService } from '../../../common/services/global-loader.serv styleUrl: './dashboard.component.scss' }) export class DashboardComponent implements OnInit { - userType = '' || 'BCGov' || 'Platform' || 'LG' || 'Admin'; + userType!: '' | 'BCGov' | 'Platform' | 'LG' | 'Admin'; currentUser!: User; showListingHistory = false; diff --git a/frontend/src/app/features/components/listings-table/aggregated-listings-table/aggregated-listings-table.component.html b/frontend/src/app/features/components/listings-table/aggregated-listings-table/aggregated-listings-table.component.html index 25f15ae6..904f8769 100644 --- a/frontend/src/app/features/components/listings-table/aggregated-listings-table/aggregated-listings-table.component.html +++ b/frontend/src/app/features/components/listings-table/aggregated-listings-table/aggregated-listings-table.component.html @@ -165,7 +165,7 @@

Aggregated Listings

pTooltip="Reassigned">
+ pTooltip="Takedown Reported">
@@ -240,8 +240,8 @@

Aggregated Listings

current monthly data
  • I Inactive: Listing appeared in previous but not current monthly data
  • -
  •  Takedown Complete: Platform - confirmed takedown of the listing
  • +
  •  Takedown Reported: Platform reported + takedown of the listing
  •  Reassigned: Address (best match) was updated to a new jurisdiction
  • diff --git a/frontend/src/app/features/components/listings-table/listing-details/listing-details.component.html b/frontend/src/app/features/components/listings-table/listing-details/listing-details.component.html index de4936e0..a00d4731 100644 --- a/frontend/src/app/features/components/listings-table/listing-details/listing-details.component.html +++ b/frontend/src/app/features/components/listings-table/listing-details/listing-details.component.html @@ -22,12 +22,9 @@

    Detailed Listing Information for

    + Send Notice Of Non-Compliance + class="tdr-icon"> Send Takedown Request
    @@ -79,7 +76,7 @@

    Detailed Listing Information for

    - Takedown Complete + Takedown Reported @@ -497,7 +494,7 @@

    Detailed Listing Information for

    current monthly data
  • I Inactive: Listing appeared in previous but not current monthly data
  • -
  •  Takedown Complete: Platform confirmed +
  •  Takedown Reported: Platform reported takedown of the listing
  •  Reassigned: Address (best match) was updated to a new jurisdiction
  • diff --git a/frontend/src/app/features/components/listings-table/listings-table.component.html b/frontend/src/app/features/components/listings-table/listings-table.component.html index d53591a7..c72ce7a4 100644 --- a/frontend/src/app/features/components/listings-table/listings-table.component.html +++ b/frontend/src/app/features/components/listings-table/listings-table.component.html @@ -239,8 +239,8 @@

    Listings

    current monthly data
  • I Inactive: Listing appeared in previous but not current monthly data
  • -
  •  Takedown Complete: Platform - confirmed takedown of the listing
  • +
  •  Takedown Reported: Platform reported + takedown of the listing
  •  Reassigned: Address (best match) was updated to a new jurisdiction
  • diff --git a/frontend/src/assets/images/dashboard/cog.svg b/frontend/src/assets/images/dashboard/cog.svg new file mode 100644 index 00000000..89bc9760 --- /dev/null +++ b/frontend/src/assets/images/dashboard/cog.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/exclamation-circle.svg b/frontend/src/assets/images/dashboard/exclamation-circle.svg new file mode 100644 index 00000000..aa92ca85 --- /dev/null +++ b/frontend/src/assets/images/dashboard/exclamation-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/export.svg b/frontend/src/assets/images/dashboard/export.svg new file mode 100644 index 00000000..57da64fa --- /dev/null +++ b/frontend/src/assets/images/dashboard/export.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/eye.svg b/frontend/src/assets/images/dashboard/eye.svg new file mode 100644 index 00000000..f3827ab4 --- /dev/null +++ b/frontend/src/assets/images/dashboard/eye.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/file-x.svg b/frontend/src/assets/images/dashboard/file-x.svg new file mode 100644 index 00000000..74be6d22 --- /dev/null +++ b/frontend/src/assets/images/dashboard/file-x.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/history.svg b/frontend/src/assets/images/dashboard/history.svg new file mode 100644 index 00000000..c1e7d552 --- /dev/null +++ b/frontend/src/assets/images/dashboard/history.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/upload.svg b/frontend/src/assets/images/dashboard/upload.svg new file mode 100644 index 00000000..3ba5aad5 --- /dev/null +++ b/frontend/src/assets/images/dashboard/upload.svg @@ -0,0 +1,3 @@ + + + diff --git a/frontend/src/assets/images/dashboard/user-cog.svg b/frontend/src/assets/images/dashboard/user-cog.svg new file mode 100644 index 00000000..dc74ffa6 --- /dev/null +++ b/frontend/src/assets/images/dashboard/user-cog.svg @@ -0,0 +1,3 @@ + + +