From a84d9c46320bd110c567387fba8c9669ab3b2f63 Mon Sep 17 00:00:00 2001 From: Shannon Gray Date: Wed, 16 Nov 2016 07:08:22 -0500 Subject: [PATCH] Add help text, update layout, add styling for tabs --- .../sectionAppInfoTemplate.html | 15 +- .../sectionAssurancesTemplate.html | 47 +++--- .../sectionEmployerTemplate.html | 126 ++++++++------ .../wageDataPayTypeFormTemplate.html | 62 +++++-- .../sectionWioa/sectionWioaTemplate.html | 40 +++-- .../sectionWorkSitesTemplate.html | 34 +++- DOL.WHD.Section14c.Web/src/styles/forms.scss | 154 +++++++++++++----- .../src/styles/globals.scss | 2 + DOL.WHD.Section14c.Web/src/styles/main.scss | 1 + .../src/styles/modules/mainHeaderControl.scss | 5 - 10 files changed, 330 insertions(+), 156 deletions(-) diff --git a/DOL.WHD.Section14c.Web/src/modules/components/sectionAppInfo/sectionAppInfoTemplate.html b/DOL.WHD.Section14c.Web/src/modules/components/sectionAppInfo/sectionAppInfoTemplate.html index 92558957..34bb942a 100644 --- a/DOL.WHD.Section14c.Web/src/modules/components/sectionAppInfo/sectionAppInfoTemplate.html +++ b/DOL.WHD.Section14c.Web/src/modules/components/sectionAppInfo/sectionAppInfoTemplate.html @@ -16,7 +16,10 @@

Application Info

Application Type

-
What type of application is this?
+
What type of application is this? + + Initial applicants are those who do not currently hold a valid section 14 (c) certificate. Renewal applicants are employers who currently hold a valid certificate. +
If the employer currently holds a valid 14(c) certificate, choose Renewal. If not, choose Initial.
{{ validate('applicationTypeId') }}
@@ -73,7 +76,15 @@

Application Type

-
What type of establishment(s) is this request for authority to employ workers with disabilities for?
+
What type of establishment(s) is this request for authority to employ workers with disabilities for? + + +

Community Rehabilitation (Work Center): facility that primarily provides vocational rehabilitation services and employment for people with disabilities.

+

Hospital/Residential Care Facility (Patient Workers): A facility (public or private, non-profit or for-profit) that primarily providesresidential care for individuals with disabilities, including but not limited to nursing homes, intermediate care facilities, assistedliving facilities, halfway houses, and residential substance abuse treatment facilities. “Primarily” means that more than 50 percentof the facility’s income is attributable to this residential care.A patient worker is a worker with a disability who is employed by a hospital or residential care facility (as defined above) where thepatient worker receives inpatient or outpatient treatment or care.

+

School Work Experience Program (SWEP): A school-operated program in which students with disabilities may be placed in jobswith private industry within the community. School employers are responsible for compliance with all applicable child labor laws,minimum wage standards, and certificate and recordkeeping requirements. The school may submit a group application whichcovers all students with disabilities and all of the business locations at which the students will be placed.

+

Business Establishment: Any employer other than a community rehabilitation program, hospital/residential care facility, or SWEP.

+ +
Select all that apply
{{ validate('establishmentTypeId') }}
diff --git a/DOL.WHD.Section14c.Web/src/modules/components/sectionAssurances/sectionAssurancesTemplate.html b/DOL.WHD.Section14c.Web/src/modules/components/sectionAssurances/sectionAssurancesTemplate.html index 4eacd50a..e44342e1 100644 --- a/DOL.WHD.Section14c.Web/src/modules/components/sectionAssurances/sectionAssurancesTemplate.html +++ b/DOL.WHD.Section14c.Web/src/modules/components/sectionAssurances/sectionAssurancesTemplate.html @@ -2,27 +2,28 @@

Assurances

-

-I certify that I have read this form and to the best of my knowledge and belief, all answers and information given in the application and attachments are true; that the representations set forth in support of this application to obtain or continue the authorization to pay workers with disabilities at subminimum wage rates are true; and I acknowledge that the authorization, if issued or continued, is subject to revocation in accordance with the provisions of 29 C.F.R. part 525. I represent that as set forth in the regulations governing the employment of workers with disabilities, the following conditions exist and will continue to exist: -

