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 e64fc178c481a9452fe335fe6809a290facf8f82 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed, 10 Mar 2021 01:39:38 +0000 Subject: [PATCH 2/2] Bump elliptic from 6.4.0 to 6.5.4 Bumps [elliptic](https://github.com/indutny/elliptic) from 6.4.0 to 6.5.4. - [Release notes](https://github.com/indutny/elliptic/releases) - [Commits](https://github.com/indutny/elliptic/compare/v6.4.0...v6.5.4) Signed-off-by: dependabot[bot] --- package-lock.json | 26 +++++++++++------ yarn.lock | 71 ++++++++++++++++++++++++++++++----------------- 2 files changed, 62 insertions(+), 35 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3c2c4cc..06808ba 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3037,18 +3037,26 @@ "dev": true }, "elliptic": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz", - "integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==", + "version": "6.5.4", + "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz", + "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==", "dev": true, "requires": { - "bn.js": "^4.4.0", - "brorand": "^1.0.1", + "bn.js": "^4.11.9", + "brorand": "^1.1.0", "hash.js": "^1.0.0", - "hmac-drbg": "^1.0.0", - "inherits": "^2.0.1", - "minimalistic-assert": "^1.0.0", - "minimalistic-crypto-utils": "^1.0.0" + "hmac-drbg": "^1.0.1", + "inherits": "^2.0.4", + "minimalistic-assert": "^1.0.1", + "minimalistic-crypto-utils": "^1.0.1" + }, + "dependencies": { + "bn.js": { + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz", + "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==", + "dev": true + } } }, "emojis-list": { diff --git a/yarn.lock b/yarn.lock index 50e5a31..1602b32 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" @@ -1189,10 +1196,10 @@ bluebird@^3.5.3: resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.3.tgz#7d01c6f9616c9a51ab0f8c549a79dfe6ec33efa7" integrity sha512-/qKPUQlaW1OyR51WeCPBvRnAlnZFUJkCSG5HzGnuIqhgyJtF+T94lFnn33eiazjRm2LAHVy2guNnaq48X9SJuw== -bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0: - version "4.11.8" - resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f" - integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA== +bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.11.9: + version "4.12.0" + resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88" + integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA== body-parser@1.18.2: version "1.18.2" @@ -1271,7 +1278,7 @@ braces@^2.3.0, braces@^2.3.1, braces@^2.3.2: split-string "^3.0.2" to-regex "^3.0.1" -brorand@^1.0.1: +brorand@^1.0.1, brorand@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f" integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8= @@ -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" @@ -2357,17 +2364,17 @@ electron-to-chromium@^1.3.113: integrity sha512-De+lPAxEcpxvqPTyZAXELNpRZXABRxf+uL/rSykstQhzj/B0l1150G/ExIIxKc16lI89Hgz81J0BHAcbTqK49g== elliptic@^6.0.0: - version "6.4.0" - resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df" - integrity sha1-ysmvh2LIWDYYcAPI3+GT5eLq5d8= + version "6.5.4" + resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb" + integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ== dependencies: - bn.js "^4.4.0" - brorand "^1.0.1" + bn.js "^4.11.9" + brorand "^1.1.0" hash.js "^1.0.0" - hmac-drbg "^1.0.0" - inherits "^2.0.1" - minimalistic-assert "^1.0.0" - minimalistic-crypto-utils "^1.0.0" + hmac-drbg "^1.0.1" + inherits "^2.0.4" + minimalistic-assert "^1.0.1" + minimalistic-crypto-utils "^1.0.1" emojis-list@^2.0.0: version "2.1.0" @@ -3356,14 +3363,14 @@ hash-base@^3.0.0: safe-buffer "^5.0.1" hash.js@^1.0.0, hash.js@^1.0.3: - version "1.1.3" - resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.3.tgz#340dedbe6290187151c1ea1d777a3448935df846" - integrity sha512-/UETyP0W22QILqS+6HowevwhEFJ3MBJnwTf75Qob9Wz9t0DPuisL8kW8YZMK62dHAKE1c1p+gY1TtOLY+USEHA== + version "1.1.7" + resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42" + integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA== dependencies: inherits "^2.0.3" - minimalistic-assert "^1.0.0" + minimalistic-assert "^1.0.1" -hmac-drbg@^1.0.0: +hmac-drbg@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1" integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE= @@ -3608,16 +3615,21 @@ inflight@^1.0.4: once "^1.3.0" wrappy "1" -inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" - integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4= +inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3: + version "2.0.4" + resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c" + integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ== inherits@2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1" integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE= +inherits@2.0.3: + version "2.0.3" + resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" + integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4= + ini@1.3.5, ini@~1.3.0: version "1.3.5" resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927" @@ -4789,12 +4801,12 @@ mini-css-extract-plugin@0.5.0: schema-utils "^1.0.0" webpack-sources "^1.1.0" -minimalistic-assert@^1.0.0: +minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7" integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A== -minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1: +minimalistic-crypto-utils@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a" integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo= @@ -4993,6 +5005,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"