This repository has been archived by the owner on Jan 17, 2024. It is now read-only.
forked from 18F/dol-whd-14c
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #139 from AppliedIS/feature-ui-design
Feature ui design
- Loading branch information
Showing
16 changed files
with
420 additions
and
123 deletions.
There are no files selected for viewing
48 changes: 30 additions & 18 deletions
48
...HD.Section14c.Web/src/modules/components/mainHeaderControl/mainHeaderControlTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,24 +1,36 @@ | ||
| <div class="header-title-bar"> | ||
| <div class="header-title"> | ||
| <h1>Application for Authority to Employ Workers with Disabilities at Subminimum Wages</h1> | ||
| <h2>OMB NO: 1235-0001</h2> | ||
| <h2>REVXX/20XX</h2> | ||
| <header role="header" class="dol-header-form"> | ||
| <h1>Section 14(c) Certificate Application</h1> | ||
|
|
||
| <nav> | ||
| <ul> | ||
| <li><a href="">Dashboard</a></li> | ||
| <li><a href="" ng-click="vm.userClick()">{{ vm.stateService.user.email ? vm.stateService.user.email : "Username" }}</a></li> | ||
| <li><a href="" ng-click="vm.saveClick()">Sign Out</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
| <div class="dol-applicant-meta"> | ||
| <div class="dol-applicant-ein"> | ||
| Applicant EIN: <span>{{ vm.stateService.ein ? vm.stateService.ein : "XX-XXXXXXX" }}</span> | ||
| </div> | ||
| <div class="header-logo"> | ||
| <img ng-src="{{ vm.assetService.loadImage('dol_seal.svg') }}" /> | ||
| <img ng-src="{{ vm.assetService.loadImage('whd_logo.jpg') }}" /> | ||
|
|
||
| <div class="dol-feedback-save"> | ||
| <span class="dol-feedback-save-success" ng-show="vm.stateService.formData.lastSaved > 0"> | ||
| Saved {{vm.stateService.formData.lastSaved | amUtc | amLocal | amDateFormat:'MM/DD/YYYY, h:mm A'}} | ||
| </span> | ||
| <span class="dol-feedback-save-error" ng-show="vm.stateService.formData.lastSaved === 0"> | ||
| Error Saving Form | ||
| </span> | ||
| </div> | ||
| </div> | ||
| <div class="header-status-bar" ng-show="vm.stateService.user.email"> | ||
| <p class="pull-left">EIN: <span class="header-ein">{{ vm.stateService.ein ? vm.stateService.ein : "XX-XXXXXXX" }}</span></p> | ||
| <div class="dol-form-meta"> | ||
| <div class="usa-content"> | ||
| <p>Application for Authority to Employ Workers with Disabilities at Subminimum Wages</p> | ||
| </div> | ||
|
|
||
| <p class="pull-right"><a href="" ng-click="vm.userClick()">{{ vm.stateService.user.email ? vm.stateService.user.email : "Username" }}</a> | <a href="" ng-click="vm.saveClick()">Save Work & Sign Out</a></p> | ||
| <div class="dol-form-omb"> | ||
| <p>OMB NO: 1235-0001</p> | ||
| <p>REV XX/20XX</p> | ||
| </div> | ||
| </div> | ||
| <main-navigation-control></main-navigation-control> | ||
|
|
||
| <p class="pull-right" ng-show="vm.stateService.formData.lastSaved > 0"> | ||
| Saved {{vm.stateService.formData.lastSaved | amUtc | amLocal | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a'}} | ||
| <p> | ||
| <p class="pull-right" ng-show="vm.stateService.formData.lastSaved === 0"> | ||
| Error Saving Form | ||
| <p> |
20 changes: 11 additions & 9 deletions
20
...on14c.Web/src/modules/components/mainNavigationControl/mainNavigationControlTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,11 @@ | ||
| <div class="main-nav-bar"> | ||
| <div class="nav-button {{ vm.current === 'assurances' ? 'active' : '' }}" data-sectionid="assurances" ng-click="vm.onNavClick($event)">Assurances</div> | ||
| <div class="nav-button {{ vm.current === 'app-info' ? 'active' : '' }}" data-sectionid="app-info" ng-click="vm.onNavClick($event)">Application Info</div> | ||
| <div class="nav-button {{ vm.current === 'employer' ? 'active' : '' }}" data-sectionid="employer" ng-click="vm.onNavClick($event)">Employer</div> | ||
| <div class="nav-button {{ vm.current === 'wage-data' ? 'active' : '' }}" data-sectionid="wage-data" ng-click="vm.onNavClick($event)">Wage Data</div> | ||
| <div class="nav-button {{ vm.current === 'work-sites' ? 'active' : '' }}" data-sectionid="work-sites" ng-click="vm.onNavClick($event)">Work Sites & Employees</div> | ||
| <div class="nav-button {{ vm.current === 'wioa' ? 'active' : '' }}" data-sectionid="wioa" ng-click="vm.onNavClick($event)">WIOA</div> | ||
| <div class="nav-button {{ vm.current === 'review' ? 'active' : '' }}" data-sectionid="review" ng-click="vm.onNavClick($event)" ng-show="vm.stateService.inReview">Review & Submit</div> | ||
| </div> | ||
| <nav role="navigation" class="main-nav-bar"> | ||
| <ul> | ||
| <li class="nav-button {{ vm.current === 'assurances' ? 'active' : '' }}" data-sectionid="assurances" ng-click="vm.onNavClick($event)">Assurances</li> | ||
| <li class="nav-button {{ vm.current === 'app-info' ? 'active' : '' }}" data-sectionid="app-info" ng-click="vm.onNavClick($event)">Application Info</li> | ||
| <li class="nav-button {{ vm.current === 'employer' ? 'active' : '' }}" data-sectionid="employer" ng-click="vm.onNavClick($event)">Employer</li> | ||
| <li class="nav-button {{ vm.current === 'wage-data' ? 'active' : '' }}" data-sectionid="wage-data" ng-click="vm.onNavClick($event)">Wage Data</li> | ||
| <li class="nav-button {{ vm.current === 'work-sites' ? 'active' : '' }}" data-sectionid="work-sites" ng-click="vm.onNavClick($event)">Work Sites & Employees</li> | ||
| <li class="nav-button {{ vm.current === 'wioa' ? 'active' : '' }}" data-sectionid="wioa" ng-click="vm.onNavClick($event)">WIOA</li> | ||
| <li class="nav-button {{ vm.current === 'review' ? 'active' : '' }}" data-sectionid="review" ng-click="vm.onNavClick($event)" ng-show="vm.stateService.inReview">Review & Submit</li> | ||
| </ul> | ||
| </nav> |
9 changes: 9 additions & 0 deletions
9
DOL.WHD.Section14c.Web/src/modules/components/sectionAppInfo/sectionAppInfoTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
3 changes: 3 additions & 0 deletions
3
...HD.Section14c.Web/src/modules/components/sectionAssurances/sectionAssurancesTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 9 additions & 0 deletions
9
DOL.WHD.Section14c.Web/src/modules/components/sectionWioa/sectionWioaTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 9 additions & 0 deletions
9
DOL.WHD.Section14c.Web/src/modules/components/sectionWorkSites/sectionWorkSitesTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
14 changes: 12 additions & 2 deletions
14
DOL.WHD.Section14c.Web/src/modules/pages/landingPageTemplate.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,41 @@ | ||
| // Modified USWDS variables for DOL | ||
|
|
||
|
|
||
| // Typography | ||
| $font-sans: "Source Sans Pro", "Tahoma", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; | ||
|
|
||
| // Color | ||
| $color-primary: #224687 !default; | ||
| $color-primary-darker: #1E4072 !default; | ||
| $color-primary-darkest: #183560 !default; | ||
| $color-primary-darkest: #183560 !default; | ||
|
|
||
| $color-secondary: #990000; | ||
| $color-secondary-dark: #7b0000; | ||
| $color-secondary-darkest: #610000; | ||
|
|
||
| $color-white: #ffffff; | ||
| $color-base: #212121; | ||
| $color-black: #000000; | ||
|
|
||
| $color-gray-darker: #333333; | ||
| $color-gray-dark: #b3b3b3; | ||
| $color-gray: #afafaf; | ||
| $color-gray-medium: #c7c7c7; | ||
| $color-gray-light: #d9d9d9; | ||
| $color-gray-lighter: lighten($color-gray-dark, 80%); | ||
| $color-gray-lightest: #f3f3f3; | ||
|
|
||
| $color-green: #187d35; | ||
| $color-green-dark: #146a2d; | ||
| $color-green-darker: #115926; | ||
|
|
||
| $color-link: #003399; | ||
| $color-hover: $color-base; | ||
| $color-visited: #800080; | ||
|
|
||
| $text-color: $color-base; | ||
|
|
||
| // Mobile First Breakpoints | ||
| $small-screen: 481px; | ||
| $medium-screen: 600px; | ||
| $large-screen: 1201px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.