diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache new file mode 100644 index 000000000..d580375fb --- /dev/null +++ b/.firebase/hosting.ZGlzdA.cache @@ -0,0 +1,213 @@ +argon-design-system-angular/favicon.ico,1667980414968,3b78f993f13027179977aaa04a5398b7d6832af035f0aacd1e517ff2c628464a +argon-design-system-angular/assets/img/first-aid-kit.png,1668089280699,752e480a38de033d11d7ad89c3b5466ce787ac19c182faf712076ba741b1f66e +argon-design-system-angular/assets/img/image.svg,1667980414910,8c3249055e5a0766a989d65047eaf178f27860c1334936ae7ba55c6ca9bdc99b +argon-design-system-angular/assets/img/pana.svg,1668089280701,6cf296c62e6a63b874e3cb12a3f0aad339cb5f5371bfbd8fc498fcdc45871c25 +argon-design-system-angular/assets/img/brand/argon-white.png,1667980414867,add43990b6f0ce2266fd758f592c913f8464fc1eaa8a9987c25201ad580788e0 +argon-design-system-angular/assets/img/brand/blue.png,1667980414867,37a6e4483b9914778f93b3082fcbd6ff775cc23cfff5fcda4e3d9f681b86dbf6 +argon-design-system-angular/assets/img/brand/creativetim-white-slim.png,1667980414867,5896680d1b97e51c35945a8394fd8836757773b3c231344797476e456b37abbd +argon-design-system-angular/assets/img/brand/favicon.png,1667980414867,21d8301de95e0fa75b266bab2ec85a7780ba1129a274ebb08e42d9c9eb9835d8 +argon-design-system-angular/assets/img/brand/favicon0.png,1667980414868,98a04f7e56d94a7501464028a58de35b8c75edd22190662dd1c9a7d4506f9011 +argon-design-system-angular/assets/img/brand/white.png,1667980414868,85a00f10817bf11f49f3319878bd29d71fc470c0547a217f88ad30a6a2a49873 +argon-design-system-angular/assets/img/hospital/Acidity.png,1668089664122,ef5da4278a9f9d29a0a55ced6b07798b3ac11365e931ffce0e3f9f02ebefb768 +argon-design-system-angular/assets/img/hospital/Acne-01.png,1668089664122,2487bed953def9f5cddd15e14281f7ea269a3d59ac79012848184c908f5b24d7 +argon-design-system-angular/assets/img/hospital/Anxiety.png,1668089664123,e23450372da3a1db8181ca4f937db4fbae6137de2079412756752302959e2d58 +argon-design-system-angular/assets/img/hospital/Back-Pain.png,1668089664123,cb54b84138942cdce49f7336cc1cd7b489308645ea678c64c2d448148b97adcd +argon-design-system-angular/assets/img/hospital/Constipation.png,1668089664123,3cf1c4d61f96ae17e7d64ebd307a3550cb7d70419eb7f7a7aba2fab377ef29d1 +argon-design-system-angular/assets/img/hospital/Cough-01.png,1668089664124,90f6ed5e29e3a73f5aca69e7f425e23c1547b187578c058fd2e3343f5ce8518f +argon-design-system-angular/assets/img/hospital/dentist.svg,1668089664130,8c1595181c64d04660b688d96f55fa9722a65a2672aad479d8ce19048dafea37 +argon-design-system-angular/assets/img/hospital/Depression-01.png,1668089664125,9932598f0a13db55ae453e79f63d966005d021067755dbe60e8845eae2d952e1 +argon-design-system-angular/assets/img/hospital/Diabetes-01.png,1668089664125,73d9b7b7d497a8694349a053c62b811f084ff9722162904d2116d6ed81ad88de +argon-design-system-angular/assets/img/hospital/Erectile-Dysfunction-01.png,1668089664126,5f991207049d7b9c4b3dffb5abe6f76d3f8af0285ab22aa4b8e34698ee1ba55a +argon-design-system-angular/assets/img/hospital/eye-specialist.svg,1668089664131,9061b5278cdf7e53f1ebf100e832968eb7d1ef1feef0c68b94e114912dac0c96 +argon-design-system-angular/assets/img/hospital/Fever-01.png,1668089664126,8bd8fc723708c4b74525f5a8f3a4d18039a10acb70ef086af00928a752aa230f +argon-design-system-angular/assets/img/hospital/gynaecologist.svg,1668089664131,6ed5258505d74836a40cf03f4251564cf50e167ba36467cf04ee47eabc5fa644 +argon-design-system-angular/assets/img/hospital/Hairfall-01.png,1668089664127,8abf09221e8ab81ab234b9d4a8c908f33d69951bee4e460d92b2af44a71b1f75 +argon-design-system-angular/assets/img/hospital/Headache.png,1668089664127,52198c6d63c966476bd6d497ccf167bc3f1bbc2039ac2a2ad489382a61cb6512 +argon-design-system-angular/assets/img/hospital/more.svg,1668089664132,795b4f7595372e7bbe32369cd5f6edd4c62d9ef976fd2f93efdb18fdebbf51dd +argon-design-system-angular/assets/img/hospital/orthopedician.svg,1668089664132,0443941df4ec6f4cd2d7769c2d43ad783d6ed1e57dfb61c655334bb82626d086 +argon-design-system-angular/assets/img/hospital/pediatrician.svg,1668089664132,9ef620ce815f8d36dea1b000804ffeb165ae7fcb30a97955b98d338779940b28 +argon-design-system-angular/assets/img/hospital/Period-Issue-01.png,1668089664127,cfb0864fe93c634e4d61c363b428f752b50ff16de445669b33b4bd0293181ede +argon-design-system-angular/assets/img/hospital/physician.svg,1668089664132,521cbbc91ff3956ba360cf00a8bac768c90bc1aa73380f7ae82dcd92794c28f1 +argon-design-system-angular/assets/img/hospital/physiotherapist.svg,1668089664132,516d07e87fb85d081d4d47d1b943db29e1284da2750892d2916c13054cf5fa43 +argon-design-system-angular/assets/img/hospital/Piles.png,1668089664128,842dc18ec3e2db734e7c5860e3a7f42f07bc20deae2dd6afc8a91e2111683685 +argon-design-system-angular/assets/img/hospital/Pregnancy.png,1668089664128,459b3cd367f6143e63dc2063c745ae062a6566f3c69ea5104b737f73e5c3cfbd +argon-design-system-angular/assets/img/hospital/self-check-Migraine.png,1668089664133,e52b3b0b86c256045e83408c6c7374fc326f58ca348eb6406f8ef08803f3eff6 +argon-design-system-angular/assets/img/hospital/selfcheck-COVID.png,1668089664134,acf50a58c6381d892110300b36dd5217996a6806d51606c9d767fc33f3d02658 +argon-design-system-angular/assets/img/hospital/selfcheck-Diabetes.png,1668089664134,65375ae793a13b05926684242d9503bed8c94c267e3df364360d61e68d8166fb +argon-design-system-angular/assets/img/hospital/selfcheck-Heart-Health.png,1668089664135,9580cb17659a386194b41f46104bd77ac6033078c83d17b884a490e0d00e51ba +argon-design-system-angular/assets/img/hospital/selfcheck-Thyroid.png,1668089664135,0792a652ad52a6339afa8dc3f46d841f28d0895573d7d4aeb5c76a1d4ab041f2 +argon-design-system-angular/assets/img/hospital/Stomach-ache.png,1668089664128,a0c9b65709383fd1741e38d999271b7bfee574eabb3af38d86454f184aa46a56 +argon-design-system-angular/assets/img/hospital/Throat-Pain.png,1668089664129,376a8a9519c44740b10ce85f4ea59bbb904047f48ef3e0dd36c79a723c8d4922 +argon-design-system-angular/assets/img/hospital/UTI.png,1668089664129,8e65d4d19a045ad7145bafc8c375e484c7868743f50de072b728bf0c425b3ef1 +argon-design-system-angular/assets/img/hospital/Weight-Loss-01.png,1668089664130,7eaddcf21ec5294bbaa57360718c02dd70279ff926863f13b41f3b855ffdb200 +argon-design-system-angular/assets/img/icons/common/github.svg,1667980414869,0e27ef773ce8042b6608b88e28c4c966024185cd42cca0f0279d5cb815a3c75d +argon-design-system-angular/assets/img/icons/common/google.svg,1667980414869,2989b985fe72df244cb97fee15342b6ec8a7fb05f9cf9ecccecdf6b7bf503af9 +argon-design-system-angular/assets/img/ill/ill-2.svg,1667980414869,98c75aa0bd361df49137242bd3af04bde2057d7d81927a053179b12d65a2fdb2 +argon-design-system-angular/assets/img/theme/img-1-1200x1000.jpg,1667980414912,80b6dd955e7c036d614c7f1fa8b65d8dce0560c9d5e2e451fc84a1ba946eba05 +argon-design-system-angular/assets/img/theme/img-2-1200x1000.jpg,1667980414913,e383d0aa08b216e6a78b7ca544b597ecaa2e79e68a75e3f517b0bd01b4d77cc7 +argon-design-system-angular/assets/img/theme/landing.jpg,1667980414914,92874d18b05951fb67ead536df1df8a37b33261c5c2e1caa581a2c7f788bc54d +argon-design-system-angular/assets/img/theme/profile.jpg,1667980414915,dd08b08273507ffd30ded721e02dd43d1bb7df97316608cebab0e9d0d8e2f26d +argon-design-system-angular/assets/img/theme/promo-1.png,1667980414916,024d2f0e5fb76b57d0405ffd446d63e29607c85a757fbadc415c2cf3c9beee5c +argon-design-system-angular/assets/img/theme/team-1-800x800.jpg,1667980414917,864df73934072c78164c324ebafb856d6d4dd7fe04383c3e8a600fc2b3f1b718 +argon-design-system-angular/assets/img/theme/team-2-800x800.jpg,1667980414918,2b8260385c72285b7c2bd305cd67ea6f705230c93e9142646e3ee5dd6e28af55 +argon-design-system-angular/assets/img/theme/team-3-800x800.jpg,1667980414919,6b26a03b5b759b85443befc0db271f96b62fd4ee59c94fa653004eb1ec8f756d +argon-design-system-angular/assets/img/theme/team-4-800x800.jpg,1667980414920,9d876c878f8467809e1d5408f71b50779f7c1f11c8a1a41c9672eb13be07fdb2 +argon-design-system-angular/assets/scss/argon.scss,1667980414921,4ef8f790e068aca38c59337e6c3d8a87266bc7ad9967fdbd3354121746f1c55e +argon-design-system-angular/assets/scss/angular/_alerts.scss,1667980414920,547972fbf3a8c83237861b138a6c47cf25d1ab9796c41cc3c8ca48c6aa48f347 +argon-design-system-angular/assets/scss/angular/_datepicker.scss,1667980414920,da4203780ce381bfe53e5a51e11054e2c7e3feadb1400793ced490a4953e4212 +argon-design-system-angular/assets/scss/angular/_dropdowns.scss,1667980414921,6c50cc147c842ef4220695ebcfc8cde9219b3ab415b0998b130c531911b3cde8 +argon-design-system-angular/assets/scss/angular/_input-group.scss,1667980414921,9002189780527670a3736654cc1bcefe5bc5030317b981af587de66d26445d72 +argon-design-system-angular/assets/scss/angular/_navbar.scss,1667980414921,c6cc53701496d668df18609813359e2ccbc61f554f6f83bf6d3e08a10dda4991 +argon-design-system-angular/assets/scss/angular/_tabs.scss,1667980414921,81b6961c28d2daf68164838811229ba17420d9d7e8a5f607f03bd3443e1db511 +argon-design-system-angular/assets/scss/bootstrap/_alert.scss,1667980414922,b5bd7b1110f3620abe564d1314990e80a90fee5d04f468dd062c81a9b9c3c739 +argon-design-system-angular/assets/scss/bootstrap/_badge.scss,1667980414922,edc1b78dd852321af4de34bee2e2b441c2389e0dc129e7b1fa5fa745eadbd7d0 +argon-design-system-angular/assets/scss/bootstrap/_breadcrumb.scss,1667980414922,702301007b5e0a297e29661436c4824be9f67d418d0b63a33f513064a4b28dfc +argon-design-system-angular/assets/scss/bootstrap/_button-group.scss,1667980414923,9eb60e66044e4bbc539ff58d23bd4bc22949783692f0dc8ce9af672509ae3949 +argon-design-system-angular/assets/scss/bootstrap/_buttons.scss,1667980414923,69e07837364d7e2fdcc7cb89418a99c7638d00007137821047d9278b5ecc9fc9 +argon-design-system-angular/assets/scss/bootstrap/_card.scss,1667980414923,55f2a22af64f1e17a8c294bcfe03d6dc5d1d79601d133003b89e458e19c85737 +argon-design-system-angular/assets/scss/bootstrap/_carousel.scss,1667980414923,1e3e03a28c3ea4606d9901131598831482da104455ff2ac566784e9fb40ed5da +argon-design-system-angular/assets/scss/bootstrap/_close.scss,1667980414923,8080bf3fbc6c1b056b15f0599cb184469c7bc021d8f8ae8dc2b2f30303e05c81 +argon-design-system-angular/assets/scss/bootstrap/_code.scss,1667980414924,12ebb99efb0cd2c423b136f8af4201c14ab4d401eaf5562ef3136a0b2a89b7c9 +argon-design-system-angular/assets/scss/bootstrap/_custom-forms.scss,1667980414924,35c2195c77ef315fce42edc7aa1a1096235fc5197eed56699bda2b1a0449dbbc +argon-design-system-angular/assets/scss/bootstrap/_dropdown.scss,1667980414924,59941829f71d0db8d19e5f10ea4e4e8766aaa172227782f8861381f53fd30916 +argon-design-system-angular/assets/scss/bootstrap/_forms.scss,1667980414924,65bd5984c269e5c586baa4c00f1a0163f5006cebee113d91836dffbb199b2c61 +argon-design-system-angular/assets/scss/bootstrap/_functions.scss,1667980414925,9379dc24b8214bff0a6eeaaad48fdbc1449320a7c6b3111c29e330c1feda7d2a +argon-design-system-angular/assets/scss/bootstrap/_grid.scss,1667980414925,2eb958eb74c1e2cdd37084cd7a4efb5483a4c7726ce76e32dc3a6784e06730d8 +argon-design-system-angular/assets/scss/bootstrap/_images.scss,1667980414925,ce754390295cd74db938f614fa83ae907248cc0ad970c244606e71b09d3704d1 +argon-design-system-angular/assets/scss/bootstrap/_input-group.scss,1667980414926,aa1efcca2dac1d85f7d4ca33a077be04fd61067f27085d7ba489c4fedefa58f6 +argon-design-system-angular/assets/scss/bootstrap/_jumbotron.scss,1667980414926,32c3f3a8889f5d189d4eff48214f42bc50e531053ad07da6fc5abfdff85db423 +argon-design-system-angular/assets/scss/bootstrap/_list-group.scss,1667980414926,1a6d2d5b7a8b8dac7df965df3885d44520b1a01190a796582c5aa899eab256e0 +argon-design-system-angular/assets/scss/bootstrap/_media.scss,1667980414926,1a67c07feadd877f7e52ac0fdf3823eaa368221ff0f170304745538aa3e979d7 +argon-design-system-angular/assets/scss/bootstrap/_mixins.scss,1667980414926,77ccb831938fe98de62c25161789b9af18da449ee9e05480f646bc7fdb688ff0 +argon-design-system-angular/assets/scss/bootstrap/_modal.scss,1667980414927,494abeec39b9f388cc806146373ea8029578ebaba179275fffaa5e355b9db85c +argon-design-system-angular/assets/scss/bootstrap/_nav.scss,1667980414927,bd9c8f1cc5b657d3d0951c265835fcccc8173106192b5541b2e5d8999e9d9c98 +argon-design-system-angular/assets/scss/bootstrap/_navbar.scss,1667980414927,7010f8dcb57f7c4d04f3ca7c417e20405dd9e6b2e1487feabf83c8a9f9f1d30a +argon-design-system-angular/assets/scss/bootstrap/_pagination.scss,1667980414928,a7b39ba5e1e36ec0260ca11be8dc9a852d1467ac0efc5b9872bf111c1455380d +argon-design-system-angular/assets/scss/bootstrap/_popover.scss,1667980414929,3e5494f79fdf2913c70694f9ee298cd9c3c76e7b8293d67572736d28ecd9941c +argon-design-system-angular/assets/scss/bootstrap/_print.scss,1667980414929,242c04c985d945274644f91af1e886ebb451b57fb3787d863ef23172909e2c9c +argon-design-system-angular/assets/scss/bootstrap/_progress.scss,1667980414929,ef6c80f4c2617c2c51c19727fc0cdb501847a81488b355e66ed7bbb55d6eab12 +argon-design-system-angular/assets/scss/bootstrap/_reboot.scss,1667980414930,968fd0bcb1111e72d58dba3631568f353d99a17f8a5cc9401aa0a9eab2c8d7bd +argon-design-system-angular/assets/scss/bootstrap/_root.scss,1667980414930,72125c2877a81a5282d99320f27f1e14bdf787dfe838313b844561dfbd696593 +argon-design-system-angular/assets/scss/bootstrap/_tables.scss,1667980414930,1f10b1fb90d494fb338ab4deaa8088858a20ee6440b5b48ef463c047c0646cbe +argon-design-system-angular/assets/scss/bootstrap/_tooltip.scss,1667980414931,76eb795819f77acd91668ab5f37aa7b4fbfb61b78baa1cfb7e5005fed018edf9 +argon-design-system-angular/assets/scss/bootstrap/_transitions.scss,1667980414931,25504941c8feadad10d57155f8c8efe69615ef80b02eeaf32a97c8c9a25a3c45 +argon-design-system-angular/assets/scss/bootstrap/_type.scss,1667980414931,265bf6b841180b435c93860ae9e0263c38ab8276d9e076d954be61965e5decd5 +argon-design-system-angular/assets/scss/bootstrap/_utilities.scss,1667980414931,a9a5a563376eaa3502fb70302ce565b432130c3f49418bacad37b5bbbb02e742 +argon-design-system-angular/assets/scss/bootstrap/_variables.scss,1667980414932,a7989a85fbf24e6d5e70fdbeb36317b0d3f115d390297088e6ecbbf6ccf3300a +argon-design-system-angular/assets/scss/bootstrap/mixins/_alert.scss,1667980414932,01220818d6faa82c138059c6e7d426be500aadec72cf858f5e8fde9f21aad947 +argon-design-system-angular/assets/scss/bootstrap/mixins/_background-variant.scss,1667980414932,c3c7b4040d782361c2830768efd52815674f5a2c3643e28c43d04538c4238625 +argon-design-system-angular/assets/scss/bootstrap/mixins/_badge.scss,1667980414933,9ef6fb9b3ad70c7b75ecf45afb02d992d5580e10866240a3240dde428128c2dc +argon-design-system-angular/assets/scss/bootstrap/mixins/_border-radius.scss,1667980414933,0a34ea02231090a6904551ee2ce5eb3933b0daaf461351881d833184ee4659a5 +argon-design-system-angular/assets/scss/bootstrap/mixins/_box-shadow.scss,1667980414933,ddc6a718d2cf45b414fdb784eccc2338b784cc10685108896fabc4c141d8d1cb +argon-design-system-angular/assets/scss/bootstrap/mixins/_breakpoints.scss,1667980414933,acf2aa17f9aca376c319e0ced862d92a30ad65a79e973f1c876abc514b1d088d +argon-design-system-angular/assets/scss/bootstrap/mixins/_buttons.scss,1667980414933,ad396155138236b9244a7f32bdcd39f6de1b4c48761f585915495633d2c4bf3e +argon-design-system-angular/assets/scss/bootstrap/mixins/_caret.scss,1667980414934,77d6f3c4ec99b6e813e8bd2f398896113e7f630f054a62ebc3f54dc42d01544e +argon-design-system-angular/assets/scss/bootstrap/mixins/_clearfix.scss,1667980414934,9567042e56fddacae57544b1b1b7b68fd74b065222cfe042d2de38ea621388e9 +argon-design-system-angular/assets/scss/bootstrap/mixins/_float.scss,1667980414934,e32124b079514c4d11a5855d4022740b1386ab5d3c2e346054c05e0cff2f3f5f +argon-design-system-angular/assets/scss/bootstrap/mixins/_forms.scss,1667980414934,1313467fa526f25b41b85d1ccc4b29df7c4185e8d4cf56984b4e024b4ca9c080 +argon-design-system-angular/assets/scss/bootstrap/mixins/_gradients.scss,1667980414935,8dd9b5bbc8a1c0e05fa8f5bbd6daef7e503874f5f0cb145003c275271c6699dd +argon-design-system-angular/assets/scss/bootstrap/mixins/_grid-framework.scss,1667980414935,b154e821f5e7aa92a58b35a77f992bf38ea8d4926476b4c8e05306c7ddb840f5 +argon-design-system-angular/assets/scss/bootstrap/mixins/_grid.scss,1667980414935,5085898c09db3a5a4cdc9ebbb56d46bb03f931a142870def3411e31df0e1d700 +argon-design-system-angular/assets/scss/bootstrap/mixins/_hover.scss,1667980414935,50af146b91d52535618097d7413273c9f97312719e4c4d8b5565a2f22d1f68a7 +argon-design-system-angular/assets/scss/bootstrap/mixins/_image.scss,1667980414936,d8f68c19bd908c4c6ab9a003a69bd2cdf7c3d513ab6cbc4792b816f4ab22dd18 +argon-design-system-angular/assets/scss/bootstrap/mixins/_list-group.scss,1667980414936,d7f2654b6733076f57eec2dd5a55f5cda777a7ddc8f043d638bcc8eb290b184b +argon-design-system-angular/assets/scss/bootstrap/mixins/_lists.scss,1667980414936,86d43131e157d0e53673198715dcd07fa8e94284b4edb24a4bdb2a3fa74d633f +argon-design-system-angular/assets/scss/bootstrap/mixins/_nav-divider.scss,1667980414936,db1ded3201679061461f5cbcc4fa65aca149b7751d862005a95fbf7b3fd8cd26 +argon-design-system-angular/assets/scss/bootstrap/mixins/_pagination.scss,1667980414936,3e6c4431eee9678e8cdb7325caa45d1b9827aa7405cbeaecc18a2060ed38bb0a +argon-design-system-angular/assets/scss/bootstrap/mixins/_reset-text.scss,1667980414937,2fba5398c3cdf2f9f2687c414d00e49909c40250187ddd5369353ecb382a8a83 +argon-design-system-angular/assets/scss/bootstrap/mixins/_resize.scss,1667980414937,f75d1a90890636568a0e71ce95db87ceca52ed6547f3bd82722da300189872a2 +argon-design-system-angular/assets/scss/bootstrap/mixins/_screen-reader.scss,1667980414937,b1032763779e3db3fb979ae4d6d696d2efceb7063d5600e1b5db5dec9b9d4fa9 +argon-design-system-angular/assets/scss/bootstrap/mixins/_size.scss,1667980414937,21736723be092b876707a6eed80c669cf82d3ce15d3572166e0323fe3ebab980 +argon-design-system-angular/assets/scss/bootstrap/mixins/_table-row.scss,1667980414937,59889d8bab8fdc7b1ff2d51ef51d3717fba0d28099ae3991249740b4070c5210 +argon-design-system-angular/assets/scss/bootstrap/mixins/_text-emphasis.scss,1667980414937,7fca52448f4222ea45507a73be28d8afcfc0607b34a43dc86874f975693eeec3 +argon-design-system-angular/assets/scss/bootstrap/mixins/_text-hide.scss,1667980414937,0b89d8f27c03d9e56744fc309ac7bdfb65f5fbe240ae0f208687ec0384ce6d3c +argon-design-system-angular/assets/scss/bootstrap/mixins/_text-truncate.scss,1667980414937,34e79ae1e8f5552378290a0b03aff84355b10a133cea874e778d864a4b1d6f27 +argon-design-system-angular/assets/scss/bootstrap/mixins/_transition.scss,1667980414938,c74eb290cf9a2afb4f916678656980864a27b03dea0d939ba21c36d77b848eb0 +argon-design-system-angular/assets/scss/bootstrap/mixins/_visibility.scss,1667980414938,5acfae75b1a1accbbadf1a3960070b4740133c34c2d51636fc3953aea5e47b57 +argon-design-system-angular/assets/scss/bootstrap/utilities/_align.scss,1667980414938,b3287a942018de27c7061c16eb9cb58150aee4f31ae273e38e8579ba5bee6d15 +argon-design-system-angular/assets/scss/bootstrap/utilities/_background.scss,1667980414938,cee2a34213344ab7f96828af1ff743e4e43b1c9ee27d4c6e8d1723abfe3fc0b1 +argon-design-system-angular/assets/scss/bootstrap/utilities/_borders.scss,1667980414938,fda5248adf85029d05740705b4919d5437f56c357e760549b134d107e5c8e278 +argon-design-system-angular/assets/scss/bootstrap/utilities/_clearfix.scss,1667980414939,d36870030eb99ced2e84fc40a6e5f212acf57129cab8d3852bedac227d66918c +argon-design-system-angular/assets/scss/bootstrap/utilities/_display.scss,1667980414939,e7c82eb23ed15b6fa81d7e169c0fb5ac82ba85adb16bd0c859111923b7741a09 +argon-design-system-angular/assets/scss/bootstrap/utilities/_embed.scss,1667980414939,d68cad77298d22b7788a43bec6101fe6891e3330943513173d62c7c73a4c2929 +argon-design-system-angular/assets/scss/bootstrap/utilities/_flex.scss,1667980414939,2b3b557f9d0b59eac69f776e82827b6caa38a2887688847bf8385a82247c178f +argon-design-system-angular/assets/scss/bootstrap/utilities/_float.scss,1667980414940,10b4fe4269fbd6cd09d19d2c04ee9064ec319066f943cef9c08c03ef9f95358b +argon-design-system-angular/assets/scss/bootstrap/utilities/_position.scss,1667980414940,845ddef0e071b3671ed42b42714d7de9aed00da94021f288a329cd26a163b79d +argon-design-system-angular/assets/scss/bootstrap/utilities/_screenreaders.scss,1667980414940,82d0e4dac1e55e5f29748d2553fb25d047b5b080692ed7f4db6ead658918e981 +argon-design-system-angular/assets/scss/bootstrap/utilities/_shadows.scss,1667980414940,717ce8cb9b4aff6be0667ee7e027b6d13d7e5a15395dec12185b81a02bb9814a +argon-design-system-angular/assets/scss/bootstrap/utilities/_sizing.scss,1667980414941,ba4b1f58e6430db892df6cf207148b949b89d49134cb63b491c3ab5b683d2b46 +argon-design-system-angular/assets/scss/bootstrap/utilities/_spacing.scss,1667980414941,639f571094f75ef5d64078d6028aec161f36f7ea6a82ed6c8697a29620699fa2 +argon-design-system-angular/assets/scss/bootstrap/utilities/_text.scss,1667980414941,f0d95fb5dfb6a6402418de2ba3bd3c3cdbecd60f07ef8c15d987033e5ace7da1 +argon-design-system-angular/assets/scss/bootstrap/utilities/_visibility.scss,1667980414941,a5c33d2fb0552683529c75339c63e07e8287a236643b553fc47f3b6cfff61901 +argon-design-system-angular/assets/scss/custom/_accordion.scss,1667980414941,46b50c321b39e89a491b6727a01628c34245605a30beb3e7414c5e01cff90e6e +argon-design-system-angular/assets/scss/custom/_alerts.scss,1667980414942,4b9e5162ad7c9c8d03db2c9cfe24f5e050a7b0e07125f853c6ac8580403cde06 +argon-design-system-angular/assets/scss/custom/_avatars.scss,1667980414942,c916778a68291832691d41980d89669866ee4610bd8fbcc90c1d981da81784c3 +argon-design-system-angular/assets/scss/custom/_badge.scss,1667980414942,ec829cef5818f37fca0886bb4364c6c9b520c198091bf354642c0002e6ec942c +argon-design-system-angular/assets/scss/custom/_buttons.scss,1667980414942,178a5b30f26a7b55e9be128dafe833030c5084a16546195ca5fc6eb2367473c5 +argon-design-system-angular/assets/scss/custom/_card.scss,1667980414943,be31a806df8e687df2e074ad057de37b8ac168be85f7f3cf63de6bd1edc33bc1 +argon-design-system-angular/assets/scss/custom/_carousel.scss,1667980414943,dab8398b4f15935de5ab43d2121648b696a17870188ca239fc4f45585900d8cf +argon-design-system-angular/assets/scss/custom/_close.scss,1667980414943,da127095f66cc1effaaf00a59abd516563b446cdfbbed89102bb6675b33a0bfd +argon-design-system-angular/assets/scss/custom/_custom-forms.scss,1667980414943,fd563789c2f6a4438cca609fcfce75fcaabfee19a976b0c871308811bb7b1904 +argon-design-system-angular/assets/scss/custom/_dropdown.scss,1667980414943,b269f53a16a3cbf8102e675ce2324405151c846fbe407fe9c5797879a4701b41 +argon-design-system-angular/assets/scss/custom/_footer.scss,1667980414944,7747ade1b180cb014dfc7e78f5e617169a2dfc32425d180d0392dc9c2c6e1c7b +argon-design-system-angular/assets/scss/custom/_forms.scss,1667980414944,1c44a8d26c510e566d5c9886376adaaeb3ecff2e65c8255d5020d2fa552ee577 +argon-design-system-angular/assets/scss/custom/_functions.scss,1667980414944,5f1b554cf0b7fcb10f80d8ae9818191b6481bf6d676ccdcdd08452c2f00dd60f +argon-design-system-angular/assets/scss/custom/_global.scss,1667980414944,69768a2c85888f63f552c970566a3b332009182a31f0fee99796bdc40f8ddc95 +argon-design-system-angular/assets/scss/custom/_grid.scss,1667980414944,e211e4e429352f7a0390a50fc2f94b1639098a65863b1d52f83f94f78452d44e +argon-design-system-angular/assets/scss/custom/_icons.scss,1667980414945,698fc5d570d057709362afc4d0f40269f7e4716a58c3fe209fafd155a1c459ca +argon-design-system-angular/assets/scss/custom/_input-group.scss,1667980414945,60e67724cc2ee310ff4d48c47082ff0d176abd4f34e26e40e7738aa14c3fc0db +argon-design-system-angular/assets/scss/custom/_list-group.scss,1667980414945,473aa4eff31163e00a76ba304c61ed113e7159e741abc070c81a7ba9ce2eecc7 +argon-design-system-angular/assets/scss/custom/_mixins.scss,1667980414945,6910c6f2a6b029088016f6aaee132b801d805c496c6ca84d620a4d5b7f66fa26 +argon-design-system-angular/assets/scss/custom/_modal.scss,1667980414945,b9c50849f81eec95a0382eed7baba6bdb7c3290a9f4c2309c3cd9ac27300c18c +argon-design-system-angular/assets/scss/custom/_nav.scss,1667980414946,41c12069be12ed4f031d12e75f19886b2d95d5673b3fe126e02d2c6d98c59dfb +argon-design-system-angular/assets/scss/custom/_navbar.scss,1667980414946,9331fc8cd3eaff27a3bbefb974cbc7b833eb1246f69b4983d19b2e6034fe4404 +argon-design-system-angular/assets/scss/custom/_pagination.scss,1667980414946,8acf8b19ed1f0ac71eaf0e679b309ebbd6c9cf25ffa3c9866061b1e0097e1e25 +argon-design-system-angular/assets/scss/custom/_popover.scss,1667980414947,93e67363eae2bac32f891bf80f4bdb9c6a184c26213ee5522d43b62f256d62c7 +argon-design-system-angular/assets/scss/custom/_progress.scss,1667980414947,2daeeb6386e6d44ede7994db4efbae8470dd03f2a62b0f37f3379d84a723f668 +argon-design-system-angular/assets/scss/custom/_reboot.scss,1667980414947,76a85e2e0ffd1b36983d361e5a992e7263f56b6fcd90c751e47e19838da47f37 +argon-design-system-angular/assets/scss/custom/_section.scss,1667980414947,27448e99291d6be1c081c7899b74307fc68ee7887bb5ecf520b0197b386219e5 +argon-design-system-angular/assets/scss/custom/_separator.scss,1667980414947,74763d5b0373b126b1df52b9e86a262579762bd8f7626bdb16eb904010e0c4a7 +argon-design-system-angular/assets/scss/custom/_type.scss,1667980414948,064adc31f4b66f961e8335d242d77b1fe94156cd4930c2d778dca96ef434ec62 +argon-design-system-angular/assets/scss/custom/_utilities.scss,1667980414948,4d23b6505bc5ed4a951793a0b5e9f5c120821f6bfd7ef2a43f70770d1f9e8ab3 +argon-design-system-angular/assets/scss/custom/_variables.scss,1667980414948,a2e42e815cc2f6b7e07489cef3a2c37127560a1451d578cf49c48941c6891980 +argon-design-system-angular/assets/scss/custom/mixins/_alert.scss,1667980414948,897f42ff6831aaaa6f9df2d6a00c64c4f583071d529242f8c98e10fd67f46e63 +argon-design-system-angular/assets/scss/custom/mixins/_background-variant.scss,1667980414950,f6761bdc1e3638c1e7200427d63bf26abdc2f4840d4b8fcfc2609c2329d66917 +argon-design-system-angular/assets/scss/custom/mixins/_badge.scss,1667980414950,d2161af5b78870a1b816732c3a85677247c063354ee03e4eef28c312d1612ea2 +argon-design-system-angular/assets/scss/custom/mixins/_buttons.scss,1667980414950,74ceebfd7c01e813b2ccfc562c05c44679296313321a4ee4731d91a1d13da03d +argon-design-system-angular/assets/scss/custom/mixins/_forms.scss,1667980414950,fbe5e2eed4240f15f1b76a621c43b2aa502ba4c6a0a5970db52fb0e90e0935dc +argon-design-system-angular/assets/scss/custom/mixins/_icon.scss,1667980414950,3b23b2d5e487e7dc59690564b766b5400fbd77b607183cac7a667c8acb21c4e5 +argon-design-system-angular/assets/scss/custom/mixins/_modals.scss,1667980414951,8e61bcf27ca9cc2d704f32f2a5451d24d6a97f382f86dfa2fbcf04090a5682ca +argon-design-system-angular/assets/scss/custom/mixins/_popover.scss,1667980414951,49fa3127999844d249324ec11ea6f5ecbe3a32b55fc5478c8d16a62e61c73c3f +argon-design-system-angular/assets/scss/custom/utilities/_backgrounds.scss,1667980414951,92e494368fd966d735f76034dff70317e764e906ae23519da9e0b5f3e5d0173c +argon-design-system-angular/assets/scss/custom/utilities/_floating.scss,1667980414951,0a2f9ec4a42f73641ebc050e6b02525ad07c240923853b935f0f3159854ca4ea +argon-design-system-angular/assets/scss/custom/utilities/_helper.scss,1667980414952,4fe079fd4ffb192904fc5926e721d79948825aef64ef035771379e42d5340473 +argon-design-system-angular/assets/scss/custom/utilities/_position.scss,1667980414952,ce7da3f2b5c00c32310f8f3c6303929e33db3ca6d6f0ad2c4573054175d4f328 +argon-design-system-angular/assets/scss/custom/utilities/_shadows.scss,1667980414952,8589d458ca9a47c43d4320043e408ffc292571fcc33039ff22b68e10678ad4a8 +argon-design-system-angular/assets/scss/custom/utilities/_sizing.scss,1667980414952,6739967fb732fb466ac1c1f7c373fdb83a4f0d34dd603dd2f933968943874b75 +argon-design-system-angular/assets/scss/custom/utilities/_spacing.scss,1667980414952,79634dc3ebcac244d639aa81d9949e04330f9bd83b6543c908aae44e34bd8790 +argon-design-system-angular/assets/scss/custom/utilities/_text.scss,1667980414953,1318264b8e3c7001707f654298aa72ce43c736d42e66329faa9740acf9cf8782 +argon-design-system-angular/assets/scss/custom/utilities/_transform.scss,1667980414953,4740fe0d4a726f331d2c93e66f7c697f1ca1a1f6bbf068e3a5da55c4f38e3522 +argon-design-system-angular/assets/scss/custom/vendor/_bootstrap-datepicker.scss,1667980414953,1c35fe2907ac78a50f2c576c8b6da192f8d141172f2982a005c44cefdfbc2ebb +argon-design-system-angular/assets/scss/custom/vendor/_headroom.scss,1667980414953,2e855abc2fee70bc5669d6f684d2a1654af74c30f343688ea259210d638d4e56 +argon-design-system-angular/assets/scss/custom/vendor/_nouislider.scss,1667980414954,4097b8ba931c42503c647a1a3c7147c43d85f6350dd69813d4b3962dde302928 +argon-design-system-angular/assets/vendor/font-awesome/css/font-awesome.css,1667980414954,9865c3e6c917111b4ed38fc50bac6815e8353f488232d2e2fef17223bbb5a504 +argon-design-system-angular/assets/vendor/font-awesome/css/font-awesome.min.css,1667980414954,50ef628d61edc78d85cf3f38cf89a83ed4f0bbc806483015518f5db8a8398856 +argon-design-system-angular/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot,1667980414957,4944999b255adf473d5b86b300eba33737e8f598c17f24e82a28582393331209 +argon-design-system-angular/assets/vendor/font-awesome/fonts/fontawesome-webfont.svg,1667980414961,f44613a67b2fe5a2252d988f2a7ae5baefaf32a20260e8a6e855a07fe47a4cbb +argon-design-system-angular/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf,1667980414963,d9cef07d4f3569883fb4c3db76acea5478cef80775d012841eb78a42e60a8e89 +argon-design-system-angular/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff,1667980414964,b51c2c79cce89b7c5947672c13f735c24ee1a9f8f6ebdb957c5fdfe567f27d37 +argon-design-system-angular/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2,1667980414964,38d88317bebc79b4945a679daadd47daebbadc5cd13b41473143394ca7e8d892 +argon-design-system-angular/assets/vendor/font-awesome/fonts/FontAwesome.otf,1667980414956,ca68ac2bcf01372b5f89e509eb604503659b7df1413a94c4f6b78cd9dd07ad8f +argon-design-system-angular/assets/vendor/nucleo/css/nucleo-svg.css,1667980414964,a738d25023803f2ca5fb310c891e97ed0966a47395fbac19c4cfede2294843ca +argon-design-system-angular/assets/vendor/nucleo/css/nucleo.css,1667980414965,dcd86a07f821cb26e9730fc6d9c9af9fd59b2f1e043ede9ab1f264d5d4e795f3 +argon-design-system-angular/assets/vendor/nucleo/fonts/nucleo-icons.eot,1667980414965,1b9ce2b0e76567f73989a7c808a27327efeb6617a1b796c05395047478dcd921 +argon-design-system-angular/assets/vendor/nucleo/fonts/nucleo-icons.svg,1667980414966,68e4bffd9a958628668ed1bc201581501a7b953a4affd78b18cddd84291b4b40 +argon-design-system-angular/assets/vendor/nucleo/fonts/nucleo-icons.ttf,1667980414967,8e397586ce7012c2803df6b88320df0aeafbae22b3b595d3be093edb49043869 +argon-design-system-angular/assets/vendor/nucleo/fonts/nucleo-icons.woff,1667980414967,983a68a893b7959c33da0fb4efab6b1ed6b83b1e725969f1dc67c88f145fd2b2 +argon-design-system-angular/assets/vendor/nucleo/fonts/nucleo-icons.woff2,1667980414967,5d5bdccc436105bbdb564d268180455d172872071e7450ba236f2d1117bd8b3a +argon-design-system-angular/index.html,1668155924370,22accbba9f1ddefb9df5d846796a2ae7dfcbf6392e8e2d3470b59894517b1cb8 +argon-design-system-angular/3rdpartylicenses.txt,1668155922632,8bd766e2cf5b3744e473d232395ea7ca49d960be44a0a9f697918fe738ce52dc +argon-design-system-angular/runtime.54db147ccfa6f3dd.js,1668155922633,a9465f8127eef0f58a1d969baf36bdeb30551b46e0d3322145236c8c5e36fb6d +argon-design-system-angular/polyfills.784bba8623b0d23e.js,1668155922621,468f4436c05fbbafd7d6242c0b214302e6bfaf25bcac7ab089fb23bb9ae02d61 +argon-design-system-angular/styles.1f44359821c98f13.css,1668155922622,3cdf904a87a087e99dc92295b17ef6bc5d76dab2d0c032177809033649039f0f +argon-design-system-angular/main.b7d7fc78a582c0e0.js,1668155922622,a9ffaf7eaeff7b6ac619f0c40f653cc250dc40d826a6d38026dabfb9c2ea0a77 diff --git a/.firebaserc b/.firebaserc new file mode 100644 index 000000000..f4970d39f --- /dev/null +++ b/.firebaserc @@ -0,0 +1,5 @@ +{ + "projects": { + "default": "medical-service-poc" + } +} diff --git a/angular.json b/angular.json index 52fe559c6..76b96d76b 100644 --- a/angular.json +++ b/angular.json @@ -13,7 +13,7 @@ "build": { "builder": "@angular-devkit/build-angular:browser", "options": { - "outputPath": "dist/argon-design-system-angular", + "outputPath": "dist/poc", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", @@ -22,14 +22,8 @@ "rxjs/add/operator/filter", "ng2-nouislider" ], - "assets": [ - "src/favicon.ico", - "src/assets" - ], - "styles": [ - "src/styles.css", - "src/assets/scss/argon.scss" - ], + "assets": ["src/favicon.ico", "src/assets"], + "styles": ["src/styles.css", "src/assets/scss/argon.scss"], "scripts": [] }, "configurations": { @@ -43,7 +37,6 @@ "optimization": true, "outputHashing": "all", "sourceMap": false, - "extractCss": true, "namedChunks": false, "extractLicenses": true, "vendorChunk": false, @@ -95,26 +88,16 @@ "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "karmaConfig": "src/karma.conf.js", - "styles": [ - "src/styles.css" - ], + "styles": ["src/styles.css"], "scripts": [], - "assets": [ - "src/favicon.ico", - "src/assets" - ] + "assets": ["src/favicon.ico", "src/assets"] } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { - "tsConfig": [ - "src/tsconfig.app.json", - "src/tsconfig.spec.json" - ], - "exclude": [ - "**/node_modules/**" - ] + "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"], + "exclude": ["**/node_modules/**"] } } } @@ -139,9 +122,7 @@ "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": "e2e/tsconfig.e2e.json", - "exclude": [ - "**/node_modules/**" - ] + "exclude": ["**/node_modules/**"] } } } diff --git a/firebase.json b/firebase.json new file mode 100644 index 000000000..f7783694e --- /dev/null +++ b/firebase.json @@ -0,0 +1,16 @@ +{ + "hosting": { + "public": "dist/poc", + "ignore": [ + "firebase.json", + "**/.*", + "**/node_modules/**" + ], + "rewrites": [ + { + "source": "**", + "destination": "/index.html" + } + ] + } +} diff --git a/package.json b/package.json index 8537983be..3dd7abf5a 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "argon-design-system-angular", + "name": "poc", "version": "1.3.0", "scripts": { "ng": "ng", @@ -25,8 +25,15 @@ "@angular/router": "^13.3.1", "@ng-bootstrap/ng-bootstrap": "12.0.1", "@popperjs/core": "^2.11.4", + "bootstrap": "4.5.2", + "bootstrap-material-design": "4.1.3", + "bootstrap-notify": "3.1.3", + "bootstrap-rtl": "3.3.4", + "bootstrap-select": "1.13.18", + "bootstrap-tagsinput": "0.7.1", "jw-bootstrap-switch-ng2": "2.0.5", "moment": "^2.29.1", + "@angular/material": "13.3.0", "ng2-nouislider": "1.8.3", "nouislider": "14.6.3", "rxjs": "^7.5.5", diff --git a/src/app/app.component.html b/src/app/app.component.html old mode 100644 new mode 100755 index 28dca8116..0964fec4b --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,3 +1,3 @@ - - - + + + diff --git a/src/app/app.component.scss b/src/app/app.component.scss old mode 100644 new mode 100755 diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts old mode 100644 new mode 100755 index 7d2799ceb..3259691d0 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -1,32 +1,32 @@ -import { TestBed, async } from '@angular/core/testing'; - -import { AppComponent } from './app.component'; - -describe('AppComponent', () => { - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ - AppComponent - ], - }).compileComponents(); - })); - - it('should create the app', async(() => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app).toBeTruthy(); - })); - - it(`should have as title 'app'`, async(() => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.debugElement.componentInstance; - expect(app.title).toEqual('app'); - })); - - it('should render title in a h1 tag', async(() => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.debugElement.nativeElement; - expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!!'); - })); -}); +import { TestBed, async } from '@angular/core/testing'; + +import { AppComponent } from './app.component'; + +describe('AppComponent', () => { + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ + AppComponent + ], + }).compileComponents(); + })); + + it('should create the app', async(() => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.debugElement.componentInstance; + expect(app).toBeTruthy(); + })); + + it(`should have as title 'app'`, async(() => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.debugElement.componentInstance; + expect(app.title).toEqual('app'); + })); + + it('should render title in a h1 tag', async(() => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.debugElement.nativeElement; + expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!!'); + })); +}); diff --git a/src/app/app.component.ts b/src/app/app.component.ts old mode 100644 new mode 100755 index 167517006..e353dcdb5 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,75 +1,75 @@ -import { Component, OnInit, Inject, Renderer2, ElementRef, ViewChild, HostListener } from '@angular/core'; -import { Router, NavigationEnd } from '@angular/router'; -import { DOCUMENT } from '@angular/common'; -import { LocationStrategy, PlatformLocation, Location } from '@angular/common'; -import { filter, Subscription } from 'rxjs'; - -var didScroll; -var lastScrollTop = 0; -var delta = 5; -var navbarHeight = 0; - -@Component({ - selector: 'app-root', - templateUrl: './app.component.html', - styleUrls: ['./app.component.scss'] -}) -export class AppComponent implements OnInit { - private _router: Subscription; - - constructor( private renderer : Renderer2, private router: Router, @Inject(DOCUMENT,) private document: any, private element : ElementRef, public location: Location) {} - @HostListener('window:scroll', ['$event']) - hasScrolled() { - - var st = window.pageYOffset; - // Make sure they scroll more than delta - if(Math.abs(lastScrollTop - st) <= delta) - return; - - var navbar = document.getElementsByTagName('nav')[0]; - - // If they scrolled down and are past the navbar, add class .headroom--unpinned. - // This is necessary so you never see what is "behind" the navbar. - if (st > lastScrollTop && st > navbarHeight){ - // Scroll Down - if (navbar.classList.contains('headroom--pinned')) { - navbar.classList.remove('headroom--pinned'); - navbar.classList.add('headroom--unpinned'); - } - // $('.navbar.headroom--pinned').removeClass('headroom--pinned').addClass('headroom--unpinned'); - } else { - // Scroll Up - // $(window).height() - if(st + window.innerHeight < document.body.scrollHeight) { - // $('.navbar.headroom--unpinned').removeClass('headroom--unpinned').addClass('headroom--pinned'); - if (navbar.classList.contains('headroom--unpinned')) { - navbar.classList.remove('headroom--unpinned'); - navbar.classList.add('headroom--pinned'); - } - } - } - - lastScrollTop = st; - }; - ngOnInit() { - var navbar : HTMLElement = this.element.nativeElement.children[0].children[0]; - this._router = this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => { - if (window.outerWidth > 991) { - window.document.children[0].scrollTop = 0; - }else{ - window.document.activeElement.scrollTop = 0; - } - this.renderer.listen('window', 'scroll', (event) => { - const number = window.scrollY; - if (number > 150 || window.pageYOffset > 150) { - // add logic - navbar.classList.add('headroom--not-top'); - } else { - // remove logic - navbar.classList.remove('headroom--not-top'); - } - }); - }); - this.hasScrolled(); - } -} +import { Component, OnInit, Inject, Renderer2, ElementRef, ViewChild, HostListener } from '@angular/core'; +import { Router, NavigationEnd } from '@angular/router'; +import { DOCUMENT } from '@angular/common'; +import { LocationStrategy, PlatformLocation, Location } from '@angular/common'; +import { filter, Subscription } from 'rxjs'; + +var didScroll; +var lastScrollTop = 0; +var delta = 5; +var navbarHeight = 0; + +@Component({ + selector: 'app-root', + templateUrl: './app.component.html', + styleUrls: ['./app.component.scss'] +}) +export class AppComponent implements OnInit { + private _router: Subscription; + + constructor( private renderer : Renderer2, private router: Router, @Inject(DOCUMENT,) private document: any, private element : ElementRef, public location: Location) {} + @HostListener('window:scroll', ['$event']) + hasScrolled() { + + var st = window.pageYOffset; + // Make sure they scroll more than delta + if(Math.abs(lastScrollTop - st) <= delta) + return; + + var navbar = document.getElementsByTagName('nav')[0]; + + // If they scrolled down and are past the navbar, add class .headroom--unpinned. + // This is necessary so you never see what is "behind" the navbar. + if (st > lastScrollTop && st > navbarHeight){ + // Scroll Down + if (navbar.classList.contains('headroom--pinned')) { + navbar.classList.remove('headroom--pinned'); + navbar.classList.add('headroom--unpinned'); + } + // $('.navbar.headroom--pinned').removeClass('headroom--pinned').addClass('headroom--unpinned'); + } else { + // Scroll Up + // $(window).height() + if(st + window.innerHeight < document.body.scrollHeight) { + // $('.navbar.headroom--unpinned').removeClass('headroom--unpinned').addClass('headroom--pinned'); + if (navbar.classList.contains('headroom--unpinned')) { + navbar.classList.remove('headroom--unpinned'); + navbar.classList.add('headroom--pinned'); + } + } + } + + lastScrollTop = st; + }; + ngOnInit() { + var navbar : HTMLElement = this.element.nativeElement.children[0].children[0]; + this._router = this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => { + if (window.outerWidth > 991) { + window.document.children[0].scrollTop = 0; + }else{ + window.document.activeElement.scrollTop = 0; + } + this.renderer.listen('window', 'scroll', (event) => { + const number = window.scrollY; + if (number > 150 || window.pageYOffset > 150) { + // add logic + navbar.classList.add('headroom--not-top'); + } else { + // remove logic + navbar.classList.remove('headroom--not-top'); + } + }); + }); + this.hasScrolled(); + } +} diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 1df3deda3..139ed0953 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,40 +1,66 @@ -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; -import { RouterModule } from '@angular/router'; -import { AppRoutingModule } from './app.routing'; - -import { AppComponent } from './app.component'; -import { SignupComponent } from './signup/signup.component'; -import { LandingComponent } from './landing/landing.component'; -import { ProfileComponent } from './profile/profile.component'; -import { HomeComponent } from './home/home.component'; -import { NavbarComponent } from './shared/navbar/navbar.component'; -import { FooterComponent } from './shared/footer/footer.component'; - -import { HomeModule } from './home/home.module'; -import { LoginComponent } from './login/login.component'; - -@NgModule({ - declarations: [ - AppComponent, - SignupComponent, - LandingComponent, - ProfileComponent, - NavbarComponent, - FooterComponent, - LoginComponent - ], - imports: [ - BrowserModule, - NgbModule, - FormsModule, - RouterModule, - AppRoutingModule, - HomeModule - ], - providers: [], - bootstrap: [AppComponent] -}) -export class AppModule { } +import { BrowserModule } from "@angular/platform-browser"; +import { NgModule } from "@angular/core"; +import { FormsModule, ReactiveFormsModule } from "@angular/forms"; +import { NgbModule } from "@ng-bootstrap/ng-bootstrap"; +import { RouterModule } from "@angular/router"; +import { AppRoutingModule } from "./app.routing"; + +import { AppComponent } from "./app.component"; +import { LandingComponent } from "./landing/landing.component"; +import { ProfileComponent } from "./profile/profile.component"; +import { HomeComponent } from "./home/home.component"; +import { NavbarComponent } from "./shared/navbar/navbar.component"; +import { FooterComponent } from "./shared/footer/footer.component"; + +import { MatNativeDateModule } from "@angular/material/core"; + +import { HomeModule } from "./home/home.module"; +import { LoginComponent } from "./login/login.component"; +import { AuthenticationModule } from "./authentication/authentication.module"; +import { ToolConstService } from "./services/tool-const.service"; +import { NotificationsService } from "./services/notifications.service"; +import { SelfcheckComponent } from "./selfcheck/selfcheck.component"; +import { DoctorsComponent } from './doctors/doctors.component'; +import { PhysiciansComponent } from './physicians/physicians.component'; +import { GynaecologistComponent } from './gynaecologist/gynaecologist.component'; +import { PediatricianComponent } from './pediatrician/pediatrician.component'; +import { OrthopedicianComponent } from './orthopedician/orthopedician.component'; +import { EyespecialistComponent } from './eyespecialist/eyespecialist.component'; +import { DentistComponent } from './dentist/dentist.component'; +import { MigrainetreatmentdocsComponent } from './migrainetreatmentdocs/migrainetreatmentdocs.component'; +import { DiabetestreatmentdocsComponent } from './diabetestreatmentdocs/diabetestreatmentdocs.component'; + +@NgModule({ + declarations: [ + AppComponent, + LandingComponent, + ProfileComponent, + NavbarComponent, + FooterComponent, + LoginComponent, + SelfcheckComponent, + DoctorsComponent, + PhysiciansComponent, + GynaecologistComponent, + PediatricianComponent, + OrthopedicianComponent, + EyespecialistComponent, + DentistComponent, + MigrainetreatmentdocsComponent, + DiabetestreatmentdocsComponent, + ], + imports: [ + BrowserModule, + NgbModule, + + RouterModule, + AppRoutingModule, + HomeModule, + AuthenticationModule, + FormsModule, + ReactiveFormsModule, + ], + providers: [NotificationsService, ToolConstService, MatNativeDateModule], + bootstrap: [AppComponent], +}) +export class AppModule {} diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index 7001db5c0..116c04ff8 100644 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -1,32 +1,51 @@ -import { NgModule } from '@angular/core'; -import { CommonModule, } from '@angular/common'; -import { BrowserModule } from '@angular/platform-browser'; -import { Routes, RouterModule } from '@angular/router'; +import { NgModule } from "@angular/core"; +import { CommonModule } from "@angular/common"; +import { BrowserModule } from "@angular/platform-browser"; +import { Routes, RouterModule } from "@angular/router"; -import { HomeComponent } from './home/home.component'; -import { ProfileComponent } from './profile/profile.component'; -import { SignupComponent } from './signup/signup.component'; -import { LandingComponent } from './landing/landing.component'; -import { LoginComponent } from './login/login.component'; +import { HomeComponent } from "./home/home.component"; +import { ProfileComponent } from "./profile/profile.component"; +import { LandingComponent } from "./landing/landing.component"; +import { LoginComponent } from "./login/login.component"; +import { SelfcheckComponent } from "./selfcheck/selfcheck.component"; +import { DoctorsComponent } from "./doctors/doctors.component"; +import { PhysiciansComponent } from './physicians/physicians.component'; +import { GynaecologistComponent } from "./gynaecologist/gynaecologist.component"; +import { PediatricianComponent } from "./pediatrician/pediatrician.component"; +import { DentistComponent } from "./dentist/dentist.component"; +import { EyespecialistComponent } from "./eyespecialist/eyespecialist.component"; +import { OrthopedicianComponent } from "./orthopedician/orthopedician.component"; +import { MigrainetreatmentdocsComponent } from "./migrainetreatmentdocs/migrainetreatmentdocs.component"; +import { DiabetestreatmentdocsComponent } from "./diabetestreatmentdocs/diabetestreatmentdocs.component"; -const routes: Routes =[ - { path: 'home', component: HomeComponent }, - { path: 'user-profile', component: ProfileComponent }, - { path: 'register', component: SignupComponent }, - { path: 'landing', component: LandingComponent }, - { path: 'login', component: LoginComponent }, - { path: '', redirectTo: 'home', pathMatch: 'full' } +const routes: Routes = [ + { path: "home", component: HomeComponent }, + { path: "user-profile", component: ProfileComponent }, + // { path: "register", component: SignupComponent }, + { path: "landing", component: LandingComponent }, + { path: "doctors", component: DoctorsComponent }, + // { path: "login", component: LoginComponent }, + { path: "", redirectTo: "home", pathMatch: "full" }, + { path: "selfcheck", component: SelfcheckComponent }, + { path: "physicians", component: PhysiciansComponent }, + { path: "gynaecologist", component: GynaecologistComponent }, + { path: "pediatrician", component: PediatricianComponent }, + { path: "ortho", component: OrthopedicianComponent }, + { path: "eyespecialist", component: EyespecialistComponent }, + { path: "dentist", component: DentistComponent }, + + { + path: "migraine-treatment-doctors", + component: MigrainetreatmentdocsComponent, + }, + { + path: "diabetes-treatment-doctors", + component: DiabetestreatmentdocsComponent, + }, ]; @NgModule({ - imports: [ - CommonModule, - BrowserModule, - RouterModule.forRoot(routes,{ - useHash: true - }) - ], - exports: [ - ], + imports: [CommonModule, BrowserModule, RouterModule.forRoot(routes)], + exports: [], }) -export class AppRoutingModule { } +export class AppRoutingModule {} diff --git a/src/app/authentication/authentication-routing.module.ts b/src/app/authentication/authentication-routing.module.ts new file mode 100644 index 000000000..46234f4a4 --- /dev/null +++ b/src/app/authentication/authentication-routing.module.ts @@ -0,0 +1,21 @@ +import { NgModule } from "@angular/core"; +import { RouterModule, Routes } from "@angular/router"; +import { ForgotPasswordComponent } from "./forgot-password/forgot-password.component"; +import { ResetPasswordComponent } from "./reset-password/reset-password.component"; +import { SigninComponent } from "./signin/signin.component"; +import { SignupComponent } from "./signup/signup.component"; +import { SymptomsComponent } from "./symptoms/symptoms.component"; + +const routes: Routes = [ + { path: "signin", component: SigninComponent }, + { path: "signup", component: SignupComponent }, + { path: "forgot", component: ForgotPasswordComponent }, + { path: "reset", component: ResetPasswordComponent }, + { path: "symptoms", component: SymptomsComponent }, +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class AuthenticationRoutingModule {} diff --git a/src/app/authentication/authentication.module.ts b/src/app/authentication/authentication.module.ts new file mode 100644 index 000000000..750530b3f --- /dev/null +++ b/src/app/authentication/authentication.module.ts @@ -0,0 +1,29 @@ +import { NgModule } from "@angular/core"; +import { CommonModule } from "@angular/common"; + +import { AuthenticationRoutingModule } from "./authentication-routing.module"; +import { SigninComponent } from "./signin/signin.component"; +import { ResetPasswordComponent } from "./reset-password/reset-password.component"; +import { ForgotPasswordComponent } from "./forgot-password/forgot-password.component"; +import { FormsModule, ReactiveFormsModule } from "@angular/forms"; +import { SignupComponent } from "./signup/signup.component"; +import { MatCheckboxModule } from "@angular/material/checkbox"; +import { SymptomsComponent } from './symptoms/symptoms.component'; + +@NgModule({ + declarations: [ + SigninComponent, + SignupComponent, + ResetPasswordComponent, + ForgotPasswordComponent, + SymptomsComponent, + ], + imports: [ + CommonModule, + AuthenticationRoutingModule, + FormsModule, + ReactiveFormsModule, + MatCheckboxModule, + ], +}) +export class AuthenticationModule {} diff --git a/src/app/authentication/forgot-password/forgot-password.component.css b/src/app/authentication/forgot-password/forgot-password.component.css new file mode 100644 index 000000000..975c3a753 --- /dev/null +++ b/src/app/authentication/forgot-password/forgot-password.component.css @@ -0,0 +1,33 @@ +.card { + background: #ffffff; + margin-top: 40%; + width: 120%; +} + +.label { + margin-top: 4%; +} + +.app-splash-content { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + width: 100%; + height: 100%; + margin: 0 auto; + animation: fadeIn 5s; +} + +.text { + margin-left: 10%; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} diff --git a/src/app/authentication/forgot-password/forgot-password.component.html b/src/app/authentication/forgot-password/forgot-password.component.html new file mode 100644 index 000000000..c0e4944a9 --- /dev/null +++ b/src/app/authentication/forgot-password/forgot-password.component.html @@ -0,0 +1,107 @@ +
+
+
+
+
+
+
+
+

Forgot Password

+
+
+
+

+ Provide us the email id/ mobile of your account and we will + send you an email/otp with instructions to reset your + password. +

+
+
+ +
+ +
+ + email + +
+ + This field is required + Please enter valid email address or phone number +
+
+
+ + + +
+
+
+
+
+
+
diff --git a/src/app/authentication/forgot-password/forgot-password.component.spec.ts b/src/app/authentication/forgot-password/forgot-password.component.spec.ts new file mode 100644 index 000000000..11e301b3c --- /dev/null +++ b/src/app/authentication/forgot-password/forgot-password.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ForgotPasswordComponent } from './forgot-password.component'; + +describe('ForgotPasswordComponent', () => { + let component: ForgotPasswordComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ForgotPasswordComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ForgotPasswordComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/authentication/forgot-password/forgot-password.component.ts b/src/app/authentication/forgot-password/forgot-password.component.ts new file mode 100644 index 000000000..a38573371 --- /dev/null +++ b/src/app/authentication/forgot-password/forgot-password.component.ts @@ -0,0 +1,83 @@ +import { Component, OnInit } from "@angular/core"; +import { Forgot } from "src/app/services/interface"; +import { NgModule } from "@angular/core"; +import { Router } from "@angular/router"; +import { FormArray, FormBuilder, FormGroup, Validators } from "@angular/forms"; + +@Component({ + selector: "app-forgot-password", + templateUrl: "./forgot-password.component.html", + styleUrls: ["./forgot-password.component.css"], +}) +export class ForgotPasswordComponent implements OnInit { + eValid: boolean = false; + fieldText: any; + public emailForm: FormGroup; + public loginData: Forgot = { + username: "", + }; + + constructor(private router: Router, private fb: FormBuilder) { + this.emailForm = this.fb.group({ + email: [ + null, + Validators.compose([ + Validators.required, + Validators.pattern( + /^(\d{10}|\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3}))$/ + ), + ]), + ], + }); + } + + submitForm() { + console.log("hello"); + // for (let v in this.login_form.controls) { + // this.login_form.controls[v].markAsTouched(); + // } + this.markFormTouched(this.emailForm); + if (this.emailForm.valid) { + // You will get form value if your form is valid + var formValues = this.emailForm.getRawValue; + console.log(this.emailForm); + } else { + //this.login.controls["terms"].setValue(false); + } + } + + markFormTouched(group: FormGroup | FormArray) { + Object.keys(group.controls).forEach((key: string) => { + const control = group.controls[key]; + if (control instanceof FormGroup || control instanceof FormArray) { + control.markAsTouched(); + this.markFormTouched(control); + } else { + control.markAsTouched(); + } + }); + } + + passwordReset() { + this.markFormTouched(this.emailForm); + + if (this.eValid === true) { + this.router.navigateByUrl("/otp"); + } + } + + ValidateEmail(evt) { + if ( + /^(\d{10}|\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3}))$/.test( + evt.target.value + ) + ) { + this.eValid = true; + return true; + } + this.eValid = false; + return false; + } + + ngOnInit(): void {} +} diff --git a/src/app/authentication/reset-password/reset-password.component.css b/src/app/authentication/reset-password/reset-password.component.css new file mode 100644 index 000000000..df154ad02 --- /dev/null +++ b/src/app/authentication/reset-password/reset-password.component.css @@ -0,0 +1,78 @@ +.card { + background: #ffffff; + /* border-radius: 10px; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */ + width: 120%; + margin-top: 40%; +} + +/* input { + border: 2px solid #0d0db3; + outline: none; + border-radius: 5px; + background-color: #ffffff; + padding: 5px; + margin: 5px; + padding-left: 10px; + width: 100%; + height: 45px; + } + + + input:active, + input:focus { + border: 2px solid #5a8ff6; + } + */ +/* button { + text-transform: capitalize !important; + width: 86% !important; + min-width: unset !important; + left: 9%; + border-radius: 50px; + height: 50px; + color: #0b266b; + background-color: #0b266b; + margin-bottom: 5%; + } */ + +.label { + margin-top: 5%; + margin-left: 10%; +} + +/* i { + background-color: white; + padding: 6px; + border-radius: 10px; + margin: 5px; + color: black; + margin-top: -14% !important; + margin-left: 50%; + position: relative; + margin-top: -35px !important; + padding-left: 260px; + cursor: pointer; + align-items: center; + height: 6%; + } */ + +.app-splash-content { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + width: 100%; + height: 100%; + margin: 0 auto; + animation: fadeIn 5s; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} diff --git a/src/app/authentication/reset-password/reset-password.component.html b/src/app/authentication/reset-password/reset-password.component.html new file mode 100644 index 000000000..f65fbc18d --- /dev/null +++ b/src/app/authentication/reset-password/reset-password.component.html @@ -0,0 +1,169 @@ +
+ +
diff --git a/src/app/authentication/reset-password/reset-password.component.spec.ts b/src/app/authentication/reset-password/reset-password.component.spec.ts new file mode 100644 index 000000000..92e44ad45 --- /dev/null +++ b/src/app/authentication/reset-password/reset-password.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ResetPasswordComponent } from './reset-password.component'; + +describe('ResetPasswordComponent', () => { + let component: ResetPasswordComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ResetPasswordComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ResetPasswordComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/authentication/reset-password/reset-password.component.ts b/src/app/authentication/reset-password/reset-password.component.ts new file mode 100644 index 000000000..a823879bc --- /dev/null +++ b/src/app/authentication/reset-password/reset-password.component.ts @@ -0,0 +1,67 @@ +import { Component, OnInit } from "@angular/core"; +import { FormArray, FormBuilder, FormGroup, Validators } from "@angular/forms"; +import { Reset } from "src/app/services/interface"; +import { Router } from "@angular/router"; +import { PasswordStrengthValidator } from "../signup/password-strength.validators"; + +@Component({ + selector: "app-reset-password", + templateUrl: "./reset-password.component.html", + styleUrls: ["./reset-password.component.css"], +}) +export class ResetPasswordComponent implements OnInit { + fieldTextType: boolean; + resetForm: FormGroup; + + public loginData: Reset = { + password: "", + confpassword: "", + }; + + constructor(formBuilder: FormBuilder, private router: Router) { + this.resetForm = formBuilder.group({ + password: [ + null, + Validators.compose([ + Validators.required, + Validators.minLength(8), + PasswordStrengthValidator, + ]), + ], + confpassword: [ + null, + Validators.compose([ + Validators.required, + Validators.minLength(8), + PasswordStrengthValidator, + ]), + ], + }); + } + markFormTouched(group: FormGroup | FormArray) { + Object.keys(group.controls).forEach((key: string) => { + const control = group.controls[key]; + if (control instanceof FormGroup || control instanceof FormArray) { + control.markAsTouched(); + this.markFormTouched(control); + } else { + control.markAsTouched(); + } + }); + } + resetPassword() { + this.markFormTouched(this.resetForm); + + if (this.resetForm.invalid) { + alert("Please enter valid password"); + } else { + this.router.navigateByUrl("/signin"); + } + } + + toggleFieldTextType() { + this.fieldTextType = !this.fieldTextType; + } + + ngOnInit(): void {} +} diff --git a/src/app/authentication/signin/signin.component.html b/src/app/authentication/signin/signin.component.html new file mode 100644 index 000000000..e5ec71375 --- /dev/null +++ b/src/app/authentication/signin/signin.component.html @@ -0,0 +1,119 @@ + diff --git a/src/app/authentication/signin/signin.component.scss b/src/app/authentication/signin/signin.component.scss new file mode 100644 index 000000000..cd99f4e15 --- /dev/null +++ b/src/app/authentication/signin/signin.component.scss @@ -0,0 +1,38 @@ +.signin_container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + height: 100vh; + margin: 0 auto; + background-color: white; + + .signin_left_container { + flex: 0.4; + + img { + height: 700px; + width: 600px; + object-fit: contain; + flex: 1; + } + } + + .signin_right_container { + flex: 0.3; + + form { + flex: 1; + } + } +} + +.forgot_text { + display: flex; + flex-direction: row; + justify-content: flex-end; + margin-right: 4%; + text-decoration: none; + margin-bottom: 10px; + font-size: small; +} diff --git a/src/app/authentication/signin/signin.component.spec.ts b/src/app/authentication/signin/signin.component.spec.ts new file mode 100644 index 000000000..b19d8bf03 --- /dev/null +++ b/src/app/authentication/signin/signin.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SigninComponent } from './signin.component'; + +describe('SigninComponent', () => { + let component: SigninComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SigninComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SigninComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/authentication/signin/signin.component.ts b/src/app/authentication/signin/signin.component.ts new file mode 100644 index 000000000..3167fb786 --- /dev/null +++ b/src/app/authentication/signin/signin.component.ts @@ -0,0 +1,81 @@ +import { Component, OnInit } from "@angular/core"; +import { FormArray, FormBuilder, FormGroup, Validators } from "@angular/forms"; +import { Router } from "@angular/router"; +import { AuthService } from "src/app/services/auth.service"; +import { NotificationsService } from "src/app/services/notifications.service"; +import { ToolConstService } from "src/app/services/tool-const.service"; +import { PasswordStrengthValidator } from "../signup/password-strength.validators"; + +@Component({ + selector: "app-signin", + templateUrl: "./signin.component.html", + styleUrls: ["./signin.component.scss"], +}) +export class SigninComponent implements OnInit { + login: FormGroup; + showPassword: boolean; + error = ""; + + constructor( + private fb: FormBuilder, + private router: Router, + private authenticationService: AuthService, + private notificationService: NotificationsService, + private toolConstService: ToolConstService + ) { + this.login = this.fb.group({ + email: [ + null, + Validators.compose([ + Validators.required, + Validators.pattern( + /^(\d{10}|\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3}))$/ + ), + ]), + ], + password: [ + null, + Validators.compose([ + Validators.required, + Validators.minLength(8), + PasswordStrengthValidator, + ]), + ], + }); + } + + ngOnInit(): void {} + + submitForm() { + console.log("hello"); + // for (let v in this.login_form.controls) { + // this.login_form.controls[v].markAsTouched(); + // } + this.markFormTouched(this.login); + if (this.login.valid) { + var username = this.login.value.email; + var password = this.login.value.password; + // You will get form value if your form is valid + var formValues = this.login.getRawValue; + console.log(this.login); + } else { + //this.login.controls["terms"].setValue(false); + } + } + + markFormTouched(group: FormGroup | FormArray) { + Object.keys(group.controls).forEach((key: string) => { + const control = group.controls[key]; + if (control instanceof FormGroup || control instanceof FormArray) { + control.markAsTouched(); + this.markFormTouched(control); + } else { + control.markAsTouched(); + } + }); + } + + showHidePassword() { + this.showPassword = !this.showPassword; + } +} diff --git a/src/app/authentication/signup/password-strength.validators.ts b/src/app/authentication/signup/password-strength.validators.ts new file mode 100644 index 000000000..e513932c5 --- /dev/null +++ b/src/app/authentication/signup/password-strength.validators.ts @@ -0,0 +1,40 @@ +import { AbstractControl, ValidationErrors } from "@angular/forms"; + +export const PasswordStrengthValidator = function ( + control: AbstractControl +): ValidationErrors | null { + let value: string = control.value || ""; + + if (!value) { + return null; + } + + let upperCaseCharacters = /[A-Z]+/g; + if (upperCaseCharacters.test(value) === false) { + return { + passwordStrength: `Password should contain Upper case characters`, + }; + } + + let lowerCaseCharacters = /[a-z]+/g; + if (lowerCaseCharacters.test(value) === false) { + return { + passwordStrength: `Password should contain lower case characters`, + }; + } + + let numberCharacters = /[0-9]+/g; + if (numberCharacters.test(value) === false) { + return { + passwordStrength: `Password should contain number`, + }; + } + + let specialCharacters = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]+/; + if (specialCharacters.test(value) === false) { + return { + passwordStrength: `Password should contain special characters`, + }; + } + return null; +}; diff --git a/src/app/authentication/signup/signup.component.html b/src/app/authentication/signup/signup.component.html new file mode 100644 index 000000000..133c0a692 --- /dev/null +++ b/src/app/authentication/signup/signup.component.html @@ -0,0 +1,169 @@ + diff --git a/src/app/authentication/signup/signup.component.scss b/src/app/authentication/signup/signup.component.scss new file mode 100644 index 000000000..bc30c18ab --- /dev/null +++ b/src/app/authentication/signup/signup.component.scss @@ -0,0 +1,28 @@ +.signup_container { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + height: 100vh; + margin: 0 auto; + background-color: white; + + .signup_left_container { + flex: 0.4; + + img { + height: 700px; + width: 600px; + object-fit: contain; + flex: 1; + } + } + + .signup_right_container { + flex: 0.3; + + form { + flex: 1; + } + } +} diff --git a/src/app/signup/signup.component.spec.ts b/src/app/authentication/signup/signup.component.spec.ts similarity index 71% rename from src/app/signup/signup.component.spec.ts rename to src/app/authentication/signup/signup.component.spec.ts index df6c474c3..2c39790ef 100644 --- a/src/app/signup/signup.component.spec.ts +++ b/src/app/authentication/signup/signup.component.spec.ts @@ -1,4 +1,4 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { SignupComponent } from './signup.component'; @@ -6,12 +6,12 @@ describe('SignupComponent', () => { let component: SignupComponent; let fixture: ComponentFixture; - beforeEach(async(() => { - TestBed.configureTestingModule({ + beforeEach(async () => { + await TestBed.configureTestingModule({ declarations: [ SignupComponent ] }) .compileComponents(); - })); + }); beforeEach(() => { fixture = TestBed.createComponent(SignupComponent); @@ -19,7 +19,7 @@ describe('SignupComponent', () => { fixture.detectChanges(); }); - it('should be created', () => { + it('should create', () => { expect(component).toBeTruthy(); }); }); diff --git a/src/app/authentication/signup/signup.component.ts b/src/app/authentication/signup/signup.component.ts new file mode 100644 index 000000000..5ad666a97 --- /dev/null +++ b/src/app/authentication/signup/signup.component.ts @@ -0,0 +1,112 @@ +import { Component, OnInit, OnDestroy } from "@angular/core"; + +import { Validators, FormGroup } from "@angular/forms"; +import { FormBuilder } from "@angular/forms"; +import { AuthService } from "src/app/services/auth.service"; +import { NotificationsService } from "src/app/services/notifications.service"; +import { ToolConstService } from "src/app/services/tool-const.service"; +import { PasswordStrengthValidator } from "./password-strength.validators"; + +@Component({ + selector: "app-signup", + templateUrl: "./signup.component.html", + styleUrls: ["./signup.component.scss"], +}) +export class SignupComponent implements OnInit, OnDestroy { + showPassword: boolean; + pattern = "https?://.+"; + register: FormGroup; + isDoctor: boolean = false; + test: Date = new Date(); + role = "Patient"; + + constructor( + private formBuilder: FormBuilder, + private authenticationService: AuthService, + private notificationService: NotificationsService, + private toolConstService: ToolConstService + ) { + this.register = this.formBuilder.group({ + fullName: ["", [Validators.required, Validators.minLength(3)]], + // To add a validator, we must first convert the string value into an array. The first item in the array is the default value if any, then the next item in the array is the validator. Here we are adding a required validator meaning that the firstName attribute must have a value in it. + email: [ + null, + [ + Validators.required, + Validators.pattern("^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$"), + ], + ], + // We can use more than one validator per field. If we want to use more than one validator we have to wrap our array of validators with a Validators.compose function. Here we are using a required, minimum length and maximum length validator. + mobileNumber: [ + "", + [Validators.required, Validators.pattern("^((\\+91-?)|0)?[0-9]{10}$")], + ], + password: [ + "", + Validators.compose([ + Validators.required, + Validators.minLength(8), + PasswordStrengthValidator, + ]), + ], + }); + } + + get m() { + //console.log("controls",this.register.controls); + return this.register.controls; + } + + showHidePassword() { + this.showPassword = !this.showPassword; + } + + checkDoctorPatient() { + this.isDoctor = !this.isDoctor; + if (this.isDoctor) { + this.role = "Doctor"; + } else { + this.role = "Patient"; + } + } + ngOnInit() { + const body = document.getElementsByTagName("body")[0]; + body.classList.add("register-page"); + body.classList.add("off-canvas-sidebar"); + } + ngOnDestroy() { + const body = document.getElementsByTagName("body")[0]; + body.classList.remove("register-page"); + body.classList.remove("off-canvas-sidebar"); + } + goSignup() { + if (this.register.valid) { + console.log("email", this.register.value.email); + console.log("fullName", this.register.value.fullName); + console.log("password", this.register.value.password); + console.log("mobileNumber", this.register.value.mobileNumber); + console.log("Role", this.role); + + const body = { + userName: this.register.value.fullName, + emailId: this.register.value.email, + password: this.register.value.password, + role: this.role, + }; + console.log("body", body); + // this.authenticationService.signup(body).then((response) => { + // if (response === "true") { + // this.notificationService.showNotification( + // this.toolConstService.getSuccessMessage().userCreated, + // "success" + // ); + // } else { + // this.notificationService.showNotification( + // this.toolConstService.getErrorMessages().userExist, + // "danger" + // ); + // } + // }); + } + } +} diff --git a/src/app/authentication/symptoms/symptoms.component.html b/src/app/authentication/symptoms/symptoms.component.html new file mode 100644 index 000000000..70a8b961b --- /dev/null +++ b/src/app/authentication/symptoms/symptoms.component.html @@ -0,0 +1,240 @@ +
+
+
+
+
What is your concern?
+
+
Most Selected Issues
+
+
+ +
+
+ +
+
+ + + + + + +
+
+ +
+
Common Health Issues
+
+
+ +
+
+
+
+ + + + + + +
+
+ +
+
Skin And Hair Issues
+
+
+ +
+
+
+
+ + + + + + +
+
+
diff --git a/src/app/authentication/symptoms/symptoms.component.scss b/src/app/authentication/symptoms/symptoms.component.scss new file mode 100644 index 000000000..6c1270287 --- /dev/null +++ b/src/app/authentication/symptoms/symptoms.component.scss @@ -0,0 +1,178 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.WC_PrimarySymptom__Title { + color: #011c23; + font-size: 2em; + font-weight: 500; + margin: 0.5em 0; + padding-left: 50px; +} + +.WC_SymptomGroup__TopBar__Title { + color: #000000; + white-space: nowrap; + margin-right: 0.5em; + padding-left: 50px; + font-family: "Poppins", sans-serif; + font-size: 26px; +} + +.WC_SymptomGroup__TopBar__Divider { + width: 60%; + border: 1px solid #226cc7; +} + +.WC_SymptomGroup__TopBar { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + margin: 1em 0; +} + +.WC_SymptomPill__Image__Img { + width: 50%; + height: 50%; +} + +.WC_SymptomPill__Name { + color: #333; + font-size: 0.8em; + font-weight: 500; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.btn-color { + border-radius: 50%; + background-color: #fff2ee; + width: 150px; + height: 150px; + top: 30px; + font-size: 25px; + color: #d17d7d; +} + +.main_conatainer { + height: 50px; + flex-direction: row; + justify-content: space-around; +} + +.container1 { + display: flex; + flex-direction: column; + width: 70% !important; + margin: 0 auto; + height: 100vh; +} + +.column { + float: left; + width: 33.33%; +} +.WC_SymptomGroup__Items { + display: flex; + flex-direction: row; +} + +.button-img { + width: 150px !important; + height: 150px !important; + border-radius: 15px; + margin-right: 10px; + margin-left: 10px; +} + +$fuschia: #16b3ac; +$button-bg: $fuschia; +$button-text-color: #fff; +$baby-blue: #f8faff; + +.button1 { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } +} diff --git a/src/app/authentication/symptoms/symptoms.component.spec.ts b/src/app/authentication/symptoms/symptoms.component.spec.ts new file mode 100644 index 000000000..c6661c199 --- /dev/null +++ b/src/app/authentication/symptoms/symptoms.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SymptomsComponent } from './symptoms.component'; + +describe('SymptomsComponent', () => { + let component: SymptomsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SymptomsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SymptomsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/authentication/symptoms/symptoms.component.ts b/src/app/authentication/symptoms/symptoms.component.ts new file mode 100644 index 000000000..3e75c9613 --- /dev/null +++ b/src/app/authentication/symptoms/symptoms.component.ts @@ -0,0 +1,20 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from "@angular/router"; + +@Component({ + selector: 'app-symptoms', + templateUrl: './symptoms.component.html', + styleUrls: ['./symptoms.component.scss'] +}) +export class SymptomsComponent implements OnInit { + + constructor(private router: Router) { } + + ngOnInit(): void { + } + getSpecialitiesList() { + console.log("in the list") + this.router.navigateByUrl("/physicians"); + } + +} diff --git a/src/app/dentist/dentist.component.html b/src/app/dentist/dentist.component.html new file mode 100644 index 000000000..d4173e840 --- /dev/null +++ b/src/app/dentist/dentist.component.html @@ -0,0 +1,57 @@ +
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{ docInfo.name }}
+

{{ docInfo.quali }}

+

{{ docInfo.prof }}

+

+ {{ docInfo.lang }} +

+

+ {{ docInfo.fee }} +

+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/dentist/dentist.component.scss b/src/app/dentist/dentist.component.scss new file mode 100644 index 000000000..7fa99c53c --- /dev/null +++ b/src/app/dentist/dentist.component.scss @@ -0,0 +1,226 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} + +hr { + width: 83%; + margin-right: 10%; +} +.popup { + width: 400px; + background: #fff; + border-radius: 6px; + border-color: #333; + position: absolute; + top: 50%; + left: -40%; + transform: translate(-50%,-50%) scale(0.1); + text-align: center; + padding: 0 30px 30px; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.open-popup { + visibility: visible; + top: 100%; + transform: translate(-70%, -70%) scale(1); +} + +.popup img { + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.popup h2 { + font-size: 38px; + font-weight: 500; + margin: 30px 0 10px; +} + +.popup button { + width: 100%; + margin-top: 50px; + padding: 10px 0; + background: #6fd649; + color: #fff; + border: 0; + outline: none; + font-size: 18px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} + diff --git a/src/app/dentist/dentist.component.spec.ts b/src/app/dentist/dentist.component.spec.ts new file mode 100644 index 000000000..c623edd86 --- /dev/null +++ b/src/app/dentist/dentist.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DentistComponent } from './dentist.component'; + +describe('DentistComponent', () => { + let component: DentistComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DentistComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DentistComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/dentist/dentist.component.ts b/src/app/dentist/dentist.component.ts new file mode 100644 index 000000000..f1bb7a210 --- /dev/null +++ b/src/app/dentist/dentist.component.ts @@ -0,0 +1,41 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-dentist', + templateUrl: './dentist.component.html', + styleUrls: ['./dentist.component.scss'] +}) +export class DentistComponent implements OnInit { + dentistInfo = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. John", exp: "22 years exp", + quali: "BDS", prof: "Dentist", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Stephen", exp: "18 years exp", + quali: "BDS, MDS", prof: "Dentist", lang: "English", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. Andrew Hall", exp: "14 years exp", + quali: "BDS", prof: "Dentist", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Elizabeth", exp: "12 years exp", + quali: "BDS, MDS", prof: "Dentist", lang: "English", fee: "₹300 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Rebecca", exp: "8 years exp", + quali: "BDS, MDS", prof: "Dentist", lang: "English, Hindi",fee: "₹300 Consultation fee" + }, + ]; + + constructor() { } + + openPopup() { + let popup = document.getElementById("popup"); + + popup.classList.add("open-popup") + } + + closePopup() { + let popup = document.getElementById("popup"); + + popup.classList.remove("open-popup") + } + + ngOnInit(): void { + } + +} diff --git a/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.html b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.html new file mode 100644 index 000000000..43381d4d0 --- /dev/null +++ b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.html @@ -0,0 +1,49 @@ +
+ + +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{ docInfo.name }}
+

{{ docInfo.quali }}

+

{{ docInfo.prof }}

+

+ {{ docInfo.lang }} +

+

+ {{ docInfo.fee }} +

+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
diff --git a/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.scss b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.scss new file mode 100644 index 000000000..25a646d06 --- /dev/null +++ b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.scss @@ -0,0 +1,167 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; +} +sectio .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; +} + +.main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + border-bottom: 1px solid lightgrey; + font-family: "Poppins", sans-serif; +} + +.rounded { + border-radius: 25px !important; + padding: 10px; +} + +// .button { +// border-radius: 10px; +// border: none; +// font-size: 10px; +// background-color: #16b3ac; +// font-family: "Poppins", sans-serif; + +// } +$fuschia: #16b3ac; +$button-bg: $fuschia; +$button-text-color: #fff; +$baby-blue: #f8faff; + +.button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } +} + +@keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } +} + +.card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; +} +.card-text { + margin-top: -3%; +} diff --git a/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.spec.ts b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.spec.ts new file mode 100644 index 000000000..5ef3ca246 --- /dev/null +++ b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DiabetestreatmentdocsComponent } from './diabetestreatmentdocs.component'; + +describe('DiabetestreatmentdocsComponent', () => { + let component: DiabetestreatmentdocsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DiabetestreatmentdocsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DiabetestreatmentdocsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.ts b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.ts new file mode 100644 index 000000000..f8a8203ab --- /dev/null +++ b/src/app/diabetestreatmentdocs/diabetestreatmentdocs.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit } from "@angular/core"; + +@Component({ + selector: "app-diabetestreatmentdocs", + templateUrl: "./diabetestreatmentdocs.component.html", + styleUrls: ["./diabetestreatmentdocs.component.scss"], +}) +export class DiabetestreatmentdocsComponent implements OnInit { + constructor() {} + diabetesdocInfo = [ + { + img: "./assets/img/hospital/doctor1.jpeg", + name: "Dr.Maria L. Collazo-Clavell", + exp: "22 years exp", + quali: "MBBS, MD (General Medicine)", + prof: "Diabetes", + lang: "English", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor2.jpeg", + name: "Dr. M. Regina Castro", + exp: "18 years exp", + quali: "MBBS", + prof: "Diabetes", + lang: "English", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor3.jpeg", + name: "Dr. Patrick G. Dean", + exp: "14 years exp", + quali: "MBBS, MS", + prof: "Diabetes", + lang: "English", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor4.jpeg", + name: "Dr. Curtiss B. Cook", + exp: "12 years exp", + quali: "MBBS, DNB", + prof: "Diabetes", + lang: "English", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor5.jpeg", + name: "Dr. Ana L. Creo", + exp: "8 years exp", + quali: "MBBS, MD (General Medicine)", + prof: "Diabetes", + lang: "English", + fee: "₹300 Consultation fee", + }, + ]; + ngOnInit(): void {} +} diff --git a/src/app/doctors/doctors.component.html b/src/app/doctors/doctors.component.html new file mode 100644 index 000000000..6cd9c4f7b --- /dev/null +++ b/src/app/doctors/doctors.component.html @@ -0,0 +1,237 @@ + +
+ + +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{docInfo.name}}
+

