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 eb62414723256941c868e3714de13e8e58a1c6e9 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 25 May 2021 22:02:22 +0000 Subject: [PATCH 2/2] Bump browserslist from 4.4.2 to 4.16.6 Bumps [browserslist](https://github.com/browserslist/browserslist) from 4.4.2 to 4.16.6. - [Release notes](https://github.com/browserslist/browserslist/releases) - [Changelog](https://github.com/browserslist/browserslist/blob/main/CHANGELOG.md) - [Commits](https://github.com/browserslist/browserslist/compare/4.4.2...4.16.6) Signed-off-by: dependabot[bot] --- package-lock.json | 69 +++++++++++++++++++++++++++-------------------- yarn.lock | 66 ++++++++++++++++++++++++++++++--------------- 2 files changed, 85 insertions(+), 50 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3c2c4cc..490083f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1844,14 +1844,36 @@ } }, "browserslist": { - "version": "4.8.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.8.2.tgz", - "integrity": "sha512-+M4oeaTplPm/f1pXDw84YohEv7B1i/2Aisei8s4s6k3QsoSHa7i5sz8u/cGQkkatCPxMASKxPualR4wwYgVboA==", + "version": "4.16.6", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.6.tgz", + "integrity": "sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30001015", - "electron-to-chromium": "^1.3.322", - "node-releases": "^1.1.42" + "caniuse-lite": "^1.0.30001219", + "colorette": "^1.2.2", + "electron-to-chromium": "^1.3.723", + "escalade": "^3.1.1", + "node-releases": "^1.1.71" + }, + "dependencies": { + "caniuse-lite": { + "version": "1.0.30001230", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz", + "integrity": "sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==", + "dev": true + }, + "electron-to-chromium": { + "version": "1.3.738", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.738.tgz", + "integrity": "sha512-vCMf4gDOpEylPSLPLSwAEsz+R3ShP02Y3cAKMZvTqule3XcPp7tgc/0ESI7IS6ZeyBlGClE50N53fIOkcIVnpw==", + "dev": true + }, + "node-releases": { + "version": "1.1.72", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.72.tgz", + "integrity": "sha512-LLUo+PpH3dU6XizX3iVoubUNheF/owjXCZZ5yACDxNnPtgFuludV1ZL3ayK1kVep42Rmm0+R9/Y60NQbZ2bifw==", + "dev": true + } } }, "browserstack": { @@ -2299,6 +2321,12 @@ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", "dev": true }, + "colorette": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz", + "integrity": "sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==", + "dev": true + }, "colors": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz", @@ -3030,12 +3058,6 @@ "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=", "dev": true }, - "electron-to-chromium": { - "version": "1.3.322", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz", - "integrity": "sha512-Tc8JQEfGQ1MzfSzI/bTlSr7btJv/FFO7Yh6tanqVmIWOuNCu6/D1MilIEgLtmWqIrsv+o4IjpLAhgMBr/ncNAA==", - "dev": true - }, "elliptic": { "version": "6.5.2", "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz", @@ -3254,6 +3276,12 @@ "es6-promise": "^4.0.3" } }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true + }, "escape-html": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", @@ -7120,23 +7148,6 @@ } } }, - "node-releases": { - "version": "1.1.42", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.42.tgz", - "integrity": "sha512-OQ/ESmUqGawI2PRX+XIRao44qWYBBfN54ImQYdWVTQqUckuejOg76ysSqDBK8NG3zwySRVnX36JwDQ6x+9GxzA==", - "dev": true, - "requires": { - "semver": "^6.3.0" - }, - "dependencies": { - "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", - "dev": true - } - } - }, "node-sass": { "version": "4.11.0", "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.11.0.tgz", diff --git a/yarn.lock b/yarn.lock index 50e5a31..18db785 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" @@ -1335,13 +1342,15 @@ browserify-zlib@^0.2.0: pako "~1.0.5" browserslist@^4.4.1: - version "4.4.2" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.4.2.tgz#6ea8a74d6464bb0bd549105f659b41197d8f0ba2" - integrity sha512-ISS/AIAiHERJ3d45Fz0AVYKkgcy+F/eJHzKEvv1j0wwKGKD9T3BrwKr/5g45L+Y4XIK5PlTqefHciRFcfE1Jxg== + version "4.16.6" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.16.6.tgz#d7901277a5a88e554ed305b183ec9b0c08f66fa2" + integrity sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ== dependencies: - caniuse-lite "^1.0.30000939" - electron-to-chromium "^1.3.113" - node-releases "^1.1.8" + caniuse-lite "^1.0.30001219" + colorette "^1.2.2" + electron-to-chromium "^1.3.723" + escalade "^3.1.1" + node-releases "^1.1.71" browserstack@^1.5.1: version "1.5.2" @@ -1481,10 +1490,10 @@ camelcase@^5.0.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.2.0.tgz#e7522abda5ed94cc0489e1b8466610e88404cf45" integrity sha512-IXFsBS2pC+X0j0N/GE7Dm7j3bsEBp+oTpb7F50dwEVX7rf3IgwO9XatnegTsDtniKCUtEJH4fSU6Asw7uoVLfQ== -caniuse-lite@^1.0.30000929, caniuse-lite@^1.0.30000939: - version "1.0.30000941" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000941.tgz#f0810802b2ab8d27f4b625d4769a610e24d5a42c" - integrity sha512-4vzGb2MfZcO20VMPj1j6nRAixhmtlhkypM4fL4zhgzEucQIYiRzSqPcWIu1OF8i0FETD93FMIPWfUJCAcFvrqA== +caniuse-lite@^1.0.30000929, caniuse-lite@^1.0.30001219: + version "1.0.30001230" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz#8135c57459854b2240b57a4a6786044bdc5a9f71" + integrity sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ== caseless@~0.12.0: version "0.12.0" @@ -1746,6 +1755,11 @@ color-name@^1.1.1: resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25" integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU= +colorette@^1.2.2: + version "1.2.2" + resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.2.tgz#cbcc79d5e99caea2dbf10eb3a26fd8b3e6acfa94" + integrity sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w== + colors@1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63" @@ -1819,7 +1833,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" @@ -2351,10 +2365,10 @@ ee-first@1.1.1: resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0= -electron-to-chromium@^1.3.113: - version "1.3.113" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.113.tgz#b1ccf619df7295aea17bc6951dc689632629e4a9" - integrity sha512-De+lPAxEcpxvqPTyZAXELNpRZXABRxf+uL/rSykstQhzj/B0l1150G/ExIIxKc16lI89Hgz81J0BHAcbTqK49g== +electron-to-chromium@^1.3.723: + version "1.3.738" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.738.tgz#aec24b091c82acbfabbdcce08076a703941d17ca" + integrity sha512-vCMf4gDOpEylPSLPLSwAEsz+R3ShP02Y3cAKMZvTqule3XcPp7tgc/0ESI7IS6ZeyBlGClE50N53fIOkcIVnpw== elliptic@^6.0.0: version "6.4.0" @@ -2498,6 +2512,11 @@ es6-promisify@^5.0.0: dependencies: es6-promise "^4.0.3" +escalade@^3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40" + integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw== + escape-html@~1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" @@ -4993,6 +5012,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" @@ -5083,12 +5109,10 @@ node-pre-gyp@^0.10.0: semver "^5.3.0" tar "^4" -node-releases@^1.1.8: - version "1.1.9" - resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.9.tgz#70d0985ec4bf7de9f08fc481f5dae111889ca482" - integrity sha512-oic3GT4OtbWWKfRolz5Syw0Xus0KRFxeorLNj0s93ofX6PWyuzKjsiGxsCtWktBwwmTF6DdRRf2KreGqeOk5KA== - dependencies: - semver "^5.3.0" +node-releases@^1.1.71: + version "1.1.72" + resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.72.tgz#14802ab6b1039a79a0c7d662b610a5bbd76eacbe" + integrity sha512-LLUo+PpH3dU6XizX3iVoubUNheF/owjXCZZ5yACDxNnPtgFuludV1ZL3ayK1kVep42Rmm0+R9/Y60NQbZ2bifw== node-sass@4.11.0: version "4.11.0"