-
    -
  1. Workers employed under the authority in 29 C.F.R. part 525 have disabilities for the work to be performed;
    2. -
  2. Wage rates paid to workers with disabilities under the authority in 29 C.F.R. part 525 are commensurate with those - paid experienced workers, who do not have disabilities, in industry in the vicinity for essentially the same type, quality, - and quantity of work;
    3. -
  3. The operations are and will continue to be in compliance with the FLSA, PCA, SCA, and Contract Work Hours and - Safety Standards Act (CWHSSA), an overtime statute for Federal contract work, as applicable;
    4. -
  4. No deductions will be made from the commensurate wages earned by a patient worker to cover the cost of room, - board or other services provided by the facility;
    5. -
  5. Records required under 29 C.F.R. part 525 with respect to documentation of disability, productivity, work - measurements or time studies, and prevailing wage surveys will be maintained.
    6. -
-

Further, I certify that:

-
    -
  1. The wage rates of all hourly-rated employees paid in accordance with FLSA section 14(c) will be reviewed at least - every six months; and
    2. -
  2. Wages paid to all employees under FLSA section 14(c) will be adjusted at periodic intervals, at least once a year, to - reflect changes in the prevailing wage paid to experienced workers, who do not have disabilities, employed in the - vicinity for essentially the same type of work.
    3. -
+
+

I certify that I have read this form and to the best of my knowledge and belief, all answers and information given in the application and attachments are true; that the representations set forth in support of this application to obtain or continue the authorization to pay workers with disabilities at subminimum wage rates are true; and I acknowledge that the authorization, if issued or continued, is subject to revocation in accordance with the provisions of 29 C.F.R. part 525. I represent that as set forth in the regulations governing the employment of workers with disabilities, the following conditions exist and will continue to exist: +

+
    +
  1. Workers employed under the authority in 29 C.F.R. part 525 have disabilities for the work to be performed;
    2. +
  2. Wage rates paid to workers with disabilities under the authority in 29 C.F.R. part 525 are commensurate with those + paid experienced workers, who do not have disabilities, in industry in the vicinity for essentially the same type, quality, + and quantity of work;
    3. +
  3. The operations are and will continue to be in compliance with the FLSA, PCA, SCA, and Contract Work Hours and + Safety Standards Act (CWHSSA), an overtime statute for Federal contract work, as applicable;
    4. +
  4. No deductions will be made from the commensurate wages earned by a patient worker to cover the cost of room, + board or other services provided by the facility;
    5. +
  5. Records required under 29 C.F.R. part 525 with respect to documentation of disability, productivity, work + measurements or time studies, and prevailing wage surveys will be maintained.
    6. +
+

Further, I certify that:

+
    +
  1. The wage rates of all hourly-rated employees paid in accordance with FLSA section 14(c) will be reviewed at least + every six months; and
    2. +
  2. Wages paid to all employees under FLSA section 14(c) will be adjusted at periodic intervals, at least once a year, to + reflect changes in the prevailing wage paid to experienced workers, who do not have disabilities, employed in the + vicinity for essentially the same type of work.
    3. +
+
diff --git a/DOL.WHD.Section14c.Web/src/modules/components/sectionEmployer/sectionEmployerTemplate.html b/DOL.WHD.Section14c.Web/src/modules/components/sectionEmployer/sectionEmployerTemplate.html index ba5f7ff7..d2dda428 100644 --- a/DOL.WHD.Section14c.Web/src/modules/components/sectionEmployer/sectionEmployerTemplate.html +++ b/DOL.WHD.Section14c.Web/src/modules/components/sectionEmployer/sectionEmployerTemplate.html @@ -16,7 +16,10 @@

Employer

Employer Information

-
Legal Name of Employer
+
Legal Name of Employer + + Provide the full legal and trade name(s) of the employer, and previous name, if applicable. SWEPs should enter the identifying information for the school that is applying for the certificate. +
If applying for a certificate as a School Work Experience Program (SWEP), enter the identifying information for the school.
@@ -25,7 +28,7 @@