{{docInfo.quali}}

+

{{docInfo.prof}}

+

+ {{docInfo.lang}}

+

+ {{docInfo.fee}} +

+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
diff --git a/src/app/doctors/doctors.component.scss b/src/app/doctors/doctors.component.scss new file mode 100644 index 000000000..daa63b931 --- /dev/null +++ b/src/app/doctors/doctors.component.scss @@ -0,0 +1,189 @@ +// .row { +// width: 100%; +// margin-top: 4%; +// } + +// button { +// background-color: #16b3ac; +// color: white; +// width: 100%; +// height: 20%; +// margin-top: 10%; +// border-color: none; +// border-radius: 10px; +// } + +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + border-bottom: 1px solid lightgrey; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} + diff --git a/src/app/doctors/doctors.component.spec.ts b/src/app/doctors/doctors.component.spec.ts new file mode 100644 index 000000000..37f9aab82 --- /dev/null +++ b/src/app/doctors/doctors.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DoctorsComponent } from './doctors.component'; + +describe('DoctorsComponent', () => { + let component: DoctorsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DoctorsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DoctorsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/doctors/doctors.component.ts b/src/app/doctors/doctors.component.ts new file mode 100644 index 000000000..d61efd88f --- /dev/null +++ b/src/app/doctors/doctors.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-doctors', + templateUrl: './doctors.component.html', + styleUrls: ['./doctors.component.scss'] +}) +export class DoctorsComponent implements OnInit { + + doctorsProfile = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. John", exp: "22 years exp", + quali: "MBBS, MD (General Medicine)", prof: "Physician", lang: "English, Hindi", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Timothy", exp: "18 years exp", + quali: "MBBS, DNB(Ortho)", prof: "Orthopedician", lang: "English", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. Jacob", exp: "18 years exp", + quali: "MBBS, DO", prof: "Pediatrician", lang: "English", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Stella", exp: "12 years exp", + quali: "MBBS, DNB", prof: "Gynaecologist", lang: "English", fee: "₹300 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Rebecca", exp: "8 years exp", + quali: "BDS, MDS", prof: "Dentist", lang: "English, Hindi",fee: "₹300 Consultation fee" + }, + ]; + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/eyespecialist/eyespecialist.component.html b/src/app/eyespecialist/eyespecialist.component.html new file mode 100644 index 000000000..a990069a6 --- /dev/null +++ b/src/app/eyespecialist/eyespecialist.component.html @@ -0,0 +1,54 @@ +
+
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{docInfo.name}}
+

