diff --git a/package-lock.json b/package-lock.json index ac624cf..d5b1b3a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -117,6 +117,7 @@ "react-paginate": "^8.1.1", "react-pdf": "^7.7.1", "react-player": "^2.10.0", + "react-pro-sidebar": "^1.1.0", "react-range": "^1.8.12", "react-rating-stars-component": "^2.2.0", "react-redux": "^7.2.5", @@ -2553,58 +2554,54 @@ } }, "node_modules/@emotion/babel-plugin": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz", - "integrity": "sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", "dependencies": { "@babel/helper-module-imports": "^7.16.7", - "@babel/plugin-syntax-jsx": "^7.17.12", "@babel/runtime": "^7.18.3", - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/serialize": "^1.1.1", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", "babel-plugin-macros": "^3.1.0", "convert-source-map": "^1.5.0", "escape-string-regexp": "^4.0.0", "find-root": "^1.1.0", "source-map": "^0.5.7", - "stylis": "4.1.3" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" + "stylis": "4.2.0" } }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/hash": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz", - "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==" + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/memoize": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz", - "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/serialize": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz", - "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", "dependencies": { - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/unitless": "^0.8.0", - "@emotion/utils": "^1.2.0", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", "csstype": "^3.0.2" } }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/unitless": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz", - "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, "node_modules/@emotion/babel-plugin/node_modules/@emotion/utils": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz", - "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw==" + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" }, "node_modules/@emotion/babel-plugin/node_modules/babel-plugin-macros": { "version": "3.1.0", @@ -2645,9 +2642,9 @@ } }, "node_modules/@emotion/babel-plugin/node_modules/stylis": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz", - "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==" + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" }, "node_modules/@emotion/cache": { "version": "11.7.1", @@ -2667,9 +2664,9 @@ "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==" }, "node_modules/@emotion/is-prop-valid": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", - "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", "dependencies": { "@emotion/memoize": "^0.8.1" } @@ -2768,9 +2765,9 @@ "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz", - "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "peerDependencies": { "react": ">=16.8.0" } @@ -25987,6 +25984,120 @@ "react-dom": "^16.8.0 || ^17 || ^18" } }, + "node_modules/react-pro-sidebar": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/react-pro-sidebar/-/react-pro-sidebar-1.1.0.tgz", + "integrity": "sha512-rdRJ4PeMsqWq9n69AmF6et6qCbhCF1KEBgjAH8vIiLxE1k5fMxtRYo0k4asxW8qpIH6sqahiMxrxVVoObv8orQ==", + "dependencies": { + "@emotion/react": "^11.10.5", + "@emotion/styled": "^11.10.5", + "@popperjs/core": "^2.11.6", + "classnames": "^2.3.2" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "dependencies": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/react": { + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + }, + "peerDependencies": { + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/serialize": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", + "dependencies": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + } + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/styled": { + "version": "11.11.5", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz", + "integrity": "sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==", + "dependencies": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.2", + "@emotion/serialize": "^1.1.4", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + }, + "peerDependencies": { + "@emotion/react": "^11.0.0-rc.0", + "react": ">=16.8.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + }, + "node_modules/react-pro-sidebar/node_modules/@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" + }, + "node_modules/react-pro-sidebar/node_modules/stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" + }, "node_modules/react-property": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/react-property/-/react-property-2.0.0.tgz", @@ -35137,55 +35248,54 @@ } }, "@emotion/babel-plugin": { - "version": "11.10.5", - "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz", - "integrity": "sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", "requires": { "@babel/helper-module-imports": "^7.16.7", - "@babel/plugin-syntax-jsx": "^7.17.12", "@babel/runtime": "^7.18.3", - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/serialize": "^1.1.1", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", "babel-plugin-macros": "^3.1.0", "convert-source-map": "^1.5.0", "escape-string-regexp": "^4.0.0", "find-root": "^1.1.0", "source-map": "^0.5.7", - "stylis": "4.1.3" + "stylis": "4.2.0" }, "dependencies": { "@emotion/hash": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz", - "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==" + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, "@emotion/memoize": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz", - "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "@emotion/serialize": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz", - "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", "requires": { - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/unitless": "^0.8.0", - "@emotion/utils": "^1.2.0", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", "csstype": "^3.0.2" } }, "@emotion/unitless": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz", - "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, "@emotion/utils": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz", - "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw==" + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" }, "babel-plugin-macros": { "version": "3.1.0", @@ -35213,9 +35323,9 @@ "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==" }, "stylis": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz", - "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==" + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" } } }, @@ -35237,9 +35347,9 @@ "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==" }, "@emotion/is-prop-valid": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", - "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", "requires": { "@emotion/memoize": "^0.8.1" }, @@ -35317,9 +35427,9 @@ "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" }, "@emotion/use-insertion-effect-with-fallbacks": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz", - "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "requires": {} }, "@emotion/utils": { @@ -52889,6 +52999,101 @@ "warning": "^4.0.2" } }, + "react-pro-sidebar": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/react-pro-sidebar/-/react-pro-sidebar-1.1.0.tgz", + "integrity": "sha512-rdRJ4PeMsqWq9n69AmF6et6qCbhCF1KEBgjAH8vIiLxE1k5fMxtRYo0k4asxW8qpIH6sqahiMxrxVVoObv8orQ==", + "requires": { + "@emotion/react": "^11.10.5", + "@emotion/styled": "^11.10.5", + "@popperjs/core": "^2.11.6", + "classnames": "^2.3.2" + }, + "dependencies": { + "@emotion/cache": { + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", + "requires": { + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" + } + }, + "@emotion/hash": { + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "@emotion/react": { + "version": "11.11.4", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz", + "integrity": "sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==", + "requires": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.3", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "hoist-non-react-statics": "^3.3.1" + } + }, + "@emotion/serialize": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.4.tgz", + "integrity": "sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==", + "requires": { + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", + "csstype": "^3.0.2" + } + }, + "@emotion/styled": { + "version": "11.11.5", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz", + "integrity": "sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==", + "requires": { + "@babel/runtime": "^7.18.3", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.2", + "@emotion/serialize": "^1.1.4", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" + } + }, + "@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" + }, + "@emotion/utils": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + }, + "@emotion/weak-memoize": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" + }, + "stylis": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" + } + } + }, "react-property": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/react-property/-/react-property-2.0.0.tgz", diff --git a/package.json b/package.json index e5f055b..3d795c5 100644 --- a/package.json +++ b/package.json @@ -112,6 +112,7 @@ "react-paginate": "^8.1.1", "react-pdf": "^7.7.1", "react-player": "^2.10.0", + "react-pro-sidebar": "^1.1.0", "react-range": "^1.8.12", "react-rating-stars-component": "^2.2.0", "react-redux": "^7.2.5", diff --git a/src/components/Partner.js b/src/components/Partner.js index 457b0f8..4b64790 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -12,7 +12,7 @@ import { useHistory } from "react-router-dom"; import PartnerInfo from "./UpdatePartnerInfo"; import PartenairStat from "./PartenairStat"; import { Helmet } from "react-helmet"; -import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; + import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import { GiTeacher } from "react-icons/gi"; import Footer from "./Fotter"; @@ -24,16 +24,16 @@ import Abonnement from "./Abonnement"; import { useLocation } from "react-router-dom"; import { useParams } from 'react-router-dom' import CheckOut from "./CheckOut"; -import { IoCheckmarkCircleSharp } from "react-icons/io5"; + import { FaHandPointRight } from "react-icons/fa"; import OrderConfirmation from "./OrderConfirmation"; import Partner_Client from "./Partner_Client"; import Pricing from "./Pricing"; import { MdAddShoppingCart } from "react-icons/md"; import { - FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder, - FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange, - FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings, + FcHome, FcBullish, FcAddDatabase, FcFolder, + FcList, FcCurrencyExchange, + FcFeedback, FcKey, FcVideoCall, FcSettings, FcBusinesswoman, FcServices, FcCollect, FcCandleSticks, FcKindle, FcFlowChart, FcReading, FcFinePrint, FcCancel, FcCalendar, } from "react-icons/fc"; @@ -80,9 +80,29 @@ import { Tooltip } from 'react-tooltip' import Dropdown from 'rsuite/Dropdown'; //import 'rsuite/dist/rsuite.min.css'; import { AiOutlineDashboard } from "react-icons/ai"; -import { RiPresentationFill } from "react-icons/ri"; import { FcPodiumWithAudience } from "react-icons/fc"; +import BusinessIcon from '@mui/icons-material/Business'; +import ListAltIcon from '@mui/icons-material/ListAlt'; +import SchoolIcon from '@mui/icons-material/School'; + +import { Sidebar, Menu, MenuItem, SubMenu } from 'react-pro-sidebar'; + +import { FcBusinessContact } from "react-icons/fc"; +import { FcCamcorderPro } from "react-icons/fc"; +import { FcVideoProjector } from "react-icons/fc"; +import HandymanIcon from '@mui/icons-material/Handyman'; +import HubIcon from '@mui/icons-material/Hub'; +import EuroSharpIcon from '@mui/icons-material/EuroSharp'; +import CameraOutdoorSharpIcon from '@mui/icons-material/CameraOutdoorSharp'; +import SettingsIcon from '@mui/icons-material/Settings'; +import DashboardCustomizeIcon from '@mui/icons-material/DashboardCustomize'; +import { createTheme, ThemeProvider } from '@mui/material/styles'; +import AccountBalanceIcon from '@mui/icons-material/AccountBalance'; +import CalendarMonthIcon from '@mui/icons-material/CalendarMonth'; +import CoPresentIcon from '@mui/icons-material/CoPresent'; +import LocalOfferIcon from '@mui/icons-material/LocalOffer'; + const Partner = (props) => { const { commingmenu, commingpack } = useParams(); const [myApiResponse, setmyApiResponse] = useState(""); @@ -99,6 +119,48 @@ const Partner = (props) => { const [apiexcelimportmessage, setapiexcelimportmessage] = useState(""); const [gotocheckout, setgotocheckout] = useState(""); + + const [cookie_menu_gauche_reduit, setcookie_menu_gauche_reduit, removecookie_menu_gauche_reduit] = useCookies(['mysy_menu_gauche_reduit']); + + const theme = createTheme({ + palette: { + primary: { + light: '#F0E68C', + main: '#F0E68C', + dark: '#F0E68C', + contrastText: '#fff', + }, + secondary: { + light: '#99ffcc', + main: '#99ffcc', + dark: '#ba000d', + contrastText: '#000', + }, + + tercier: { + light: '#dbff75', + main: '#dbff75', + dark: '#dbff75', + contrastText: '#000', + }, + + quatro: { + light: '#E08A8B', + main: '#E08A8B', + dark: '#E08A8B', + contrastText: '#000', + }, + + cinqo: { + light: '#D2691E', + main: '#D2691E', + dark: '#D2691E', + contrastText: '#000', + }, + }, + }); + + // Constante permet de savoir a fonction du menu on a faire const [menu, setmenu] = useState(); const [selectedFile, setSelectedFile] = useState(); @@ -328,6 +390,13 @@ const Partner = (props) => { useEffect(() => { + const stored_cookie_menu_gauche = getCookie('mysy_menu_gauche_reduit'); + + if (String(stored_cookie_menu_gauche) === "1") + setleft_menu(false); + else + setleft_menu(true); + setapiexcelimportmessage(); if (location && location.state && location.state.local_sub_menu) { @@ -338,15 +407,18 @@ const Partner = (props) => { var list_menu = ['creation', 'infopartner', 'statistique', 'abonnement', 'affichage', 'ordervalide', 'mes_sessions', 'setuplms', 'facture', 'pricing', 'mes_clients', 'mes_devis', 'mes_cmd', - 'mes_stagiaires', 'mes_employes', 'mon_materiel', 'config_document', 'factures_client', "config_technique", + 'mes_stagiaires', 'mes_employes', 'mon_materiel', 'config_document', 'factures_client', "setuplms", "config_technique", "config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation", "dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants", "dashbord_ressources_humaines", "dashbord_inscriptions", "mes_salles", "mes_opportunites", "config_formulaires"] + if (action && list_menu.includes(action)) { setmenu(action); + // /!\ il faudra terminer la fonction ci-dessous. aller dans la fonction pour voir le commentaire + inactive_active_menu_header_from_url_action(action); if (action && orderid && packs && String(action) === "ordervalide") { CheckSalesOrder(); @@ -369,6 +441,34 @@ const Partner = (props) => { + // Cette fontion desactive tous les menu header et reactive just le menu_header concerné + function inactive_active_menu_header(current_menu_header) { + const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning', + 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd'] + for (let i = 0; i < list_menu_header_names.length; i++) { + if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) { + document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400"; + } + } + + + if (document.getElementsByName(String(current_menu_header)) && document.getElementsByName(String(current_menu_header))[0]) { + document.getElementsByName(String(current_menu_header))[0].style.fontWeight = "700"; + } + } + + function inactive_active_menu_header_from_url_action(url_action) { + const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning', + 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd'] + for (let i = 0; i < list_menu_header_names.length; i++) { + if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) { + document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400"; + } + } + + // plus tard, il faudra mettre en brillance le menu et le soumenu concerné + } + function CreateTraining(event) { var security_retval = check_user_acces_right("formation", "read"); if (security_retval === 1) { @@ -390,6 +490,9 @@ const Partner = (props) => { history.push("/Partner/infopartner"); document.body.style.backgroundColor = "#ffffff"; + + inactive_active_menu_header("my_account"); + } @@ -401,6 +504,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/config_document"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_configuration"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des documents"); } @@ -428,6 +532,8 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/module_agenda"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_planning"); + } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des documents"); } @@ -439,6 +545,8 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mon_tableau_de_bord"); document.body.style.backgroundColor = "#ffffff"; + + inactive_active_menu_header("my_account"); } @@ -448,6 +556,8 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/prix_achat"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_prix_achat"); + } @@ -510,16 +620,17 @@ const Partner = (props) => { function mes_factures_client_func(event) { - //var security_retval = check_user_acces_right("facture_client", "read"); - //if (security_retval === 1) { - setmenu("factures_client"); - setapiexcelimportmessage(); - setformation_file_name(); - history.push("/Partner/factures_client"); - document.body.style.backgroundColor = "#ffffff"; - /*} else { + var security_retval = check_user_acces_right("facture_client", "read"); + if (security_retval === 1) { + setmenu("factures_client"); + setapiexcelimportmessage(); + setformation_file_name(); + history.push("/Partner/factures_client"); + document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_invoices"); + } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des documents"); - }*/ + } } @@ -544,6 +655,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/setuplms"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_e_learning"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du E-Learning"); } @@ -558,6 +670,9 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/facture"); document.body.style.backgroundColor = "#ffffff"; + + inactive_active_menu_header("my_account"); + } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des commandes"); } @@ -572,6 +687,9 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/abonnement"); document.body.style.backgroundColor = "#ffffff"; + + inactive_active_menu_header("my_account"); + } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des abonnements"); } @@ -586,6 +704,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/pricing"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_partners"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des prix"); } @@ -601,6 +720,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mes_clients"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_partners"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des clients"); } @@ -628,6 +748,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mes_cmd"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_invoices"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des commandes"); } @@ -644,6 +765,8 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mes_sessions"); document.body.style.backgroundColor = "#ffffff"; + + inactive_active_menu_header("my_session"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des sessions"); } @@ -657,6 +780,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mes_stagiaires"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_apprenant"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des stagiaires"); } @@ -670,6 +794,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mes_apprenants"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_apprenant"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des stagiaires"); } @@ -683,6 +808,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/mes_employes"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_ressource"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des employés"); } @@ -696,6 +822,7 @@ const Partner = (props) => { setapiexcelimportmessage(); setformation_file_name(); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_ressource"); history.push("/Partner/mon_materiel"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); @@ -710,6 +837,7 @@ const Partner = (props) => { setapiexcelimportmessage(); setformation_file_name(); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_ressource"); history.push("/Partner/mes_salles"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); @@ -726,6 +854,7 @@ const Partner = (props) => { setformation_file_name(); document.body.style.backgroundColor = "#ffffff"; history.push("/Partner/mes_opportunites"); + inactive_active_menu_header("my_partners"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); } @@ -740,6 +869,7 @@ const Partner = (props) => { setformation_file_name(); history.push("/Partner/dashbord_formation"); document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("my_tbd"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); } @@ -754,6 +884,7 @@ const Partner = (props) => { setformation_file_name(); document.body.style.backgroundColor = "#ffffff"; history.push("/Partner/dashbord_session"); + inactive_active_menu_header("my_tbd"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); } @@ -769,6 +900,7 @@ const Partner = (props) => { setformation_file_name(); document.body.style.backgroundColor = "#ffffff"; history.push("/Partner/dashbord_ressources_humaines"); + inactive_active_menu_header("my_tbd"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); } @@ -785,6 +917,7 @@ const Partner = (props) => { setformation_file_name(); document.body.style.backgroundColor = "#ffffff"; history.push("/Partner/dashbord_inscriptions"); + inactive_active_menu_header("my_tbd"); } else { Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion du matériel pédagogique"); } @@ -792,11 +925,13 @@ const Partner = (props) => { function DiplaytrainingList(event) { + inactive_active_menu_header("my_class"); setmenu("affichage"); setapiexcelimportmessage(); setformation_file_name(); history.push("/Partner/affichage"); + inactive_active_menu_header("my_class"); var server_address = "127.0.0.1"; //var server_address = "89.156.84.196"; var form = new FormData(); @@ -1160,14 +1295,20 @@ const Partner = (props) => { const [left_menu, setleft_menu] = React.useState(true); const open_close_left_menu = () => { - if (left_menu === true) + if (left_menu === true) { setleft_menu(false); - else + setcookie_menu_gauche_reduit("mysy_menu_gauche_reduit", "1", { path: '/' }); + } + else { setleft_menu(true); + setcookie_menu_gauche_reduit("mysy_menu_gauche_reduit", "0", { path: '/' }); + } }; + const [selected_menu_header, setselected_menu_header] = React.useState(""); + return (
@@ -1245,40 +1386,119 @@ const Partner = (props) => { {String(part_is_partner_admin_account) !== "1" &&
{parnter_user_employee} {!parntername && Utilisateur }
} + + +
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "infopartner" && }> MES INFORMATIONS } + {String(menu) === "infopartner" && }> MES INFORMATIONS } + + {String(menu) !== "mon_tableau_de_bord" && }> MON TABLEAU DE BORD } + {String(menu) === "mon_tableau_de_bord" && }> MON TABLEAU DE BORD } -
Mon Compte
+ {String(menu) !== "abonnement" && } > ABONNEMENT } + {String(menu) === "abonnement" && }> ABONNEMENT } - {String(menu) !== "infopartner" &&
MES INFORMATIONS
} - {String(menu) === "infopartner" &&
MES INFORMATIONS
} -
+ {String(menu) !== "facture" && }> FACTURE MYSY} + {String(menu) === "facture" && }>FACTURE MYSY} - {String(menu) !== "mon_tableau_de_bord" &&
MON TABLEAU DE BORD
} - {String(menu) === "mon_tableau_de_bord" &&
MON TABLEAU DE BORD
} -
+
+ +
+
+ +
- {String(menu) !== "module_agenda" &&
PLANNING
} - {String(menu) === "module_agenda" &&
PLANNING
} -
+
- {String(menu) !== "abonnement" &&
ABONNEMENT
} - {String(menu) === "abonnement" &&
ABONNEMENT
} -
+
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "affichage" && }> MON CATALOGUE } + {String(menu) === "affichage" && }> MON CATALOGUE } - {String(menu) !== "facture" &&
FACTURE MYSY
} - {String(menu) === "facture" &&
FACTURE MYSY
} -
+
+
+
+ +
+ + + +
+ + {String(menu) !== "mes_sessions" &&    MES SESSIONS } + {String(menu) === "mes_sessions" &&     MES SESSIONS } + + + +
+ + + + +
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "mes_stagiaires" && }> FICHE APPRENANTS } + {String(menu) === "mes_stagiaires" && }> FICHE APPRENANTS } + + {String(menu) !== "mes_apprenants" && }> PARCOURS APPRENANTS } + {String(menu) === "mes_apprenants" && }> PARCOURS APPRENANTS } + + + + + +
+ +
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "mes_employes" && }> MES EMPLOYES } + {String(menu) === "mes_employes" && }> MES EMPLOYES } + + {String(menu) !== "mes_salles" && }> MES SALLES } + {String(menu) === "mes_salles" && }> MES SALLES } + + {String(menu) !== "mon_materiel" && }> MON MATERIEL } + {String(menu) === "mon_materiel" && }> MON MATERIEL } + + + + + + + +
+ +
+ + {String(menu) !== "module_agenda" &&     PLANNING } + {String(menu) === "module_agenda" &&     PLANNING } + + + +
+ + {/*
Mes Formations
{/* {String(menu) !== "creation" &&
CREER FORMATION
} {String(menu) === "creation" &&
CREER FORMATION
}
- */} + * / } {String(menu) !== "affichage" &&
MES FORMATIONS
} {String(menu) === "affichage" &&
MES FORMATIONS
} @@ -1299,12 +1519,12 @@ const Partner = (props) => {
- {/* - {String(menu) !== "mes_employes" &&
MES EMPLOYES
} - {String(menu) === "mes_employes" &&
MES EMPLOYES
} -
- {String(menu) !== "mon_materiel" &&
MON MATERIEL
} - {String(menu) === "mon_materiel" &&
MON MATERIEL
} -
- -*/} {String(menu) !== "statistique" &&
STATISTIQUES
} {String(menu) === "statistique" &&
STATISTIQUES
}
+
*/} + +
+
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "mes_clients" && }> CLIENTS / FINANCEURS} + {String(menu) === "mes_clients" && }>CLIENTS / FINANCEURS } + + {String(menu) !== "mes_opportunites" && }> OPPORTUNITES } + {String(menu) === "mes_opportunites" && }> OPPORTUNITES } + + {String(menu) !== "pricing" && }> PRIX CLIENT } + {String(menu) === "pricing" && }> PRIX CLIENT } + + + + + + + +
+ +
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "mes_cmd" && }> DEVIS & COMMANDES} + {String(menu) === "mes_cmd" && }>DEVIS & COMMANDES } + + {String(menu) !== "factures_client" && }> FACTURES } + {String(menu) === "factures_client" && }> FACTURES } + + + + + + +
+ + +
+ + {String(menu) !== "prix_achat" &&     PRIX ACHAT } + {String(menu) === "prix_achat" &&     PRIX ACHAT } + + + +
+ +
+ +
+ + + } style={{ overflow: 'hidden' }}> + + + {String(has_partner_lms_url) === "1" && { + e.preventDefault(); + window.open( + partner_lms_url, + '_blank' + ); + }} className="sousmenu" icon={}> MON HEBERGEMENT } -
Mes partenaires
+ {String(has_partner_lms_url) === "1" && String(menu) !== "setuplms" && }> CONFIGURATION } + {String(has_partner_lms_url) === "1" && String(menu) === "setuplms" && }> CONFIGURATION } -
-
- {String(menu) !== "mes_clients" &&
CLIENTS / FINANCEURS
} - {String(menu) === "mes_clients" &&
CLIENTS / FINANCEURS
} -
+
-
-
- {String(menu) !== "mes_opportunites" &&
OPPORTUNITES
} - {String(menu) === "mes_opportunites" &&
OPPORTUNITES
} -
+
+
-
-
- {String(menu) !== "pricing" &&
MES PRIX CLIENT
} - {String(menu) === "pricing" &&
MES PRIX CLIENT
} -
+
-
-
- {String(menu) !== "mes_cmd" &&
MES COMMANDES & DEVIS
} - {String(menu) === "mes_cmd" &&
MES COMMANDES & DEVIS
} -
+
+
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "dashbord_formation" && }> FORMATION } + {String(menu) === "dashbord_formation" && }> FORMATION } -
-
- {String(menu) !== "factures_client" &&
MES FACTURES
} - {String(menu) === "factures_client" &&
MES FACTURES
} -
+ {String(menu) !== "dashbord_session" && }>SESSION } + {String(menu) === "dashbord_session" && }> SESSION } -
-
- {String(menu) !== "prix_achat" &&
MES PRIX ACHAT
} - {String(menu) === "prix_achat" &&
MES PRIX ACHAT
} -
+ {String(menu) !== "dashbord_ressources_humaines" && }> RES. HUMAINES } + {String(menu) === "dashbord_ressources_humaines" && }> RES. HUMAINES } + + {String(menu) !== "dashbord_inscriptions" && }> INSCRIPTIONS } + {String(menu) === "dashbord_inscriptions" && }> INSCRIPTIONS } -
Espace E-Learning
+
+
+
- {String(has_partner_lms_url) === "1" &&
{ - e.preventDefault(); - window.open( - partner_lms_url, - '_blank' - ); - }}>MON HEBERGEMENT
} +
- {String(has_partner_lms_url) === "1" &&
-
- {String(menu) !== "statistique" &&
CONFIGURATION
} - {String(menu) === "statistique" &&
CONFIGURATION
} -
} +
+
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "config_document" && }> MES DOCUMENTS & MAILS} + {String(menu) === "config_document" && }> MES DOCUMENTS & MAILS } -
Configuration
-
- }> CHAMP SPECIFIQUE } + {String(menu) === "config_champ_specific" && }> CHAMP SPECIFIQUE } - > - - {String(menu) !== "config_document" &&
   MES DOCUMENTS
} - {String(menu) === "config_document" &&
   MES DOCUMENTS
} -
- - - {String(menu) !== "config_champ_specific" &&
   CHAMP SPECIFIQUE
} - {String(menu) === "config_champ_specific" &&
    CHAMP SPECIFIQUE
} -
- - {String(menu) !== "config_technique" &&
   TECHNIQUE
} - {String(menu) === "config_technique" &&
    TECHNIQUE
} - -
- - - {String(menu) !== "config_session_steps" &&
   SESSION ETAPE
} - {String(menu) === "config_session_steps" &&
    SESSION ETAPE
} - -
- - - {String(menu) !== "config_jours_heures" &&
   JOURS & HEURES
} - {String(menu) === "config_jours_heures" &&
    JOURS & HEURES
} - -
- - - {String(menu) !== "config_formulaires" &&
   FORMULAIRES
} - {String(menu) === "config_formulaires" &&
    FORMULAIRES
} - -
+ {String(menu) !== "config_technique" && }> TECHNIQUE } + {String(menu) === "config_technique" && }> TECHNIQUE } -
-
- -
- - - {String(menu) !== "dashbord_formation" &&
   FORMATION
} - {String(menu) === "dashbord_formation" &&
   FORMATION
} -
- - - {String(menu) !== "dashbord_session" &&
   SESSION
} - {String(menu) === "dashbord_session" &&
    SESSION
} -
- - - {String(menu) !== "dashbord_ressources_humaines" &&
   RES. HUMAINES
} - {String(menu) === "dashbord_ressources_humaines" &&
    RES. HUMAINES
} -
- - - {String(menu) !== "dashbord_inscriptions" &&
   INSCRIPTIONS
} - {String(menu) === "dashbord_inscriptions" &&
    INSCRIPTIONS
} -
+ {String(menu) !== "config_session_steps" && }> SESSION ETAPE } + {String(menu) === "config_session_steps" && }> SESSION ETAPE } -
-
+ {String(menu) !== "config_jours_heures" && }> JOURS & HEURES } + {String(menu) === "config_jours_heures" && }> JOURS & HEURES } + + {String(menu) !== "config_formulaires" && }> FORMULAIRES } + {String(menu) === "config_formulaires" && }> FORMULAIRES } + +
+ +
+
+ +
+ + + {/*
+
Mes partenaires
+ +
+
+ {String(menu) !== "mes_clients" &&
CLIENTS / FINANCEURS
} + {String(menu) === "mes_clients" &&
CLIENTS / FINANCEURS
} +
+ +
+
+ {String(menu) !== "mes_opportunites" &&
OPPORTUNITES
} + {String(menu) === "mes_opportunites" &&
OPPORTUNITES
} +
+ +
+
+ {String(menu) !== "pricing" &&
MES PRIX CLIENT
} + {String(menu) === "pricing" &&
MES PRIX CLIENT
} +
+ +
+
+ {String(menu) !== "mes_cmd" &&
MES COMMANDES & DEVIS
} + {String(menu) === "mes_cmd" &&
MES COMMANDES & DEVIS
} +
+ +
+
+ {String(menu) !== "factures_client" &&
MES FACTURES
} + {String(menu) === "factures_client" &&
MES FACTURES
} +
+ +
+
+ {String(menu) !== "prix_achat" &&
MES PRIX ACHAT
} + {String(menu) === "prix_achat" &&
MES PRIX ACHAT
} +
+ + +
Espace E-Learning
+ + + {String(has_partner_lms_url) === "1" &&
{ + e.preventDefault(); + window.open( + partner_lms_url, + '_blank' + ); + }}>MON HEBERGEMENT
} + + {String(has_partner_lms_url) === "1" &&
+
+ {String(menu) !== "statistique" &&
CONFIGURATION
} + {String(menu) === "statistique" &&
CONFIGURATION
} +
} + +
Configuration
+
+ + + {String(menu) !== "config_document" &&
   MES DOCUMENTS
} + {String(menu) === "config_document" &&
   MES DOCUMENTS
} +
+ + + {String(menu) !== "config_champ_specific" &&
   CHAMP SPECIFIQUE
} + {String(menu) === "config_champ_specific" &&
    CHAMP SPECIFIQUE
} +
+ + {String(menu) !== "config_technique" &&
   TECHNIQUE
} + {String(menu) === "config_technique" &&
    TECHNIQUE
} + +
+ + + {String(menu) !== "config_session_steps" &&
   SESSION ETAPE
} + {String(menu) === "config_session_steps" &&
    SESSION ETAPE
} + +
+ + + {String(menu) !== "config_jours_heures" &&
   JOURS & HEURES
} + {String(menu) === "config_jours_heures" &&
    JOURS & HEURES
} + +
+ + + {String(menu) !== "config_formulaires" &&
   FORMULAIRES
} + {String(menu) === "config_formulaires" &&
    FORMULAIRES
} + +
+ + + +
+
+ +
+ + + {String(menu) !== "dashbord_formation" &&
   FORMATION
} + {String(menu) === "dashbord_formation" &&
   FORMATION
} +
+ + + {String(menu) !== "dashbord_session" &&
   SESSION
} + {String(menu) === "dashbord_session" &&
    SESSION
} +
+ + + {String(menu) !== "dashbord_ressources_humaines" &&
   RES. HUMAINES
} + {String(menu) === "dashbord_ressources_humaines" &&
    RES. HUMAINES
} +
+ + + {String(menu) !== "dashbord_inscriptions" &&
   INSCRIPTIONS
} + {String(menu) === "dashbord_inscriptions" &&
    INSCRIPTIONS
} +
+ + +
+
+ +
*/} +
+ } + {left_menu === true &&
{String(firstConnexion) === "1" && String(part_is_partner_admin_account) === "1" &&
diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js index f231901..ba5f11f 100644 --- a/src/components/UpdatePartnerInfo.js +++ b/src/components/UpdatePartnerInfo.js @@ -304,6 +304,8 @@ function UpdateParnterInfo(props) { } + + const [partner_account_id, setpartner_account_id] = useState(""); const [is_partner_admin_account, setis_partner_admin_account] = useState(""); @@ -335,60 +337,52 @@ function UpdateParnterInfo(props) { if (mylocaltraining.adr_city) { setp_adr_street(mylocaltraining.adr_city); - document.getElementsByName("adr_city")[0].disabled = true; - document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.adr_city) { setp_adr_zip(mylocaltraining.adr_zip); - document.getElementsByName("adr_zip")[0].disabled = true; - document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.email) { setp_email(mylocaltraining.email); - document.getElementsByName("email")[0].disabled = true; - document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.website) { setp_website(mylocaltraining.website); - document.getElementsByName("website")[0].disabled = true; - document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.adr_country) { setp_adr_country(mylocaltraining.adr_country); - document.getElementsByName("adr_country")[0].disabled = true; - document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.link_facebook) { setp_link_facebook(mylocaltraining.link_facebook); - document.getElementsByName("link_facebook")[0].disabled = true; - document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.telephone) { setp_telephone(mylocaltraining.telephone); - document.getElementsByName("telephone")[0].disabled = true; - document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.siret) { setp_siret(mylocaltraining.siret); - document.getElementsByName("siret")[0].disabled = true; - document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; } + + if (mylocaltraining.num_nda) { setp_num_nda(mylocaltraining.num_nda); - document.getElementsByName("num_nda")[0].disabled = true; - document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1"; + } @@ -419,51 +413,43 @@ function UpdateParnterInfo(props) { if (mylocaltraining.link_linkedin) { setp_link_linkedin(mylocaltraining.link_linkedin); - document.getElementsByName("link_linkedin")[0].disabled = true; - document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.link_twitter) { setp_link_twitter(mylocaltraining.link_twitter); - document.getElementsByName("link_twitter")[0].disabled = true; - document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.adr_street) { setp_adr_street(mylocaltraining.adr_street); - document.getElementsByName("adr_street")[0].disabled = true; - document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.nom) { setp_nom(mylocaltraining.nom); - document.getElementsByName("nom")[0].disabled = true; - document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.contact_tel) { setp_contact_tel(mylocaltraining.contact_tel); - document.getElementsByName("contact_tel")[0].disabled = true; - document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.contact_nom) { setp_contact_nom(mylocaltraining.contact_nom); - document.getElementsByName("contact_nom")[0].disabled = true; - document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.contact_prenom) { setp_contact_prenom(mylocaltraining.contact_prenom); - document.getElementsByName("contact_prenom")[0].disabled = true; - document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.contact_mail) { setp_contact_mail(mylocaltraining.contact_mail); - document.getElementsByName("contact_mail")[0].disabled = true; - document.getElementsByName("contact_mail")[0].style.backgroundColor = "#ECEFF1"; + } if (mylocaltraining.lms_virtualhost_url) { @@ -512,7 +498,7 @@ function UpdateParnterInfo(props) { setuserformedited(""); } - function desablefield1() { + async function desablefield1() { setdatamodification(); @@ -537,12 +523,18 @@ function UpdateParnterInfo(props) { document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; } - if (document.getElementsByName("siret")[0]) { + + if (document.getElementsByName("siret") && document.getElementsByName("siret")[0]) { + document.getElementsByName("siret")[0].disabled = true; + document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; + } else { + // 18/04/2024 - un truc bizarre, parfois il faut attendre un peu avant que l'objet ne soit créé, d'ou ce wait si l'objet n'existe pas + await sleep(20); document.getElementsByName("siret")[0].disabled = true; document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1"; } - if (document.getElementsByName("num_nda")[0]) { + if (document.getElementsByName("num_nda") && document.getElementsByName("num_nda")[0]) { document.getElementsByName("num_nda")[0].disabled = true; document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1"; } @@ -1800,6 +1792,7 @@ function UpdateParnterInfo(props) { required label="Structure de rattachement" name="nom" + id="nom" className="texte_area" sx={{ m: 1, width: '48%' }} InputProps={{ @@ -1815,6 +1808,7 @@ function UpdateParnterInfo(props) { {String(is_partner_admin_account) === "1" && @@ -2369,8 +2363,8 @@ function UpdateParnterInfo(props) { name="contact_login_elearning" label="Url plateforme" className="texte_area" - - sx={{ m: 1, width: '48%', background:"#ECEFF1", color:"black"}} + + sx={{ m: 1, width: '48%', background: "#ECEFF1", color: "black" }} InputProps={{ startAdornment: ( diff --git a/src/styles/components/_partner.scss b/src/styles/components/_partner.scss index 6492c64..e018d7e 100644 --- a/src/styles/components/_partner.scss +++ b/src/styles/components/_partner.scss @@ -103,18 +103,20 @@ font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 11px; text-align: left; - margin-bottom: 0.8rem; + //padding-bottom: 0.8rem; color: #0c0101; cursor: pointer; + // background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: small; text-align: left; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; cursor: pointer; letter-spacing: 1px; + // background-color: #104277 !important; } .nom_prenom { @@ -417,7 +419,7 @@ font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; @@ -564,7 +566,7 @@ .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: #c0c0c0; font-size: small !important; cursor: pointer; @@ -572,20 +574,22 @@ .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: 11px; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; + //padding-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; + background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; + //padding-bottom: 0.8rem; color: #ffffff; cursor: pointer; + background-color: #104277 !important; } .sousmenu:hover { @@ -873,7 +877,7 @@ font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; @@ -1010,7 +1014,8 @@ .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; - margin-bottom: 0.8rem; + font-size: 12px; + //padding-bottom: 0.8rem; color: #c0c0c0; font-size: medium !important; cursor: pointer; @@ -1018,21 +1023,23 @@ .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; + //padding-bottom: 0.8rem; color: #ffffff; cursor: pointer; letter-spacing: 1px; + background-color: #104277 !important; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; font-size: 11px; text-align: left; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; + background-color: #104277 !important; } .sousmenu:hover { @@ -1107,26 +1114,26 @@ .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: #c0c0c0; font-size: 1rem !important; } .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: 11px; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; color: #c0c0c0; + background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; color: #ffffff; cursor: pointer; + background-color: #104277 !important; //letter-spacing: 1px; } @@ -1376,7 +1383,7 @@ font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; @@ -1667,7 +1674,7 @@ .sousmenu_btn { font-family: "verdana", "Quicksand", "Signika", sans-serif; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: #c0c0c0; font-size: 1rem !important; cursor: pointer; @@ -1675,30 +1682,29 @@ .sousmenu { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: 11px; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; color: #c0c0c0; cursor: pointer; + max-height: 3rem; + background-color: #104277 !important; } .sousmenu_selected { font-family: "verdana", "Quicksand", "Signika", sans-serif; - font-size: small; + font-size: 12px; text-align: left; - margin-bottom: 0.8rem; color: #ffffff; cursor: pointer; font-weight: 600; + max-height: 3rem; + background-color: #104277 !important; //letter-spacing: 1px; } - .sousmenu:hover { - color: white; - font-weight: 600; - } + .div_row2 { float: left; @@ -1860,7 +1866,7 @@ font-family: "Quicksand", "Signika", sans-serif; font-size: medium; text-align: center; - margin-bottom: 0.8rem; + padding-bottom: 0.8rem; color: white; cursor: pointer; font-style: italic; @@ -2033,6 +2039,79 @@ // end media + .css-18unl23{ + overflow: hidden !important; + } + + + .css-jn69v9, .css-honxw6{ + width: 10px !important; + height: 10px !important; + border-width: 0.3rem !important; + } + + .my_sidebar, + .my_sidebar:hover:active { + background-color: #104277 !important; + width: 100% !important; + min-width: 100%; + border-right-width: 0px; + box-sizing: unset !important; + + } + + .my_menu, + .my_menu:hover:active { + background-color: #104277 !important; + overflow: hidden !important; + box-sizing: unset !important; + } + + .my_chart, + .my_chart:hover:active { + background-color: #104277 !important; + overflow: hidden !important; + box-sizing: unset !important; + font-size: 14px !important; + } + + ul { + //background-color: #104277 !important; + } + + li:hover { + // background-color: #104277 !important; + font-weight: 400 !important; + } + + .css-1tqrhto :hover { + background: #0c0101 !important; + } + + .css-1t8x7v1:hover { + background: #0c0101 !important; + } + + + .ps-menuitem-root :hover { + color: white; + background-color: #104277 !important; + box-sizing: unset !important; + } + + .ps-menuitem-root { + box-sizing: unset !important; + } + + .ps-menu-button { + color: white; + font-weight: bold; + text-transform: uppercase; + background-color: #104277 !important; + box-sizing: unset !important; + } + + .tooltip_css { background: #81BC3A; z-index: 9999; @@ -2059,7 +2138,7 @@ .rs-dropdown-toggle.rs-btn { background: transparent !important; - color: #c0c0c0 !important; + color: #c0c0c0 !important; margin-bottom: 1rem !important; list-style-type: none !important; border: none !important;