Employer Information

Does the Employer have a Trade Name? - This is the help text. + Provide the full legal and trade name(s) of the employer, and previous name, if applicable. SWEPs should enter the identifying information for the school that is applying for the certificate.
{{ validate('employer.hasTradeName') }}
@@ -50,8 +53,6 @@

Employer Information

Has the Employer's legal name changed since its last application? - - This is the help text.
{{ validate('employer.legalNameHasChanged') }}
@@ -75,11 +76,8 @@

Employer Information

-
Physical Address of Employer's Main Establishment - - This is the help text. -
-
+
Physical Address of Employer's Main Establishment
+
{{ validate('employer.physicalAddress.streetAddress') }} @@ -115,7 +113,10 @@

Employer Information

-
Does the Employer have a Parent Organization?
+
Does the Employer have a Parent Organization? + + SWEPs should enter the school district's information in Item 4. +
For example, if applying for a certificate as a School Work Experience Program (SWEP), enter the school district's information here.
{{ validate('employer.hasParentOrg') }}
@@ -142,48 +143,50 @@

Employer Information

-
- - {{ validate('employer.parentAddress.streetAddress') }} - -
+
+
+ + {{ validate('employer.parentAddress.streetAddress') }} + +
+ +
+
+ + {{ validate('employer.parentAddress.city') }} + +
-
-
- - {{ validate('employer.parentAddress.city') }} - +
+ + {{ validate('employer.parentAddress.state') }} + +
-
- - {{ validate('employer.parentAddress.state') }} - +
+ + {{ validate('employer.parentAddress.zipCode') }} +
-
-
- - {{ validate('employer.parentAddress.zipCode') }} - -
+
+ + {{ validate('employer.parentAddress.county') }} + +
-
- - {{ validate('employer.parentAddress.county') }} - + +
- - -
Employer Status - This is the help text. + Select the option that describes the employer’s status. For example, a SWEP operated by a public school system should check "Public."
{{ validate('employer.employerStatusId') }}
@@ -198,8 +201,11 @@

Employer Information

-
Is this employer a local or State educational agency?
-
The term “local educational agency” means a public board of education or other public authority legally constituted within a State... [See More]
+
Is this employer a local or State educational agency? + + The term "local educational agency" means a public board of education or other public authority legally constituted within a State for either administrative control or direction of, or to perform a service function for, public elementary schools or secondary schoolsin a city, county, township, school district, or other political subdivision of a State, or of or for a combination of school districts orcounties that is recognized in a State as an administrative agency for its public elementary schools or secondary schools. The term "State educational agency" means the agency primarily responsible for the State supervision of public elementary schoolsand secondary schools. See 20 U.S.C. 7801, the Elementary and Secondary Education Act of 1965. +
+
The term "local educational agency" means a public board of education or other public authority legally constituted within a State... [See More]
{{ validate('employer.isEducationalAgency') }}
    @@ -228,14 +234,20 @@

    Number of Workers With Disabilities

-
What is the total number of workers with disabilities employed at subminimum wages during the most recently completed fiscal quarter at all establishments and work sites?
+
What is the total number of workers with disabilities employed at subminimum wages during the most recently completed fiscal quarter at all establishments and work sites? + + Provide the total number of workers with disabilities who were paid subminimum wages at all establishments and work sites during the most recently completed fiscal quarter. Include workers who were employed for less than the full fiscal quarter, i.e. three-month period. +
{{ validate('employer.numSubminimalWageWorkers.total') }}
-
Provide the number of workers with disabilities employed at subminimum wages for the most recently completed fiscal quarter in each of the following categories:
+
Provide the number of workers with disabilities employed at subminimum wages for the most recently completed fiscal quarter in each of the following categories: + + Provide the number of workers with disabilities for the same period employed at subminimum wages in the specified categories. Refer to the definitions provided in the instructions for Item 2(a). +
{{ validate('employer.numSubminimalWageWorkers.workCenter') }} @@ -268,7 +280,10 @@

Number of Workers With Disabilities

Government Contracts