{{docInfo.quali}}

+

{{docInfo.prof}}

+

+ {{docInfo.lang}} +

+

+ {{docInfo.fee}} +

+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/eyespecialist/eyespecialist.component.scss b/src/app/eyespecialist/eyespecialist.component.scss new file mode 100644 index 000000000..9aefd6e54 --- /dev/null +++ b/src/app/eyespecialist/eyespecialist.component.scss @@ -0,0 +1,224 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} +hr { + width: 83%; + margin-right: 10%; +} +.popup { + width: 400px; + background: #fff; + border-radius: 6px; + border-color: #333; + position: absolute; + top: 50%; + left: -40%; + transform: translate(-50%,-50%) scale(0.1); + text-align: center; + padding: 0 30px 30px; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.open-popup { + visibility: visible; + top: 100%; + transform: translate(-70%, -70%) scale(1); +} + +.popup img { + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.popup h2 { + font-size: 38px; + font-weight: 500; + margin: 30px 0 10px; +} + +.popup button { + width: 100%; + margin-top: 50px; + padding: 10px 0; + background: #6fd649; + color: #fff; + border: 0; + outline: none; + font-size: 18px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} diff --git a/src/app/eyespecialist/eyespecialist.component.spec.ts b/src/app/eyespecialist/eyespecialist.component.spec.ts new file mode 100644 index 000000000..dbc2f63bc --- /dev/null +++ b/src/app/eyespecialist/eyespecialist.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EyespecialistComponent } from './eyespecialist.component'; + +describe('EyespecialistComponent', () => { + let component: EyespecialistComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ EyespecialistComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(EyespecialistComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/eyespecialist/eyespecialist.component.ts b/src/app/eyespecialist/eyespecialist.component.ts new file mode 100644 index 000000000..c90defcc6 --- /dev/null +++ b/src/app/eyespecialist/eyespecialist.component.ts @@ -0,0 +1,41 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-eyespecialist', + templateUrl: './eyespecialist.component.html', + styleUrls: ['./eyespecialist.component.scss'] +}) +export class EyespecialistComponent implements OnInit { + eyespecInfo = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. Robert", exp: "22 years exp", + quali: "MBBS, MD", prof: "Opthamologist", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Michael", exp: "18 years exp", + quali: "MBBS", prof: "Opthamologist", lang: "English", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. William", exp: "14 years exp", + quali: "MBBS, MD", prof: "Opthamologist", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Sophia", exp: "12 years exp", + quali: "MBBS", prof: "Opthamologist", lang: "English", fee: "₹300 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Emily", exp: "8 years exp", + quali: "MBBS, MS", prof: "Opthamologist", lang: "English, Hindi", fee: "₹300 Consultation fee" + }, + ]; + + constructor() { } + + openPopup() { + let popup = document.getElementById("popup"); + + popup.classList.add("open-popup") + } + + closePopup() { + let popup = document.getElementById("popup"); + + popup.classList.remove("open-popup") + } + + ngOnInit(): void { + } + +} diff --git a/src/app/gynaecologist/gynaecologist.component.html b/src/app/gynaecologist/gynaecologist.component.html new file mode 100644 index 000000000..f884f4dc2 --- /dev/null +++ b/src/app/gynaecologist/gynaecologist.component.html @@ -0,0 +1,54 @@ +
+
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{docInfo.name}}
+

