From 8e0d4cc4e2358f4e20ce17fc3fc760271774099d Mon Sep 17 00:00:00 2001 From: dtookey Date: Tue, 10 Nov 2020 14:49:28 -0500 Subject: [PATCH] Added collapsable categories to the main landing page. --- src/assets/conf/resources-landing-page.json | 361 ++++++++++--------- src/assets/pages/resources-landing-page.html | 18 +- src/assets/pages/styles/theme-base.scss | 7 +- src/assets/views/card-category.mustache | 10 + src/assets/views/web-card.mustache | 5 +- src/ts_source/templates.ts | 12 +- src/ts_source/viewFactory.ts | 49 ++- 7 files changed, 255 insertions(+), 207 deletions(-) create mode 100644 src/assets/views/card-category.mustache diff --git a/src/assets/conf/resources-landing-page.json b/src/assets/conf/resources-landing-page.json index 29b5788..a695e39 100644 --- a/src/assets/conf/resources-landing-page.json +++ b/src/assets/conf/resources-landing-page.json @@ -1,180 +1,185 @@ { - "grid-container": [ - { - "title": "Paycor", - "description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.", - "imagePath": "paycor-logo3-100x100.png", - "urlText": "https://www.paycor.com/", - "altText": "Paycor logo" - }, - { - "title": "Gmail", - "description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.", - "imagePath": "gmail-logo2-100x100.png", - "urlText": "https://mail.google.com", - "altText": "Gmail logo" - }, - { - "title": "Workplace", - "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.", - "imagePath": "workplace-logo3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Workplace logo" - }, - { - "title": "Clarity", - "description": "Clarity project management software is used to create, track, review and bill field-engineering projects, start to finish.", - "imagePath": "clarity-icon-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Clarity image" - }, - { - "title": "Project Insight", - "description": "Structural Engineering Design uses this project management software to centralize the group's work, tasks and projects.", - "imagePath": "project-insight-logo6-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Project Insight logo" - }, - { - "title": "Deltek", - "description": "Project intelligence, management and collaboration software helps maximize productivity and revenue.", - "imagePath": "deltek-logo-black.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Deltek logo" - }, - { - "title": "Learning Center", - "description": "Visit your central location for training resources, including online courses and the company’s procedure manual. ", - "imagePath": "learning-center-icon4-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Learning Center image" - }, - { - "title": "ASTM Procedures", - "description": "Visit this website for access to current ASTM procedures. Contact the CMT Manager for the login ID and password.", - "imagePath": "astm-logo3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "ASTM logo" - }, - { - "title": "Swag Store", - "description": "Buy polo shirts and other logo gear here. Costs are deducted from your paycheck, or you can apply Funny Money.", - "imagePath": "swag-store-icon-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Store image" - }, - { - "title": "Employee Handbook", - "description": "View this document to learn about the company’s policies related to employment, including pay and benefits.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "JDSfaulkner.com", - "description": "What makes a great first impression? JDSfaulkner.com conveys the company's value to potential clients and partners.", - "imagePath": "jdsfaulkner-small-icon.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Website image" - }, - { - "title": "Dropbox", - "description": "The Structural Engineering Design department stores most of its files and folders in the Dropbox cloud-based system.", - "imagePath": "dropbox-logo3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Dropbox logo" - }, - { - "title": "Google Workspace", - "description": "This suite of Google products includes Gmail, Calendar, Meet, Chat, Drive, Docs, Sheets, Slides, Forms and more.", - "imagePath": "google-logo2-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Google Workspace logo" - }, - { - "title": "Procore", - "description": "Streamline billing. Administrators for field engineering projects use Procore software for invoice collection, review and approval.", - "imagePath": "procore-logo-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Procore logo" - }, - { - "title": "Salesforce", - "description": "Marketing and sales teams focus on the customer experience using Salesforce customer relationship management.", - "imagePath": "salesforce-logo-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Salesforce logo" - }, - { - "title": "JDSfaulkner Brochure", - "description": "View the company brochure to learn about the company, or send a copy to potential clients and partners.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "JDSfaulkner SOQ", - "description": "SOQs present the experience and capabilities that qualify JDSfaulkner to win contracts or new clients.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "JDSfaulkner Logo", - "description": "Do you need to use the company logo in marketing material, merchandise or documentation? Here is a copy.", - "imagePath": "image-download-icon.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "JDSfaulkner logo" - }, - { - "title": "Marketing Contacts", - "description": "Keep track of clients and partners with important names, addresses, e-mail addresses and phone numbers.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Spreadsheet icon" - }, - { - "title": "Direct Deposit", - "description": "Would you like have your paychecks deposited into your bank account? Fill out this form and submit it to HR.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "NC-4EZ Form", - "description": "Complete this form so that JDSfaulkner can withhold the correct amount of state income tax from your pay.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "W-4 Form", - "description": "Fill out this form and submit to HR so that the company can withhold the correct federal income tax from your pay.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "Employment Application", - "description": "Would you or someone you know like to apply for a position at JDSfaulkner? Submit this application to HR.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - }, - { - "title": "Drafting Quiz", - "description": "Click here to access a prequalifying quiz that is a requirement for those applying for drafting positions.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "Preview image" - }, - { - "title": "Client W-9 Form", - "description": "A W-9 form is required by JDSfaulkner so that the company can file an information return with the IRS.", - "imagePath": "pdf-icon3-100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "PDF icon" - } - - ] + "grid-container": { + "Human Resources": [ + { + "title": "Paycor", + "description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.", + "imagePath": "paycor-logo3-100x100.png", + "urlText": "https://www.paycor.com/", + "altText": "Paycor logo" + } + ], + "General": [ + { + "title": "Gmail", + "description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.", + "imagePath": "gmail-logo2-100x100.png", + "urlText": "https://mail.google.com", + "altText": "Gmail logo" + }, + { + "title": "Workplace", + "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.", + "imagePath": "workplace-logo3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Workplace logo" + }, + { + "title": "Clarity", + "description": "Clarity project management software is used to create, track, review and bill field-engineering projects, start to finish.", + "imagePath": "clarity-icon-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Clarity image" + }, + { + "title": "Project Insight", + "description": "Structural Engineering Design uses this project management software to centralize the group's work, tasks and projects.", + "imagePath": "project-insight-logo6-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Project Insight logo" + }, + { + "title": "Deltek", + "description": "Project intelligence, management and collaboration software helps maximize productivity and revenue.", + "imagePath": "deltek-logo-black.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Deltek logo" + }, + { + "title": "Learning Center", + "description": "Visit your central location for training resources, including online courses and the company’s procedure manual. ", + "imagePath": "learning-center-icon4-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Learning Center image" + }, + { + "title": "ASTM Procedures", + "description": "Visit this website for access to current ASTM procedures. Contact the CMT Manager for the login ID and password.", + "imagePath": "astm-logo3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "ASTM logo" + }, + { + "title": "Swag Store", + "description": "Buy polo shirts and other logo gear here. Costs are deducted from your paycheck, or you can apply Funny Money.", + "imagePath": "swag-store-icon-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Store image" + }, + { + "title": "Employee Handbook", + "description": "View this document to learn about the company’s policies related to employment, including pay and benefits.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "JDSfaulkner.com", + "description": "What makes a great first impression? JDSfaulkner.com conveys the company's value to potential clients and partners.", + "imagePath": "jdsfaulkner-small-icon.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Website image" + }, + { + "title": "Dropbox", + "description": "The Structural Engineering Design department stores most of its files and folders in the Dropbox cloud-based system.", + "imagePath": "dropbox-logo3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Dropbox logo" + }, + { + "title": "Google Workspace", + "description": "This suite of Google products includes Gmail, Calendar, Meet, Chat, Drive, Docs, Sheets, Slides, Forms and more.", + "imagePath": "google-logo2-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Google Workspace logo" + }, + { + "title": "Procore", + "description": "Streamline billing. Administrators for field engineering projects use Procore software for invoice collection, review and approval.", + "imagePath": "procore-logo-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Procore logo" + }, + { + "title": "Salesforce", + "description": "Marketing and sales teams focus on the customer experience using Salesforce customer relationship management.", + "imagePath": "salesforce-logo-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Salesforce logo" + }, + { + "title": "JDSfaulkner Brochure", + "description": "View the company brochure to learn about the company, or send a copy to potential clients and partners.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "JDSfaulkner SOQ", + "description": "SOQs present the experience and capabilities that qualify JDSfaulkner to win contracts or new clients.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "JDSfaulkner Logo", + "description": "Do you need to use the company logo in marketing material, merchandise or documentation? Here is a copy.", + "imagePath": "image-download-icon.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "JDSfaulkner logo" + }, + { + "title": "Marketing Contacts", + "description": "Keep track of clients and partners with important names, addresses, e-mail addresses and phone numbers.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Spreadsheet icon" + }, + { + "title": "Direct Deposit", + "description": "Would you like have your paychecks deposited into your bank account? Fill out this form and submit it to HR.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "NC-4EZ Form", + "description": "Complete this form so that JDSfaulkner can withhold the correct amount of state income tax from your pay.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "Employment Application", + "description": "Would you or someone you know like to apply for a position at JDSfaulkner? Submit this application to HR.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "Drafting Quiz", + "description": "Click here to access a prequalifying quiz that is a requirement for those applying for drafting positions.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Preview image" + } + ], + "Tax Documents": [ + { + "title": "W-4 Form", + "description": "Fill out this form and submit to HR so that the company can withhold the correct federal income tax from your pay.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + }, + { + "title": "Client W-9 Form", + "description": "A W-9 form is required by JDSfaulkner so that the company can file an information return with the IRS.", + "imagePath": "pdf-icon3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "PDF icon" + } + ] + } } \ No newline at end of file diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html index 30f4192..5b33127 100644 --- a/src/assets/pages/resources-landing-page.html +++ b/src/assets/pages/resources-landing-page.html @@ -17,7 +17,9 @@
-

You rely on a vast amount of resources to do your job. How can you keep track of them all? Explore ResourceFinder. From payroll to project-management, ResourceFinder can help you locate the tools you need.

+

You rely on a vast amount of resources to do your job. How can you keep + track of them all? Explore ResourceFinder. From payroll to project-management, ResourceFinder + can help you locate the tools you need.

    @@ -28,11 +30,12 @@
- +
- JDSfaulkner logo + JDSfaulkner logo