-
Does this employer manufacture items for the Federal Government under the Walsh-Healey Public Contracts Act (PCA)?
+
Does this employer manufacture items for the Federal Government under the Walsh-Healey Public Contracts Act (PCA)? + + Make the appropriate selection if the employer has, or intends to receive, any contracts with the Federal Government subject to the Walsh-Healey Public Contracts Act (PCA). Additional information about contracts with the Federal Government can be found at www.dol.gov/whd/govcontracts/. +
{{ validate('employer.pca') }}
    @@ -284,7 +299,10 @@

    Government Contracts

-
Does this employer currently hold any contracts covered by the McNamara-O’Hara Service Contract Act (SCA)?
+
Does this employer currently hold any contracts covered by the McNamara-O’Hara Service Contract Act (SCA)? + + Make the appropriate selection if the employer has, or intends to receive, any contracts with the McNamara-O’Hara Service Contract Act (SCA). If the employer had one or more SCA-covered contracts during the last completed fiscal quarter, provide the total number of SCA contracts and attach the SCA Wage Determinations for each contract. Additional information about contracts with the Federal Government can be found at www.dol.gov/whd/govcontracts/. +
{{ validate('employer.scaId') }}
    @@ -310,7 +328,10 @@

    Government Contracts

-
Since January 1, 2015, has this employer entered into a contract for services or concessions with the Federal Government that may be subject to Executive Order 13658 (Establishing a Minimum Wage for Contractors)?
+
Since January 1, 2015, has this employer entered into a contract for services or concessions with the Federal Government that may be subject to Executive Order 13658 (Establishing a Minimum Wage for Contractors)? + + Make the appropriate selection if the employer has, or intends to receive, any contracts with the Federal Government subject to Executive Order 13658, Establishing a Minimum Wage for Contractors. Section 14(c) workers performing on or in connection with a contract covered by Executive Order 13658 are generally entitled to be paid at least the Executive Order minimum wage. Additional information about contracts with the Federal Government can be found at www.dol.gov/whd/govcontracts/. +
{{ validate('employer.eo13658Id') }}
    @@ -324,7 +345,10 @@

    Government Contracts

    Additional Questions

    -
    Was the employer a representative payee Social Security Benefits during the most recently completed fiscal quarter?
    +
    Was the employer a representative payee for any worker with disabilities and, as such, received Social Security Benefits such as Supplemental Security Income (SSI) or Social Security Disability Insurance (SSDI) on behalf of that employee during the most recently completed fiscal quarter? + + If the employer was a representative payee for any worker with disabilities who received Social Security benefits during the most recently completed fiscal quarter, provide the total number of employees for whom the employer was the representative payee. +
    {{ validate('employer.representativePayee') }}
      @@ -349,7 +373,10 @@

      Additional Questions

    -
    Did the employer take credit for the cost of providing facilities, such as board, lodging, and transportation, toward meeting the minimum wage or subminimum wage obligations during the most recently completed fiscal quarter?
    +
    Did the employer take credit for the cost of providing facilities, such as board, lodging, and transportation, toward meeting the minimum wage or subminimum wage obligations during the most recently completed fiscal quarter? + + Indicate if the employer provided facilities such as lodging, board, and transportation to any employee, and took credit for those costs toward meeting the minimum wage or subminimum wage obligations to employees with disabilities during the most recently completed fiscal quarter. See 29 C.F.R. § 531 and 29 C.F.R. § 516. Provide a brief description of the type of deduction taken by the employer (e.g., transportation, rent, meals). +
    {{ validate('employer.takeCreditForCosts') }}
      @@ -379,7 +406,10 @@

      Additional Questions

    -
    Is this a request for Temporary Authority?
    +
    Is this a request for Temporary Authority? + + Answer yes only if the application is being filed by a vocational rehabilitation program administered by a State agency or the U.S. Veterans Administration. See 29 C.F.R. § 525.8. +
    Answer Yes if the application is being filed by a vocational rehabilitation program administered by a State agency or the U.S. Veterans Administration.
    {{ validate('employer.temporaryAuthority') }}
    diff --git a/DOL.WHD.Section14c.Web/src/modules/components/sectionWageData/wageDataPayTypeFormTemplate.html b/DOL.WHD.Section14c.Web/src/modules/components/sectionWageData/wageDataPayTypeFormTemplate.html index b8b7d1b4..fe204e68 100644 --- a/DOL.WHD.Section14c.Web/src/modules/components/sectionWageData/wageDataPayTypeFormTemplate.html +++ b/DOL.WHD.Section14c.Web/src/modules/components/sectionWageData/wageDataPayTypeFormTemplate.html @@ -3,7 +3,7 @@
    How many workers did the employer pay {{ paytype === 'hourly' ? 'hourly' : 'on a piece rate basis'}}? - This is the help text. + Count the total number of workers paid an TO DO: HOURLY/PIECE RATE subminimum wage rate at any time during the most recently completed fiscalquarter that ended on the date listed in Item 7(a).
    {{ validate(modelPrefix() + '.numWorkers') }}
    @@ -15,7 +15,7 @@
    What was the job or contract on which the employer employed the largest number of workers at hourly subminimum wage rates during the most recently completed fiscal quarter? - This is the help text. + Identify the job or contract on which the most workers were employed at an TO DO: HOURLY/PIECE RATE subminimum wage during the most recently completed fiscal quarter. Provide a brief description of the work performed by workers paid subminimum wages (e.g., Kitchen cleaning—sink, counters, stove, refrigerator, microwave cleaning duties, or Contract No. 123-456 with Sheets Inc.—Laundry Service).
    {{ validate(modelPrefix() + '.jobName') }}
    @@ -36,7 +36,12 @@
    Which method did the employer use to determine the Prevailing Wage for the job or contract identified above? - This is the help text. + +

    Complete the form with information from the most recently completed prevailing wage survey for that job/contract. If the employerused more than three sources, attach an additional sheet labeled “Item 9 Prevailing Wage Determination” and provide theinformation obtained from all sources. (For information on Prevailing Wages, see Fact Sheet #39B: Prevailing Wages andCommensurate Wages under Section 14(c) of the FLSA.)

    +

    The source employers surveyed should be located in the geographic area from which the labor force of the applicant is drawn. The sources for the jobs surveyed should use similar methods and equipment as the job for which this rate will apply. The wage rate collected from each source should be the hourly rate paid to experienced (not entry level) workers who do not have disabilities that affect productive capacity. An experienced worker is a worker who has learned the basic requirements of the work to be performed, ordinarily by completion of a probationary or training period. Typically, an experienced worker will have received at least one pay raise after successful completion of the probationary or training period.

    +

    The prevailing wage rate determined from the surveys may be calculated by using a weighted or straight average, but the same method should be used to calculate all of the employer’s prevailing wage rates.

    +

    If conducting surveys is not practical and the employer instead uses U.S. Bureau of Labor Statistics (BLS) or alternative wage rates, identify the alternative source used (e.g., BLS Occupational Employment Survey; BLS Current Population Survey), the prevailing wage, the job classification (if applicable) provided by the source, and the date that the data was obtained. BLS wage data can be found at www.bls.gov/bls/blswage.htm. Data from employment services may only be used to determine prevailing wages if the data provides wage rates of experienced workers not disabled for the work being performed; entry level wage data may not be used.

    +
    {{ validate(modelPrefix() + '.prevailingWageMethod') }}
    @@ -60,7 +65,14 @@ {{ validate(modelPrefix() + '.mostRecentPrevailingWageSurvey.prevailingWageDetermined') }}
    - +
    @@ -243,7 +255,14 @@
    -
    Provide the alternate wage data source used and the prevailing wage provided by that source:
    +
    Provide the alternate wage data source used and the prevailing wage provided by that source: + + +

    If conducting surveys is not practical and the employer instead uses U.S. Bureau of Labor Statistics (BLS) or alternative wage rates, identify the alternative source used (e.g., BLS Occupational Employment Survey; BLS Current Population Survey), the prevailing wage, the job classification (if applicable) provided by the source, and the date that the data was obtained.

    +

    BLS wage data can be found at www.bls.gov/bls/blswage.htm.

    +

    Data from employment services may only be used to determine prevailing wages if the data provides wage rates of experienced workers not disabled for the work being performed; entry level wage data may not be used.

    +     +
    -
    Were any workers paid a subminimum wage age 24 or younger?
    +
    Were any workers paid a subminimum wage age 24 or younger? + + List the name of each worker with a disability age 24 or younger and provide a response for each individual. Answer “Y” if the employer has reviewed, verified, and maintained documentation from the individual showing that the requirements described above have been completed. Answer “N” if the employer has not verified that these requirements have been completed for this individual or if these requirements have not yet been completed. Answer “NR” if the employer is aware that the individual was employed on July 22, 2016 by this employer or by another entity that held a section 14(c) certificate. +
    {{ validate('WIOA.hasWIOAWorkers') }}
      @@ -73,7 +75,7 @@

      Workforce Innovation and Opportunity Act (WIOA)

    List the name of each worker with a disability age 24 or younger and provide a response for each individual.
    -
    +
    Accepted Responses:

    Yes - The employer reviewed, verified, and maintained documentation from the individual showing that the requirements described above have been completed.

    No - The employer has NOT verified that these requirements have been completed for this individual or these requirements have not yet been completed.

    @@ -82,17 +84,19 @@

    Workforce Innovation and Opportunity Act (WIOA)

    {{ validate('WIOA.WIOAWorkers') }}
    -
    Full Name of Worker
    -
    -
    - -
    -
    - +
    +
    Full Name of Worker
    +
    +
    + +
    +
    + +
    +
    +
    +
    -
    -
    -
    diff --git a/DOL.WHD.Section14c.Web/src/modules/components/sectionWorkSites/sectionWorkSitesTemplate.html b/DOL.WHD.Section14c.Web/src/modules/components/sectionWorkSites/sectionWorkSitesTemplate.html index 2e241778..16642ce7 100644 --- a/DOL.WHD.Section14c.Web/src/modules/components/sectionWorkSites/sectionWorkSitesTemplate.html +++ b/DOL.WHD.Section14c.Web/src/modules/components/sectionWorkSites/sectionWorkSitesTemplate.html @@ -14,7 +14,10 @@

    Work Sites & Employees

    -
    What is the total number of establishments and work sites to be covered by this certificate?
    +
    What is the total number of establishments and work sites to be covered by this certificate? + + Provide the total number of work sites for which the employer is seeking approval to employ workers at subminimum wages. Count all work sites, including the main establishment and any branch establishments, off-site work locations, and/or SWEP work sites. +
    {{ validate('totalNumWorkSites') }}
    @@ -37,7 +40,17 @@

    Work Sites & Employees

    First, we'll collect information about the Work Site / Establishment.
    -
    What type of establishment is this?
    +
    What type of establishment is this? + + +

    Indicate whether the work site is the main establishment, a branch establishment, an off-site work location, or a School Work Experience Program + work site.

    +

    Main Establishment: The primary location of the employer that files this application on behalf of all its associated work sites. (There can only be one main establishment.)

    +

    Branch Establishment: A branch establishment is a physically separate work site that is part of the same organization as the main establishment.

    +

    Off-site Work Location: An off-site work location is a work site typically on the premises of a separate establishment, where workers with disabilities, or a group of workers with disabilities, are placed in work settings along with job coaches (staff of the rehabilitation or work center).

    +

    School Work Experience Program (SWEP): A school-operated program in which students with disabilities may be placed in jobs with private industry within the community. School employers are responsible for compliance with all applicable child labor laws, minimum wage standards, and certificate and recordkeeping requirements. The school may submit a group application which covers all students with disabilities and all of the business locations at which the students will be placed.

    +     +
    {{ vm.validateActiveWorksiteProperty('type') }}
    @@ -99,7 +112,10 @@

    Work Sites & Employees

    -
    Is Service Contract Act (SCA)-covered work performed at this establishment / work site?
    +
    Is Service Contract Act (SCA)-covered work performed at this establishment / work site? + + Mark "yes" if the employer has a Service Contract Act (SCA)-covered contract to provide services to the Federal Government and work under that contract is performed at this work site. +
    {{ vm.validateActiveWorksiteProperty('sca') }}
    @@ -118,7 +134,10 @@

    Work Sites & Employees

    -
    Is work performed at this establishment / work site pursuant to a Federal contract for services or concessions?
    +
    Is work performed at this establishment / work site pursuant to a Federal contract for services or concessions? + + Mark "yes" if the employer has a contract with the Federal Government for services or concessions that was entered into on or after January 1, 2015, which indicates that the contract may be subject to Executive Order 13658 (Establishing a Minimum Wage for Contractors). +
    {{ vm.validateActiveWorksiteProperty('federalContractWorkPerformed') }}
    @@ -137,7 +156,10 @@

    Work Sites & Employees

    -
    Total Number of employees employed at this establishment / work site at any time during the most recently completed fiscal quarter:
    +
    Total number of employees who were employed at this establishment/work site at any time during the most recently completed fiscal quarter and received subminimum wages: + + Count all employees who were paid subminimum wages and performed work at this work site during the most recently completed fiscal quarter that ended on the date provided in Item 7(a) of the WH-226. Include workers who were employed for less than the full fiscal quarter, i.e. three-month period. +
    {{ vm.validateActiveWorksiteProperty('numEmployees') }}
    @@ -147,7 +169,7 @@

    Work Sites & Employees

    -
    You indicated this Establishment / Work Site employed {{ vm.activeWorksite.numEmployees ? vm.activeWorksite.numEmployees : 0 }} employees in the most recently completed fiscal quarter.
    +
    You indicated this Establishment / Work Site employed {{ vm.activeWorksite.numEmployees ? vm.activeWorksite.numEmployees : 0 }} employees in the most recently completed fiscal quarter.
    We'll need to collect specific information for each employee: diff --git a/DOL.WHD.Section14c.Web/src/styles/forms.scss b/DOL.WHD.Section14c.Web/src/styles/forms.scss index f56a0615..c6f6e373 100644 --- a/DOL.WHD.Section14c.Web/src/styles/forms.scss +++ b/DOL.WHD.Section14c.Web/src/styles/forms.scss @@ -56,25 +56,38 @@ @include nested(12) { .form-page { - @include span(8); + @include span(12); } - @media only screen and (max-width : 800px) { - .form-page { - @include span(12); + .form-page, + .form-page-full { + margin-top: 4rem; + + // Limit the width of text in the form per USWDS recommendation + // Within the form, increase the default width b/c the default font size is larger + .usa-content, + .usa-content p:not(.usa-font-lead), + ul, + ol, + .form-question-block label, + .form-question-text, + .form-question-subtext { + max-width: 60rem; } - } - .form-page, .form-page-full { - margin-top: 40px; + p { + &:first-of-type { + margin-top: 0; + } + } & > h3:first-of-type { margin-top: 0px; } .em-block { - background-color: $form-em-grey; - padding: 20px 30px; + background-color: $color-gray-lightest; + padding: 2rem; table thead th { background-color: darken($form-em-grey, 10%); @@ -123,12 +136,23 @@ } .help-text { + font-size: 1.7rem; font-weight: 400; background-color: $help-em-color; - padding: 1rem; + padding: 1.5rem 2rem; margin-top: 1.5rem; display: none; + p { + &:first-of-type { + margin-top: 0; + } + + &:last-of-type { + margin-bottom: 0; + } + } + &.show { display: block; } @@ -142,7 +166,7 @@ } } - /* Custom form tabs (as seen in Wage Data section) */ + // Custom form tabs (as seen in Wage Data section) .form-tabbed-section { @include clearfix; @@ -151,30 +175,44 @@ .form-tab { @include span(6); - padding: 10px; + border-top: .6rem solid transparent; + padding: 1.4rem 2rem 2rem 2rem; + font-size: 2.4rem; + font-weight: 700; cursor: pointer; margin-right: 0px; + &:not(:first-of-type) { - border-left: 1px solid $text-color; + border-left: 1px solid #aeb0b5; } &.active { - border-top: 1px solid $text-color; + border-top: .6rem solid $color-primary; + //padding-top: 2rem; } &:not(.active) { - border-bottom: 1px solid $text-color; - background-color: $form-em-grey; + border-bottom: 1px solid #aeb0b5; + background-color: $color-gray-lightest; + + &:hover { + background-color: darken($color-gray-lightest, 5%); + } } .circle { display: inline-block; - width: 24px; - height: 24px; + font-size: 1.7rem; + width: 3rem; + height: 3rem; border-radius: 50%; - border: 1px solid $text-color; + background-color: $color-gray-darker; + color: $color-white; text-align: center; + vertical-align: middle; + padding-top: .3rem; + margin-right: .7rem; } } } @@ -222,7 +260,7 @@ .form-question-block { &:not(:first-of-type) { - margin-top: 40px; + margin-top: 4rem; } .form-question-text { @@ -241,6 +279,29 @@ } } + // Remove bottom margins for address layout + .usa-input-grid-medium, + .usa-input-grid-small { + input, + select { + margin-bottom: 0; + } + } + + hr { + margin-top: 2rem; + margin-bottom: 2rem; + border: 0; + border-top: 1px solid #aeb0b5; + } + + hr + .form-question-block { + &:not(:first-of-type) { + margin-top: 2rem; + } + margin-top: 2rem; + } + .form-question-group { &:not(:first-of-type), &.force-margin { margin-top: 40px; @@ -288,10 +349,6 @@ font-weight: bold; } - hr { - margin-bottom: 20px; - } - .wage-data-table { font-size: 12px; @@ -430,26 +487,6 @@ } } - .form-sidebar { - @include span (last 4); - text-align: right; - - .links-block { - background-color: $form-em-grey; - margin-top: 20px; - padding: 10px 20px; - text-align: left; - - &.ng-hide { - transform: translateX(300%); - } - - &.ng-hide-add, &.ng-hide-remove { - transition: all linear 0.4s; - } - } - } - .form-content { div.usa-alert-error { @include clearfix; @@ -459,4 +496,33 @@ } } } +} + +.form-sidebar { + width: 80%; + text-align: right; + position: absolute; + right: 0; + top: 7rem; + + .links-block { + background-color: $color-gray-lightest; + padding: 1.5rem 2rem; + text-align: left; + box-shadow: -2px 2px 3px 0px rgba(0,0,0,.3); + + &.ng-hide { + transform: translateX(300%); + } + + &.ng-hide-add, &.ng-hide-remove { + transition: all linear 0.4s; + } + } +} + +@media (min-width: $medium-screen) { + .form-sidebar { + width: 33%; + } } \ No newline at end of file diff --git a/DOL.WHD.Section14c.Web/src/styles/globals.scss b/DOL.WHD.Section14c.Web/src/styles/globals.scss index 39241962..c57c5b57 100644 --- a/DOL.WHD.Section14c.Web/src/styles/globals.scss +++ b/DOL.WHD.Section14c.Web/src/styles/globals.scss @@ -45,10 +45,12 @@ h6 { &:hover { background-color: $color-gray-medium; + color: $text-color; } &:active { background-color: $color-gray; + color: $text-color; } } diff --git a/DOL.WHD.Section14c.Web/src/styles/main.scss b/DOL.WHD.Section14c.Web/src/styles/main.scss index c80f46a2..9ebfbe3e 100644 --- a/DOL.WHD.Section14c.Web/src/styles/main.scss +++ b/DOL.WHD.Section14c.Web/src/styles/main.scss @@ -25,6 +25,7 @@ $susy: ( @include nested(12) { .main-content { + position: relative; @include span(12); margin-top: 40px; } diff --git a/DOL.WHD.Section14c.Web/src/styles/modules/mainHeaderControl.scss b/DOL.WHD.Section14c.Web/src/styles/modules/mainHeaderControl.scss index f5df2233..d12bd5c5 100644 --- a/DOL.WHD.Section14c.Web/src/styles/modules/mainHeaderControl.scss +++ b/DOL.WHD.Section14c.Web/src/styles/modules/mainHeaderControl.scss @@ -26,8 +26,6 @@ } .dol-form-meta { - //background-color: $color-gray-darker; - //color: $color-white; background-color: $color-gray-lightest; padding: 1.5rem; border-top: 1px solid #aeb0b5; @@ -56,13 +54,10 @@ .dol-applicant-meta { position: relative; padding: 1.5rem; - //background-color: $color-gray-lightest; background-color: $color-gray-darker; - //border-bottom: 1px solid #aeb0b5; } .dol-applicant-ein { - //font-weight: 700; color: $color-white; }