From b6023b33020ab9a57ba62c3c5bec5ba304260c6e Mon Sep 17 00:00:00 2001 From: Saqib Shahzad Date: Wed, 11 Dec 2019 17:57:26 +0500 Subject: [PATCH 1/2] Frontend Design of Search Page --- src/app/app.component.css | 82 +++++++++++-------------- src/app/app.component.html | 120 ++++++++++++++++--------------------- src/app/app.component.ts | 8 +-- src/styles.css | 47 ++++++++++++++- 4 files changed, 133 insertions(+), 124 deletions(-) diff --git a/src/app/app.component.css b/src/app/app.component.css index 9a1a574..10355b1 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -1,87 +1,73 @@ .header { - display: flex; - align-items: center; - min-height: 50px; - padding: 0.5rem 1rem; - background-image: linear-gradient(to right, #c3002f, #dd0031); - color: #fff; - margin-bottom: 1rem; + display: flex; + align-items: center; + min-height: 50px; + padding: 0.5rem 1rem; + background-image: linear-gradient(to right, #c3002f, #dd0031); + color: #fff; + margin-bottom: 1rem; } .header a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .header-title { - font-size: 1.2rem; - font-weight: normal; + font-size: 1.2rem; + font-weight: normal; } .header-title::after { - content: ' ▸ '; - padding: 0 0.5rem; + content: ' ▸ '; + padding: 0 0.5rem; } .header-subtitle { - font-size: 1.2rem; + font-size: 1.2rem; } .container { - max-width: 1200px; - margin: 0 auto; - padding: 1rem; + max-width: 1200px; + margin: 0 auto; + padding: 1rem; } .search-panel { - display: flex; + display: flex; } .search-panel__filters { - flex: 1; + flex: 1; } .search-panel__results { - flex: 3; + flex: 3; } .searchbox { - margin-bottom: 2rem; + margin-bottom: 2rem; } .pagination { - margin: 2rem auto; - text-align: center; -} - -.hit-description { - font-size: 12px; - line-height: 24px; - color: #878f96; - text-transform: uppercase; + margin: 2rem auto; + text-align: center; } .doctor_pic { - width: 80px; - height: 80px; - border-radius: 40px; + width: 80px !important; + height: 80px !important; + border-radius: 40px; } -.top-head { +.hit-bookmark{ font-size: 12px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - padding: 8px 30px; - background-color: #143f52; - color: #fff; -} - -.section-padding { - padding: 30px 25px; -} - -.owl-item { - border-bottom-right-radius: 5px; - background-color: #fafafa; + color: #d39f93; } +.hit-features{ + color: #878f96; + font-size: 13px; + line-height: 22px; + margin-top: 10px; +} \ No newline at end of file diff --git a/src/app/app.component.html b/src/app/app.component.html index e5fedbe..28761cf 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,73 +1,53 @@
-
- -
-
- - - + + + + - - - -
- - - - -
- HSS, Sports Medicine 541 E 71st St -
-
-
-
- {{hit.name}} -
-
-
- {{hit.name}} -
-
- -
-
-
-
- - - - -
- - -
-
-
- - -
-
- -
+ + + + +
+ + + + +
+ HSS, Sports Medicine 541 E 71st St +
+
+
+
+ {{hit.name}} +
+
+

+ {{hit.name}} +

+
+ + {{specialty}}, + + +
+
Save
+
+
"Very professional. Dr Kelly & his staff are very responsive and in tune with their patient's recoveries."
+
+ + Book Appointment + +
+
+ + + +
+ + + + +
\ No newline at end of file diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 948acd6..cbbe9e0 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -17,12 +17,10 @@ const searchClient = algoliasearch( export class AppComponent { customOptions: OwlOptions = { loop: true, - mouseDrag: false, - touchDrag: false, - pullDrag: false, dots: false, + center: true, navSpeed: 700, - navText: ['', ''], + navText: ['<', '>'], responsive: { 0: { items: 1 @@ -34,7 +32,7 @@ export class AppComponent { items: 3 }, 940: { - items: 4 + items: 3 } }, nav: true diff --git a/src/styles.css b/src/styles.css index 183960a..a44a969 100644 --- a/src/styles.css +++ b/src/styles.css @@ -23,4 +23,49 @@ body { max-width: 1560px; overflow: hidden; margin: 0 auto -} \ No newline at end of file +} + +.owl-item { + opacity: 0.5; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + background-color: #fafafa !important; +} + +.owl-item.center { + opacity: 1 !important; + border-radius: 5px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); +} + +.owl-item .top-head { + font-size: 12px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + padding: 8px 30px; + background-color: #143f52; + color: #fff; +} + +.owl-item .section-padding { + padding: 30px 25px; +} + +.owl-item .hit-name { + font-size: 18px; +} + +.owl-item .hit-description { + font-size: 12px; + line-height: 18px; + color: #878f96; + text-transform: uppercase; +} + +.owl-theme .owl-nav [class*=owl-] { + background: #143f52 !important; +} + +.sebm-google-map-container{ + height: 300px !important; +} \ No newline at end of file From 8be56cc94a9a81307f1b4844522dbc97987b75f4 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Fri, 3 Jun 2022 00:51:01 +0000 Subject: [PATCH 2/2] Bump @angular/core from 6.1.10 to 11.0.5 Bumps [@angular/core](https://github.com/angular/angular/tree/HEAD/packages/core) from 6.1.10 to 11.0.5. - [Release notes](https://github.com/angular/angular/releases) - [Changelog](https://github.com/angular/angular/blob/main/CHANGELOG.md) - [Commits](https://github.com/angular/angular/commits/11.0.5/packages/core) --- updated-dependencies: - dependency-name: "@angular/core" dependency-type: direct:production ... Signed-off-by: dependabot[bot] --- package-lock.json | 15 +++++++++++---- package.json | 2 +- yarn.lock | 31 +++++++++++++++++++++++++------ 3 files changed, 37 insertions(+), 11 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3c2c4cc..7bdfaa4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -386,11 +386,18 @@ } }, "@angular/core": { - "version": "6.1.10", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-6.1.10.tgz", - "integrity": "sha512-61l3rIQTVdT45eOf6/fBJIeVmV10mcrxqS4N/1OWkuDT29YSJTZSxGcv8QjAyyutuhcqWWpO6gVRkN07rWmkPg==", + "version": "11.0.5", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-11.0.5.tgz", + "integrity": "sha512-XAXWQi7R3ucZXQwx9QK5jSKJeQyRJ53u2dQDpr7R5stzeCy1a5hrNOkZLg9zOTTPcth/6+FrOrRZP9SMdxtw3w==", "requires": { - "tslib": "^1.9.0" + "tslib": "^2.0.0" + }, + "dependencies": { + "tslib": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz", + "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==" + } } }, "@angular/forms": { diff --git a/package.json b/package.json index d859c7b..d3a7049 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,7 @@ "@angular/animations": "6.1.10", "@angular/common": "6.1.10", "@angular/compiler": "6.1.10", - "@angular/core": "6.1.10", + "@angular/core": "11.0.5", "@angular/forms": "6.1.10", "@angular/http": "6.1.10", "@angular/platform-browser": "6.1.10", diff --git a/yarn.lock b/yarn.lock index 50e5a31..7942404 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,6 +2,13 @@ # yarn lockfile v1 +"@agm/core@^1.0.0-beta.7": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@agm/core/-/core-1.1.0.tgz#6f8dcbac068f681fe4fa9b0a0cbf660588025911" + integrity sha512-cMvmm3+3/uuVFurLv1FKhE0/6ssIlDvYBjQFCi8ELg7h0OY2MkIU1MXWr7z+f/xZ08E936I4eeddni6k4yUTIA== + dependencies: + tslib "^1.9.0" + "@angular-devkit/architect@0.13.8": version "0.13.8" resolved "https://registry.yarnpkg.com/@angular-devkit/architect/-/architect-0.13.8.tgz#c3b7469e15e2710d48b6fe4e54efea26b557bf14" @@ -150,12 +157,12 @@ dependencies: tslib "^1.9.0" -"@angular/core@6.1.10": - version "6.1.10" - resolved "https://registry.yarnpkg.com/@angular/core/-/core-6.1.10.tgz#9f3d8b7e44ec0a68c88745d25a920f98bfb2bc43" - integrity sha512-61l3rIQTVdT45eOf6/fBJIeVmV10mcrxqS4N/1OWkuDT29YSJTZSxGcv8QjAyyutuhcqWWpO6gVRkN07rWmkPg== +"@angular/core@11.0.5": + version "11.0.5" + resolved "https://registry.yarnpkg.com/@angular/core/-/core-11.0.5.tgz#b8c448c3cd4f6dae7327cc1ba4ee2aa29c8dbc26" + integrity sha512-XAXWQi7R3ucZXQwx9QK5jSKJeQyRJ53u2dQDpr7R5stzeCy1a5hrNOkZLg9zOTTPcth/6+FrOrRZP9SMdxtw3w== dependencies: - tslib "^1.9.0" + tslib "^2.0.0" "@angular/forms@6.1.10": version "6.1.10" @@ -1819,7 +1826,7 @@ compressible@~2.0.13: compression@^1.5.2: version "1.7.2" - resolved "http://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69" + resolved "https://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69" integrity sha1-qv+81qr4VLROuygDU9WtFlH1mmk= dependencies: accepts "~1.3.4" @@ -4993,6 +5000,13 @@ neo-async@^2.5.0: resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.5.1.tgz#acb909e327b1e87ec9ef15f41b8a269512ad41ee" integrity sha512-3KL3fvuRkZ7s4IFOMfztb7zJp3QaVWnBeGoJlgB38XnCRPj/0tLzzLG5IB8NYOHbJ8g8UGrgZv44GLDk6CxTxA== +ngx-owl-carousel-o@^2.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/ngx-owl-carousel-o/-/ngx-owl-carousel-o-2.1.1.tgz#49df7f90797d4679ed0f7deec8cc027d739b0fa6" + integrity sha512-1HRJdrOFvaol0yeVRpLC31fQhizb4eQHeKtLoWMj7VjlKh5WhZbrI7C3yIY0iTz8ZxCHZywspXFZH9dej7RjRQ== + dependencies: + tslib "^1.9.0" + nice-try@^1.0.4: version "1.0.5" resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366" @@ -7496,6 +7510,11 @@ tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0: resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.9.2.tgz#8be0cc9a1f6dc7727c38deb16c2ebd1a2892988e" integrity sha512-AVP5Xol3WivEr7hnssHDsaM+lVrVXWUvd1cfXTRkTj80b//6g2wIFEH6hZG0muGZRnHGrfttpdzRk3YlBkWjKw== +tslib@^2.0.0: + version "2.4.0" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3" + integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ== + tslint@5.17.0: version "5.17.0" resolved "https://registry.yarnpkg.com/tslint/-/tslint-5.17.0.tgz#f9f0ce2011d8e90debaa6e9b4975f24cd16852b8"