{{docInfo.quali}}

+

{{docInfo.prof}}

+

+ {{docInfo.lang}} +

+

+ {{docInfo.fee}} +

+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/gynaecologist/gynaecologist.component.scss b/src/app/gynaecologist/gynaecologist.component.scss new file mode 100644 index 000000000..7fa99c53c --- /dev/null +++ b/src/app/gynaecologist/gynaecologist.component.scss @@ -0,0 +1,226 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} + +hr { + width: 83%; + margin-right: 10%; +} +.popup { + width: 400px; + background: #fff; + border-radius: 6px; + border-color: #333; + position: absolute; + top: 50%; + left: -40%; + transform: translate(-50%,-50%) scale(0.1); + text-align: center; + padding: 0 30px 30px; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.open-popup { + visibility: visible; + top: 100%; + transform: translate(-70%, -70%) scale(1); +} + +.popup img { + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.popup h2 { + font-size: 38px; + font-weight: 500; + margin: 30px 0 10px; +} + +.popup button { + width: 100%; + margin-top: 50px; + padding: 10px 0; + background: #6fd649; + color: #fff; + border: 0; + outline: none; + font-size: 18px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} + diff --git a/src/app/gynaecologist/gynaecologist.component.spec.ts b/src/app/gynaecologist/gynaecologist.component.spec.ts new file mode 100644 index 000000000..3e3bd7eea --- /dev/null +++ b/src/app/gynaecologist/gynaecologist.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { GynaecologistComponent } from './gynaecologist.component'; + +describe('GynaecologistComponent', () => { + let component: GynaecologistComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ GynaecologistComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(GynaecologistComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/gynaecologist/gynaecologist.component.ts b/src/app/gynaecologist/gynaecologist.component.ts new file mode 100644 index 000000000..6fd7ca878 --- /dev/null +++ b/src/app/gynaecologist/gynaecologist.component.ts @@ -0,0 +1,42 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-gynaecologist', + templateUrl: './gynaecologist.component.html', + styleUrls: ['./gynaecologist.component.scss'] +}) +export class GynaecologistComponent implements OnInit { + + gynaecInfo = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. Anthony", exp: "22 years exp", + quali: "MBBS, DNB", prof: "Gynaecologist", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Donald", exp: "18 years exp", + quali: "MBBS, DNB", prof: "Gynaecologist", lang: "English", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. Kevin", exp: "14 years exp", + quali: "MBBS, DNB", prof: "Gynaecologist", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Stella", exp: "12 years exp", + quali: "MBBS, DNB", prof: "Gynaecologist", lang: "English", fee: "₹300 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Grace", exp: "8 years exp", + quali: "MBBS, DNB", prof: "Gynaecologist", lang: "English, Hindi", fee: "₹300 Consultation fee" + }, + ]; + + constructor() { } + + openPopup() { + let popup = document.getElementById("popup"); + + popup.classList.add("open-popup") + } + + closePopup() { + let popup = document.getElementById("popup"); + + popup.classList.remove("open-popup") + } + + ngOnInit(): void { + } + +} diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html old mode 100644 new mode 100755 index 3a7a9a698..6ef6c9e5e --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -1,52 +1,52 @@ -
-
- -
- -
- - - - - - - - - - -
-
-
-
-
- -

A beautiful Design System for Bootstrap 4 and Angular 13. It's Free and Open Source.

- -
- *proudly coded by - -
-
-
-
-
- -
- - - -
-
-
- -
+
+
+ +
+ +
+ + + + + + + + + + +
+
+
+
+
+ +

A beautiful Design System for Bootstrap 4 and Angular 13. It's Free and Open Source.

+ +
+ *proudly coded by + +
+
+
+
+
+ +
+ + + +
+
+
+ +
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss old mode 100644 new mode 100755 diff --git a/src/app/home/home.component.spec.ts b/src/app/home/home.component.spec.ts old mode 100644 new mode 100755 index 86774ae21..9ec6d6187 --- a/src/app/home/home.component.spec.ts +++ b/src/app/home/home.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { HomeComponent } from './home.component'; - -describe('HomeComponent', () => { - let component: HomeComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ HomeComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(HomeComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should be created', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HomeComponent } from './home.component'; + +describe('HomeComponent', () => { + let component: HomeComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ HomeComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HomeComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should be created', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts old mode 100644 new mode 100755 index 5de38544c..0bda56b6f --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,21 +1,21 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-home', - templateUrl: './home.component.html', - styleUrls: ['./home.component.scss'] -}) - -export class HomeComponent implements OnInit { - model = { - left: true, - middle: false, - right: false - }; - - focus; - focus1; - constructor() { } - - ngOnInit() {} -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-home', + templateUrl: './home.component.html', + styleUrls: ['./home.component.scss'] +}) + +export class HomeComponent implements OnInit { + model = { + left: true, + middle: false, + right: false + }; + + focus; + focus1; + constructor() { } + + ngOnInit() {} +} diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts old mode 100644 new mode 100755 index 409b6e5af..87c7be4a4 --- a/src/app/home/home.module.ts +++ b/src/app/home/home.module.ts @@ -1,24 +1,24 @@ -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; -import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; -import { RouterModule } from '@angular/router'; - -import { HomeComponent } from './home.component'; - -import { SectionsModule } from '../sections/sections.module'; - -@NgModule({ - imports: [ - CommonModule, - BrowserModule, - FormsModule, - RouterModule, - SectionsModule, NgbModule - ], - declarations: [ HomeComponent ], - exports:[ HomeComponent ], - providers: [] -}) -export class HomeModule { } +import { BrowserModule } from '@angular/platform-browser'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; +import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; +import { RouterModule } from '@angular/router'; + +import { HomeComponent } from './home.component'; + +import { SectionsModule } from '../sections/sections.module'; + +@NgModule({ + imports: [ + CommonModule, + BrowserModule, + FormsModule, + RouterModule, + SectionsModule, NgbModule + ], + declarations: [ HomeComponent ], + exports:[ HomeComponent ], + providers: [] +}) +export class HomeModule { } diff --git a/src/app/landing/landing.component.html b/src/app/landing/landing.component.html old mode 100644 new mode 100755 index a1534de62..5330e6d79 --- a/src/app/landing/landing.component.html +++ b/src/app/landing/landing.component.html @@ -1,499 +1,223 @@ -
-
- -
-
- - - - - - - - - -
-
-
-
-
-

A beautiful Design System - completed with examples -

-

The design system comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go.

- -
-
-
-
- -
- - - -
-
- -
-
-
-
-
-
-
-
-
-
- -
-
Download Argon
-

Argon is a great free UI package based on Angular that includes the most important components and features.

-
- angular - ng-bootstrap - creative -
- Learn more -
-
-
-
-
-
-
- -
-
Build Something
-

Argon is a great free UI package based on Angular that includes the most important components and features.

-
- business - vision - success -
- Learn more -
-
-
-
-
-
-
- -
-
Prepare Launch
-

Argon is a great free UI package based on Angular that includes the most important components and features.

-
- marketing - product - launch -
- Learn more -
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
- -
-

Awesome features

-

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go.

-
    -
  • -
    -
    -
    - -
    -
    -
    -
    Carefully crafted components
    -
    -
    -
  • -
  • -
    -
    -
    - -
    -
    -
    -
    Amazing page examples
    -
    -
    -
  • -
  • -
    -
    -
    - -
    -
    -
    -
    Super friendly support team
    -
    -
    -
  • -
-
-
-
-
-
-
-
-
-
-
- -
- - - - -

Design System

-

The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever happens.

-
-
-
-
-
-
- -
-

Our customers

-

Don't let your uses guess by attaching tooltips and popoves to any element. Just make sure you enable them first via JavaScript.

-

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go.

-

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go.

- A beautiful UI Kit for impactful websites -
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-

Modern Interface

-

The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever.

-
-
-
-
-
-
-
- -
-
-
-
Awesome Support
-

The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever.

- Learn more -
-
-
-
-
-
-
-
-
- -
-
-
-
Modular Components
-

The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever.

- Learn more -
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-

The amazing Team

-

According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record maximum.

-
-
-
-
-
- -
-
- Ryan Tompson - Web Developer -
- -
-
-
-
-
- -
-
- Romina Hadid - Marketing Strategist -
- -
-
-
-
-
- -
-
- Alexander Smith - UI/UX Designer -
- -
-
-
-
-
- -
-
- John Doe - Founder and CEO -
- -
-
-
-
-
-
-
-
-
-
-
-
-

We made website building easier for you.

-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture.

-
- -
-
-
-
-
-
-
-
-
-

Build something

-

According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record low maximum sea ice extent tihs year down to low ice.

-
-
-
-
-
- -
-
Building tools
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
-
- -
-
Grow your market
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
-
- -
-
Launch time
-

Some quick example text to build on the card title and make up the bulk of the card's content.

-
-
-
- -
- - - -
-
-
-
-
-
-
-
-

Want to work with us?

-

Your project is very important to us.

-
-
-
- -
- -
-
-
-
-
- -
- -
-
-
- -
-
- -
-
-
-
-
-
-
-
-
-
-
-

Do you love this awesome - Design System for Angular? -

-

Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in Angular. Start a new project or give an old Angular project a new look!

- -
-

Available on these technologies

-
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
-
-
-
-
-
-
+
+
+
+
+

+ One stop for all
+ your health needs +

+ +

+ The aim of medicine is to prevent disease and prolong
+ life, the ideal of medicine is to eliminate the need of a physician +

+
+
+ +
+ + + +
+
+ +
+

Search by Specialities

+ +
+
+
+
+
+
+
+
+ + {{ spl.title }} + +
+
+ {{ + spl.title + }} +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+

Search by Symptoms

+ + +
+ + +
+
+
+
+
+
+
+ +
+
+ {{ sym.title }} +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+ + +
+

Search by Diagnosis

+ +
+
+
+
+
+
+
+
+ + {{ daigno.title }} +
+
+ {{ daigno.title }} +
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
diff --git a/src/app/landing/landing.component.scss b/src/app/landing/landing.component.scss old mode 100644 new mode 100755 index e69de29bb..8cb0eec05 --- a/src/app/landing/landing.component.scss +++ b/src/app/landing/landing.component.scss @@ -0,0 +1,383 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + background-image: linear-gradient(to right, #16b3ac, #d2dc02); + height: 400px; + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + margin: 20px; + border-radius: 30px; + // box-shadow: ; +} + +h1 { + font-family: "Poppins", sans-serif; + font-size: 36px; + color: white; +} + +.align_symptoms { + display: flex !important; + flex-direction: row !important; + align-items: center !important; + justify-content: space-between !important; +} + +p { + font-family: "Poppins", sans-serif; + color: white; +} + +$fuschia: #16b3ac; +$button-bg: $fuschia; +$button-text-color: #fff; +$baby-blue: #f8faff; + +.button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } +} + +@keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } +} + +@keyframes bottomBubbles { + 0% { + background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, + 70% -10%, 70% 0%; + } + 50% { + background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, + 105% 0%; + } + 100% { + background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, + 110% 10%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } +} + +.container1 { + display: flex; + flex-direction: column; + width: 80% !important; + margin: 0 auto; +} +.carousal-main { + position: absolute; + margin-top: 100px; +} +.example-card { + max-width: 100%; + margin-top: 5%; + margin-bottom: 5%; + box-shadow: 0 3px 6px rgba(#acc0e9, 0.5); +} + +.example-header-image { + background-image: url("https://material.angular.io/assets/img/examples/shiba1.jpg"); + background-size: cover; +} + +.card { + display: inline-block; + background: #fff; + width: 100%; + height: 100%; + border-radius: 4px; + position: relative; +} +.carousel-item { + height: 500px; + width: 100%; + position: relative; + background-color: white; +} +.mat-parent { + background-color: white; + margin-top: 6%; + width: 80%; + margin-left: 10%; + /*background-image: url("/assets/img/bg1.jpg");*/ +} +.mat-parent-small { + display: none; +} +/*for ipad and other lage tabs*/ +@media only screen and (max-width: 768px) { + .mat-parent-small { + display: block; + } + .mat-parent { + display: none; + } + .mat-parent-small { + background-color: white; + margin-top: 19%; + width: 96%; + margin-left: 2%; + position: relative; + height: 660px; + padding-bottom: 10%; + } + .carousel-item { + height: 596px; + width: 100%; + position: relative; + background-color: white; + } + .example-card { + max-width: 100%; + margin-top: 1%; + margin-bottom: 1%; + box-shadow: 0 3px 6px rgba(#acc0e9, 0.5); + } +} +/*for mobile devices*/ +@media only screen and (max-width: 500px) { + .mat-parent-small { + display: block; + } + .mat-parent { + display: none; + } + .mat-parent-small { + background-color: white; + margin-top: 19%; + width: 96%; + margin-left: 2%; + position: relative; + height: 440px; + padding-bottom: 10%; + /*background-image: url("/assets/img/bg1.jpg");*/ + } + .carousel-item { + height: 385px; + width: 100%; + position: relative; + background-color: white; + } + .example-card { + max-width: 100%; + margin-top: 1%; + margin-bottom: 1%; + box-shadow: 0 3px 6px rgba(#acc0e9, 0.5); + } +} + +.slider-container { + display: flex; + flex-direction: column; + position: relative; + .slides-container { + padding: 0 60px; + } +} + +.slides { + display: flex; + overflow-x: hidden; + // This is not supported by all browsers. If you want a different animation, please feel free + // to find your own solution. + scroll-behavior: smooth; + + &::-webkit-scrollbar { + width: 0px; + background: transparent; + } +} + +.controls { + width: 100%; + position: absolute; + display: flex; + justify-content: space-between; + top: 20%; +} + +.buttons-lft-rgt { + border-radius: 50%; +} + +.rounded { + border-radius: 25px !important; + padding: 20px; +} + +.btn-color { + border-radius: 50%; + background-color: #fff2ee; + width: 150px; + height: 150px; + top: 30px; + font-size: 25px; + color: #d17d7d; +} + +.container { + background-image: linear-gradient(to right, #16b3ac, #d2dc02); + height: 200px; + width: 46%; + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + margin: 20px; + border-radius: 30px; + margin-top: 50px; + margin-left: 30px; + margin-right: 40px; +} + +.container2 { + background-image: linear-gradient(to right, #16b3ac, #d2dc02); + height: 200px; + width: 46%; + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + margin: 20px; + border-radius: 30px; + margin-top: 50px; + margin-right: 30px; +} + +a { + text-decoration: none; + color: white; +} + +.banner { + display: flex; + flex-direction: row; + width: 100vw; +} + +h2::before { + transform: scaleX(0); + transform-origin: bottom right; +} + +h2:hover { + color: white; +} + +h2:hover::before { + transform: scaleX(1); + transform-origin: bottom left; +} + +h2::before { + content: " "; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + inset: 0 0 0 0; + background: linear-gradient(to right, #16b3ac, #d2dc02); + z-index: -1; + transition: transform 0.3s ease; +} + +h2 { + position: relative; +} diff --git a/src/app/landing/landing.component.spec.ts b/src/app/landing/landing.component.spec.ts old mode 100644 new mode 100755 index fe65f288b..941dc4c7b --- a/src/app/landing/landing.component.spec.ts +++ b/src/app/landing/landing.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { LandingComponent } from './landing.component'; - -describe('LandingComponent', () => { - let component: LandingComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ LandingComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(LandingComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should be created', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LandingComponent } from './landing.component'; + +describe('LandingComponent', () => { + let component: LandingComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ LandingComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(LandingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should be created', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/landing/landing.component.ts b/src/app/landing/landing.component.ts index a552dabd5..d81232eea 100644 --- a/src/app/landing/landing.component.ts +++ b/src/app/landing/landing.component.ts @@ -1,17 +1,143 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-landing', - templateUrl: './landing.component.html', - styleUrls: ['./landing.component.scss'] -}) - -export class LandingComponent implements OnInit { - focus: any; - focus1: any; - - constructor() { } - - ngOnInit() {} - -} +import { Component, OnInit, ViewChild, ElementRef } from "@angular/core"; +import { Router } from "@angular/router"; + +@Component({ + selector: "app-landing", + templateUrl: "./landing.component.html", + styleUrls: ["./landing.component.scss"], +}) +export class LandingComponent implements OnInit { + @ViewChild("widgetsContent") widgetsContent: ElementRef; + @ViewChild("widgetsSymptoms") widgetsSymptoms: ElementRef; + @ViewChild("widgetsDiagnosis") widgetsDiagnosis: ElementRef; + + specialitiesImgs = [ + { img: "./assets/img/hospital/physician.svg", title: "Physician", url: "/physicians"}, + { img: "./assets/img/hospital/gynaecologist.svg", title: "Gynaecologist", url: "/gynaecologist" }, + { img: "./assets/img/hospital/pediatrician.svg", title: "Pediatrician", url: "/pediatrician" }, + { img: "./assets/img/hospital/orthopedician.svg", title: "Orthopedician", url: "/ortho" }, + { + img: "./assets/img/hospital/eye-specialist.svg", + title: "Eye Specialist", url: "/eyespecialist" + }, + { + img: "./assets/img/hospital/physiotherapist.svg", + title: "Physiotherapist", url: "#" + }, + { img: "./assets/img/hospital/dentist.svg", title: "Dentist", url: "/dentist" }, + { img: "./assets/img/hospital/more.svg", title: "View all", url: "/doctors" }, + ]; + + diagnosisImgs = [ + { + img: "./assets/img/hospital/self-check-Migraine.png", + title: "Migraine", + url: "/migraine-treatment-doctors", + }, + { + img: "./assets/img/hospital/selfcheck-Diabetes.png", + title: "Diabetes", + url: "/diabetes-treatment-doctors", + }, + { + img: "./assets/img/hospital/selfcheck-Thyroid.png", + title: "Thyroid", + url: "#", + }, + { + img: "./assets/img/hospital/selfcheck-Heart-Health.png", + title: "Heart Health", + url: "#", + }, + { + img: "./assets/img/hospital/selfcheck-COVID.png", + title: "COVID-19", + url: "/physicians", + }, + ]; + symptomsImgs = [ + { img: "./assets/img/hospital/Acidity.png", title: "Acidity" }, + { img: "./assets/img/hospital/Acne-01.png", title: "Acne" }, + { img: "./assets/img/hospital/Anxiety.png", title: "Anxiety" }, + { img: "./assets/img/hospital/Back-Pain.png", title: "Back-Pain" }, + { + img: "./assets/img/hospital/Constipation.png", + title: "Constipation", + }, + { + img: "./assets/img/hospital/Cough-01.png", + title: "Cough", + }, + { img: "./assets/img/hospital/Depression-01.png", title: "Depression" }, + { img: "./assets/img/hospital/Fever-01.png", title: "Fever" }, + ]; + + focus: any; + focus1: any; + + constructor(private router: Router) {} + + scrollLeft() { + this.widgetsContent.nativeElement.scrollLeft -= 230; + } + + scrollRight() { + this.widgetsContent.nativeElement.scrollLeft += 230; + } + scrollLeftSymp() { + this.widgetsSymptoms.nativeElement.scrollLeft -= 230; + } + + scrollRightSymp() { + this.widgetsSymptoms.nativeElement.scrollLeft += 230; + } + + scrollLeftDiagno() { + this.widgetsDiagnosis.nativeElement.scrollLeft -= 230; + } + + symptomsRoute() { + setTimeout(() => { + this.router.navigateByUrl("/symptoms"); + }, 500); + } + + specialitiesRoute() { + setTimeout(() => { + this.router.navigateByUrl("/doctors"); + }, 500); + } + + diagnosisRoute() { + setTimeout(() => { + this.router.navigateByUrl("/selfcheck"); + }, 500); + } + + scrollRightDiagno() { + this.widgetsDiagnosis.nativeElement.scrollLeft += 230; + } + + ngOnInit() { + for (var i = 0; i < this.bubblyButtons.length; i++) { + this.bubblyButtons[i].addEventListener( + "click", + this.animateButton, + false + ); + } + } + + animateButton(e) { + e.preventDefault; + //reset animation + e.target.classList.remove("animate"); + + e.target.classList.add("animate"); + setTimeout(function () { + e.target.classList.remove("animate"); + }, 700); + } + + bubblyButtons = document.getElementsByClassName("button"); +} diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css old mode 100644 new mode 100755 diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html old mode 100644 new mode 100755 index 3dda2a10f..4ccdd3770 --- a/src/app/login/login.component.html +++ b/src/app/login/login.component.html @@ -1,85 +1,85 @@ -
-
-
- - - - - - - - -
-
-
-
-
-
-
- Sign in with -
- -
-
-
- Or sign in with credentials -
-
-
-
-
- -
- -
-
-
-
-
- -
- -
-
-
- - -
-
- -
-
-
-
- -
-
-
-
-
+
+
+
+ + + + + + + + +
+
+
+
+
+
+
+ Sign in with +
+ +
+
+
+ Or sign in with credentials +
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+
+ +
+
+
+
+
diff --git a/src/app/login/login.component.spec.ts b/src/app/login/login.component.spec.ts old mode 100644 new mode 100755 index d6d85a846..759cc3345 --- a/src/app/login/login.component.spec.ts +++ b/src/app/login/login.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { LoginComponent } from './login.component'; - -describe('LoginComponent', () => { - let component: LoginComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ LoginComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(LoginComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LoginComponent } from './login.component'; + +describe('LoginComponent', () => { + let component: LoginComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ LoginComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(LoginComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts old mode 100644 new mode 100755 index f434a62d4..2307db475 --- a/src/app/login/login.component.ts +++ b/src/app/login/login.component.ts @@ -1,16 +1,16 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-login', - templateUrl: './login.component.html', - styleUrls: ['./login.component.css'] -}) -export class LoginComponent implements OnInit { - focus; - focus1; - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-login', + templateUrl: './login.component.html', + styleUrls: ['./login.component.css'] +}) +export class LoginComponent implements OnInit { + focus; + focus1; + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.html b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.html new file mode 100644 index 000000000..7ef2fff32 --- /dev/null +++ b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.html @@ -0,0 +1,49 @@ +
+ + +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{ docInfo.name }}
+

{{ docInfo.quali }}

+

{{ docInfo.prof }}

+

+ {{ docInfo.lang }} +

+

+ {{ docInfo.fee }} +

+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
diff --git a/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.scss b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.scss new file mode 100644 index 000000000..25a646d06 --- /dev/null +++ b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.scss @@ -0,0 +1,167 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; +} +sectio .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; +} + +.main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + border-bottom: 1px solid lightgrey; + font-family: "Poppins", sans-serif; +} + +.rounded { + border-radius: 25px !important; + padding: 10px; +} + +// .button { +// border-radius: 10px; +// border: none; +// font-size: 10px; +// background-color: #16b3ac; +// font-family: "Poppins", sans-serif; + +// } +$fuschia: #16b3ac; +$button-bg: $fuschia; +$button-text-color: #fff; +$baby-blue: #f8faff; + +.button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } +} + +@keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } +} + +.card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; +} +.card-text { + margin-top: -3%; +} diff --git a/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.spec.ts b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.spec.ts new file mode 100644 index 000000000..613fe44bf --- /dev/null +++ b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MigrainetreatmentdocsComponent } from './migrainetreatmentdocs.component'; + +describe('MigrainetreatmentdocsComponent', () => { + let component: MigrainetreatmentdocsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MigrainetreatmentdocsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MigrainetreatmentdocsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.ts b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.ts new file mode 100644 index 000000000..2899f0a7e --- /dev/null +++ b/src/app/migrainetreatmentdocs/migrainetreatmentdocs.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit } from "@angular/core"; + +@Component({ + selector: "app-migrainetreatmentdocs", + templateUrl: "./migrainetreatmentdocs.component.html", + styleUrls: ["./migrainetreatmentdocs.component.scss"], +}) +export class MigrainetreatmentdocsComponent implements OnInit { + constructor() {} + migrainedocInfo = [ + { + img: "./assets/img/hospital/doctor1.jpeg", + name: "Dr. John paul", + exp: "22 years exp", + quali: "MBBS, MD (General Medicine)", + prof: "Neurologist", + lang: "English, Hindi", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor2.jpeg", + name: "Dr. Henry", + exp: "18 years exp", + quali: "MBBS", + prof: "Neurologist", + lang: "English", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor3.jpeg", + name: "Dr. Andrew Hall", + exp: "14 years exp", + quali: "MBBS, MS", + prof: "Neurologist", + lang: "English, Hindi", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor4.jpeg", + name: "Dr. Elizabeth", + exp: "12 years exp", + quali: "MBBS, DNB", + prof: "Neurologist", + lang: "English", + fee: "₹300 Consultation fee", + }, + { + img: "./assets/img/hospital/doctor5.jpeg", + name: "Dr. Rebecca", + exp: "8 years exp", + quali: "MBBS, MD (General Medicine)", + prof: "Neurologist", + lang: "English, Hindi", + fee: "₹300 Consultation fee", + }, + ]; + ngOnInit(): void {} +} diff --git a/src/app/orthopedician/orthopedician.component.html b/src/app/orthopedician/orthopedician.component.html new file mode 100644 index 000000000..3589c5ed8 --- /dev/null +++ b/src/app/orthopedician/orthopedician.component.html @@ -0,0 +1,54 @@ +
+
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{docInfo.name}}
+

{{docInfo.quali}}

+

{{docInfo.prof}}

+

+ {{docInfo.lang}} +

+

+ {{docInfo.fee}} +

+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/orthopedician/orthopedician.component.scss b/src/app/orthopedician/orthopedician.component.scss new file mode 100644 index 000000000..a6650467b --- /dev/null +++ b/src/app/orthopedician/orthopedician.component.scss @@ -0,0 +1,225 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} + +hr { + width: 83%; + margin-right: 10%; +} +.popup { + width: 400px; + background: #fff; + border-radius: 6px; + border-color: #333; + position: absolute; + top: 50%; + left: -40%; + transform: translate(-50%,-50%) scale(0.1); + text-align: center; + padding: 0 30px 30px; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.open-popup { + visibility: visible; + top: 100%; + transform: translate(-70%, -70%) scale(1); +} + +.popup img { + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.popup h2 { + font-size: 38px; + font-weight: 500; + margin: 30px 0 10px; +} + +.popup button { + width: 100%; + margin-top: 50px; + padding: 10px 0; + background: #6fd649; + color: #fff; + border: 0; + outline: none; + font-size: 18px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} diff --git a/src/app/orthopedician/orthopedician.component.spec.ts b/src/app/orthopedician/orthopedician.component.spec.ts new file mode 100644 index 000000000..75b554c6e --- /dev/null +++ b/src/app/orthopedician/orthopedician.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { OrthopedicianComponent } from './orthopedician.component'; + +describe('OrthopedicianComponent', () => { + let component: OrthopedicianComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ OrthopedicianComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(OrthopedicianComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/orthopedician/orthopedician.component.ts b/src/app/orthopedician/orthopedician.component.ts new file mode 100644 index 000000000..85128d30b --- /dev/null +++ b/src/app/orthopedician/orthopedician.component.ts @@ -0,0 +1,41 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-orthopedician', + templateUrl: './orthopedician.component.html', + styleUrls: ['./orthopedician.component.scss'] +}) +export class OrthopedicianComponent implements OnInit { + orthopedicianInfo = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. George", exp: "22 years exp", + quali: "MBBS, MS(Ortho)", prof: "Orthopedician", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Timothy", exp: "18 years exp", + quali: "MBBS, DNB(Ortho)", prof: "Orthopedician", lang: "English", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. Edward ", exp: "14 years exp", + quali: "MBBS, MS(Ortho)", prof: "Orthopedician", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Hannah", exp: "12 years exp", + quali: "MBBS, DNB(Ortho)", prof: "Orthopedician", lang: "English", fee: "₹300 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Lucy", exp: "8 years exp", + quali: "MBBS, DNB(Ortho)", prof: "Orthopedician", lang: "English, Hindi", fee: "₹300 Consultation fee" + }, + ]; + + constructor() { } + + openPopup() { + let popup = document.getElementById("popup"); + + popup.classList.add("open-popup") + } + + closePopup() { + let popup = document.getElementById("popup"); + + popup.classList.remove("open-popup") + } + + ngOnInit(): void { + } + +} diff --git a/src/app/pediatrician/pediatrician.component.html b/src/app/pediatrician/pediatrician.component.html new file mode 100644 index 000000000..9dc9b2549 --- /dev/null +++ b/src/app/pediatrician/pediatrician.component.html @@ -0,0 +1,54 @@ +
+
+
+ +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{docInfo.name}}
+

{{docInfo.quali}}

+

{{docInfo.prof}}

+

+ {{docInfo.lang}} +

+

+ {{docInfo.fee}} +

+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/pediatrician/pediatrician.component.scss b/src/app/pediatrician/pediatrician.component.scss new file mode 100644 index 000000000..15171f232 --- /dev/null +++ b/src/app/pediatrician/pediatrician.component.scss @@ -0,0 +1,225 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} +hr { + width: 83%; + margin-right: 10%; +} + +.popup { + width: 400px; + background: #fff; + border-radius: 6px; + border-color: #333; + position: absolute; + top: 50%; + left: -40%; + transform: translate(-50%,-50%) scale(0.1); + text-align: center; + padding: 0 30px 30px; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.open-popup { + visibility: visible; + top: 100%; + transform: translate(-70%, -70%) scale(1); +} + +.popup img { + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.popup h2 { + font-size: 38px; + font-weight: 500; + margin: 30px 0 10px; +} + +.popup button { + width: 100%; + margin-top: 50px; + padding: 10px 0; + background: #6fd649; + color: #fff; + border: 0; + outline: none; + font-size: 18px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} diff --git a/src/app/pediatrician/pediatrician.component.spec.ts b/src/app/pediatrician/pediatrician.component.spec.ts new file mode 100644 index 000000000..a3df2fe08 --- /dev/null +++ b/src/app/pediatrician/pediatrician.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PediatricianComponent } from './pediatrician.component'; + +describe('PediatricianComponent', () => { + let component: PediatricianComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PediatricianComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PediatricianComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pediatrician/pediatrician.component.ts b/src/app/pediatrician/pediatrician.component.ts new file mode 100644 index 000000000..f99d8e753 --- /dev/null +++ b/src/app/pediatrician/pediatrician.component.ts @@ -0,0 +1,42 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-pediatrician', + templateUrl: './pediatrician.component.html', + styleUrls: ['./pediatrician.component.scss'] +}) +export class PediatricianComponent implements OnInit { + pediatricianInfo = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. Jason", exp: "22 years exp", + quali: "MBBS, MD (General Medicine)", prof: "Pediatrician", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Jacob", exp: "18 years exp", + quali: "MBBS, DO", prof: "Pediatrician", lang: "English", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. Nicholas", exp: "14 years exp", + quali: "MBBS, MD", prof: "Pediatrician", lang: "English, Hindi", fee: "₹300 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Elena", exp: "12 years exp", + quali: "MBBS, DO", prof: "Pediatrician", lang: "English", fee: "₹300 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Ivy", exp: "8 years exp", + quali: "MBBS, DO", prof: "Pediatrician", lang: "English, Hindi", fee: "₹300 Consultation fee" + }, + ]; + + + constructor() { } + + openPopup() { + let popup = document.getElementById("popup"); + + popup.classList.add("open-popup") + } + + closePopup() { + let popup = document.getElementById("popup"); + + popup.classList.remove("open-popup") + } + + ngOnInit(): void { + } + +} diff --git a/src/app/physicians/physicians.component.html b/src/app/physicians/physicians.component.html new file mode 100644 index 000000000..5cd54f7b1 --- /dev/null +++ b/src/app/physicians/physicians.component.html @@ -0,0 +1,53 @@ +
+ + +
+
+
+
+
+
+ +
+ +
+
+
+
+
{{docInfo.name}}
+

{{docInfo.quali}}

+

{{docInfo.prof}}

+

+ {{docInfo.lang}}

+

+ {{docInfo.fee}} +

+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/src/app/physicians/physicians.component.scss b/src/app/physicians/physicians.component.scss new file mode 100644 index 000000000..22db63255 --- /dev/null +++ b/src/app/physicians/physicians.component.scss @@ -0,0 +1,224 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +.main_conatainer { + + height: 40px; + //display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + + // box-shadow: ; + } + sectio + + .container1 { + display: flex; + flex-direction: column; + width: 60% !important; + margin: 0 auto; + } + + .main_card { + height: 220px; + // border-radius: 5%; + display: flex; + padding-bottom: 1.2em; + border: none; + font-family: "Poppins", sans-serif; + + } + + .rounded { + border-radius: 25px !important; + padding: 10px; + } + + // .button { + // border-radius: 10px; + // border: none; + // font-size: 10px; + // background-color: #16b3ac; + // font-family: "Poppins", sans-serif; + + // } + $fuschia: #16b3ac; + $button-bg: $fuschia; + $button-text-color: #fff; + $baby-blue: #f8faff; + + .button { + background-image: linear-gradient(120deg, #16b3ac, #d2dc02); + color: white; + outline: none; + font-family: "Poppins", sans-serif; + display: inline-block; + font-size: 14px; + padding: 10px 2em; + -webkit-appearance: none; + appearance: none; + background-color: $button-bg; + color: $button-text-color; + border-radius: 30px; + border: none; + cursor: pointer; + position: relative; + transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; + box-shadow: 0 2px 25px rgba(22, 179, 172, 0.5); + width: fit-content; + + &:focus { + outline: 0; + } + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 140%; + height: 100%; + left: -20%; + z-index: -1000; + transition: all ease-in-out 0.5s; + background-repeat: no-repeat; + } + + &:before { + display: none; + top: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 20%, $button-bg 20%, transparent 30%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, + 15% 15%, 10% 10%, 18% 18%; + } + + &:after { + display: none; + bottom: -75%; + background-image: radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, transparent 10%, $button-bg 15%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%), + radial-gradient(circle, $button-bg 20%, transparent 20%); + background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, + 20% 20%; + //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; + } + + &:active { + transform: scale(0.9); + background-color: darken($button-bg, 5%); + box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); + } + + &.animate { + &:before { + display: block; + animation: topBubbles ease-in-out 0.75s forwards; + } + &:after { + display: block; + animation: bottomBubbles ease-in-out 0.75s forwards; + } + } + } + + @keyframes topBubbles { + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } + } + + .card-body { + margin-top: -4%; +} + +.button1 { + background-color: gray; + color: white; + border-radius: 30px; + width: 43%; + +} +.button { + background-color: #16b3ac; + color: white; + border-radius: 30px; + width: 43%; + +} +.card-text { + margin-top: -3%; +} +hr { + width: 83%; + margin-right: 10%; +} +.popup { + width: 400px; + background: #fff; + // border-radius: 6px; + // border-color: #333; + position: absolute; + top: 50%; + left: -40%; + transform: translate(-50%,-50%) scale(0.1); + text-align: center; + padding: 0 30px 30px; + color: #333; + visibility: hidden; + transition: transform 0.4s, top 0.4s; +} + +.open-popup { + visibility: visible; + top: 100%; + transform: translate(-70%, -70%) scale(1); +} + +.popup img { + width: 100px; + margin-top: -50px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.popup h2 { + font-size: 38px; + font-weight: 500; + margin: 30px 0 10px; +} + +.popup button { + width: 100%; + margin-top: 50px; + padding: 10px 0; + background: #6fd649; + color: #fff; + border: 0; + outline: none; + font-size: 18px; + border-radius: 4px; + cursor: pointer; + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} \ No newline at end of file diff --git a/src/app/physicians/physicians.component.spec.ts b/src/app/physicians/physicians.component.spec.ts new file mode 100644 index 000000000..b6415ae59 --- /dev/null +++ b/src/app/physicians/physicians.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PhysiciansComponent } from './physicians.component'; + +describe('PhysiciansComponent', () => { + let component: PhysiciansComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PhysiciansComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PhysiciansComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/physicians/physicians.component.ts b/src/app/physicians/physicians.component.ts new file mode 100644 index 000000000..8f20a44c0 --- /dev/null +++ b/src/app/physicians/physicians.component.ts @@ -0,0 +1,45 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-physicians', + templateUrl: './physicians.component.html', + styleUrls: ['./physicians.component.scss'] +}) +export class PhysiciansComponent implements OnInit { + + physiciansInfo = [ + { img: "./assets/img/hospital/doctor1.jpeg", name: "Dr. John", exp: "22 years exp", + quali: "MBBS, MD (General Medicine)", prof: "Physician", lang: "English, Hindi", fee: "₹300 Consultation fee"}, + { img: "./assets/img/hospital/doctor2.jpeg", name: "Dr. Stephen", exp: "18 years exp", + quali: "MBBS, MD", prof: "Physician", lang: "English", fee: "₹500 Consultation fee"}, + { img: "./assets/img/hospital/doctor3.jpeg", name: "Dr. Andrew Hall", exp: "14 years exp", + quali: "MBBS, MD (General Medicine)", prof: "Physician", lang: "English, Hindi", fee: "₹400 Consultation fee" }, + { img: "./assets/img/hospital/doctor4.jpeg", name: "Dr. Elizabeth", exp: "12 years exp", + quali: "MBBS, MD", prof: "Physician", lang: "English", fee: "₹400 Consultation fee" }, + { + img: "./assets/img/hospital/doctor5.jpeg", name: "Dr. Rebecca", exp: "8 years exp", + quali: "MBBS, MS", prof: "Physician", lang: "English, Hindi", fee: "₹300 Consultation fee" + }, + ]; + + constructor() { } + + openPopup() { + let popup = document.getElementById("popup"); + + popup.classList.add("open-popup") + } + + closePopup() { + let popup = document.getElementById("popup"); + + popup.classList.remove("open-popup") + } + + + + ngOnInit(): void { + } + + +} diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html old mode 100644 new mode 100755 index cee6cf024..39b054919 --- a/src/app/profile/profile.component.html +++ b/src/app/profile/profile.component.html @@ -1,75 +1,75 @@ -
-
- -
- - - - - - - -
- -
- - - -
-
-
-
-
-
-
-
-
- - - -
-
-
- -
-
-
-
- 22 - Friends -
-
- 10 - Photos -
-
- 89 - Comments -
-
-
-
-
-

Jessica Jones - , 27 -

-
Bucharest, Romania
-
Solution Manager - Creative Tim Officer
-
University of Computer Science
-
-
-
-
-

An artist of considerable range, Ryan — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. An artist of considerable range.

- Show more -
-
-
-
-
-
-
-
+
+
+ +
+ + + + + + + +
+ +
+ + + +
+
+
+
+
+
+
+
+
+ + + +
+
+
+ +
+
+
+
+ 22 + Friends +
+
+ 10 + Photos +
+
+ 89 + Comments +
+
+
+
+
+

Jessica Jones + , 27 +

+
Bucharest, Romania
+
Solution Manager - Creative Tim Officer
+
University of Computer Science
+
+
+
+
+

An artist of considerable range, Ryan — the name taken by Melbourne-raised, Brooklyn-based Nick Murphy — writes, performs and records all of his own music, giving it a warm, intimate feel with a solid groove structure. An artist of considerable range.

+ Show more +
+
+
+
+
+
+
+
diff --git a/src/app/profile/profile.component.scss b/src/app/profile/profile.component.scss old mode 100644 new mode 100755 diff --git a/src/app/profile/profile.component.spec.ts b/src/app/profile/profile.component.spec.ts old mode 100644 new mode 100755 index c409004a5..739a285da --- a/src/app/profile/profile.component.spec.ts +++ b/src/app/profile/profile.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ProfileComponent } from './profile.component'; - -describe('ProfileComponent', () => { - let component: ProfileComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ ProfileComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(ProfileComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should be created', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProfileComponent } from './profile.component'; + +describe('ProfileComponent', () => { + let component: ProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ProfileComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should be created', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/profile/profile.component.ts b/src/app/profile/profile.component.ts old mode 100644 new mode 100755 index 99d69bae7..77c2e89f8 --- a/src/app/profile/profile.component.ts +++ b/src/app/profile/profile.component.ts @@ -1,15 +1,15 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-profile', - templateUrl: './profile.component.html', - styleUrls: ['./profile.component.scss'] -}) - -export class ProfileComponent implements OnInit { - - constructor() { } - - ngOnInit() {} - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-profile', + templateUrl: './profile.component.html', + styleUrls: ['./profile.component.scss'] +}) + +export class ProfileComponent implements OnInit { + + constructor() { } + + ngOnInit() {} + +} diff --git a/src/app/sections/alerts-section/alerts-section.component.css b/src/app/sections/alerts-section/alerts-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/alerts-section/alerts-section.component.html b/src/app/sections/alerts-section/alerts-section.component.html old mode 100644 new mode 100755 index e8f4a5058..3e92dda29 --- a/src/app/sections/alerts-section/alerts-section.component.html +++ b/src/app/sections/alerts-section/alerts-section.component.html @@ -1,16 +1,16 @@ - -
-

- Alerts -

-
- - -
- -
-
- {{alert.strong}} {{ alert.message }} -
-
-
+ +
+

+ Alerts +

+
+ + +
+ +
+
+ {{alert.strong}} {{ alert.message }} +
+
+
diff --git a/src/app/sections/alerts-section/alerts-section.component.spec.ts b/src/app/sections/alerts-section/alerts-section.component.spec.ts old mode 100644 new mode 100755 index f50d36bd5..17747bd0e --- a/src/app/sections/alerts-section/alerts-section.component.spec.ts +++ b/src/app/sections/alerts-section/alerts-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { AlertsSectionComponent } from './alerts-section.component'; - -describe('AlertsSectionComponent', () => { - let component: AlertsSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ AlertsSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(AlertsSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AlertsSectionComponent } from './alerts-section.component'; + +describe('AlertsSectionComponent', () => { + let component: AlertsSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AlertsSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AlertsSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/alerts-section/alerts-section.component.ts b/src/app/sections/alerts-section/alerts-section.component.ts old mode 100644 new mode 100755 index d1e1f225b..2a432ddcb --- a/src/app/sections/alerts-section/alerts-section.component.ts +++ b/src/app/sections/alerts-section/alerts-section.component.ts @@ -1,53 +1,53 @@ -import { Component, OnInit, Input } from '@angular/core'; - -export interface IAlert { - id: number; - type: string; - strong?: string; - message: string; - icon?: string; -} - -@Component({ - selector: 'app-alerts-section', - templateUrl: './alerts-section.component.html', - styleUrls: ['./alerts-section.component.css'] -}) -export class AlertsSectionComponent { - @Input() - public alerts: Array = []; - private backup: Array; - constructor() { - this.alerts.push({ - id: 1, - type: 'success', - strong: 'Success!', - message: 'This is a success alert—check it out!', - icon: 'ni ni-like-2' - }, { - id: 2, - strong: 'Info!', - type: 'info', - message: 'This is an info alert—check it out!', - icon: 'ni ni-bell-55' - }, { - id: 3, - type: 'warning', - strong: 'Warning!', - message: 'This is a warning alert—check it out!', - icon: 'ni ni-bell-55' - }, { - id: 4, - type: 'danger', - strong: 'Danger!', - message: 'This is a danger alert—check it out!', - icon: 'ni ni-support-16' - }); - this.backup = this.alerts.map((alert: IAlert) => Object.assign({}, alert)); - } - - close(alert: IAlert) { - this.alerts.splice(this.alerts.indexOf(alert), 1); - } - -} +import { Component, OnInit, Input } from '@angular/core'; + +export interface IAlert { + id: number; + type: string; + strong?: string; + message: string; + icon?: string; +} + +@Component({ + selector: 'app-alerts-section', + templateUrl: './alerts-section.component.html', + styleUrls: ['./alerts-section.component.css'] +}) +export class AlertsSectionComponent { + @Input() + public alerts: Array = []; + private backup: Array; + constructor() { + this.alerts.push({ + id: 1, + type: 'success', + strong: 'Success!', + message: 'This is a success alert—check it out!', + icon: 'ni ni-like-2' + }, { + id: 2, + strong: 'Info!', + type: 'info', + message: 'This is an info alert—check it out!', + icon: 'ni ni-bell-55' + }, { + id: 3, + type: 'warning', + strong: 'Warning!', + message: 'This is a warning alert—check it out!', + icon: 'ni ni-bell-55' + }, { + id: 4, + type: 'danger', + strong: 'Danger!', + message: 'This is a danger alert—check it out!', + icon: 'ni ni-support-16' + }); + this.backup = this.alerts.map((alert: IAlert) => Object.assign({}, alert)); + } + + close(alert: IAlert) { + this.alerts.splice(this.alerts.indexOf(alert), 1); + } + +} diff --git a/src/app/sections/angular-section/angular-section.component.css b/src/app/sections/angular-section/angular-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/angular-section/angular-section.component.html b/src/app/sections/angular-section/angular-section.component.html old mode 100644 new mode 100755 index 5558ce526..58d482ede --- a/src/app/sections/angular-section/angular-section.component.html +++ b/src/app/sections/angular-section/angular-section.component.html @@ -1,211 +1,211 @@ -
-

- Javascript Components -

-

Modals

-
-
- - - - -
- -
- - - - -
- -
- - - - -
-
- -

Datepicker

-
-
- Single date -
-
-
- -
- -
-
-
-
- Date range -
-
-
-
-
- -
- - - - {{ date.day }} - - -
-
-
-
-
-
-
- -
- - - - {{ date.day }} - - -
-
-
-
-
-
- -

Tooltips & Popovers

-
-
- Tooltips - - - - -
-
- Popovers - - - - -
-
-
+
+

+ Javascript Components +

+

Modals

+
+
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+
+ +

Datepicker

+
+
+ Single date +
+
+
+ +
+ +
+
+
+
+ Date range +
+
+
+
+
+ +
+ + + + {{ date.day }} + + +
+
+
+
+
+
+
+ +
+ + + + {{ date.day }} + + +
+
+
+
+
+
+ +

Tooltips & Popovers

+
+
+ Tooltips + + + + +
+
+ Popovers + + + + +
+
+
diff --git a/src/app/sections/angular-section/angular-section.component.spec.ts b/src/app/sections/angular-section/angular-section.component.spec.ts old mode 100644 new mode 100755 index 71274d9f5..979445282 --- a/src/app/sections/angular-section/angular-section.component.spec.ts +++ b/src/app/sections/angular-section/angular-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { AngularSectionComponent } from './angular-section.component'; - -describe('AngularSectionComponent', () => { - let component: AngularSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ AngularSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(AngularSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AngularSectionComponent } from './angular-section.component'; + +describe('AngularSectionComponent', () => { + let component: AngularSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AngularSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AngularSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/angular-section/angular-section.component.ts b/src/app/sections/angular-section/angular-section.component.ts old mode 100644 new mode 100755 index 26a52eebc..ea24a7071 --- a/src/app/sections/angular-section/angular-section.component.ts +++ b/src/app/sections/angular-section/angular-section.component.ts @@ -1,85 +1,85 @@ -import { Component, OnInit } from '@angular/core'; -import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap'; -import { NgbDate, NgbCalendar } from '@ng-bootstrap/ng-bootstrap'; - -@Component({ - selector: 'app-angular-section', - templateUrl: './angular-section.component.html', - styleUrls: ['./angular-section.component.css'] -}) -export class AngularSectionComponent implements OnInit { - fromDate: NgbDate; - toDate: NgbDate; - hoveredDate: NgbDate; - closeResult: string; - model1 : NgbDate; - model2 : NgbDate; - model : NgbDate; - - focus; - focus1; - focus2; - focus3; - focus4; - constructor(private modalService: NgbModal, calendar: NgbCalendar) { - this.fromDate = calendar.getToday(); - this.toDate = calendar.getNext(calendar.getToday(), 'd', 10); - } - - open(content, type, modalDimension) { - if (modalDimension === 'sm' && type === 'modal_mini') { - this.modalService.open(content, { windowClass: 'modal-mini', size: 'sm', centered: true }).result.then((result) => { - this.closeResult = `Closed with: ${result}`; - }, (reason) => { - this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; - }); - } else if (modalDimension === '' && type === 'Notification') { - this.modalService.open(content, { windowClass: 'modal-danger', centered: true }).result.then((result) => { - this.closeResult = `Closed with: ${result}`; - }, (reason) => { - this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; - }); - } else { - this.modalService.open(content,{ centered: true }).result.then((result) => { - this.closeResult = `Closed with: ${result}`; - }, (reason) => { - this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; - }); - } - } - - private getDismissReason(reason: any): string { - if (reason === ModalDismissReasons.ESC) { - return 'by pressing ESC'; - } else if (reason === ModalDismissReasons.BACKDROP_CLICK) { - return 'by clicking on a backdrop'; - } else { - return `with: ${reason}`; - } - } - isRangeStart(date: NgbDate){ - return this.model1 && this.model2 && date.equals(this.model1); - } - isRangeEnd(date: NgbDate){ - return this.model1 && this.model2 && date.equals(this.model2); - } - isInRange(date: NgbDate){ - return date.after(this.model1) && date.before(this.model2); - } - isActive(date: NgbDate){ - return date.equals(this.model1) || date.equals(this.model2); - } - endDateChanged(date){ - if (this.model1 && this.model2 && (this.model1.year > this.model2.year || this.model1.year === this.model2.year && this.model1.month > this.model2.month || this.model1.year === this.model2.year && this.model1.month === this.model2.month && this.model1.day > this.model2.day )) { - this.model1 = this.model2; - } - } - startDateChanged(date){ - if (this.model1 && this.model2 && (this.model1.year > this.model2.year || this.model1.year === this.model2.year && this.model1.month > this.model2.month || this.model1.year === this.model2.year && this.model1.month === this.model2.month && this.model1.day > this.model2.day )) { - this.model2 = this.model1; - } - } - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; +import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap'; +import { NgbDate, NgbCalendar } from '@ng-bootstrap/ng-bootstrap'; + +@Component({ + selector: 'app-angular-section', + templateUrl: './angular-section.component.html', + styleUrls: ['./angular-section.component.css'] +}) +export class AngularSectionComponent implements OnInit { + fromDate: NgbDate; + toDate: NgbDate; + hoveredDate: NgbDate; + closeResult: string; + model1 : NgbDate; + model2 : NgbDate; + model : NgbDate; + + focus; + focus1; + focus2; + focus3; + focus4; + constructor(private modalService: NgbModal, calendar: NgbCalendar) { + this.fromDate = calendar.getToday(); + this.toDate = calendar.getNext(calendar.getToday(), 'd', 10); + } + + open(content, type, modalDimension) { + if (modalDimension === 'sm' && type === 'modal_mini') { + this.modalService.open(content, { windowClass: 'modal-mini', size: 'sm', centered: true }).result.then((result) => { + this.closeResult = `Closed with: ${result}`; + }, (reason) => { + this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; + }); + } else if (modalDimension === '' && type === 'Notification') { + this.modalService.open(content, { windowClass: 'modal-danger', centered: true }).result.then((result) => { + this.closeResult = `Closed with: ${result}`; + }, (reason) => { + this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; + }); + } else { + this.modalService.open(content,{ centered: true }).result.then((result) => { + this.closeResult = `Closed with: ${result}`; + }, (reason) => { + this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; + }); + } + } + + private getDismissReason(reason: any): string { + if (reason === ModalDismissReasons.ESC) { + return 'by pressing ESC'; + } else if (reason === ModalDismissReasons.BACKDROP_CLICK) { + return 'by clicking on a backdrop'; + } else { + return `with: ${reason}`; + } + } + isRangeStart(date: NgbDate){ + return this.model1 && this.model2 && date.equals(this.model1); + } + isRangeEnd(date: NgbDate){ + return this.model1 && this.model2 && date.equals(this.model2); + } + isInRange(date: NgbDate){ + return date.after(this.model1) && date.before(this.model2); + } + isActive(date: NgbDate){ + return date.equals(this.model1) || date.equals(this.model2); + } + endDateChanged(date){ + if (this.model1 && this.model2 && (this.model1.year > this.model2.year || this.model1.year === this.model2.year && this.model1.month > this.model2.month || this.model1.year === this.model2.year && this.model1.month === this.model2.month && this.model1.day > this.model2.day )) { + this.model1 = this.model2; + } + } + startDateChanged(date){ + if (this.model1 && this.model2 && (this.model1.year > this.model2.year || this.model1.year === this.model2.year && this.model1.month > this.model2.month || this.model1.year === this.model2.year && this.model1.month === this.model2.month && this.model1.day > this.model2.day )) { + this.model2 = this.model1; + } + } + ngOnInit() { + } + +} diff --git a/src/app/sections/buttons-section/buttons-section.component.css b/src/app/sections/buttons-section/buttons-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/buttons-section/buttons-section.component.html b/src/app/sections/buttons-section/buttons-section.component.html old mode 100644 new mode 100755 index 052e423fd..ccedc8009 --- a/src/app/sections/buttons-section/buttons-section.component.html +++ b/src/app/sections/buttons-section/buttons-section.component.html @@ -1,60 +1,60 @@ -
-
-
-
- -

- Basic Elements -

- -

Buttons

- -
- - - - -
- Pick your size -
- - - -
- -
- Pick your color -
- - - - - - -
- Outline -
- - - - - - -
- Links -
- Default - Primary - Info - Success - Warning - Danger -
-
-
-
+
+
+
+
+ +

+ Basic Elements +

+ +

Buttons

+ +
+ + + + +
+ Pick your size +
+ + + +
+ +
+ Pick your color +
+ + + + + + +
+ Outline +
+ + + + + + +
+ Links +
+ Default + Primary + Info + Success + Warning + Danger +
+
+
+
diff --git a/src/app/sections/buttons-section/buttons-section.component.spec.ts b/src/app/sections/buttons-section/buttons-section.component.spec.ts old mode 100644 new mode 100755 index 8ab263b95..f8d7501d9 --- a/src/app/sections/buttons-section/buttons-section.component.spec.ts +++ b/src/app/sections/buttons-section/buttons-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ButtonsSectionComponent } from './buttons-section.component'; - -describe('ButtonsSectionComponent', () => { - let component: ButtonsSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ ButtonsSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(ButtonsSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ButtonsSectionComponent } from './buttons-section.component'; + +describe('ButtonsSectionComponent', () => { + let component: ButtonsSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ButtonsSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ButtonsSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/buttons-section/buttons-section.component.ts b/src/app/sections/buttons-section/buttons-section.component.ts old mode 100644 new mode 100755 index 24a12bb56..f71d5c0cd --- a/src/app/sections/buttons-section/buttons-section.component.ts +++ b/src/app/sections/buttons-section/buttons-section.component.ts @@ -1,15 +1,15 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-buttons-section', - templateUrl: './buttons-section.component.html', - styleUrls: ['./buttons-section.component.css'] -}) -export class ButtonsSectionComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-buttons-section', + templateUrl: './buttons-section.component.html', + styleUrls: ['./buttons-section.component.css'] +}) +export class ButtonsSectionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/sections/crs-section/crs-section.component.css b/src/app/sections/crs-section/crs-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/crs-section/crs-section.component.html b/src/app/sections/crs-section/crs-section.component.html old mode 100644 new mode 100755 index 3b4c087f8..647efef5f --- a/src/app/sections/crs-section/crs-section.component.html +++ b/src/app/sections/crs-section/crs-section.component.html @@ -1,209 +1,209 @@ -
-
- -
-
- -
- Checkboxes -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- -
- Radios -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
- -
- Toggle buttons -
- - - -
-
-
- Sliders -
- -
-
-
- -
- -
-
-
-
-
-
- -

Menu

-
-
-
- With text -
- -
-
-
- With icons -
- -
-
-
-
-
-
+
+
+ +
+
+ +
+ Checkboxes +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ Radios +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ Toggle buttons +
+ + + +
+
+
+ Sliders +
+ +
+
+
+ +
+ +
+
+
+
+
+
+ +

Menu

+
+
+
+ With text +
+ +
+
+
+ With icons +
+ +
+
+
+
+
+
diff --git a/src/app/sections/crs-section/crs-section.component.spec.ts b/src/app/sections/crs-section/crs-section.component.spec.ts old mode 100644 new mode 100755 index dd74d81a4..71648308b --- a/src/app/sections/crs-section/crs-section.component.spec.ts +++ b/src/app/sections/crs-section/crs-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { CrsSectionComponent } from './crs-section.component'; - -describe('CrsSectionComponent', () => { - let component: CrsSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ CrsSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(CrsSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CrsSectionComponent } from './crs-section.component'; + +describe('CrsSectionComponent', () => { + let component: CrsSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ CrsSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CrsSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/crs-section/crs-section.component.ts b/src/app/sections/crs-section/crs-section.component.ts old mode 100644 new mode 100755 index c36086d98..a2207e521 --- a/src/app/sections/crs-section/crs-section.component.ts +++ b/src/app/sections/crs-section/crs-section.component.ts @@ -1,40 +1,40 @@ -import { Component, OnInit, AfterViewInit } from '@angular/core'; -import noUiSlider from "nouislider"; - -@Component({ - selector: 'app-crs-section', - templateUrl: './crs-section.component.html', - styleUrls: ['./crs-section.component.css'] -}) -export class CrsSectionComponent implements OnInit, AfterViewInit { - - constructor() { } - - ngOnInit() { - } - - ngAfterViewInit(){ - var slider = document.getElementById("input-slider"); - - noUiSlider.create(slider, { - start: 40, - connect: [true, false], - range: { - min: 0, - max: 100 - } - }); - - var slider2 = document.getElementById("input-slider-range"); - - noUiSlider.create(slider2, { - start: [20, 60], - connect: true, - range: { - min: 0, - max: 100 - } - }); - } - -} +import { Component, OnInit, AfterViewInit } from '@angular/core'; +import noUiSlider from "nouislider"; + +@Component({ + selector: 'app-crs-section', + templateUrl: './crs-section.component.html', + styleUrls: ['./crs-section.component.css'] +}) +export class CrsSectionComponent implements OnInit, AfterViewInit { + + constructor() { } + + ngOnInit() { + } + + ngAfterViewInit(){ + var slider = document.getElementById("input-slider"); + + noUiSlider.create(slider, { + start: 40, + connect: [true, false], + range: { + min: 0, + max: 100 + } + }); + + var slider2 = document.getElementById("input-slider-range"); + + noUiSlider.create(slider2, { + start: [20, 60], + connect: true, + range: { + min: 0, + max: 100 + } + }); + } + +} diff --git a/src/app/sections/inputs-section/inputs-section.component.css b/src/app/sections/inputs-section/inputs-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/inputs-section/inputs-section.component.html b/src/app/sections/inputs-section/inputs-section.component.html old mode 100644 new mode 100755 index 7270ec209..5c5332003 --- a/src/app/sections/inputs-section/inputs-section.component.html +++ b/src/app/sections/inputs-section/inputs-section.component.html @@ -1,89 +1,89 @@ -
-
- -

Inputs

-
- Form controls -
-
-
-
- -
-
-
-
- -
- -
-
-
-
-
- -
-
-
- -
- -
-
-
-
-
-
- -
-
- -
-
-
-
-
-
- -
- Form controls (alternative) -
-
-
-
- -
-
-
-
- -
- -
-
-
-
-
- -
-
-
- -
- -
-
-
-
-
-
- -
-
- -
-
-
-
-
-
+
+
+ +

Inputs

+
+ Form controls +
+
+
+
+ +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+ Form controls (alternative) +
+
+
+
+ +
+
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
diff --git a/src/app/sections/inputs-section/inputs-section.component.spec.ts b/src/app/sections/inputs-section/inputs-section.component.spec.ts old mode 100644 new mode 100755 index 7b1507e42..41054e4b3 --- a/src/app/sections/inputs-section/inputs-section.component.spec.ts +++ b/src/app/sections/inputs-section/inputs-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { InputsSectionComponent } from './inputs-section.component'; - -describe('InputsSectionComponent', () => { - let component: InputsSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ InputsSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(InputsSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { InputsSectionComponent } from './inputs-section.component'; + +describe('InputsSectionComponent', () => { + let component: InputsSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ InputsSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(InputsSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/inputs-section/inputs-section.component.ts b/src/app/sections/inputs-section/inputs-section.component.ts old mode 100644 new mode 100755 index c84ff918e..af8a1c5a6 --- a/src/app/sections/inputs-section/inputs-section.component.ts +++ b/src/app/sections/inputs-section/inputs-section.component.ts @@ -1,17 +1,17 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-inputs-section', - templateUrl: './inputs-section.component.html', - styleUrls: ['./inputs-section.component.css'] -}) -export class InputsSectionComponent implements OnInit { - focus; - focus1; - focus5; - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-inputs-section', + templateUrl: './inputs-section.component.html', + styleUrls: ['./inputs-section.component.css'] +}) +export class InputsSectionComponent implements OnInit { + focus; + focus1; + focus5; + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/sections/modal/modal.component.html b/src/app/sections/modal/modal.component.html old mode 100644 new mode 100755 index 573f0069b..b04581159 --- a/src/app/sections/modal/modal.component.html +++ b/src/app/sections/modal/modal.component.html @@ -1,4 +1,4 @@ -

You can pass an existing component as content of the modal window. In this case remember to add content component -as an entryComponents section of your NgModule.

- - +

You can pass an existing component as content of the modal window. In this case remember to add content component +as an entryComponents section of your NgModule.

+ + diff --git a/src/app/sections/modal/modal.component.scss b/src/app/sections/modal/modal.component.scss old mode 100644 new mode 100755 diff --git a/src/app/sections/modal/modal.component.spec.ts b/src/app/sections/modal/modal.component.spec.ts old mode 100644 new mode 100755 index 4c09fcb17..84dbe011a --- a/src/app/sections/modal/modal.component.spec.ts +++ b/src/app/sections/modal/modal.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { ModalComponent } from './modal.component'; - -describe('ModalComponent', () => { - let component: ModalComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ ModalComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(ModalComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should be created', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ModalComponent } from './modal.component'; + +describe('ModalComponent', () => { + let component: ModalComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ModalComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ModalComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should be created', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/modal/modal.component.ts b/src/app/sections/modal/modal.component.ts old mode 100644 new mode 100755 index 93eb3dbb6..5b0433378 --- a/src/app/sections/modal/modal.component.ts +++ b/src/app/sections/modal/modal.component.ts @@ -1,42 +1,42 @@ -import {Component, Input} from '@angular/core'; -import {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap'; - -@Component({ - selector: 'app-modal-content', - template: ` - - - - ` -}) -export class NgbdModalContent { - @Input() name; - - constructor(public activeModal: NgbActiveModal) {} -} - -@Component({ - selector: 'app-modal-component', - templateUrl: './modal.component.html' -}) -export class NgbdModalComponent { - constructor(private modalService: NgbModal) {} - open() { - const modalRef = this.modalService.open(NgbdModalContent); - modalRef.componentInstance.name = 'World'; - } -} +import {Component, Input} from '@angular/core'; +import {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap'; + +@Component({ + selector: 'app-modal-content', + template: ` + + + + ` +}) +export class NgbdModalContent { + @Input() name; + + constructor(public activeModal: NgbActiveModal) {} +} + +@Component({ + selector: 'app-modal-component', + templateUrl: './modal.component.html' +}) +export class NgbdModalComponent { + constructor(private modalService: NgbModal) {} + open() { + const modalRef = this.modalService.open(NgbdModalContent); + modalRef.componentInstance.name = 'World'; + } +} diff --git a/src/app/sections/navigation-section/navigation-section.component.css b/src/app/sections/navigation-section/navigation-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/navigation-section/navigation-section.component.html b/src/app/sections/navigation-section/navigation-section.component.html old mode 100644 new mode 100755 index b31f3b7c7..83f01da31 --- a/src/app/sections/navigation-section/navigation-section.component.html +++ b/src/app/sections/navigation-section/navigation-section.component.html @@ -1,301 +1,301 @@ -
-
- -

- Navbars -

-
- - - - - - - - - - - - -
+
+
+ +

+ Navbars +

+
+ + + + + + + + + + + + +
diff --git a/src/app/sections/navigation-section/navigation-section.component.spec.ts b/src/app/sections/navigation-section/navigation-section.component.spec.ts old mode 100644 new mode 100755 index 7d1f3496b..f1917a1c7 --- a/src/app/sections/navigation-section/navigation-section.component.spec.ts +++ b/src/app/sections/navigation-section/navigation-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { NavigationSectionComponent } from './navigation-section.component'; - -describe('NavigationSectionComponent', () => { - let component: NavigationSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ NavigationSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(NavigationSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavigationSectionComponent } from './navigation-section.component'; + +describe('NavigationSectionComponent', () => { + let component: NavigationSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NavigationSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(NavigationSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/navigation-section/navigation-section.component.ts b/src/app/sections/navigation-section/navigation-section.component.ts old mode 100644 new mode 100755 index 18600d8e0..d168f9cda --- a/src/app/sections/navigation-section/navigation-section.component.ts +++ b/src/app/sections/navigation-section/navigation-section.component.ts @@ -1,15 +1,15 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-navigation-section', - templateUrl: './navigation-section.component.html', - styleUrls: ['./navigation-section.component.css'] -}) -export class NavigationSectionComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-navigation-section', + templateUrl: './navigation-section.component.html', + styleUrls: ['./navigation-section.component.css'] +}) +export class NavigationSectionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/sections/nucleo-section/nucleo-section.component.css b/src/app/sections/nucleo-section/nucleo-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/nucleo-section/nucleo-section.component.html b/src/app/sections/nucleo-section/nucleo-section.component.html old mode 100644 new mode 100755 index 31da72640..667121fce --- a/src/app/sections/nucleo-section/nucleo-section.component.html +++ b/src/app/sections/nucleo-section/nucleo-section.component.html @@ -1,41 +1,41 @@ -
-
-
-
-

Nucleo Icons

-

- The official package contains over 21.000 icons which are looking great in combination with Argon Design System. Make sure you check all of them and use those that you like the most. -

- -
-
- -
-
+
+
+
+
+

Nucleo Icons

+

+ The official package contains over 21.000 icons which are looking great in combination with Argon Design System. Make sure you check all of them and use those that you like the most. +

+ +
+
+ +
+
diff --git a/src/app/sections/nucleo-section/nucleo-section.component.spec.ts b/src/app/sections/nucleo-section/nucleo-section.component.spec.ts old mode 100644 new mode 100755 index d16071f58..c376ef8b0 --- a/src/app/sections/nucleo-section/nucleo-section.component.spec.ts +++ b/src/app/sections/nucleo-section/nucleo-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { NucleoSectionComponent } from './nucleo-section.component'; - -describe('NucleoSectionComponent', () => { - let component: NucleoSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ NucleoSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(NucleoSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NucleoSectionComponent } from './nucleo-section.component'; + +describe('NucleoSectionComponent', () => { + let component: NucleoSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NucleoSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(NucleoSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/nucleo-section/nucleo-section.component.ts b/src/app/sections/nucleo-section/nucleo-section.component.ts old mode 100644 new mode 100755 index 903e71326..5c3229604 --- a/src/app/sections/nucleo-section/nucleo-section.component.ts +++ b/src/app/sections/nucleo-section/nucleo-section.component.ts @@ -1,33 +1,33 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-nucleo-section', - templateUrl: './nucleo-section.component.html', - styleUrls: ['./nucleo-section.component.css'] -}) -export class NucleoSectionComponent implements OnInit { - - constructor() { } - - ngOnInit() { - var nucleoView = document.getElementsByClassName('icons-container')[0]; - window.addEventListener('scroll', function (event) { - if (this.isInViewport(nucleoView)) { - nucleoView.classList.add('on-screen'); - } - else{ - nucleoView.classList.remove('on-screen'); - } - }.bind(this), false); - } - isInViewport(elem) { - var bounding = elem.getBoundingClientRect(); - return ( - bounding.top >= 0 && - bounding.left >= 0 && - bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && - bounding.right <= (window.innerWidth || document.documentElement.clientWidth) - ); - }; - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-nucleo-section', + templateUrl: './nucleo-section.component.html', + styleUrls: ['./nucleo-section.component.css'] +}) +export class NucleoSectionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + var nucleoView = document.getElementsByClassName('icons-container')[0]; + window.addEventListener('scroll', function (event) { + if (this.isInViewport(nucleoView)) { + nucleoView.classList.add('on-screen'); + } + else{ + nucleoView.classList.remove('on-screen'); + } + }.bind(this), false); + } + isInViewport(elem) { + var bounding = elem.getBoundingClientRect(); + return ( + bounding.top >= 0 && + bounding.left >= 0 && + bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && + bounding.right <= (window.innerWidth || document.documentElement.clientWidth) + ); + }; + +} diff --git a/src/app/sections/sections.component.css b/src/app/sections/sections.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/sections.component.html b/src/app/sections/sections.component.html old mode 100644 new mode 100755 index f02c1a16a..02709c049 --- a/src/app/sections/sections.component.html +++ b/src/app/sections/sections.component.html @@ -1,138 +1,138 @@ - - - - -
- - - - -
-
-
- - - - - - -
-
-
-
-

Bootstrap carousel

-

Argon Design System comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go.

- See all components -
-
-
- - - First slide - - - Second slide - - -
-
-
-
- -
- - - -
-
- -
-
- - - - - - - - -
-
-
-
-

A beautiful Design System - completed with examples -

-

The Design System comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful Bootstrap 4 Design System.

- -
-
-
-
-
-
- Sign in with -
- -
-
-
- Or sign in with credentials -
-
-
-
-
- -
- -
-
-
-
-
- -
- -
-
-
- - -
-
- -
-
-
-
-
-
-
-
- -
- - - -
-
- + + + + +
+ + + + +
+
+
+ + + + + + +
+
+
+
+

Bootstrap carousel

+

Argon Design System comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go.

+ See all components +
+
+
+ + + First slide + + + Second slide + + +
+
+
+
+ +
+ + + +
+
+ +
+
+ + + + + + + + +
+
+
+
+

A beautiful Design System + completed with examples +

+

The Design System comes with four pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful Bootstrap 4 Design System.

+ +
+
+
+
+
+
+ Sign in with +
+ +
+
+
+ Or sign in with credentials +
+
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+
+
+
+
+
+ +
+ + + +
+
+ diff --git a/src/app/sections/sections.component.spec.ts b/src/app/sections/sections.component.spec.ts old mode 100644 new mode 100755 index af666de45..19c497936 --- a/src/app/sections/sections.component.spec.ts +++ b/src/app/sections/sections.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { SectionsComponent } from './sections.component'; - -describe('SectionsComponent', () => { - let component: SectionsComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ SectionsComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(SectionsComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SectionsComponent } from './sections.component'; + +describe('SectionsComponent', () => { + let component: SectionsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ SectionsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(SectionsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/sections.component.ts b/src/app/sections/sections.component.ts old mode 100644 new mode 100755 index 88e145c76..a6b238939 --- a/src/app/sections/sections.component.ts +++ b/src/app/sections/sections.component.ts @@ -1,16 +1,16 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-sections', - templateUrl: './sections.component.html', - styleUrls: ['./sections.component.css'] -}) -export class SectionsComponent implements OnInit { - focus; - focus1; - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-sections', + templateUrl: './sections.component.html', + styleUrls: ['./sections.component.css'] +}) +export class SectionsComponent implements OnInit { + focus; + focus1; + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/sections/sections.module.ts b/src/app/sections/sections.module.ts old mode 100644 new mode 100755 index 9c5b559ca..256f9f1e6 --- a/src/app/sections/sections.module.ts +++ b/src/app/sections/sections.module.ts @@ -1,50 +1,50 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; -import { FormsModule } from '@angular/forms'; -import { NouisliderModule } from 'ng2-nouislider'; -import { JwBootstrapSwitchNg2Module } from 'jw-bootstrap-switch-ng2'; -import { RouterModule } from '@angular/router'; - -import { SectionsComponent } from './sections.component'; -import { ButtonsSectionComponent } from './buttons-section/buttons-section.component'; -import { InputsSectionComponent } from './inputs-section/inputs-section.component'; -import { CrsSectionComponent } from './crs-section/crs-section.component'; -import { NavigationSectionComponent } from './navigation-section/navigation-section.component'; -import { TabsSectionComponent } from './tabs-section/tabs-section.component'; -import { AlertsSectionComponent } from './alerts-section/alerts-section.component'; -import { TypographySectionComponent } from './typography-section/typography-section.component'; -import { AngularSectionComponent } from './angular-section/angular-section.component'; -import { NucleoSectionComponent } from './nucleo-section/nucleo-section.component'; -import { VersionsSectionComponent } from './versions-section/versions-section.component'; -import { NgbdModalComponent } from './modal/modal.component'; -import { NgbdModalContent } from './modal/modal.component'; - -@NgModule({ - declarations: [ - SectionsComponent, - ButtonsSectionComponent, - InputsSectionComponent, - CrsSectionComponent, - NavigationSectionComponent, - TabsSectionComponent, - AlertsSectionComponent, - TypographySectionComponent, - AngularSectionComponent, - NucleoSectionComponent, - VersionsSectionComponent, - NgbdModalComponent, - NgbdModalContent - ], - entryComponents: [NgbdModalContent], - imports: [ - CommonModule, - FormsModule, - NgbModule, - RouterModule, - NouisliderModule, - JwBootstrapSwitchNg2Module - ], - exports:[ SectionsComponent ] -}) -export class SectionsModule { } +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; +import { FormsModule } from '@angular/forms'; +import { NouisliderModule } from 'ng2-nouislider'; +import { JwBootstrapSwitchNg2Module } from 'jw-bootstrap-switch-ng2'; +import { RouterModule } from '@angular/router'; + +import { SectionsComponent } from './sections.component'; +import { ButtonsSectionComponent } from './buttons-section/buttons-section.component'; +import { InputsSectionComponent } from './inputs-section/inputs-section.component'; +import { CrsSectionComponent } from './crs-section/crs-section.component'; +import { NavigationSectionComponent } from './navigation-section/navigation-section.component'; +import { TabsSectionComponent } from './tabs-section/tabs-section.component'; +import { AlertsSectionComponent } from './alerts-section/alerts-section.component'; +import { TypographySectionComponent } from './typography-section/typography-section.component'; +import { AngularSectionComponent } from './angular-section/angular-section.component'; +import { NucleoSectionComponent } from './nucleo-section/nucleo-section.component'; +import { VersionsSectionComponent } from './versions-section/versions-section.component'; +import { NgbdModalComponent } from './modal/modal.component'; +import { NgbdModalContent } from './modal/modal.component'; + +@NgModule({ + declarations: [ + SectionsComponent, + ButtonsSectionComponent, + InputsSectionComponent, + CrsSectionComponent, + NavigationSectionComponent, + TabsSectionComponent, + AlertsSectionComponent, + TypographySectionComponent, + AngularSectionComponent, + NucleoSectionComponent, + VersionsSectionComponent, + NgbdModalComponent, + NgbdModalContent + ], + entryComponents: [NgbdModalContent], + imports: [ + CommonModule, + FormsModule, + NgbModule, + RouterModule, + NouisliderModule, + JwBootstrapSwitchNg2Module + ], + exports:[ SectionsComponent ] +}) +export class SectionsModule { } diff --git a/src/app/sections/tabs-section/tabs-section.component.css b/src/app/sections/tabs-section/tabs-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/tabs-section/tabs-section.component.html b/src/app/sections/tabs-section/tabs-section.component.html old mode 100644 new mode 100755 index cd86ba524..0adb083af --- a/src/app/sections/tabs-section/tabs-section.component.html +++ b/src/app/sections/tabs-section/tabs-section.component.html @@ -1,176 +1,176 @@ -
-

Tabs

-
-
- -
- With icons -
-
- -
- -
-
-
- -
- With text -
-
- -
-
-
-
- -
-
-

Progress bars

-
-
-
- Task completed -
-
- 40% -
-
- -
-
-
-
- Task completed -
-
- 60% -
-
- -
-
-
-

Pagination

- - -
-
-

Navigation Pills

- -
-
-

Labels

- Primary - Success - Danger - Warning - Info -
-
+
+

Tabs

+
+
+ +
+ With icons +
+
+ +
+ +
+
+
+ +
+ With text +
+
+ +
+
+
+
+ +
+
+

Progress bars

+
+
+
+ Task completed +
+
+ 40% +
+
+ +
+
+
+
+ Task completed +
+
+ 60% +
+
+ +
+
+
+

Pagination

+ + +
+
+

Navigation Pills

+ +
+
+

Labels

+ Primary + Success + Danger + Warning + Info +
+
\ No newline at end of file diff --git a/src/app/sections/tabs-section/tabs-section.component.spec.ts b/src/app/sections/tabs-section/tabs-section.component.spec.ts old mode 100644 new mode 100755 index 280bd988d..45e251c19 --- a/src/app/sections/tabs-section/tabs-section.component.spec.ts +++ b/src/app/sections/tabs-section/tabs-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { TabsSectionComponent } from './tabs-section.component'; - -describe('TabsSectionComponent', () => { - let component: TabsSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ TabsSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(TabsSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TabsSectionComponent } from './tabs-section.component'; + +describe('TabsSectionComponent', () => { + let component: TabsSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ TabsSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(TabsSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/tabs-section/tabs-section.component.ts b/src/app/sections/tabs-section/tabs-section.component.ts old mode 100644 new mode 100755 index 4e0c45324..9be605abd --- a/src/app/sections/tabs-section/tabs-section.component.ts +++ b/src/app/sections/tabs-section/tabs-section.component.ts @@ -1,20 +1,20 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-tabs-section', - templateUrl: './tabs-section.component.html', - styleUrls: ['./tabs-section.component.css'] -}) -export class TabsSectionComponent implements OnInit { - page = 2; - page1 = 3; - active = 1; - active1 = 1; - active2 = 1; - - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-tabs-section', + templateUrl: './tabs-section.component.html', + styleUrls: ['./tabs-section.component.css'] +}) +export class TabsSectionComponent implements OnInit { + page = 2; + page1 = 3; + active = 1; + active1 = 1; + active2 = 1; + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/sections/typography-section/typography-section.component.css b/src/app/sections/typography-section/typography-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/typography-section/typography-section.component.html b/src/app/sections/typography-section/typography-section.component.html old mode 100644 new mode 100755 index 952d9e995..0427e979d --- a/src/app/sections/typography-section/typography-section.component.html +++ b/src/app/sections/typography-section/typography-section.component.html @@ -1,218 +1,218 @@ -
-

- Typography -

-

Headings

-
-
- Heading 1 -
-
-

Argon Design System

-
-
-
-
- Heading 2 -
-
-

Argon Design System

-
-
-
-
- Heading 3 -
-
-

Argon Design System

-
-
-
-
- Heading 4 -
-
-

Argon Design System

-
-
-
-
- Heading 5 -
-
-
Argon Design System
-
-
-
-
- Heading 6 -
-
-
Argon Design System
-
-
- -

Display titles

-
-
- Display 1 -
-
-

Argon Design System

-
-
-
-
- Display 2 -
-
-

Argon Design System

-
-
-
-
- Display 3 -
-
-

Argon Design System

-
-
-
-
- Display 4 -
-
-

Argon Design System

-
-
- -

Specialized titles

-
-
- Heading -
-
-

Argon Design System

-
-
-
-
- Heading title -
-
-

Argon Design System

-
-
-
-
- Heading seaction -
-
-
-

Header with small subtitle

-

According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record maximum.

-
-
-
- -

Paragraphs

-
-
- Paragraph -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

-
-
-
-
- Lead text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

-
-
-
-
- Quote -
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

-
Someone famous in - Source Title -
-
-
-
-
-
- Muted text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

-
-
-
-
- Primary text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

-
-
-
-
- Info text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

-
-
-
-
- Success text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

-
-
-
-
- Warning text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

-
-
-
-
- Danger text -
-
-

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

-
-
- -

- Images -

-
-
- Image - Rounded image -
-
- Circle Image - Circle image -
-
- Raised - Raised image -
-
- Circle Raised - Raised circle image -
-
-
+
+

+ Typography +

+

Headings

+
+
+ Heading 1 +
+
+

Argon Design System

+
+
+
+
+ Heading 2 +
+
+

Argon Design System

+
+
+
+
+ Heading 3 +
+
+

Argon Design System

+
+
+
+
+ Heading 4 +
+
+

Argon Design System

+
+
+
+
+ Heading 5 +
+
+
Argon Design System
+
+
+
+
+ Heading 6 +
+
+
Argon Design System
+
+
+ +

Display titles

+
+
+ Display 1 +
+
+

Argon Design System

+
+
+
+
+ Display 2 +
+
+

Argon Design System

+
+
+
+
+ Display 3 +
+
+

Argon Design System

+
+
+
+
+ Display 4 +
+
+

Argon Design System

+
+
+ +

Specialized titles

+
+
+ Heading +
+
+

Argon Design System

+
+
+
+
+ Heading title +
+
+

Argon Design System

+
+
+
+
+ Heading seaction +
+
+
+

Header with small subtitle

+

According to the National Oceanic and Atmospheric Administration, Ted, Scambos, NSIDClead scentist, puts the potentially record maximum.

+
+
+
+ +

Paragraphs

+
+
+ Paragraph +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

+
+
+
+
+ Lead text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

+
+
+
+
+ Quote +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
Someone famous in + Source Title +
+
+
+
+
+
+ Muted text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+
+
+ Primary text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+
+
+ Info text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+
+
+ Success text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+
+
+ Warning text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+
+
+ Danger text +
+
+

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

+
+
+ +

+ Images +

+
+
+ Image + Rounded image +
+
+ Circle Image + Circle image +
+
+ Raised + Raised image +
+
+ Circle Raised + Raised circle image +
+
+
diff --git a/src/app/sections/typography-section/typography-section.component.spec.ts b/src/app/sections/typography-section/typography-section.component.spec.ts old mode 100644 new mode 100755 index 93ebfc3a8..616a27386 --- a/src/app/sections/typography-section/typography-section.component.spec.ts +++ b/src/app/sections/typography-section/typography-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { TypographySectionComponent } from './typography-section.component'; - -describe('TypographySectionComponent', () => { - let component: TypographySectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ TypographySectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(TypographySectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TypographySectionComponent } from './typography-section.component'; + +describe('TypographySectionComponent', () => { + let component: TypographySectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ TypographySectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(TypographySectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/typography-section/typography-section.component.ts b/src/app/sections/typography-section/typography-section.component.ts old mode 100644 new mode 100755 index 0691e627e..be20f8abe --- a/src/app/sections/typography-section/typography-section.component.ts +++ b/src/app/sections/typography-section/typography-section.component.ts @@ -1,15 +1,15 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-typography-section', - templateUrl: './typography-section.component.html', - styleUrls: ['./typography-section.component.css'] -}) -export class TypographySectionComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-typography-section', + templateUrl: './typography-section.component.html', + styleUrls: ['./typography-section.component.css'] +}) +export class TypographySectionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/sections/versions-section/versions-section.component.css b/src/app/sections/versions-section/versions-section.component.css old mode 100644 new mode 100755 diff --git a/src/app/sections/versions-section/versions-section.component.html b/src/app/sections/versions-section/versions-section.component.html old mode 100644 new mode 100755 index 25a288048..eff895c0d --- a/src/app/sections/versions-section/versions-section.component.html +++ b/src/app/sections/versions-section/versions-section.component.html @@ -1,50 +1,50 @@ -
-
-
-
-

Do you love this awesome - Design System for Angular? -

-

Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in Angular. Start a new project or give an old Angular project a new look!

- -
-

Available on these technologies

-
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
-
-
-
-
-
+
+
+
+
+

Do you love this awesome + Design System for Angular? +

+

Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in Angular. Start a new project or give an old Angular project a new look!

+ +
+

Available on these technologies

+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
diff --git a/src/app/sections/versions-section/versions-section.component.spec.ts b/src/app/sections/versions-section/versions-section.component.spec.ts old mode 100644 new mode 100755 index 1df55ddc0..66c9c029c --- a/src/app/sections/versions-section/versions-section.component.spec.ts +++ b/src/app/sections/versions-section/versions-section.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { VersionsSectionComponent } from './versions-section.component'; - -describe('VersionsSectionComponent', () => { - let component: VersionsSectionComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ VersionsSectionComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(VersionsSectionComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VersionsSectionComponent } from './versions-section.component'; + +describe('VersionsSectionComponent', () => { + let component: VersionsSectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ VersionsSectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(VersionsSectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/sections/versions-section/versions-section.component.ts b/src/app/sections/versions-section/versions-section.component.ts old mode 100644 new mode 100755 index 9ede1f743..7d1e68120 --- a/src/app/sections/versions-section/versions-section.component.ts +++ b/src/app/sections/versions-section/versions-section.component.ts @@ -1,15 +1,15 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-versions-section', - templateUrl: './versions-section.component.html', - styleUrls: ['./versions-section.component.css'] -}) -export class VersionsSectionComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-versions-section', + templateUrl: './versions-section.component.html', + styleUrls: ['./versions-section.component.css'] +}) +export class VersionsSectionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/selfcheck/selfcheck.component.html b/src/app/selfcheck/selfcheck.component.html new file mode 100644 index 000000000..3f82b241d --- /dev/null +++ b/src/app/selfcheck/selfcheck.component.html @@ -0,0 +1,254 @@ +
+
+ +
+
+
+
+ +

+ Do you have any of these symptoms? +

+
+
+
+ + +
+
+
+ +
+ +
+
+
    +
  • + Severe difficulty breathing (struggling to breathe + or speak) +
  • +
  • + Severe chest pain Extreme fatigue (having a hard + time waking up or staying awake) +
  • +
  • + Confusion or disorientation Loss of consciousness +
  • +
+
+ +
+
+ + +
+ +
+ + +
+ +
+

Please select either value

+
+
+
+
+
+
    +
  • + Difficult or impossible to lie down because you’re + having trouble breathing +
  • +
  • + Unable to manage chronic health conditions because + you’re having trouble breathing +
  • +
+
+
+
+ + +
+ +
+ + +
+ +
+

Please select either value

+
+
+
+
+
+
    +
  • + Fever or chills, Cough Shortness of breath, Sore + throat, Loss or change of sense of smell or taste + Headache Extreme fatigue or tiredness +
  • +
+
+
+
+ + +
+ +
+ + +
+ +
+

Please select either value

+
+
+
+
+
+
    +
  • + Runny nose, Sneezing, Diarrhea, Loss of appetite, + Nausea or vomiting Body or muscle aches, for example + aches or pains in your body that you don't normally + have +
  • +
+
+
+
+ + +
+ +
+ + +
+ +
+

Please select either value

+
+
+
+ +
+ +
+
+
+
+
+ + +
+
+
+
diff --git a/src/app/selfcheck/selfcheck.component.scss b/src/app/selfcheck/selfcheck.component.scss new file mode 100644 index 000000000..0a5fe02dc --- /dev/null +++ b/src/app/selfcheck/selfcheck.component.scss @@ -0,0 +1,24 @@ +.main_conatainer { + //height: 200px; + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + margin: 20px; + background-color: aquamarine; + // box-shadow: ; +} +.surveysparrow-chat__split-layer { + //height: calc(100vh - 180px); + border-radius: 50%; +} +.card { + width: 100%; + max-width: 900px; + margin: 0 auto; + border-radius: 20px; + overflow: hidden; + position: relative; + box-shadow: 0px 0px 35px rgb(0 0 0 / 10%); + z-index: 1; +} diff --git a/src/app/selfcheck/selfcheck.component.spec.ts b/src/app/selfcheck/selfcheck.component.spec.ts new file mode 100644 index 000000000..1fe7bb9ec --- /dev/null +++ b/src/app/selfcheck/selfcheck.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SelfcheckComponent } from './selfcheck.component'; + +describe('SelfcheckComponent', () => { + let component: SelfcheckComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SelfcheckComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SelfcheckComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/selfcheck/selfcheck.component.ts b/src/app/selfcheck/selfcheck.component.ts new file mode 100644 index 000000000..c6ecea430 --- /dev/null +++ b/src/app/selfcheck/selfcheck.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from "@angular/core"; + +@Component({ + selector: "app-selfcheck", + templateUrl: "./selfcheck.component.html", + styleUrls: ["./selfcheck.component.scss"], +}) +export class SelfcheckComponent implements OnInit { + constructor() {} + + ngOnInit(): void {} +} diff --git a/src/app/services/auth.service.spec.ts b/src/app/services/auth.service.spec.ts new file mode 100644 index 000000000..f1251cacf --- /dev/null +++ b/src/app/services/auth.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { AuthService } from './auth.service'; + +describe('AuthService', () => { + let service: AuthService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(AuthService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/src/app/services/auth.service.ts b/src/app/services/auth.service.ts new file mode 100644 index 000000000..50e5a4613 --- /dev/null +++ b/src/app/services/auth.service.ts @@ -0,0 +1,12 @@ +import { Injectable } from "@angular/core"; + +@Injectable({ + providedIn: "root", +}) +export class AuthService { + constructor() {} + + signup() { + return; + } +} diff --git a/src/app/services/common.headers.ts b/src/app/services/common.headers.ts new file mode 100644 index 000000000..f3084f95b --- /dev/null +++ b/src/app/services/common.headers.ts @@ -0,0 +1,5 @@ +import { HttpHeaders } from "@angular/common/http"; + +export const commonHeaders = new HttpHeaders(); +commonHeaders.append("Accept", "application/json"); +commonHeaders.append("Content-Type", "application/json"); diff --git a/src/app/services/interface.ts b/src/app/services/interface.ts new file mode 100644 index 000000000..6bd0b1902 --- /dev/null +++ b/src/app/services/interface.ts @@ -0,0 +1,18 @@ +export interface LoginOptions { + username: string; + password: string; + } + + export interface Forgot { + username: string; + } + export interface Otp { + otp: string; + } + + export interface Reset { + password: string; + confpassword: string; + + } + \ No newline at end of file diff --git a/src/app/services/notifications.service.ts b/src/app/services/notifications.service.ts new file mode 100644 index 000000000..2febeaffe --- /dev/null +++ b/src/app/services/notifications.service.ts @@ -0,0 +1,44 @@ +import { Injectable } from "@angular/core"; +declare const $: any; + +@Injectable({ + providedIn: "root", +}) +export class NotificationsService { + constructor() {} + showNotification(message: any, type: any = "rose") { + const typeList = [ + "", + "info", + "success", + "warning", + "danger", + "rose", + "primary", + ]; + + $.notify( + { + icon: "notifications", + title: "", + message: message, + }, + { + type: type, + timer: 2000, + placement: { + from: "bottom", + align: "right", + }, + template: + '", + } + ); + } +} diff --git a/src/app/services/tool-const.service.ts b/src/app/services/tool-const.service.ts new file mode 100644 index 000000000..10383f6d0 --- /dev/null +++ b/src/app/services/tool-const.service.ts @@ -0,0 +1,72 @@ +import { Injectable } from "@angular/core"; + +const errorMessages = { + pleaseEnterValidData: "Please Enter Valid Data", + pleaseFillRequiredFields: "Please fill all the required fields", + confirmPassword: "Password and Confirm Password did not match", + whiteSpaceMessage: "Whitespace Not Allowed", + userExist: "User Already exist with same Username", + userNotExist: "Given credentials are incorrect!", + pleaseEnterValidSSN: "Please Enter Valid SSN", + pleaseEnterRequiredFields: "Please Enter All Required Fields", + pleaseEnterValidUsername: "Please Enter Valid Username", + pleaseEnterValidContactNumber: "Please Enter Valid Contact number", + docAssinedAlready: "is already assigned to this patient", + pleaseEnterValidDOB: "Please Enter Valid Date of Birth", + pleaseEnterValidDateJoined: "Please Enter Valid Date of Joining", + pleaseChooseApproveReject: "Please Choose Approve Or Reject", + pleaseChooseApprove: "Please Choose Approve", + pleaseChooseReject: "Please Choose Reject", + pleaseEnterChiefComplaint: "Please Enter ChiefComplaint", + pleaseFillDiagnosis: "Please Enter Diagnosis", + pleaseSelectDoctor: "Please Assign Doctor", + pleaseEnterDepartment: "Please Enter Department", + pleaseEnterAdmissionStatus: "Please Enter Admission Status", + pleaseEnterValidPassword: "Please Enter valid Password", +}; + +const successMessage = { + saved: "Saved Successfully", + userCreated: "Congratulations, your account has been created successfully", + submit: "Recording Submitted Successfully", + appove: "Recording Approved.", + docAssined: "Doctor Assigned Successfully", + diagnosisAdd: "Diagnosis Captured Successfully", +}; + +const processingMessage = { + submit: "Transcription is Processing", +}; + +const Key = { + DATE: "date", + ATTRIBUTE_ID: "aId", + ENTITY_ID: "entityId", + ENTITY_VALID: "entityValid", + WYSWYG: "wyswyg", + PAGE: "page", + SEARCH_TERM: "searchTerm", + ENTITY_TYPE_ID: "entityTypeId", + LIMIT: "limit", + BEGIN: "begin", + END: "end", + TIME: "time", +}; + +@Injectable() +export class ToolConstService { + getErrorMessages() { + return errorMessages; + } + + getSuccessMessage() { + return successMessage; + } + + getKeyValue() { + return Key; + } + getTranscribed() { + return processingMessage; + } +} diff --git a/src/app/shared/footer/footer.component.html b/src/app/shared/footer/footer.component.html old mode 100644 new mode 100755 index 7c297f6ba..562051ed9 --- a/src/app/shared/footer/footer.component.html +++ b/src/app/shared/footer/footer.component.html @@ -1,67 +1,67 @@ - + diff --git a/src/app/shared/footer/footer.component.scss b/src/app/shared/footer/footer.component.scss old mode 100644 new mode 100755 diff --git a/src/app/shared/footer/footer.component.spec.ts b/src/app/shared/footer/footer.component.spec.ts old mode 100644 new mode 100755 index 01d35cc68..ad857047f --- a/src/app/shared/footer/footer.component.spec.ts +++ b/src/app/shared/footer/footer.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { FooterComponent } from './footer.component'; - -describe('FooterComponent', () => { - let component: FooterComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ FooterComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(FooterComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should be created', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FooterComponent } from './footer.component'; + +describe('FooterComponent', () => { + let component: FooterComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FooterComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FooterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should be created', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shared/footer/footer.component.ts b/src/app/shared/footer/footer.component.ts old mode 100644 new mode 100755 index 4e8497d64..8ba4dcf5f --- a/src/app/shared/footer/footer.component.ts +++ b/src/app/shared/footer/footer.component.ts @@ -1,20 +1,20 @@ -import { Component, OnInit } from '@angular/core'; -import { Router } from '@angular/router'; - -@Component({ - selector: 'app-footer', - templateUrl: './footer.component.html', - styleUrls: ['./footer.component.scss'] -}) -export class FooterComponent implements OnInit { - test : Date = new Date(); - - constructor(private router: Router ) {} - - ngOnInit() { - - } - getPath(){ - return this.router.url; - } -} +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-footer', + templateUrl: './footer.component.html', + styleUrls: ['./footer.component.scss'] +}) +export class FooterComponent implements OnInit { + test : Date = new Date(); + + constructor(private router: Router ) {} + + ngOnInit() { + + } + getPath(){ + return this.router.url; + } +} diff --git a/src/app/shared/navbar/navbar.component.html b/src/app/shared/navbar/navbar.component.html index c24775c11..07593e89a 100644 --- a/src/app/shared/navbar/navbar.component.html +++ b/src/app/shared/navbar/navbar.component.html @@ -1,114 +1,193 @@ - + + +
+
diff --git a/src/app/shared/navbar/navbar.component.scss b/src/app/shared/navbar/navbar.component.scss old mode 100644 new mode 100755 index e69de29bb..414e56d83 --- a/src/app/shared/navbar/navbar.component.scss +++ b/src/app/shared/navbar/navbar.component.scss @@ -0,0 +1,32 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"); + +nav { + // background-color: #00856f; + background-color: #fff; + margin-bottom: 20px; + height: 60px; + border-bottom: 1px solid lightgray; +} + +span { + color: black; + font-family: "Poppins", sans-serif; +} + +.logo { + font-family: "Poppins", sans-serif; + font-weight: bolder; + color: black; + text-transform: capitalize; + margin-left: 10px; + margin-right: 10px; +} + +.headroom--not-top { + background-color: #fff !important; +} + +.hover__banner:hover { + color: linear-gradient(to right, #16b3ac, #d2dc02); + color: #16b3ac; +} diff --git a/src/app/shared/navbar/navbar.component.spec.ts b/src/app/shared/navbar/navbar.component.spec.ts old mode 100644 new mode 100755 index 4e5f590eb..ee06ecea0 --- a/src/app/shared/navbar/navbar.component.spec.ts +++ b/src/app/shared/navbar/navbar.component.spec.ts @@ -1,25 +1,25 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { NavbarComponent } from './navbar.component'; - -describe('NavbarComponent', () => { - let component: NavbarComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ NavbarComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(NavbarComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should be created', () => { - expect(component).toBeTruthy(); - }); -}); +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavbarComponent } from './navbar.component'; + +describe('NavbarComponent', () => { + let component: NavbarComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NavbarComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(NavbarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should be created', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/shared/navbar/navbar.component.ts b/src/app/shared/navbar/navbar.component.ts old mode 100644 new mode 100755 index c32438d4f..be3468ae1 --- a/src/app/shared/navbar/navbar.component.ts +++ b/src/app/shared/navbar/navbar.component.ts @@ -1,56 +1,56 @@ -import { Component, OnInit } from '@angular/core'; -import { Router, NavigationEnd, NavigationStart } from '@angular/router'; -import { Location, PopStateEvent } from '@angular/common'; - -@Component({ - selector: 'app-navbar', - templateUrl: './navbar.component.html', - styleUrls: ['./navbar.component.scss'] -}) -export class NavbarComponent implements OnInit { - public isCollapsed = true; - private lastPoppedUrl: string; - private yScrollStack: number[] = []; - - constructor(public location: Location, private router: Router) { - } - - ngOnInit() { - this.router.events.subscribe((event) => { - this.isCollapsed = true; - if (event instanceof NavigationStart) { - if (event.url != this.lastPoppedUrl) - this.yScrollStack.push(window.scrollY); - } else if (event instanceof NavigationEnd) { - if (event.url == this.lastPoppedUrl) { - this.lastPoppedUrl = undefined; - window.scrollTo(0, this.yScrollStack.pop()); - } else - window.scrollTo(0, 0); - } - }); - this.location.subscribe((ev:PopStateEvent) => { - this.lastPoppedUrl = ev.url; - }); - } - - isHome() { - var titlee = this.location.prepareExternalUrl(this.location.path()); - - if( titlee === '#/home' ) { - return true; - } - else { - return false; - } - } - isDocumentation() { - var titlee = this.location.prepareExternalUrl(this.location.path()); - if( titlee === '#/documentation' ) { - return true; - } - else { - return false; - } - } -} +import { Component, OnInit } from '@angular/core'; +import { Router, NavigationEnd, NavigationStart } from '@angular/router'; +import { Location, PopStateEvent } from '@angular/common'; + +@Component({ + selector: 'app-navbar', + templateUrl: './navbar.component.html', + styleUrls: ['./navbar.component.scss'] +}) +export class NavbarComponent implements OnInit { + public isCollapsed = true; + private lastPoppedUrl: string; + private yScrollStack: number[] = []; + + constructor(public location: Location, private router: Router) { + } + + ngOnInit() { + this.router.events.subscribe((event) => { + this.isCollapsed = true; + if (event instanceof NavigationStart) { + if (event.url != this.lastPoppedUrl) + this.yScrollStack.push(window.scrollY); + } else if (event instanceof NavigationEnd) { + if (event.url == this.lastPoppedUrl) { + this.lastPoppedUrl = undefined; + window.scrollTo(0, this.yScrollStack.pop()); + } else + window.scrollTo(0, 0); + } + }); + this.location.subscribe((ev:PopStateEvent) => { + this.lastPoppedUrl = ev.url; + }); + } + + isHome() { + var titlee = this.location.prepareExternalUrl(this.location.path()); + + if( titlee === '#/home' ) { + return true; + } + else { + return false; + } + } + isDocumentation() { + var titlee = this.location.prepareExternalUrl(this.location.path()); + if( titlee === '#/documentation' ) { + return true; + } + else { + return false; + } + } +} diff --git a/src/app/signup/signup.component.html b/src/app/signup/signup.component.html deleted file mode 100644 index b9970e1b8..000000000 --- a/src/app/signup/signup.component.html +++ /dev/null @@ -1,92 +0,0 @@ -
-
-
- - - - - - - - -
-
-
-
-
-
-
- Sign up with -
- -
-
-
- Or sign up with credentials -
-
-
-
-
- -
- -
-
-
-
-
- -
- -
-
-
-
-
- -
- -
-
-
- password strength: - strong - -
-
-
-
- - -
-
-
-
- -
-
-
-
-
-
-
-
-
diff --git a/src/app/signup/signup.component.scss b/src/app/signup/signup.component.scss deleted file mode 100644 index e69de29bb..000000000 diff --git a/src/app/signup/signup.component.ts b/src/app/signup/signup.component.ts deleted file mode 100644 index 3d0f23c26..000000000 --- a/src/app/signup/signup.component.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-signup', - templateUrl: './signup.component.html', - styleUrls: ['./signup.component.scss'] -}) -export class SignupComponent implements OnInit { - test : Date = new Date(); - focus; - focus1; - focus2; - constructor() { } - - ngOnInit() {} -} diff --git a/src/assets/img/brand/argon-white.png b/src/assets/img/brand/argon-white.png old mode 100644 new mode 100755 diff --git a/src/assets/img/brand/blue.png b/src/assets/img/brand/blue.png old mode 100644 new mode 100755 diff --git a/src/assets/img/brand/creativetim-white-slim.png b/src/assets/img/brand/creativetim-white-slim.png old mode 100644 new mode 100755 diff --git a/src/assets/img/brand/favicon.png b/src/assets/img/brand/favicon.png old mode 100644 new mode 100755 diff --git a/src/assets/img/brand/favicon0.png b/src/assets/img/brand/favicon0.png old mode 100644 new mode 100755 diff --git a/src/assets/img/brand/white.png b/src/assets/img/brand/white.png old mode 100644 new mode 100755 diff --git a/src/assets/img/cab.png b/src/assets/img/cab.png new file mode 100644 index 000000000..726b253c6 Binary files /dev/null and b/src/assets/img/cab.png differ diff --git a/src/assets/img/circle-right.png b/src/assets/img/circle-right.png new file mode 100644 index 000000000..8b9457a8d Binary files /dev/null and b/src/assets/img/circle-right.png differ diff --git a/src/assets/img/consult.png b/src/assets/img/consult.png new file mode 100644 index 000000000..f38678eea Binary files /dev/null and b/src/assets/img/consult.png differ diff --git a/src/assets/img/dental1.jpg b/src/assets/img/dental1.jpg new file mode 100644 index 000000000..4ea179533 Binary files /dev/null and b/src/assets/img/dental1.jpg differ diff --git a/src/assets/img/dental2.jpg b/src/assets/img/dental2.jpg new file mode 100644 index 000000000..5543f65f1 Binary files /dev/null and b/src/assets/img/dental2.jpg differ diff --git a/src/assets/img/doctor-patient.jpg b/src/assets/img/doctor-patient.jpg new file mode 100644 index 000000000..311ef20a4 Binary files /dev/null and b/src/assets/img/doctor-patient.jpg differ diff --git a/src/assets/img/first-aid-kit.png b/src/assets/img/first-aid-kit.png new file mode 100755 index 000000000..d5ab3a4e4 Binary files /dev/null and b/src/assets/img/first-aid-kit.png differ diff --git a/src/assets/img/hospital/Acidity.png b/src/assets/img/hospital/Acidity.png new file mode 100644 index 000000000..eb4a3297b Binary files /dev/null and b/src/assets/img/hospital/Acidity.png differ diff --git a/src/assets/img/hospital/Acne-01.png b/src/assets/img/hospital/Acne-01.png new file mode 100644 index 000000000..5184a15f1 Binary files /dev/null and b/src/assets/img/hospital/Acne-01.png differ diff --git a/src/assets/img/hospital/Anxiety.png b/src/assets/img/hospital/Anxiety.png new file mode 100644 index 000000000..55fb7a288 Binary files /dev/null and b/src/assets/img/hospital/Anxiety.png differ diff --git a/src/assets/img/hospital/Back-Pain.png b/src/assets/img/hospital/Back-Pain.png new file mode 100644 index 000000000..41671a44d Binary files /dev/null and b/src/assets/img/hospital/Back-Pain.png differ diff --git a/src/assets/img/hospital/Constipation.png b/src/assets/img/hospital/Constipation.png new file mode 100644 index 000000000..3af35164d Binary files /dev/null and b/src/assets/img/hospital/Constipation.png differ diff --git a/src/assets/img/hospital/Cough-01.png b/src/assets/img/hospital/Cough-01.png new file mode 100644 index 000000000..be5a0c470 Binary files /dev/null and b/src/assets/img/hospital/Cough-01.png differ diff --git a/src/assets/img/hospital/Depression-01.png b/src/assets/img/hospital/Depression-01.png new file mode 100644 index 000000000..b394c0f93 Binary files /dev/null and b/src/assets/img/hospital/Depression-01.png differ diff --git a/src/assets/img/hospital/Diabetes-01.png b/src/assets/img/hospital/Diabetes-01.png new file mode 100644 index 000000000..ccb91eb9f Binary files /dev/null and b/src/assets/img/hospital/Diabetes-01.png differ diff --git a/src/assets/img/hospital/Erectile-Dysfunction-01.png b/src/assets/img/hospital/Erectile-Dysfunction-01.png new file mode 100644 index 000000000..1a65f5bb7 Binary files /dev/null and b/src/assets/img/hospital/Erectile-Dysfunction-01.png differ diff --git a/src/assets/img/hospital/Fever-01.png b/src/assets/img/hospital/Fever-01.png new file mode 100644 index 000000000..2b4464b5e Binary files /dev/null and b/src/assets/img/hospital/Fever-01.png differ diff --git a/src/assets/img/hospital/Hairfall-01.png b/src/assets/img/hospital/Hairfall-01.png new file mode 100644 index 000000000..c40f826d9 Binary files /dev/null and b/src/assets/img/hospital/Hairfall-01.png differ diff --git a/src/assets/img/hospital/Headache.png b/src/assets/img/hospital/Headache.png new file mode 100644 index 000000000..ea12a9152 Binary files /dev/null and b/src/assets/img/hospital/Headache.png differ diff --git a/src/assets/img/hospital/Period-Issue-01.png b/src/assets/img/hospital/Period-Issue-01.png new file mode 100644 index 000000000..bb3e18a50 Binary files /dev/null and b/src/assets/img/hospital/Period-Issue-01.png differ diff --git a/src/assets/img/hospital/Piles.png b/src/assets/img/hospital/Piles.png new file mode 100644 index 000000000..850dbb156 Binary files /dev/null and b/src/assets/img/hospital/Piles.png differ diff --git a/src/assets/img/hospital/Pregnancy.png b/src/assets/img/hospital/Pregnancy.png new file mode 100644 index 000000000..c116209ee Binary files /dev/null and b/src/assets/img/hospital/Pregnancy.png differ diff --git a/src/assets/img/hospital/Stomach-ache.png b/src/assets/img/hospital/Stomach-ache.png new file mode 100644 index 000000000..5d00eaafb Binary files /dev/null and b/src/assets/img/hospital/Stomach-ache.png differ diff --git a/src/assets/img/hospital/Throat-Pain.png b/src/assets/img/hospital/Throat-Pain.png new file mode 100644 index 000000000..2515955f3 Binary files /dev/null and b/src/assets/img/hospital/Throat-Pain.png differ diff --git a/src/assets/img/hospital/UTI.png b/src/assets/img/hospital/UTI.png new file mode 100644 index 000000000..a66d9e84e Binary files /dev/null and b/src/assets/img/hospital/UTI.png differ diff --git a/src/assets/img/hospital/Weight-Loss-01.png b/src/assets/img/hospital/Weight-Loss-01.png new file mode 100644 index 000000000..1ccb54d52 Binary files /dev/null and b/src/assets/img/hospital/Weight-Loss-01.png differ diff --git a/src/assets/img/hospital/dentist.svg b/src/assets/img/hospital/dentist.svg new file mode 100644 index 000000000..c48d95f72 --- /dev/null +++ b/src/assets/img/hospital/dentist.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/img/hospital/doctor1.jpeg b/src/assets/img/hospital/doctor1.jpeg new file mode 100644 index 000000000..7ca143bfa Binary files /dev/null and b/src/assets/img/hospital/doctor1.jpeg differ diff --git a/src/assets/img/hospital/doctor2.jpeg b/src/assets/img/hospital/doctor2.jpeg new file mode 100644 index 000000000..66348c00d Binary files /dev/null and b/src/assets/img/hospital/doctor2.jpeg differ diff --git a/src/assets/img/hospital/doctor3.jpeg b/src/assets/img/hospital/doctor3.jpeg new file mode 100644 index 000000000..51e1392cd Binary files /dev/null and b/src/assets/img/hospital/doctor3.jpeg differ diff --git a/src/assets/img/hospital/doctor4.jpeg b/src/assets/img/hospital/doctor4.jpeg new file mode 100644 index 000000000..1ce6b5ce7 Binary files /dev/null and b/src/assets/img/hospital/doctor4.jpeg differ diff --git a/src/assets/img/hospital/doctor5.jpeg b/src/assets/img/hospital/doctor5.jpeg new file mode 100644 index 000000000..9839981b4 Binary files /dev/null and b/src/assets/img/hospital/doctor5.jpeg differ diff --git a/src/assets/img/hospital/eye-specialist.svg b/src/assets/img/hospital/eye-specialist.svg new file mode 100644 index 000000000..e279ed1b2 --- /dev/null +++ b/src/assets/img/hospital/eye-specialist.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/img/hospital/gynaecologist.svg b/src/assets/img/hospital/gynaecologist.svg new file mode 100644 index 000000000..b1c82bc86 --- /dev/null +++ b/src/assets/img/hospital/gynaecologist.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/img/hospital/more.svg b/src/assets/img/hospital/more.svg new file mode 100644 index 000000000..d7e9374a1 --- /dev/null +++ b/src/assets/img/hospital/more.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/img/hospital/orthopedician.svg b/src/assets/img/hospital/orthopedician.svg new file mode 100644 index 000000000..e0dfc7096 --- /dev/null +++ b/src/assets/img/hospital/orthopedician.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/img/hospital/pediatrician.svg b/src/assets/img/hospital/pediatrician.svg new file mode 100644 index 000000000..50bbb59f1 --- /dev/null +++ b/src/assets/img/hospital/pediatrician.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/img/hospital/physician.svg b/src/assets/img/hospital/physician.svg new file mode 100644 index 000000000..f51368051 --- /dev/null +++ b/src/assets/img/hospital/physician.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/img/hospital/physiotherapist.svg b/src/assets/img/hospital/physiotherapist.svg new file mode 100644 index 000000000..962bc6169 --- /dev/null +++ b/src/assets/img/hospital/physiotherapist.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/img/hospital/self-check-Migraine.png b/src/assets/img/hospital/self-check-Migraine.png new file mode 100644 index 000000000..e6d11b550 Binary files /dev/null and b/src/assets/img/hospital/self-check-Migraine.png differ diff --git a/src/assets/img/hospital/selfcheck-COVID.png b/src/assets/img/hospital/selfcheck-COVID.png new file mode 100644 index 000000000..96e02bc79 Binary files /dev/null and b/src/assets/img/hospital/selfcheck-COVID.png differ diff --git a/src/assets/img/hospital/selfcheck-Diabetes.png b/src/assets/img/hospital/selfcheck-Diabetes.png new file mode 100644 index 000000000..e2cbbd291 Binary files /dev/null and b/src/assets/img/hospital/selfcheck-Diabetes.png differ diff --git a/src/assets/img/hospital/selfcheck-Heart-Health.png b/src/assets/img/hospital/selfcheck-Heart-Health.png new file mode 100644 index 000000000..a89042805 Binary files /dev/null and b/src/assets/img/hospital/selfcheck-Heart-Health.png differ diff --git a/src/assets/img/hospital/selfcheck-Thyroid.png b/src/assets/img/hospital/selfcheck-Thyroid.png new file mode 100644 index 000000000..260b80c92 Binary files /dev/null and b/src/assets/img/hospital/selfcheck-Thyroid.png differ diff --git a/src/assets/img/hospital/symptoms/back-pain.png b/src/assets/img/hospital/symptoms/back-pain.png new file mode 100644 index 000000000..d74844075 Binary files /dev/null and b/src/assets/img/hospital/symptoms/back-pain.png differ diff --git a/src/assets/img/hospital/symptoms/brain.png b/src/assets/img/hospital/symptoms/brain.png new file mode 100644 index 000000000..0cba5daca Binary files /dev/null and b/src/assets/img/hospital/symptoms/brain.png differ diff --git a/src/assets/img/hospital/symptoms/constipation.png b/src/assets/img/hospital/symptoms/constipation.png new file mode 100644 index 000000000..29a11d642 Binary files /dev/null and b/src/assets/img/hospital/symptoms/constipation.png differ diff --git a/src/assets/img/hospital/symptoms/cough.png b/src/assets/img/hospital/symptoms/cough.png new file mode 100644 index 000000000..56532445b Binary files /dev/null and b/src/assets/img/hospital/symptoms/cough.png differ diff --git a/src/assets/img/hospital/symptoms/dandruff.png b/src/assets/img/hospital/symptoms/dandruff.png new file mode 100644 index 000000000..78c5a2e52 Binary files /dev/null and b/src/assets/img/hospital/symptoms/dandruff.png differ diff --git a/src/assets/img/hospital/symptoms/dark-circles.png b/src/assets/img/hospital/symptoms/dark-circles.png new file mode 100644 index 000000000..1c66dfd87 Binary files /dev/null and b/src/assets/img/hospital/symptoms/dark-circles.png differ diff --git a/src/assets/img/hospital/symptoms/diabetes.png b/src/assets/img/hospital/symptoms/diabetes.png new file mode 100644 index 000000000..0d0f20022 Binary files /dev/null and b/src/assets/img/hospital/symptoms/diabetes.png differ diff --git a/src/assets/img/hospital/symptoms/elbow-pain.png b/src/assets/img/hospital/symptoms/elbow-pain.png new file mode 100644 index 000000000..7d4deb711 Binary files /dev/null and b/src/assets/img/hospital/symptoms/elbow-pain.png differ diff --git a/src/assets/img/hospital/symptoms/fever.png b/src/assets/img/hospital/symptoms/fever.png new file mode 100644 index 000000000..c14144826 Binary files /dev/null and b/src/assets/img/hospital/symptoms/fever.png differ diff --git a/src/assets/img/hospital/symptoms/gas.png b/src/assets/img/hospital/symptoms/gas.png new file mode 100644 index 000000000..031ddb429 Binary files /dev/null and b/src/assets/img/hospital/symptoms/gas.png differ diff --git a/src/assets/img/hospital/symptoms/hairfall.png b/src/assets/img/hospital/symptoms/hairfall.png new file mode 100644 index 000000000..7bfb6c32f Binary files /dev/null and b/src/assets/img/hospital/symptoms/hairfall.png differ diff --git a/src/assets/img/hospital/symptoms/headache.png b/src/assets/img/hospital/symptoms/headache.png new file mode 100644 index 000000000..142456209 Binary files /dev/null and b/src/assets/img/hospital/symptoms/headache.png differ diff --git a/src/assets/img/hospital/symptoms/high-bp.png b/src/assets/img/hospital/symptoms/high-bp.png new file mode 100644 index 000000000..0d0f20022 Binary files /dev/null and b/src/assets/img/hospital/symptoms/high-bp.png differ diff --git a/src/assets/img/hospital/symptoms/itching.png b/src/assets/img/hospital/symptoms/itching.png new file mode 100644 index 000000000..e4e17ef1c Binary files /dev/null and b/src/assets/img/hospital/symptoms/itching.png differ diff --git a/src/assets/img/hospital/symptoms/joint-pain.png b/src/assets/img/hospital/symptoms/joint-pain.png new file mode 100644 index 000000000..35b7c8401 Binary files /dev/null and b/src/assets/img/hospital/symptoms/joint-pain.png differ diff --git a/src/assets/img/hospital/symptoms/neck-pain.png b/src/assets/img/hospital/symptoms/neck-pain.png new file mode 100644 index 000000000..7510ba486 Binary files /dev/null and b/src/assets/img/hospital/symptoms/neck-pain.png differ diff --git a/src/assets/img/hospital/symptoms/nose.png b/src/assets/img/hospital/symptoms/nose.png new file mode 100644 index 000000000..b9f30aac7 Binary files /dev/null and b/src/assets/img/hospital/symptoms/nose.png differ diff --git a/src/assets/img/hospital/symptoms/pimples.png b/src/assets/img/hospital/symptoms/pimples.png new file mode 100644 index 000000000..0cba5daca Binary files /dev/null and b/src/assets/img/hospital/symptoms/pimples.png differ diff --git a/src/assets/img/hospital/symptoms/rashes.png b/src/assets/img/hospital/symptoms/rashes.png new file mode 100644 index 000000000..01568c5a8 Binary files /dev/null and b/src/assets/img/hospital/symptoms/rashes.png differ diff --git a/src/assets/img/hospital/symptoms/reddish-skin.png b/src/assets/img/hospital/symptoms/reddish-skin.png new file mode 100644 index 000000000..8bb750e3e Binary files /dev/null and b/src/assets/img/hospital/symptoms/reddish-skin.png differ diff --git a/src/assets/img/hospital/symptoms/throat-pain.png b/src/assets/img/hospital/symptoms/throat-pain.png new file mode 100644 index 000000000..7b28584e0 Binary files /dev/null and b/src/assets/img/hospital/symptoms/throat-pain.png differ diff --git a/src/assets/img/icons/common/github.svg b/src/assets/img/icons/common/github.svg old mode 100644 new mode 100755 index 2227d5e0f..802adb5c5 --- a/src/assets/img/icons/common/github.svg +++ b/src/assets/img/icons/common/github.svg @@ -1,12 +1,12 @@ - - - - UI/icons/dark/github - Created with Sketch. - - - - - - + + + + UI/icons/dark/github + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/src/assets/img/icons/common/google.svg b/src/assets/img/icons/common/google.svg old mode 100644 new mode 100755 index 999a208c3..c08cba14b --- a/src/assets/img/icons/common/google.svg +++ b/src/assets/img/icons/common/google.svg @@ -1,17 +1,17 @@ - - - - UI/icons/color/google - Created with Sketch. - - - - - - - - - - - + + + + UI/icons/color/google + Created with Sketch. + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/img/ill/ill-2.svg b/src/assets/img/ill/ill-2.svg old mode 100644 new mode 100755 diff --git a/src/assets/img/image.svg b/src/assets/img/image.svg new file mode 100755 index 000000000..8f46d4463 --- /dev/null +++ b/src/assets/img/image.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/img/new/10130.jpg b/src/assets/img/new/10130.jpg new file mode 100644 index 000000000..146323b12 Binary files /dev/null and b/src/assets/img/new/10130.jpg differ diff --git a/src/assets/img/new/scientist.png b/src/assets/img/new/scientist.png new file mode 100644 index 000000000..27fc66045 Binary files /dev/null and b/src/assets/img/new/scientist.png differ diff --git a/src/assets/img/new/scientist.svg b/src/assets/img/new/scientist.svg new file mode 100644 index 000000000..f8e782149 --- /dev/null +++ b/src/assets/img/new/scientist.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/pana.svg b/src/assets/img/pana.svg new file mode 100755 index 000000000..e8c7923d6 --- /dev/null +++ b/src/assets/img/pana.svg @@ -0,0 +1,251 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/img/theme/img-1-1200x1000.jpg b/src/assets/img/theme/img-1-1200x1000.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/img-2-1200x1000.jpg b/src/assets/img/theme/img-2-1200x1000.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/landing.jpg b/src/assets/img/theme/landing.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/profile.jpg b/src/assets/img/theme/profile.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/promo-1.png b/src/assets/img/theme/promo-1.png old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/team-1-800x800.jpg b/src/assets/img/theme/team-1-800x800.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/team-2-800x800.jpg b/src/assets/img/theme/team-2-800x800.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/team-3-800x800.jpg b/src/assets/img/theme/team-3-800x800.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/theme/team-4-800x800.jpg b/src/assets/img/theme/team-4-800x800.jpg old mode 100644 new mode 100755 diff --git a/src/assets/img/tick.png b/src/assets/img/tick.png new file mode 100644 index 000000000..2e01f3e70 Binary files /dev/null and b/src/assets/img/tick.png differ diff --git a/src/assets/scss/angular/_alerts.scss b/src/assets/scss/angular/_alerts.scss old mode 100644 new mode 100755 index 408a7992b..e6cf1c53c --- a/src/assets/scss/angular/_alerts.scss +++ b/src/assets/scss/angular/_alerts.scss @@ -1,3 +1,3 @@ -.section-components .alert { - margin-top: 1.25rem; -} +.section-components .alert { + margin-top: 1.25rem; +} diff --git a/src/assets/scss/angular/_datepicker.scss b/src/assets/scss/angular/_datepicker.scss old mode 100644 new mode 100755 index fe587e9de..4fd187207 --- a/src/assets/scss/angular/_datepicker.scss +++ b/src/assets/scss/angular/_datepicker.scss @@ -1,181 +1,181 @@ - -ngb-datepicker { - border-radius: $datepicker-border-radius !important; - direction: ltr !important; - - - &, - & * { - outline: none; - } - &-rtl { - direction: rtl; - &.dropdown-menu { - left: auto; - } - table tr td span { - float: right; - } - } - top: 0!important; - left: 0!important; - padding: $datepicker-dropdown-padding!important; - @include box-shadow($dropdown-box-shadow); - - .bg-light { - background: transparent !important; - } - - &:focus { - outline: none !important; - } - .ngb-dp-header { - border-bottom: none !important; - background: transparent; - ngb-datepicker-navigation { - color: $primary; - - .ngb-dp-arrow{ - justify-content: center !important; - - &:hover{ - background: #e9ecef; - border-radius: .375rem; - } - } - - .ngb-dp-arrow-btn { - margin: 0 !important; - top: -3px; - - .ngb-dp-navigation-chevron { - color: $primary; - width: 6px; - height: 6px; - } - } - ngb-datepicker-navigation-select { - .custom-select, - .form-select { - font-weight: 300; - color: $primary; - border: none !important; - background: transparent !important; - -webkit-appearance: menulist !important; - box-shadow: none !important; - - &:hover{ - background: #e9ecef !important; - border-radius: .375rem; - } - } - } - } - } - .ngb-dp-months { - ngb-datepicker-month { - .ngb-dp-week { - border: none; - background: transparent; - .ngb-dp-weekday { - color: $primary; - padding-top: 10px; - opacity: 0.8; - font-style: normal !important; - line-height: 20px; - font-weight: 300; - width: 36px; - height: 36px; - font-size: .875rem; - transition: all .15s ease; - text-align: center; - border: none; - } - .small { - font-size: 14px; - } - .ngb-dp-day { - font-size: .875rem; - width: 36px; - height: 36px; - transition: all .15s ease; - text-align: center; - border: none; - border-radius: 50%; - - .btn-light, - .custom-day { - width: 36px; - height: 36px; - box-shadow: none; - color: #525f7f; - border-radius: 50%; - align-items: center; - display: grid; - - &:hover, - &:active { - box-shadow: none; - border: none; - background-color: transparent; - } - - &.faded{ - border-radius: 0; - } - &.range{ - color: $white; - &:hover{ - background: #5e72e4; - } - } - &.range-start{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - &.range-end{ - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - &.range-end.range-start{ - border-radius: 50%; - } - } - &:hover, - &:active { - box-shadow: none; - border: none; - background-color: transparent; - } - .text-muted { - color: #adb5bd; - } - } - } - } - } -} -.datepicker-container { - input option { - display: none; - } -} - -.custom-day.range{ - border-top-right-radius: 0; - border-bottom-right-radius: 0; - color: #fff; - background: #5e72e4; - box-shadow: none; - font-size: .875rem; - width: 36px; - height: 36px; - transition: all .15s ease; - text-align: center; - border: none; - border-radius: 50%; - - &.faded{ - border-radius: 0; - } -} + +ngb-datepicker { + border-radius: $datepicker-border-radius !important; + direction: ltr !important; + + + &, + & * { + outline: none; + } + &-rtl { + direction: rtl; + &.dropdown-menu { + left: auto; + } + table tr td span { + float: right; + } + } + top: 0!important; + left: 0!important; + padding: $datepicker-dropdown-padding!important; + @include box-shadow($dropdown-box-shadow); + + .bg-light { + background: transparent !important; + } + + &:focus { + outline: none !important; + } + .ngb-dp-header { + border-bottom: none !important; + background: transparent; + ngb-datepicker-navigation { + color: $primary; + + .ngb-dp-arrow{ + justify-content: center !important; + + &:hover{ + background: #e9ecef; + border-radius: .375rem; + } + } + + .ngb-dp-arrow-btn { + margin: 0 !important; + top: -3px; + + .ngb-dp-navigation-chevron { + color: $primary; + width: 6px; + height: 6px; + } + } + ngb-datepicker-navigation-select { + .custom-select, + .form-select { + font-weight: 300; + color: $primary; + border: none !important; + background: transparent !important; + -webkit-appearance: menulist !important; + box-shadow: none !important; + + &:hover{ + background: #e9ecef !important; + border-radius: .375rem; + } + } + } + } + } + .ngb-dp-months { + ngb-datepicker-month { + .ngb-dp-week { + border: none; + background: transparent; + .ngb-dp-weekday { + color: $primary; + padding-top: 10px; + opacity: 0.8; + font-style: normal !important; + line-height: 20px; + font-weight: 300; + width: 36px; + height: 36px; + font-size: .875rem; + transition: all .15s ease; + text-align: center; + border: none; + } + .small { + font-size: 14px; + } + .ngb-dp-day { + font-size: .875rem; + width: 36px; + height: 36px; + transition: all .15s ease; + text-align: center; + border: none; + border-radius: 50%; + + .btn-light, + .custom-day { + width: 36px; + height: 36px; + box-shadow: none; + color: #525f7f; + border-radius: 50%; + align-items: center; + display: grid; + + &:hover, + &:active { + box-shadow: none; + border: none; + background-color: transparent; + } + + &.faded{ + border-radius: 0; + } + &.range{ + color: $white; + &:hover{ + background: #5e72e4; + } + } + &.range-start{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + &.range-end{ + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &.range-end.range-start{ + border-radius: 50%; + } + } + &:hover, + &:active { + box-shadow: none; + border: none; + background-color: transparent; + } + .text-muted { + color: #adb5bd; + } + } + } + } + } +} +.datepicker-container { + input option { + display: none; + } +} + +.custom-day.range{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: #fff; + background: #5e72e4; + box-shadow: none; + font-size: .875rem; + width: 36px; + height: 36px; + transition: all .15s ease; + text-align: center; + border: none; + border-radius: 50%; + + &.faded{ + border-radius: 0; + } +} diff --git a/src/assets/scss/angular/_dropdowns.scss b/src/assets/scss/angular/_dropdowns.scss old mode 100644 new mode 100755 index b2f5cdcc0..6db9512d0 --- a/src/assets/scss/angular/_dropdowns.scss +++ b/src/assets/scss/angular/_dropdowns.scss @@ -1,7 +1,7 @@ -.no-caret::after{ - display: none; -} -.navbar .navbar-collapse.show .dropdown-menu.show{ - position: static !important; - transform: none !important; -} +.no-caret::after{ + display: none; +} +.navbar .navbar-collapse.show .dropdown-menu.show{ + position: static !important; + transform: none !important; +} diff --git a/src/assets/scss/angular/_input-group.scss b/src/assets/scss/angular/_input-group.scss old mode 100644 new mode 100755 index d5ba981f8..a49093bb1 --- a/src/assets/scss/angular/_input-group.scss +++ b/src/assets/scss/angular/_input-group.scss @@ -1,9 +1,9 @@ -.input-group { - .form-control.datepicker { - &:not(:last-child) { - border-right: 1px solid #cad1d7; - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - } - } -} +.input-group { + .form-control.datepicker { + &:not(:last-child) { + border-right: 1px solid #cad1d7; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } + } +} diff --git a/src/assets/scss/angular/_navbar.scss b/src/assets/scss/angular/_navbar.scss old mode 100644 new mode 100755 index d2f617ab4..352bc0d46 --- a/src/assets/scss/angular/_navbar.scss +++ b/src/assets/scss/angular/_navbar.scss @@ -1,11 +1,11 @@ - -@keyframes show-navbar-dropdown { - 0% { - opacity: 0; - transition: visibility 0.25s, opacity 0.25s, transform 0.25s; - } - - 100% { - opacity: 1; - } -} + +@keyframes show-navbar-dropdown { + 0% { + opacity: 0; + transition: visibility 0.25s, opacity 0.25s, transform 0.25s; + } + + 100% { + opacity: 1; + } +} diff --git a/src/assets/scss/angular/_tabs.scss b/src/assets/scss/angular/_tabs.scss old mode 100644 new mode 100755 index 7ee158e78..332d010f1 --- a/src/assets/scss/angular/_tabs.scss +++ b/src/assets/scss/angular/_tabs.scss @@ -1,40 +1,40 @@ -.custom-tab-content{ - .tab-content{ - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; - position: relative; - transition: all .15s ease; - box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - border: .0625rem solid rgba(0,0,0,.05); - background-color: #fff; - background-clip: border-box; - padding: 1.5rem; - flex: 1 1 auto; - } - .nav-pills{ - padding: 1rem 0; - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; - .nav-item{ - text-align: center; - flex: 1 1 auto; - } - } -} -.flex-column .nav-pills{ - flex-direction: column; -} -@media (min-width: 768px){ - .flex-md-row .nav-pills{ - flex-direction: row!important; - } -} -.nav-pills-circle .nav-pills .nav-item:not(:last-child){ - padding-right: 1rem; -} +.custom-tab-content{ + .tab-content{ + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; + position: relative; + transition: all .15s ease; + box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + border: .0625rem solid rgba(0,0,0,.05); + background-color: #fff; + background-clip: border-box; + padding: 1.5rem; + flex: 1 1 auto; + } + .nav-pills{ + padding: 1rem 0; + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; + .nav-item{ + text-align: center; + flex: 1 1 auto; + } + } +} +.flex-column .nav-pills{ + flex-direction: column; +} +@media (min-width: 768px){ + .flex-md-row .nav-pills{ + flex-direction: row!important; + } +} +.nav-pills-circle .nav-pills .nav-item:not(:last-child){ + padding-right: 1rem; +} diff --git a/src/assets/scss/argon.scss b/src/assets/scss/argon.scss old mode 100644 new mode 100755 index b7d8f7a8a..9f81d295d --- a/src/assets/scss/argon.scss +++ b/src/assets/scss/argon.scss @@ -1,110 +1,110 @@ -/*! - -========================================================= -* Argon Design System Angular - v1.3.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-design-system-angular -* Copyright 2021 Creative Tim (https://www.creative-tim.com) -* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system-angular/blob/master/LICENSE.md) - -* Coded by Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -// Core - -@import "bootstrap/functions"; -@import "custom/functions"; - -@import "custom/variables"; -@import "bootstrap/variables"; - -@import "bootstrap/mixins"; -@import "custom/mixins"; - -// Bootstrap components - -@import "bootstrap/root"; -@import "bootstrap/reboot"; -@import "bootstrap/type"; -@import "bootstrap/images"; -@import "bootstrap/code"; -@import "bootstrap/grid"; -@import "bootstrap/tables"; -@import "bootstrap/forms"; -@import "bootstrap/buttons"; -@import "bootstrap/transitions"; -@import "bootstrap/dropdown"; -@import "bootstrap/button-group"; -@import "bootstrap/input-group"; -@import "bootstrap/custom-forms"; -@import "bootstrap/nav"; -@import "bootstrap/navbar"; -@import "bootstrap/card"; -@import "bootstrap/breadcrumb"; -@import "bootstrap/pagination"; -@import "bootstrap/badge"; -@import "bootstrap/jumbotron"; -@import "bootstrap/alert"; -@import "bootstrap/progress"; -@import "bootstrap/media"; -@import "bootstrap/list-group"; -@import "bootstrap/close"; -@import "bootstrap/modal"; -@import "bootstrap/tooltip"; -@import "bootstrap/popover"; -@import "bootstrap/carousel"; -@import "bootstrap/utilities"; -@import "bootstrap/print"; - -// Custom components - -@import "custom/reboot.scss"; -@import "custom/global.scss"; -@import "custom/utilities.scss"; - -@import "custom/accordion.scss"; -@import "custom/alerts.scss"; -@import "custom/avatars.scss"; -@import "custom/badge.scss"; -@import "custom/buttons.scss"; -@import "custom/card.scss"; -@import "custom/carousel.scss"; -@import "custom/close.scss"; -@import "custom/custom-forms.scss"; -@import "custom/dropdown.scss"; -@import "custom/footer.scss"; -@import "custom/forms.scss"; -@import "custom/grid.scss"; -@import "custom/icons.scss"; -@import "custom/input-group.scss"; -@import "custom/list-group.scss"; -@import "custom/modal.scss"; -@import "custom/nav.scss"; -@import "custom/navbar.scss"; -@import "custom/pagination.scss"; -@import "custom/popover.scss"; -@import "custom/progress.scss"; -@import "custom/section.scss"; -@import "custom/separator.scss"; -@import "custom/type.scss"; - -// Vendor - -@import "custom/vendor/bootstrap-datepicker.scss"; -@import "custom/vendor/headroom.scss"; -@import "custom/vendor/nouislider.scss"; - - -// Angular diferences -@import "angular/alerts.scss"; -@import "angular/navbar.scss"; -@import "angular/dropdowns.scss"; -@import "angular/tabs.scss"; -@import "angular/datepicker.scss"; -@import "angular/input-group.scss"; +/*! + +========================================================= +* Argon Design System Angular - v1.3.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/argon-design-system-angular +* Copyright 2021 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system-angular/blob/master/LICENSE.md) + +* Coded by Creative Tim + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/ + +// Core + +@import "bootstrap/functions"; +@import "custom/functions"; + +@import "custom/variables"; +@import "bootstrap/variables"; + +@import "bootstrap/mixins"; +@import "custom/mixins"; + +// Bootstrap components + +@import "bootstrap/root"; +@import "bootstrap/reboot"; +@import "bootstrap/type"; +@import "bootstrap/images"; +@import "bootstrap/code"; +@import "bootstrap/grid"; +@import "bootstrap/tables"; +@import "bootstrap/forms"; +@import "bootstrap/buttons"; +@import "bootstrap/transitions"; +@import "bootstrap/dropdown"; +@import "bootstrap/button-group"; +@import "bootstrap/input-group"; +@import "bootstrap/custom-forms"; +@import "bootstrap/nav"; +@import "bootstrap/navbar"; +@import "bootstrap/card"; +@import "bootstrap/breadcrumb"; +@import "bootstrap/pagination"; +@import "bootstrap/badge"; +@import "bootstrap/jumbotron"; +@import "bootstrap/alert"; +@import "bootstrap/progress"; +@import "bootstrap/media"; +@import "bootstrap/list-group"; +@import "bootstrap/close"; +@import "bootstrap/modal"; +@import "bootstrap/tooltip"; +@import "bootstrap/popover"; +@import "bootstrap/carousel"; +@import "bootstrap/utilities"; +@import "bootstrap/print"; + +// Custom components + +@import "custom/reboot.scss"; +@import "custom/global.scss"; +@import "custom/utilities.scss"; + +@import "custom/accordion.scss"; +@import "custom/alerts.scss"; +@import "custom/avatars.scss"; +@import "custom/badge.scss"; +@import "custom/buttons.scss"; +@import "custom/card.scss"; +@import "custom/carousel.scss"; +@import "custom/close.scss"; +@import "custom/custom-forms.scss"; +@import "custom/dropdown.scss"; +@import "custom/footer.scss"; +@import "custom/forms.scss"; +@import "custom/grid.scss"; +@import "custom/icons.scss"; +@import "custom/input-group.scss"; +@import "custom/list-group.scss"; +@import "custom/modal.scss"; +@import "custom/nav.scss"; +@import "custom/navbar.scss"; +@import "custom/pagination.scss"; +@import "custom/popover.scss"; +@import "custom/progress.scss"; +@import "custom/section.scss"; +@import "custom/separator.scss"; +@import "custom/type.scss"; + +// Vendor + +@import "custom/vendor/bootstrap-datepicker.scss"; +@import "custom/vendor/headroom.scss"; +@import "custom/vendor/nouislider.scss"; + + +// Angular diferences +@import "angular/alerts.scss"; +@import "angular/navbar.scss"; +@import "angular/dropdowns.scss"; +@import "angular/tabs.scss"; +@import "angular/datepicker.scss"; +@import "angular/input-group.scss"; diff --git a/src/assets/scss/bootstrap/_alert.scss b/src/assets/scss/bootstrap/_alert.scss old mode 100644 new mode 100755 index de52265bb..8124ceb8a --- a/src/assets/scss/bootstrap/_alert.scss +++ b/src/assets/scss/bootstrap/_alert.scss @@ -1,70 +1,70 @@ -// -// Base styles -// - -.alert { - position: relative; - padding: $alert-padding-y $alert-padding-x; - margin-bottom: $alert-margin-bottom; - border: $alert-border-width solid transparent; - @include border-radius($alert-border-radius); -} - -// Headings for larger alerts -.alert-heading { - // Specified to prevent conflicts of changing $headings-color - color: inherit; -} - -// Provide class for links that match alerts -.alert-link { - font-weight: $alert-link-font-weight; -} - - -// Dismissible alerts -// -// Expand the right padding and account for the close button's positioning. - -.alert-dismissible { - padding-right: ($close-font-size + $alert-padding-x * 2); - - // Adjust close link position - .btn-close { - position: absolute; - top: 0; - right: 0; - padding: $alert-padding-y $alert-padding-x; - color: inherit; - background-color: transparent; - border: 0; - } - - button.btn-close { - &::after { - content: '×'; - font-size: 1.3rem; - background-color: transparent; - color: rgba(255, 255, 255, .6); - } - &:hover::after { - opacity: 1 !important; - color: rgba(255, 255, 255, 255); - } - &:focus { - outline: 0 !important; - } - } -} - - -// Alternate styles -// -// Generate contextual modifier classes for colorizing the alert. - -@each $color, -$value in $theme-colors { - .alert-#{$color} { - @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); - } +// +// Base styles +// + +.alert { + position: relative; + padding: $alert-padding-y $alert-padding-x; + margin-bottom: $alert-margin-bottom; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($close-font-size + $alert-padding-x * 2); + + // Adjust close link position + .btn-close { + position: absolute; + top: 0; + right: 0; + padding: $alert-padding-y $alert-padding-x; + color: inherit; + background-color: transparent; + border: 0; + } + + button.btn-close { + &::after { + content: '×'; + font-size: 1.3rem; + background-color: transparent; + color: rgba(255, 255, 255, .6); + } + &:hover::after { + opacity: 1 !important; + color: rgba(255, 255, 255, 255); + } + &:focus { + outline: 0 !important; + } + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +@each $color, +$value in $theme-colors { + .alert-#{$color} { + @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); + } } \ No newline at end of file diff --git a/src/assets/scss/bootstrap/_badge.scss b/src/assets/scss/bootstrap/_badge.scss old mode 100644 new mode 100755 index b87a1b004..abdcc8daf --- a/src/assets/scss/bootstrap/_badge.scss +++ b/src/assets/scss/bootstrap/_badge.scss @@ -1,47 +1,47 @@ -// Base class -// -// Requires one of the contextual, color modifier classes for `color` and -// `background-color`. - -.badge { - display: inline-block; - padding: $badge-padding-y $badge-padding-x; - font-size: $badge-font-size; - font-weight: $badge-font-weight; - line-height: 1; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - @include border-radius($badge-border-radius); - - // Empty badges collapse automatically - &:empty { - display: none; - } -} - -// Quick fix for badges in buttons -.btn .badge { - position: relative; - top: -1px; -} - -// Pill badges -// -// Make them extra rounded with a modifier to replace v3's badges. - -.badge-pill { - padding-right: $badge-pill-padding-x; - padding-left: $badge-pill-padding-x; - @include border-radius($badge-pill-border-radius); -} - -// Colors -// -// Contextual variations (linked badges get darker on :hover). - -@each $color, $value in $theme-colors { - .badge-#{$color} { - @include badge-variant($value); - } -} +// Base class +// +// Requires one of the contextual, color modifier classes for `color` and +// `background-color`. + +.badge { + display: inline-block; + padding: $badge-padding-y $badge-padding-x; + font-size: $badge-font-size; + font-weight: $badge-font-weight; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + @include border-radius($badge-border-radius); + + // Empty badges collapse automatically + &:empty { + display: none; + } +} + +// Quick fix for badges in buttons +.btn .badge { + position: relative; + top: -1px; +} + +// Pill badges +// +// Make them extra rounded with a modifier to replace v3's badges. + +.badge-pill { + padding-right: $badge-pill-padding-x; + padding-left: $badge-pill-padding-x; + @include border-radius($badge-pill-border-radius); +} + +// Colors +// +// Contextual variations (linked badges get darker on :hover). + +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } +} diff --git a/src/assets/scss/bootstrap/_breadcrumb.scss b/src/assets/scss/bootstrap/_breadcrumb.scss old mode 100644 new mode 100755 index be3095069..82fc55252 --- a/src/assets/scss/bootstrap/_breadcrumb.scss +++ b/src/assets/scss/bootstrap/_breadcrumb.scss @@ -1,41 +1,41 @@ -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: $breadcrumb-padding-y $breadcrumb-padding-x; - margin-bottom: $breadcrumb-margin-bottom; - list-style: none; - background-color: $breadcrumb-bg; - @include border-radius($breadcrumb-border-radius); -} - -.breadcrumb-item { - // The separator between breadcrumbs (by default, a forward-slash: "/") - + .breadcrumb-item { - padding-left: $breadcrumb-item-padding; - - &::before { - display: inline-block; // Suppress underlining of the separator in modern browsers - padding-right: $breadcrumb-item-padding; - color: $breadcrumb-divider-color; - content: $breadcrumb-divider; - } - } - - // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built - // without `