Implemented Dynamic Theme Changer

Author: ikismail

.firebase/hosting.ZGlzdFxhbmd1bGFyU2hvcA.cache

@@ -1,73 +1,75 @@
-01.png,1542913762833,c166f83075c173c70bbd38a5ec7fbfee3c30bcfca119fb4564eb6dcb489abd9c
-02.png,1542913762833,19c0808af54d1898a4951915cc6468aafe8b2637e0bed10988e756dccfce43eb
-03.png,1542913762833,1bef75d750ee08b391a2ffe21719ceb53fc053002b82d6f129a3744150f5a000
-04.png,1542913762833,a0e18f9dc9f51ffa4872fed7be8de7ade796ce476c2b115f04395e78b3d223ac
-05.png,1542913762834,3a5a6ba9a6e5e485f533134677d27a2c8b1333e2299966adabe8e0c47223d1e2
-07.png,1542913762834,fc6951c5a7547f0dbb4a952c85c8f533648bba9cd9fcccb61e3d50b419d7b1de
-06.png,1542913762834,fc70bb4cd6222251c9ebe6a057080584cd9f63d5af0ea7b9772d4c78cf30e053
-08.png,1542913762834,ab8e7c97e872c1b164fc8dd2885bb67090f9a6589920dde9ab5d68c82fdad623
-09.png,1542913762835,820d92d14519a8cbdbd36cca86658b0c1435f8a6cd438f945940d3f450da49fa
-arrow_left.svg,1542913762834,53197e84fb8885fc8aaf8d121a7de4e5d1d093489d77730ca14725355c861b38
-arrow_right.svg,1542913762835,332a66ab732d5a70f73ed1d876e9d28cbefba2242b984165d5e7cb186f6ee717
-index.html,1542913762847,146a14258b66e17264417af3bb00efff85aa958f1818cda67c0caf7f40bda535
-owl.video.play.png,1542913762831,0ab9a6bd1e161ffe900347179b2a70f4f9b4c9d852d0bfc7160b83df539f91e8
-runtime.js,1542913762841,9c506c704b68d87ed1d5cf77bddfd1fc13f494e055cc3d4af944916373dcd38b
-runtime.js.map,1542913762843,5f67dfe7c03b827c21a879d99d5a4a31e425344e7214dfea8f41fd3710049887
-Roboto-Bold.eot,1542913762832,89176450dd5254d8ee95a53ed8bfec2d95e529a2486c64135906be9ba4f51022
-Roboto-Light.eot,1542913762832,916b0aaa8ef86d4044397b1506a4fb07d405c53b3be07ad32e58310cec71a80f
-Roboto-Medium.eot,1542913762831,7a751cf00c73515fa43dd6079d907c29b7182c1aa075fa010e252d47eb2efeb6
-Roboto-Regular.eot,1542913762832,e614f321be015468df7de0c3521860a822ac61c800f9772ec1268ff901baaf35
-Roboto-Thin.eot,1542913762831,21380a70e7ee0d33b0531f52d2cb6b7f5d37980ee7d41784abede1e519bdbd3f
-Roboto-Thin.woff2,1542913762836,c7cf46e017d981315919e9303d07e67162badc4c20e32714d25a13b3308a182f
-Roboto-Bold.woff,1542913762838,7272d6d4c4e25c332e34783f1adea97206e1bc0bd12a5607911aa9cee71e0b5b
-Roboto-Bold.woff2,1542913762837,077f940499d85d771ee82bf3ff04ccdab7cbf63418d08a6bbf48008dca092416
-Roboto-Light.woff2,1542913762836,38a4fee98b178fe1b4b5bd7c016d6e719f0afd6092037799d7ce541592764aa0
-Roboto-Light.woff,1542913762837,730e1f8010b36968ea92c524b2095c4b842be3667f814066720b3146d2b3d860
-Roboto-Medium.woff,1542913762837,f2c2001eddd1a8b6b4369d21b783ad4cf85c642600ca78ec6b982d006a3adad4
-Roboto-Medium.woff2,1542913762836,fd59c208cda62cae244d56c2b220637129652500efccc3c8bf148bbb78c2c6d7
-Roboto-Regular.woff2,1542913762836,791c0145e7b06a5e920d187f3ecf70c98db4bbe5619a80aa5cc9f04f82bfd11d
-Roboto-Regular.woff,1542913762838,30895938b644aab215622143afbd324657fef8a2ee108d1edafceedce7059f3f
-Roboto-Thin.woff,1542913762837,9b56d78f078759089be85d99f7d316421c259511b858fa371223e82d7036dc58
-assets/i18n/en.json,1542913762857,eac4d9d750144cd6c216ce3f3fa3574e37a58112631c0c83f10b3977aeccc8de
-assets/i18n/fa.json,1542913762858,2639e53dc388777d7b292cb535487b8e83b1f56258eb2e6b6dc5c04131937040
-assets/i18n/fr.json,1542913762860,84593bed355251a1da13b4c14edfcb5c65d89020741496be971b503935dbcfb0
-assets/banner_img/img_1.jpg,1542913762855,b2ec7bfc92f68e200856e44dc631413ea2b746ba4c813b43ebf39fec6f5156ea
-assets/i18n/hin.json,1542913762860,79fc75a8cfb960140bf43ffc9f32d09f17ac124360ff9a09c6619889573070b4
-assets/i18n/ja.json,1542913762859,455540a6a21b8aa4f34ff872fbb8d055f468127cd86736528125ebd6301e3541
-assets/icons/icon-128x128.png,1542913762858,eb633f407234ff81b3b25eaedcb374755654f3dde18c1f0815feea1aa7f8808e
-assets/icons/icon-144x144.png,1542913762860,fe71fd9fb4aeeade750ad19f857564b83129e9034feac10adc8c9acdd325d200
-assets/banner_img/img_2.jpg,1542913762858,7aa1c8a7f1ab0730cb3add97f967df8e3fd2313c9bd4bf7d7aba1d9c88f8f06c
-fontawesome-webfont.woff2,1542913762839,38d88317bebc79b4945a679daadd47daebbadc5cd13b41473143394ca7e8d892
-assets/icons/icon-152x152.png,1542913762861,83dd9832849023559c9fbef0a242ea91724d7164e95b1637194b7b30a2b5bb87
-Roboto-Bold.ttf,1542913762839,63d081d4c341821402e48208a7d8affa5355ab99f2396fe1b1bd9c7ffa3b13d0
-assets/icons/icon-72x72.png,1542913762860,45c5deb4b854999ac06a31c0a7f6a781a82d16768f72b5fdee31d2bd97d27fc9
-Roboto-Light.ttf,1542913762838,b02081952931e972be9b0f8316b53fa2349098bd9a8fbd86446a49c4bf261eca
-Roboto-Medium.ttf,1542913762839,b8f3c68d9b7a4973b4b0d2e89dc423b9e0105d35bc13c9c7c9b7afb42ee681a6
-assets/banner_img/img_4.jpg,1542913762858,507a135116011210c1ce06ff97d7f8be7cffc376e022a1a03a3abde9b2b8920a
-Roboto-Regular.ttf,1542913762839,3877373fd695e0aaa15bb410093e62c9f53a8cd7f09316271784c5dc1557843f
-fontawesome-webfont.woff,1542913762840,b51c2c79cce89b7c5947672c13f735c24ee1a9f8f6ebdb957c5fdfe567f27d37
-assets/icons/icon-192x192.png,1542913762859,d5b3166f730b80946c734f5a594fc41a95efe60cc77749dcac7e1cbf86d8f9aa
-assets/icons/icon-384x384.png,1542913762862,20f36cccfe1f01cced706b8ec89dcfe413434887bbd248866de2380a691ebb48
-assets/icons/icon-512x512.png,1542913762861,20f36cccfe1f01cced706b8ec89dcfe413434887bbd248866de2380a691ebb48
-main.js.map,1542913762843,2d01ee10460d0686f69c92c4a4f375cb2390f46e8008533352757e962e0e6000
-main.js,1542913762841,4ffc47d3153c50988e44b561af5d89afcd5064a858ffdee3d8f5e4dec4e7b35d
-assets/icons/icon-96x96.png,1542913762862,e1603b479735fc8cfe793ff5dec47edb51881027ed5ea0063961292dc943b271
-assets/img/loader.svg,1542913762857,278a01eb787319a3bf4b694bec895787546fec944b769a009727803d5b56343b
-assets/img/malecostume-512.png,1542913762863,c194d3f7c0e954b2cf5f66930394e609598ccd2ebb2d7c1ab7f7d1e7fcdac4d4
-favicon.ico,1542913762846,a0e0d47d41b5e35989900ab6cf6c38eb8ad8b8683ae59f74488ad78e0fa9eec1
-assets/banner_img/img_3.jpg,1542913762859,f248a765e8aff74914588bcdcd7978a1b2135337e380d54b3ba37991827b48e0
-fontawesome-webfont.eot,1542913762840,4944999b255adf473d5b86b300eba33737e8f598c17f24e82a28582393331209
-polyfills.js,1542913762842,b882ee2749875fe3de6990614b585f3223feb521efd454516777a97f33477b00
-fontawesome-webfont.ttf,1542913762840,d9cef07d4f3569883fb4c3db76acea5478cef80775d012841eb78a42e60a8e89
-Roboto-Thin.ttf,1542913762838,0d8b36bdb4c7d73d887fcff8dceb85d3186348d58d4c6536fabd13d0bd7d0d96
-assets/banner_img/img_3.png,1542913762861,570f0a1ca021cd8755a463d2d78c4d050a933e96dbb88aaa63b491653c3434b4
-polyfills.js.map,1542913762843,4c73660a752ec99f46013f56131d0b3a5ade32780b5bbd16d91a6b44be3ba25d
-layouts-task-board-task-board-module.js,1542913762841,fc0c56a3932c3dbd92b82d6d3998eccbe3bb4095c47b57d829737754afb47b48
-fontawesome-webfont.svg,1542913762841,9b74ca5333a9ca156ae6ef0920d5bc42d283e95d25651bf4375404f0407a63ab
-layouts-task-board-task-board-module.js.map,1542913762842,d56093359d9d0287a1c990039d592c593b4b4a520e2593c8a87931a223c5835c
-scripts.js,1542913762842,0f73d302f070f781581689107d60ac88e89a9f20efec7718281e8bbe87bed736
-scripts.js.map,1542913762844,af1e9ce0c5167fb23a1399659310b130e94f1bf221e643851bab6d62888dc916
-styles.js,1542913762842,842588f4d1e615c40d94287208a702aeefc862952e70d54a444370ad908ca2a9
-styles.js.map,1542913762844,5a545e5d7e42bcbb42253365c29a530b606c56bdf7452ced6a877c91a6208b16
-vendor.js,1542913762847,5bdb0c3690fc45bc2c45647db9871f422be30f2e754223062be3e2ddce2dd65f
-vendor.js.map,1542913762847,2c7888243bd98c8dfc0c67bd7c38f00514d0a6e5d30b3064377577c0806f903e
+01.0a3750e6fdb29fcd632e.png,1550259293397,c166f83075c173c70bbd38a5ec7fbfee3c30bcfca119fb4564eb6dcb489abd9c
+02.351bd6828f980ec53eb3.png,1550259293397,19c0808af54d1898a4951915cc6468aafe8b2637e0bed10988e756dccfce43eb
+03.e438ea2aabdb1087dc4f.png,1550259293397,1bef75d750ee08b391a2ffe21719ceb53fc053002b82d6f129a3744150f5a000
+04.0284d042a6c29213aaa1.png,1550259293397,a0e18f9dc9f51ffa4872fed7be8de7ade796ce476c2b115f04395e78b3d223ac
+06.21612b9d3e9d84e7e876.png,1550259293397,fc70bb4cd6222251c9ebe6a057080584cd9f63d5af0ea7b9772d4c78cf30e053
+07.f8da0281186df8f17f73.png,1550259293398,fc6951c5a7547f0dbb4a952c85c8f533648bba9cd9fcccb61e3d50b419d7b1de
+08.975f7e0074400e7561ba.png,1550259293398,ab8e7c97e872c1b164fc8dd2885bb67090f9a6589920dde9ab5d68c82fdad623
+09.fd19309a1932b4751387.png,1550259293398,820d92d14519a8cbdbd36cca86658b0c1435f8a6cd438f945940d3f450da49fa
+05.5014f9cce435c71ade63.png,1550259293397,3a5a6ba9a6e5e485f533134677d27a2c8b1333e2299966adabe8e0c47223d1e2
+5.71aa936ca794fa6a55da.js,1550259293400,8ba131c2ebcaa3f4708cc85da73a5a2bafdde454130d25730bfe0f6ce331717e
+arrow_left.270f72df47e036d9cfa1.svg,1550259293398,53197e84fb8885fc8aaf8d121a7de4e5d1d093489d77730ca14725355c861b38
+6.67057a42b17d33def30c.js,1550259293400,e259be85ada467be09a37c03fc655f5dca8c2856f620d625afa708d74c481d1b
+7.a46d6a17368d23f2d41a.js,1550259293400,8f9e043fc92eab0c3cbc6f2a353b26969840a3b761b170f6f2ab02e8ce930c23
+arrow_right.d9ccc77c8240ad0dc272.svg,1550259293398,332a66ab732d5a70f73ed1d876e9d28cbefba2242b984165d5e7cb186f6ee717
+8.23d03c216e302eb9a01a.js,1550259293400,0130e1423841da5f583f35ed198f22b7b2be3f3807094085a9e9b7bd9395639a
+3rdpartylicenses.txt,1550259293396,ea3fdb8726b3585836e6efde3dc9c2273068fa02fb4c334f3e655ca4ac3377e6
+index.html,1550259293402,df5348b6c9a1500270a7ae2014e67593381d54b9646f17e9266324437451613e
+manifest.json,1550259293401,0184053bae3bdb6f44187ebd1eaad4ab827add962682c414098576813238bd85
+owl.video.play.4a37f8008959c75f619b.png,1550259293396,0ab9a6bd1e161ffe900347179b2a70f4f9b4c9d852d0bfc7160b83df539f91e8
+ngsw.json,1550259293719,704d954ab65c12cc2d06f65bc4aef0dbc27fedd7bc592a611a5983cd48cb56f4
+Roboto-Bold.ecdd509cadbf1ea78b8d.eot,1550259293397,89176450dd5254d8ee95a53ed8bfec2d95e529a2486c64135906be9ba4f51022
+Roboto-Light.a990f611f2305dc12965.eot,1550259293397,916b0aaa8ef86d4044397b1506a4fb07d405c53b3be07ad32e58310cec71a80f
+Roboto-Medium.4d9f3f9e5195e7b074bb.eot,1550259293397,7a751cf00c73515fa43dd6079d907c29b7182c1aa075fa010e252d47eb2efeb6
+Roboto-Regular.30799efa5bf74129468a.eot,1550259293397,e614f321be015468df7de0c3521860a822ac61c800f9772ec1268ff901baaf35
+Roboto-Thin.dfe56a876d0282555d1e.eot,1550259293397,21380a70e7ee0d33b0531f52d2cb6b7f5d37980ee7d41784abede1e519bdbd3f
+favicon.ico,1550259293401,a0e0d47d41b5e35989900ab6cf6c38eb8ad8b8683ae59f74488ad78e0fa9eec1
+4.621b9685171476219a16.js,1550259293400,6d67a46aecde2cece89f97854c54799b47ad298f78837811901b07bc65ba2379
+polyfills.b7350c3d51914905fd2f.js,1550259293400,af613afe51f46e378289185c7b474470cfce2444328719b6dcae73dbca744e87
+Roboto-Thin.954bbdeb86483e4ffea0.woff2,1550259293398,c7cf46e017d981315919e9303d07e67162badc4c20e32714d25a13b3308a182f
+Roboto-Bold.39b2c3031be6b4ea96e2.woff2,1550259293398,077f940499d85d771ee82bf3ff04ccdab7cbf63418d08a6bbf48008dca092416
+Roboto-Bold.dc81817def276b4f2139.woff,1550259293398,7272d6d4c4e25c332e34783f1adea97206e1bc0bd12a5607911aa9cee71e0b5b
+Roboto-Light.69f8a0617ac472f78e45.woff2,1550259293398,38a4fee98b178fe1b4b5bd7c016d6e719f0afd6092037799d7ce541592764aa0
+Roboto-Light.3b813c2ae0d04909a33a.woff,1550259293398,730e1f8010b36968ea92c524b2095c4b842be3667f814066720b3146d2b3d860
+Roboto-Medium.574fd0b50367f886d359.woff2,1550259293398,fd59c208cda62cae244d56c2b220637129652500efccc3c8bf148bbb78c2c6d7
+Roboto-Regular.2751ee43015f9884c364.woff2,1550259293398,791c0145e7b06a5e920d187f3ecf70c98db4bbe5619a80aa5cc9f04f82bfd11d
+Roboto-Medium.fc78759e93a6cac50458.woff,1550259293398,f2c2001eddd1a8b6b4369d21b783ad4cf85c642600ca78ec6b982d006a3adad4
+Roboto-Regular.ba3dcd8903e3d0af5de7.woff,1550259293398,30895938b644aab215622143afbd324657fef8a2ee108d1edafceedce7059f3f
+runtime.1eb7b89a6a38040c64e8.js,1550259293399,e96b0c9268c912a7708d433201d47bbc118723c32c08f89596b7c4b58e2082ad
+safety-worker.js,1550259293722,40226cabd4735f93fc57c887bdb3ed6e6930cb6b1c986d6a640758edaf490050
+Roboto-Thin.7500519de3d82e33d158.woff,1550259293398,9b56d78f078759089be85d99f7d316421c259511b858fa371223e82d7036dc58
+assets/banner_img/img_1.jpg,1550259293413,b2ec7bfc92f68e200856e44dc631413ea2b746ba4c813b43ebf39fec6f5156ea
+worker-basic.min.js,1550259293722,40226cabd4735f93fc57c887bdb3ed6e6930cb6b1c986d6a640758edaf490050
+assets/i18n/en.json,1550259293415,eac4d9d750144cd6c216ce3f3fa3574e37a58112631c0c83f10b3977aeccc8de
+assets/i18n/fa.json,1550259293418,2639e53dc388777d7b292cb535487b8e83b1f56258eb2e6b6dc5c04131937040
+assets/i18n/ja.json,1550259293418,455540a6a21b8aa4f34ff872fbb8d055f468127cd86736528125ebd6301e3541
+assets/i18n/hin.json,1550259293418,79fc75a8cfb960140bf43ffc9f32d09f17ac124360ff9a09c6619889573070b4
+assets/i18n/fr.json,1550259293418,84593bed355251a1da13b4c14edfcb5c65d89020741496be971b503935dbcfb0
+assets/icons/icon-128x128.png,1550259293415,1331bbcee85eb4c732d2b2468c0118ead141aa56c741dc1a93a54d4812e79d4d
+assets/icons/icon-152x152.png,1550259293418,b1cb2eb328c9eedac5eb3994d04c73040c462a73cf7254c38eafa2d582a078d6
+assets/icons/icon-144x144.png,1550259293418,ab4052ca6640d9378a090b7a6825df604c939ec738dae88d89500aee8eb7087f
+assets/icons/icon-192x192.png,1550259293418,5b2471e9386f4fe3dcf1d2151c7048c3cc22d3c504161debeca3af3a2efd0a04
+assets/icons/icon-384x384.png,1550259293418,e28ae36bf6b6f9c9a5eb8716806f3077d2932c9723f89d0c0275fbde43dcdce9
+assets/banner_img/img_2.jpg,1550259293418,7aa1c8a7f1ab0730cb3add97f967df8e3fd2313c9bd4bf7d7aba1d9c88f8f06c
+ngsw-worker.js,1550259293721,83a0e6e27f0261df3be47a6c71029ffabefcd8c07c93c2760fdd9aa5ab353459
+fontawesome-webfont.af7ae505a9eed503f8b8.woff2,1550259293399,38d88317bebc79b4945a679daadd47daebbadc5cd13b41473143394ca7e8d892
+assets/icons/icon-512x512.png,1550259293418,cb62ee904d0aa462c04667e945abbefe928c1c874d9a919ec237f3ebc1822dc9
+assets/icons/icon-72x72.png,1550259293418,215a8d62891dff36be3e0a554c28e627bbd34dea95aca21b718414452b581dce
+assets/img/loader.svg,1550259293417,278a01eb787319a3bf4b694bec895787546fec944b769a009727803d5b56343b
+Roboto-Light.46e48ce0628835f68a73.ttf,1550259293399,b02081952931e972be9b0f8316b53fa2349098bd9a8fbd86446a49c4bf261eca
+Roboto-Bold.e31fcf1885e371e19f57.ttf,1550259293399,63d081d4c341821402e48208a7d8affa5355ab99f2396fe1b1bd9c7ffa3b13d0
+assets/img/malecostume-512.png,1550259293418,c194d3f7c0e954b2cf5f66930394e609598ccd2ebb2d7c1ab7f7d1e7fcdac4d4
+Roboto-Regular.df7b648ce5356ea1ebce.ttf,1550259293399,3877373fd695e0aaa15bb410093e62c9f53a8cd7f09316271784c5dc1557843f
+fontawesome-webfont.fee66e712a8a08eef580.woff,1550259293399,b51c2c79cce89b7c5947672c13f735c24ee1a9f8f6ebdb957c5fdfe567f27d37
+Roboto-Medium.894a2ede85a483bf9bed.ttf,1550259293399,b8f3c68d9b7a4973b4b0d2e89dc423b9e0105d35bc13c9c7c9b7afb42ee681a6
+assets/icons/icon-96x96.png,1550259293418,5dbec692238f9b1305461df3fe87c910306d95db26941804b8929cd0d99bd508
+Roboto-Thin.94998475f6aea65f5584.ttf,1550259293399,0d8b36bdb4c7d73d887fcff8dceb85d3186348d58d4c6536fabd13d0bd7d0d96
+assets/banner_img/img_4.jpg,1550259293418,507a135116011210c1ce06ff97d7f8be7cffc376e022a1a03a3abde9b2b8920a
+assets/banner_img/img_3.jpg,1550259293417,f248a765e8aff74914588bcdcd7978a1b2135337e380d54b3ba37991827b48e0
+fontawesome-webfont.674f50d287a8c48dc19b.eot,1550259293399,4944999b255adf473d5b86b300eba33737e8f598c17f24e82a28582393331209
+fontawesome-webfont.b06871f281fee6b241d6.ttf,1550259293399,d9cef07d4f3569883fb4c3db76acea5478cef80775d012841eb78a42e60a8e89
+assets/banner_img/img_3.png,1550259293418,570f0a1ca021cd8755a463d2d78c4d050a933e96dbb88aaa63b491653c3434b4
+styles.bccebc30f85b90c7a67d.css,1550259293400,cf3c4116edafc0dd097f3ae0e74593c2410e2849b30e86efd53f629620625d19
+scripts.0f743b15e855b296bc14.js,1550259293401,3beecac0df9bd6389bdf0531d3d1273e864a106d43535232f6f34a33a87977ba
+fontawesome-webfont.912ec66d7572ff821749.svg,1550259293399,9b74ca5333a9ca156ae6ef0920d5bc42d283e95d25651bf4375404f0407a63ab
+main.68aadf2761baf66bbab2.js,1550259293400,569c8ee988136566f603dd08db1ce8d6031d9c6cc8512519d68d6e166132c451

