Konstantina Galouni
3047236d1c
1. search.less: Added css for modifier .small-vertical for .input-wrapper of <search-input>. 2. layout.service.ts: Added hasMenuSearchBarSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false), parsing and getter/setter methods. 3. navigationBar.module.ts: Imported SearchInputModule. 4. navigationBar.component.ts: a. Added searchMode: boolean = false; and hasSearchBar: boolean = false; (and other helpful fields) b. Subscribe to queryParams to hide search bar and reset keyword | Subscribe to layoutService.hasMenuSearchBar to check if search should be included in navbar or not. c. Added methods "openSearch()" to show the search form and "goTo()" to trigger the search action and navigate to the search page. 5. navigationBar.component.html: Added <div search-input> and search-icon button to show search bar | Added checks if searchMode is enabled (search form visible) or not. 6. app-routing.module.ts: In routes for landing pages added in data: hasMenuSearchBar: true. |
||
---|---|---|
.. | ||
e2e | ||
src | ||
.browserslistrc | ||
README.md | ||
angular.json | ||
package.json | ||
routes.ts | ||
server.ts | ||
static.paths.ts | ||
tsconfig.json |
README.md
Explore
This project was generated with Angular CLI version 7.3.10 and has been updated to 11.2.14.
Install packages
Run npm install (maybe needs sudo), a script that will delete unused files from library will be run.
Development server
Run npm start
for a dev server. Navigate to http://localhost:4300/
. The app will automatically reload if you change any of the source files.
Build - CSR
Use the npm run build-dev
for a development build.
Use the npm run build-test
for a test build.
Use the npm run build-beta
for a beta build.
Use the npm run build-prod
for a production build.
Build - SSR
Use the npm run build:ssr-dev
for a development build.
Use the npm run build:ssr-test
for a test build.
Use the npm run build:ssr-beta
for a beta build.
Use the npm run build:ssr-prod
for a production build.
Run SSR
npm run serve:ssr
will run the last server build.
Webpack Analyzer
In order to analyze bundle size you can run npm run webpack-bundle-analyzer
Running unit tests
Run ng test
to execute the unit tests via Karma.
Running end-to-end tests
Run ng e2e
to execute the end-to-end tests via Protractor.