screenshots/drag&drop.PNG

@@ -1,12 +1,12 @@
 <!--Navbar-->
-<nav class="navbar navbar-expand-lg navbar-dark indigo">
+<nav class="navbar navbar-expand-lg navbar-dark">
 
   <!-- Navbar brand -->
   <a class="navbar-brand" href="javascript:;;">ikismail</a>
 
   <!-- Collapse button -->
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav"
-    aria-expanded="false" aria-label="Toggle navigation">
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
+    aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
 
@@ -58,13 +58,44 @@
         <a class="nav-link" [routerLink]="['/users']">
           <i class="fa fa-user mr-1"></i>{{this.translate.data["MYACCOUNT"] | translate}}</a>
       </li>
-      <li class="nav-item" *ngIf="!authService.isLoggedIn()">
-        <a class="nav-link" [routerLink]="[ '/login' ]">
-          <i class="fa fa-sign-in mr-1"></i> {{this.translate.data["SIGNIN"] | translate}}</a>
-      </li>
-      <li class="nav-item" *ngIf="authService.isLoggedIn()">
-        <a class="nav-link" (click)="logout()">
-          <i class="fa fa-sign-in mr-1"></i>{{this.translate.data["LOGOUT"] | translate}}</a>
+
+      <li class="nav-item dropdown" dropdown>
+        <a dropdownToggle type="button" class="nav-link dropdown-toggle waves-light">
+          <i class="fa fa-paint-brush"> </i><span class="caret"></span></a>
+        <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary color-dropdown" role="menu">
+          <div class="row p-2" style="margin:0">
+            <div class="col-sm-6 hover-effect" data-toggle="tooltip" data-placement="bottom" title="Purple Theme"
+              style="padding: 0">
+              <div class="color-container" (click)="updateTheme('purple-theme')">
+                <div class="colorDiv color-purple">
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-6 hover-effect" data-toggle="tooltip" data-placement="bottom" title="Blue Theme"
+              style="padding: 0">
+              <div class="color-container" (click)="updateTheme('blue-theme')">
+                <div class="colorDiv color-blue">
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="row p-2" style="margin:0">
+            <div class="col-sm hover-effect" data-toggle="tooltip" data-placement="bottom" title="Red Theme"
+              style="padding: 0">
+              <div class="color-container">
+                <div class="colorDiv color-red" (click)="updateTheme('red-theme')">
+                </div>
+              </div>
+            </div>
+            <div class="col-sm hover-effect" data-toggle="tooltip" data-placement="bottom" title="Violet Theme"
+              style="padding: 0">
+              <div class="color-container">
+                <div class="colorDiv color-violet" (click)="updateTheme('violet-theme')">
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </li>
       <li class="nav-item dropdown" dropdown>
         <a dropdownToggle type="button" class="nav-link dropdown-toggle waves-light">
@@ -87,6 +118,14 @@
             Hindi (hin)</a>
         </div>
       </li>
+      <li class="nav-item" *ngIf="!authService.isLoggedIn()">
+        <a class="nav-link" [routerLink]="[ '/login' ]">
+          <i class="fa fa-sign-in mr-1"></i> {{this.translate.data["SIGNIN"] | translate}}</a>
+      </li>
+      <li class="nav-item" *ngIf="authService.isLoggedIn()">
+        <a class="nav-link" (click)="logout()">
+          <i class="fa fa-sign-in mr-1"></i>{{this.translate.data["LOGOUT"] | translate}}</a>
+      </li>
       <li class="nav-item">
         <a href="javascript:;;" class="nav-link">Angular v-{{angularVersion.full}}</a>
       </li>
@@ -95,4 +134,4 @@
   <!-- Collapsible content -->
 
 </nav>
-<!--/.Navbar-->
+<!--/.Navbar-->