{"id":78018,"date":"2026-01-07T21:32:33","date_gmt":"2026-01-07T19:32:33","guid":{"rendered":"https:\/\/digital.staff-capital.com\/?page_id=78018"},"modified":"2026-01-07T21:32:33","modified_gmt":"2026-01-07T19:32:33","slug":"my-learning","status":"publish","type":"page","link":"https:\/\/digital.staff-capital.com\/en\/my-learning\/","title":{"rendered":"My Learning"},"content":{"rendered":"\n\n\n<style>\n    \/* \u0418\u043a\u043e\u043d\u043a\u0438 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438 *\/\n\/* th .sort-icon::before {\n    content: '\u2b0d'; \u0418\u043a\u043e\u043d\u043a\u0430 \u0434\u043b\u044f \u043d\u0435\u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\n    font-size: 12px;\n    margin-left: 5px;\n    color: gray;\n}\n *\/\n\n\n\n\nth .sort-icon::before {\n    content: '';\n    display: block;\n    width: 30px;\n    height: 20px;\n    margin-left: -20px;\n    background: url('https:\/\/digital.staff-capital.com\/wp-content\/themes\/buddyboss-theme\/assets\/images\/svg\/sort-arrows.svg') no-repeat center right 15px;\n    background-size: 10px;\n    \/* background-color: rebeccapurple; *\/\n    margin-top: -18px;\n}\n\nth.asc .sort-icon::before {\n    content: '';\n    display: block;\n    width: 30px;\n    height: 20px;\n    margin-left: -20px;\n    background: url('https:\/\/digital.staff-capital.com\/wp-content\/themes\/buddyboss-theme\/assets\/images\/svg\/sort-up.svg') no-repeat center right 15px;\n    background-size: 7px;\n    \/* background-color: rebeccapurple; *\/\n    margin-top: -20px;\n    position: absolute;\n}\n\n\nth.desc .sort-icon::before {\n      content: '';\n    display: block;\n    width: 30px;\n    height: 20px;\n    margin-left: -20px;\n    background: url('https:\/\/digital.staff-capital.com\/wp-content\/themes\/buddyboss-theme\/assets\/images\/svg\/sort-down.svg') no-repeat center right 15px;\n       background-size: 7px;\n    \/* background-color: rebeccapurple; *\/\n    margin-top: -15px;\n    position: absolute;\n\n}\n\n\n\ntable.sort_tbl th {\n    padding-left: 20px;\n}\n\n\ntable.sort_tbl th {\n    text-align: left;\n    font-weight: 600;\n    vertical-align: middle;\n    color: var(--bb-headings-color);\n        line-height: 18px;\n}\n\n\/* th.asc .sort-icon::before {\n    content: '\u2b06'; \n    color: black;\n}\n\nth.desc .sort-icon::before {\n    content: '\u2b07'; \n    color: black;\n} \n *\/\n\/* \u0421\u0442\u0438\u043b\u0438 \u043a\u0443\u0440\u0441\u043e\u0440\u0430 *\/\nth {\n    cursor: pointer;\n      font-size: 13px;\n}\nspan.reporting-table-see-details {\n\n    color: #0290c2;\n    cursor: pointer;\n}\nspan.reporting-table-see-details_user {\n\n    color: #0290c2;\n    cursor: pointer;\n}\n\nspan.reporting-table-see-details_user_start {\n\n    color: #0290c2;\n    cursor: pointer;\n}\n\n\nspan.reporting-table-see-details_company {\n\n    color: #0290c2;\n    cursor: pointer;\n}\n\n\nspan.reporting-table-see-details_group {\n\n    color: #0290c2;\n    cursor: pointer;\n}\nspan.reporting-table-see-details_region {\n\n    color: #0290c2;\n    cursor: pointer;\n}\nspan.reporting-result_test_full {\n\n    color: #0290c2;\n    cursor: pointer;\n}\n\n\n\n\n\n\nspan.reporting-table-see-details_company_course{\n        color: #0290c2;\n    cursor: pointer;\n}\n\n\nspan.reporting-table-see-details_group_course_users{\n        color: #0290c2;\n    cursor: pointer;\n}\n\n\nspan.click_get_test{\n        color: #0290c2;\n      \n    cursor: pointer;\n}\n\n\n\n.rez_ajax1{\n    display: none;\n}\n\n\n.button_back, .button_back_user {\n    height: 100%;\n    outline: none;\n    display: inline-flex;\n    align-items: center;\n    font-weight: 400;\n    font-size: 14px;\n    font-family: inherit;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    border: 1px solid transparent;\n    padding: 4px 15px;\n    line-height: 1.5;\n    border-radius: 3px;\n    background-color: transparent;\n    transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n    color: #0290cb;\n    border-color: #d2d2d2;\n    box-shadow: none;\n    margin-bottom: 10px;\n}\n\n.tab {\n    background-color: #ebebeb;\n    \/* max-width: 100px; *\/\n    text-align: center;\n    \/* border: solid 1px black; *\/\n    border: solid 1px #b3b3b3;\n    border-bottom: 0px;\n    display: inline-block;\n    padding: 5px 20px;\n    cursor: pointer;\n    border-radius: 5px 5px 0px 0px;\n}\n.tab.tab_active {\n    background-color: #ffffff;\n    position: relative;\n    z-index: 9;\n    margin-bottom: 0px;\n}\n.box_content_tab {\n    \/* background-color: white; *\/\n    border-top: solid 1px #b3b3b3;\n    position: relative;\n    z-index: 3;\n    margin-top: -1px;\n   \n}\n\n\n.tabs_content {\n  display: none;\n   \n}\n\n.tabs_content.tab_active {\n  display: block;\n   \n}\n\n\n\n.loading_box {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0px;\n    top: 0px;\n    z-index: 9999999;\n    background-color: #ffffff82;\n    text-align: center;\n}\n\n.loading_box svg {\n    position: absolute;\n    width: 50px;\n    height: 50px;\n    top: 50%;\n    bottom: 0px;\n    \/* margin: auto; *\/\n}\n\n\ntd {\n    font-size: 10pt;\n}\ntd, th {\n    padding: 5px 5px;\n    border-bottom: 1px solid var(--bb-content-border-color);\n}\n\nth{\n     background-color: #fff; \/* \u0421\u0432\u0435\u0442\u043b\u044b\u0439 \u0446\u0432\u0435\u0442 *\/\n}\ntr:nth-child(even) {\n    background-color: #fff; \/* \u0421\u0432\u0435\u0442\u043b\u044b\u0439 \u0446\u0432\u0435\u0442 *\/\n\n}\n\n\n.email_user {\n    text-align: center;\n    font-size: 8pt;\n}\n.name_user {\n    text-align: center;\n    font-size: 10pt;\n    margin-top: 10px;\n}\n\n.grid_box {\n    display: grid;\n    grid-template-columns: repeat(1, 3fr 3fr 3fr);\n    gap: 10px;\n}\n\n\n\n\n.grid_box_info_left {\n    display: grid\n;\n    grid-template-columns: repeat(1, 3fr 3fr);\n    gap: 10px;\n    text-align: center;\n    padding: 30px;\n    margin-top: -48px;\n    max-width: 290px;\n    margin: 0 auto;\n    margin-top: -20px;\n}\n\n\n.grid_box_info_left .title_info{\n    font-size: 9pt;\n}\n\n.grid_box_info_left .count_text {\n    font-size: 20pt;\n    font-weight: 700;\n    color: #0290c2c4;\n}\n\n\n\n\n.box_user {\n    background-color: white;\n  \n    display: grid;\n    grid-template-columns: repeat(1, 1fr );\n    gap: 10px;\n}\n\n\n\n.box_user img {\n    display: block;\n    width: fit-content;\n    margin: 0 auto;\n    border-radius: 700px;\n    margin-top: 0px;\n    max-width: 50px;\n    margin-bottom: -15px;\n}\n.grafik {\n    background-color: white;\n    padding: 5px;\n    font-size: 10pt;\n    font-weight: 500;\n    color: #494949;\n}\n\n\n.grafik a {\n    display: none !important;\n}\n\n\n.reporting-dashboard-col-heading {\n    border-bottom: solid 1px;\n    border-color: #e7e5e5;\n   padding-bottom: 4px;\n    margin-top: -1px;\n}\n\n.text_header_user {\n    border-bottom: solid 1px;\n    border-color: #e7e5e5;\n    padding-bottom: 4px;\n    margin-top: -1px;\n    font-size: 10pt;\n    font-weight: 500;\n    color: #494949;\n    height: 32px;\n    padding-left: 5px;\n}\n.table_top_center_progress{\n    background-color: white;\n}\n\n.table_top_center_progress tr:nth-child(odd) {\n    background-color: #f3f3f3; \/* \u0421\u0432\u0435\u0442\u043b\u044b\u0439 \u0446\u0432\u0435\u0442 *\/\n\n}\n\n.img_course {\n    height: 205px;\n    background-size: cover;\n    \/* margin-top: -10px; *\/\n    background-position-x: center;\n    background-position-y: center;\n    border-radius: 5px;\n}\n\n.title_course {\n    font-size: 10pt;\n    display: block;\n    \/* text-align: center; *\/\n    margin-top: -5px;\n    padding: 0px 10px 5px 10px;\n    line-height: 13pt;\n    text-align: center;\n}\n.name_big_company {\n    font-size: 13pt;\n    font-weight: 700;\n    color: #0290c2c4;\n    text-align: center;\n    margin-top: -30px;\n}\n\/* table td:nth-child(n+3) {\n    text-align: center;\n} *\/\n\n\ndiv#customModal {\n    display: fixed;\n    position: fixed;\n    top: 15px;\n    left: 0px;\n    width: calc(100% - 30px);\n    height: calc(100% - 50px);\n    background-color: #ffffff;\n    z-index: 9;\n    margin: 17px;\n    margin-bottom: 30px;\n    border-radius: 10px;\n    box-shadow: 5px 10px 20px rgb(63 63 63 \/ 36%);\n    \/* margin-bottom: 100px; *\/\n    overflow-y: auto;\n    z-index: 99999;\n}\n\nbutton.modal_close {\n    position: relative;\n    display: block;\n    width: 100px;\n    margin: 0 auto;\n    margin-right: 15px;\n    margin-top: 15px;\n}\n.modal_content {\n    padding: 30px;\n    \/* border-radius: 5px; *\/\n}\n\na.button-secondary.wpProQuiz_update {\n    display: none;\n}\na#wpProQuiz_resetUserStatistic {\n    display: none;\n}\n\nul.wpProQuiz_questionList {\n    list-style-type: none;\n    padding-top: 30px;\n}\n\nsvg#Layer_1 {\n    \/* color: red; *\/\n    \/* background-color: rebeccapurple; *\/\n    fill: #2b9ed4;\n    width: 20px;\n    cursor: pointer;\n}\n#sortableTable2 i._mi._before.bb-icon-l.buddyboss.bb-icon-poll-h {\n    font-size: 16pt;\n    color: #0290c2;\n    cursor: pointer;\n}\n\n\n#sortableTable2 h2 {\n    background-color: #f1f1f1;\n    text-align: center;\n    padding: 10px;\n    margin: 0px;\n    border-radius: 5px;\n}\n\ntable.wp-list-table + div {\n    display: none !important;\n}\n\n.wp-list-table{\n    display: none;\n}\n.wp-list-table.active{\n    clear: both;\n    display: block;\n}\n\n.modal_dialog_time {\n    position: relative;\n    display: block;\n    height: fit-content;\n    background-color: #efefef;\n    width: fit-content;\n    display: block;\n    padding: 0px 15px;\n    border-radius: 5px 5px 0px 0px;\n    margin-right: 3px;\n    \/* margin-bottom: 20px; *\/\n    float: left;\n    margin-top: 20px;\n    height: 35px;\n    padding-top: 3px;\n    cursor: pointer;\n \n}\n\n.modal_dialog_time.active {\n    background-color: #ffffff;\n    border: solid 1px;\n    border-bottom: 0px;\n    border-color: #e3e3e3;\n    cursor: default;\n\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n#loading-container {\n    position: fixed;\n    \/* text-align: center; *\/\n    text-align: center;\n    z-index: 9999999999999999999999999;\n    left: 0px;\n    right: 0px;\n    \/* margin: 0 auto; *\/\n    width: 100%;\n    height: 100%;\n    background-color: #8a8a8ae3;\n    top: 0px;\n}\n\n.loading-spinner {\n    width: 40px;\n    height: 40px;\n    border: 4px solid #ddd;\n    border-top-color: #3498db;\n   \n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    margin: -10px auto 40px auto;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\/* \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 *\/\n#progress-bar {\n    display: flex;\n    justify-content: center;\n    margin: 10px 0;\n}\n\n.progress-step {\n    width: 30px;\n    height: 0px;\n    background-color: #ddd;\n    margin: 0 3px;\n    transition: background-color 0.5s;\n   \n}\n\n.progress-step.active {\n    transition: 0.5s;\n    background-color: #3498db;\n     height: 10px;\n    \n}\n\n.center_block_loading {\n    width: 90%;\n    max-width: 800px;\n    height: 310px;\n    background-color: #646464;\n    position: absolute;\n    left: 0px;\n    right: 0px;\n    margin: auto;\n    top: 0px;\n    bottom: 0px;\n    \/* margin-top: 5%; *\/\n    border-radius: 5px;\n    padding: 60px;\n    color: #ffffff;\n    box-shadow: 0px 10px 20px rgb(0 0 0 \/ 47%);\n}\n\n\n.exportToExcel_style {\n    border-radius: 5px;\n    background: linear-gradient(to top, #dfdfdf, #ffffff);\n    border: solid 1px;\n    border-color: #d9d9d9;\n    color: #3d3d3d;\n    cursor: pointer;\n    font-family: revert;\n    font-size: 10pt;\n    margin-bottom: 5px;\n    margin-top: -25px;\n    display: block;\n    width: fit-content;\n    margin: 0 auto;\n    margin-right: 0px;\n    margin-top: 0px;\n    margin-bottom: 5px;\n    padding: 5px 30px;\n    transition: 0.5s;\n}\n\n.exportToExcel_style:hover {\n    transition: 0.5s;\n    background: linear-gradient(to top, #3daad066, #ffffff);\n}\n\n\n\n\n\n\n\n.column-settings-btn {\n    border-radius: 5px;\n    background: linear-gradient(to top, #dfdfdf, #ffffff);\n    border: solid 1px;\n    border-color: #d9d9d9;\n    color: #3d3d3d;\n    cursor: pointer;\n    font-family: revert;\n    font-size: 10pt;\n    margin-bottom: 5px;\n    margin-top: -25px;\n    display: block;\n    width: fit-content;\n    margin: 0 auto;\n    margin-right: 0px;\n    margin-top: 0px;\n    margin-bottom: 5px;\n    padding: 5px 30px;\n    transition: 0.5s;\n    position: absolute;\n    right: 140px;\n\n    padding-bottom: 2px;\n    height: 39px;\n}\n\n.column-settings-btn:hover {\n    transition: 0.5s;\n    background: linear-gradient(to top, #3daad066, #ffffff);\n}\n\n\n\n.reset_filters_style {\n    margin-top: -46px;\n    background: #ececec;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 6px 10px;\n    font-size: 13px;\n    cursor: pointer;\n    color: #121212;\n    margin-left: calc(33% + 10px + 18% + 10px);\n    font-family: revert;\n    font-size: 10pt;\n    background: linear-gradient(to top, #dfdfdf, #ffffff);\n    border: solid 1px;\n    border-color: #d9d9d9;\n    color: #3d3d3d;\n    max-width: 80px;\n    width: 100%;\n    text-align: center;\n    margin-bottom: 5px;\n}\n\n.reset_filters_style:hover{\n        transition: 0.5s;\n    background: linear-gradient(to top, #3daad066, #ffffff);\n      color: #3d3d3d;\n}\n\n\n.box_content_tab  select:focus {\n \n    box-shadow: none;\n}\n\n\n    .custom-options li:hover {\n        background-color: #f0f0f0;\n        color: #000;\n    }\n.sort-highlight {\n    background-color: #3daad02b; \/* \u0441\u0432\u0435\u0442\u043b\u043e-\u0436\u0451\u043b\u0442\u044b\u0439 \u0444\u043e\u043d *\/\n}\n\n.filter-highlight{\n    background-color: #00ff2126; \/* \u0441\u0432\u0435\u0442\u043b\u043e-\u0436\u0451\u043b\u0442\u044b\u0439 \u0444\u043e\u043d *\/\n}\n.reset_filters_style.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n  background-color: #e0e0e0 !important;\n  color: #888 !important;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n@media(min-width: 1100px) {\n\n\n\n        #sortableTable7 {\n            table-layout: fixed;\n        }\n\n        #sortableTable7 th:nth-child(1),\n        #sortableTable7 td:nth-child(1) {\n          width: 15%; \n        }\n\n        #sortableTable7 th:nth-child(2),\n        #sortableTable7 td:nth-child(2) {\n          width: 15%; \n           white-space: nowrap;          \/* \u041d\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n          overflow: hidden;             \/* \u0421\u043a\u0440\u044b\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 *\/\n          text-overflow: ellipsis;      \/* \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u043e\u0442\u043e\u0447\u0438\u0435 *\/\n        }\n\n        #sortableTable7 th:nth-child(3),\n        #sortableTable7 td:nth-child(3) {\n          width: 15%;\n           white-space: nowrap;          \/* \u041d\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n          overflow: hidden;             \/* \u0421\u043a\u0440\u044b\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 *\/\n          text-overflow: ellipsis;      \/* \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u043e\u0442\u043e\u0447\u0438\u0435 *\/\n        }\n\n        #sortableTable7 th:nth-child(4),\n        #sortableTable7 td:nth-child(4) {\n          width: 7%; \n        }\n\n        #sortableTable7 th:nth-child(5),\n        #sortableTable7 td:nth-child(5) {\n          width: 15%; \n        }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n        #sortableTable2 {\n            table-layout: fixed;\n        }\n\n        #sortableTable2 th:nth-child(1),\n        #sortableTable2 td:nth-child(1) {\n          width: 15%; \n        }\n\n        #sortableTable2 th:nth-child(2),\n        #sortableTable2 td:nth-child(2) {\n          width: 15%; \n           white-space: nowrap;          \/* \u041d\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n          overflow: hidden;             \/* \u0421\u043a\u0440\u044b\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 *\/\n          text-overflow: ellipsis;      \/* \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u043e\u0442\u043e\u0447\u0438\u0435 *\/\n        }\n\n        #sortableTable2 th:nth-child(3),\n        #sortableTable2 td:nth-child(3) {\n          width: 15%;\n           white-space: nowrap;          \/* \u041d\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n          overflow: hidden;             \/* \u0421\u043a\u0440\u044b\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 *\/\n          text-overflow: ellipsis;      \/* \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u043e\u0442\u043e\u0447\u0438\u0435 *\/\n        }\n\n        #sortableTable2 th:nth-child(4),\n        #sortableTable2 td:nth-child(4) {\n          width: 7%; \n        }\n\n        #sortableTable2 th:nth-child(5),\n        #sortableTable2 td:nth-child(5) {\n          width: 15%; \n        }\n\n\n\n\n\n\n\n\n\n\n\n\n        #sortableTable3 {\n            table-layout: fixed;\n        }\n\n        #sortableTable3 th:nth-child(1),\n        #sortableTable3 td:nth-child(1) {\n          width: 5%; \n        }\n\n        #sortableTable3 th:nth-child(2),\n        #sortableTable3 td:nth-child(2) {\n          width: 15%; \n        }\n\n        #sortableTable3 th:nth-child(3),\n        #sortableTable3 td:nth-child(3) {\n          width: 15%; \n           white-space: nowrap;          \/* \u041d\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n          overflow: hidden;             \/* \u0421\u043a\u0440\u044b\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 *\/\n          text-overflow: ellipsis;      \/* \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u043e\u0442\u043e\u0447\u0438\u0435 *\/\n        }\n\n        #sortableTable3 th:nth-child(4),\n        #sortableTable3 td:nth-child(4) {\n          width: 15%;\n           white-space: nowrap;          \/* \u041d\u0435 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 *\/\n          overflow: hidden;             \/* \u0421\u043a\u0440\u044b\u0442\u044c \u043b\u0438\u0448\u043d\u0435\u0435 *\/\n          text-overflow: ellipsis;      \/* \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u043e\u0442\u043e\u0447\u0438\u0435 *\/\n        }\n\n        #sortableTable3 th:nth-child(5),\n        #sortableTable3 td:nth-child(5) {\n          width: 7%; \n        }\n\n        #sortableTable3 th:nth-child(6),\n        #sortableTable3 td:nth-child(6) {\n          width: 12%; \n\n            \n        }\n\n}\n\nbutton.column-settings-btn {\n    position: absolute;\n    right: 140px;\n    margin-top: -45px;\n}\n\ndiv.column-settings-panel {\n    position: absolute;\n    width: 100%;\n    max-width: 277px;\n    right: 0px;\n    margin-top: 1px !important;\n    opacity: 0.8;\n    box-shadow: 0px 5px 20px rgb(63 63 63 \/ 39%);\n    border-radius: 5px;\n    padding: 15px !important;\n    margin-top: 42px !important;\n}\n\n.column-settings-btn img.emoji {\n    width: 14px;\n    margin-top: 1px;\n}\nimg.column-settings-icon {\n    position: absolute;\n    width: 16px;\n    float: left;\n    margin-top: 6px;\n    display: block;\n    margin-left: -5px;\n}\n\n.setting_button_text {\n    width: fit-content;\n    margin: 0 auto;\n    margin-left: 15px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.info-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9999;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0,0,0,0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.info-content {\n  background: #fff;\n  max-width: 600px;\n  width: 90%;\n  padding: 20px;\n  border-radius: 8px;\n  position: relative;\n}\n\n.close-modal {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  font-size: 22px;\n  cursor: pointer;\n}\n\n.info-body div {\n  margin-bottom: 10px;\n}\n\n\n\n\n\n\n\n.open-details {\n    width: fit-content;\n    margin: 0 auto;\n}\n\n\n.full-info-header{\n    text-align: center!important;\n}\n\n\n\n\n@media (max-width: 1000px) {\n  .grid_box {\n    grid-template-columns: repeat(2, 1fr); \/* 2 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u043f\u043e 50% *\/\n    grid-template-areas:\n      \"full full\"\n      \"half1 half2\";\n  }\n\n  .grid_box > *:nth-child(1) {\n    grid-column: 1 \/ -1; \/* 1-\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443 *\/\n    min-height: 200px;\n  }\n}\n\n@media (max-width: 780px) {\n    .grid_box {\n        display: grid;\n        grid-template-columns: repeat(1, 1fr);\n        gap: 10px;\n        grid-template-areas: none;\n    }\n}\n\n\n\n@media (max-width: 803px) {\n\n\n    .div_search {\n \n    width: 100%!important;\n    max-width: 250px!important;\n \n   }\n\n\n   .custom-select_status \n   {\n    min-width: 155px!important;\n    margin-left: calc(245px + 10px)!important;\n\n    }\n\n\n    .reset_filters_style {\n\n    margin-left: calc(405px + 10px)!important;\n \n    }\n\n\n}\n\n\n@media (max-width: 554px) {\n\n\n    .div_search {\n \n    width: 100%!important;\n    max-width: 100%!important;\n \n   }\n\n\n   .custom-select_status \n   {\n   margin-top: -5px!important;\n    margin-left: 0px!important;\n    min-width: 66%!important;\n\n    }\n\n\n     .reset_filters_style {\n        display: block;\n        margin-left: calc(66.6% + 2px) !important;\n        width: 100%;\n        max-width: calc(33.3% - 2px) !important;\n    }\n\n\n}\n\n\n\n\n.grid_box > * {\n  min-width: 0;\n  overflow: hidden;\n}\n\n\n\n@media (max-width: 1100px) {\n\n\n\n    .center_block_loading {\n\n    height: 330px;\n\n}\n\n\n.column-settings-btn{\n    display: none!important;\n}\n#exportToExcel1{\n    \n}\n\n.exportToExcel_style{\n     display: none!important;\n}\n\n.div_search{\n    margin-top: 0px!important;\n}\n\n}\n\n@media (max-width: 600px) {\n\n.box_content_tab {\n\n    border-top: solid 1px #b3b3b3;\n \n}\n\n.tab {\n        width: 49.2%;\n    \n        margin-left: 0.1%;\n    }\n\n\n}\n\n.table_box {\n  min-height: 40px; \/* \u0438\u043b\u0438 \u0442\u043e\u0447\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 \u043a\u043d\u043e\u043f\u043e\u043a *\/\n  margin-bottom: 10px;\n}\n\n\n.click_full_info_user_course{\n          color: #0290c2;\n      \n    cursor: pointer;\n}\n.loading_box1{display: none;}\n\n<\/style> \n\n\n\n\n\n <div class=\"table_box\">\n    <div class=\"grid_box\">\n        \n        \n        <div class=\"table_top_center_progress\">\n            <table id=\"sortableTable_user\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                <thead>\n                    <tr>\n                        <th colspan=\"2\">Overview<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>Courses Enrolled<\/td>\n                        <td class=\"part1_user\" data-value=\"0\">\n                            0                        <\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Not Started<\/td>\n                        <td class=\"part2_user\" data-value=\"0\">\n                            0                        <\/td>\n                    <\/tr>\n                    <tr>\n                        <td>In Progress<\/td>\n                        <td class=\"part3_user\" data-value=\"0\">\n                            0                        <\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Completed<\/td>\n                        <td class=\"part4_user\" data-value=\"0\">\n                            0                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td>Completed %<\/td>\n                        <td class=\"part4_user\" data-value=\"0\">\n                            0%\n                        <\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"grafik\">\n            <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                <div class=\"reporting-dashboard-col-heading\">\n                    Course Status                <\/div>\n                <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                    <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                        <div id=\"courseSingleOverviewPieChart_user\" style=\"width: 100%; height: 200px;\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div><!-- .grid_box -->\n\n    <br><br>\n\n    <div id=\"table-buttons-placeholder4444\" style=\"min-height:45px; margin-bottom: 10px;\"><\/div>\n\n    <style>\n        tr.no_color { color: #b3b3b3; }\n    <\/style>\n\n    <table class=\"sort_tbl\" id=\"sortableTable4444\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n        <thead>\n            <tr>\n                <th data-type=\"text\">\n                    Course                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"text\">\n                    Type                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"numeric\" style=\"text-align:center;\">\n                    Progress %                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"text\">\n                    Completion                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"numeric\" style=\"text-align:center;\">\n                    Completion Date                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"numeric\" style=\"text-align:center;\">\n                    Quiz Result                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"text\" style=\"text-align:center;\">\n                    Quiz Status                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"text\" style=\"cursor: pointer; text-align: center;\">\n                    Access                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"text\" style=\"cursor: pointer; text-align: center;\">\n                    Available from                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th data-type=\"text\" style=\"cursor: pointer; text-align: center;\">\n                    Available until                    <span class=\"sort-icon\"><\/span>\n                <\/th>\n                <th class=\"full-info-header\">\n                    Full Info                <\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n                    <\/tbody>\n    <\/table>\n<\/div>\n\n<div id=\"table4-wrapper\"><\/div>\n\n\n\n\n\n\n<script>\n    \njQuery(document).ready(function() {\n\n\n\n\n\n\n      connect_table();\n\n});\n\n\n<\/script>\n\n<!-- <div id=\"loading-container\">\n    <div class=\"center_block_loading\">\n\n        <p>Loading data...<\/p>\n\n        <div class=\"loading-spinner\"><\/div>\n\n        <div id=\"progress-bar\">\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n            <div class=\"progress-step\"><\/div>\n        <\/div>\n\n        <p id=\"loading-percentage\">0% (0\/10)<\/p>\n\n\n        <p id=\"loading-status\">Preparing...<\/p>\n        \n\n\n    <\/div>\n    \n<\/div> -->\n\n\n\n\n\n <!-- <script>\n\n\n\n\nvar Not_Started_g=\"Not Started\";\nvar Completed_g=\"Completed\";\nvar In_Progress_g=\"In Progress\";\n\nvar Remaining_g=\"Remaining\";\nvar Enrolled_g=\"Enrolled\";\nvar Enrollments_g=\"Enrollments\";\nvar Completions_g=\"Completions\";\n\n\n\n\nvar lang_code='en_GB';\n\n\/\/alert(lang_code);\n\nif(lang_code ==\"en_GB\")\n{\n\n   Not_Started_g=\"Not Started\";\n   Completed_g=\"Completed\";\n   In_Progress_g=\"In Progress\";\n\n     Remaining_g=\"Remaining\";\n     Enrolled_g=\"Enrolled\";\n     Enrollments_g=\"Enrollments\";\n     Completions_g=\"Completions\";\n\n}\nelse if(lang_code ==\"ru_RU\")\n{\n      Not_Started_g=\"\u041d\u0435 \u043d\u0430\u0447\u0430\u0442\u043e\";\n      Completed_g=\"\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e\";\n      In_Progress_g=\"\u0412 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435\";\n\n\n    Remaining_g=\"\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c\";\n    Enrolled_g=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e\";\n    Enrollments_g=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\";\n    Completions_g=\"\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e\";\n\n  \n}\nelse if(lang_code ==\"uk\")\n{\n     Not_Started_g=\"\u041d\u0435 \u043f\u043e\u0447\u0430\u0442\u043e\";\n     Completed_g=\"\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e\";\n     In_Progress_g=\"\u0412 \u043f\u0440\u043e\u0446\u0435\u0441\u0456\";\n\n    Remaining_g=\"\u0417\u0430\u043b\u0438\u0448\u0438\u043b\u043e\u0441\u044f\";\n    Enrolled_g=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043e\";\n    Enrollments_g=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\";\n    Completions_g=\"\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e\";\n\n}\n\n\n  let progressIndex = 0;\n    const totalSteps = 9; \/\/ \u0412\u0441\u0435\u0433\u043e \u0448\u0430\u0433\u043e\u0432\n      let ajaxResults = {};\n const loadingMessages = [\n        \"Loading user database...\",\n        \"Retrieving company data...\",\n        \"Getting information on courses ...\",\n        \"Getting information on regions...\", \n        \"Calculating unique user results...\",\n        \"Loading courses list ...\",\n        \"Loading courses content ...\",  \n        \"Loading groups data...\",\n        \"Calculating progress information for all courses...\"\n    ];\n    function updateProgress() {\n        jQuery(\".progress-step\").eq(progressIndex).addClass(\"active\");\n\n        \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0441\u0442\u0430\u0442\u0443\u0441\n        jQuery(\"#loading-status\").text(loadingMessages[progressIndex] || \"Download is complete!\");\n\n        \/\/ \u0421\u0447\u0438\u0442\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f\n        let percent = Math.round(((progressIndex + 1) \/ 10) * 100);\n        jQuery(\"#loading-percentage\").text(`${percent}% (${progressIndex + 1}\/${10})`);\n\n        progressIndex++;\n    }\n\n\njQuery(document).ready(function ($) {\n\n\n\n    console.log(\"AJAX-\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0447\u0435\u0440\u0435\u0437 \u0448\u043e\u0440\u0442\u043a\u043e\u0434 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u0430...\");\n    $(\"#loading-container\").fadeIn();\n\n  \n  \n\n\n\n\n\n    function fetchData(action, data = {}) {\n        return new Promise((resolve, reject) => {\n            $.ajax({\n                url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n                type: \"POST\",\n                cache: false,\n                data: { action, ...data },\n                success: function (response) {\n                    console.warn(action, response);\n                    ajaxResults[action] = response;\n                    updateProgress(); \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 \u0438 \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\n                    resolve(response);\n                },\n                error: function (res1) {\n                    console.error(`\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 ${action}:`, res1);\n                    reject(res1);\n                }\n            });\n        });\n    }\n\n    (async function () {\n        try {\n            ajaxResults.base_tincane = await fetchData('get_base_tincane_ajax');\n            ajaxResults.get_field_company_user = await fetchData('get_field_company_user_ajax', { base_tincane: ajaxResults.base_tincane, lang_code: lang_code });\n            ajaxResults.get_course_progress_and_completion =            ajaxResults.mass_course_progress = {\n    \"\": {\n        \"completed\": 0,\n        \"in_progress\": 0,\n        \"courses\": [],\n        \"users\": [\n            1,\n            18,\n            58\n        ]\n    }\n\n};\n\n       updateProgress();\n            ajaxResults.get_info_regions = {\n    \"regions\": {\n        \"\u041d\u0456\u043c\u0435\u0447\u0447\u0438\u043d\u0430\": {\n            \"companies\": [\n                \"\u0422\u041e\u0412 \u0421\u041e\u0414\u0416\u0406\u0422\u0417 \u0410\u0412\u0422\u041e \u0423\u041a\u0420\u0410\u0407\u041d\u0410\"\n            ],\n            \"companies_info\": {\n                \"\u0422\u041e\u0412 \u0421\u041e\u0414\u0416\u0406\u0422\u0417 \u0410\u0412\u0422\u041e \u0423\u041a\u0420\u0410\u0407\u041d\u0410\": {\n                    \"courses\": [\n                        \"633\",\n                      \n                    ],\n                    \"users\": [\n                        \"15\",\n                       \n                    ]\n                }\n            },\n            \"count_companies\": 1,\n            \"count_courses\": 14,\n            \"count_users\": 14,\n            \"count_enrollments\": 137,\n            \"count_completed\": 42,\n            \"count_in_progress\": 17,\n            \"completition_rate\": \"30.7%\" \n        }\n    },\n    \"all_regions\": {\n        \"all_count_enrollments\": 581,\n        \"all_count_completed\": 209,\n        \"all_count_in_progress\": 35,\n        \"all_not_started\": 337,\n        \"all_completition_rate\": \"36.0%\"\n    }\n};\n\nupdateProgress();\n\n            ajaxResults.mass_get_unique_users = {\n    \"TEST COMPANY 2\": [\n        \"134\",\n        \"135\"\n    ]\n\n};\nupdateProgress();\n\n\n            ajaxResults.get_types_courses = await fetchData('get_types_courses_ajax');\n            ajaxResults.get_count_slides = await fetchData('get_count_slides_ajax');\n            ajaxResults.groups = [\n    {\n        \"group_id\": 2546,\n        \"group_name\": \"\u0422\u0435\u0441\u0442\u043e\u0432\u0430 \u0433\u0440\u0443\u043f\u0430\",\n        \"users\": [\n            \"134\",\n            \"135\",\n            \"57\",\n            \"23\"\n        ],\n        \"courses\": [\n            \"2547\",\n            \"2440\",\n            \"2473\"\n        ]\n    }\n\n];\n\n\nupdateProgress();\n\n\n            ajaxResults.mass_course_progress = {\n                \"2546\": {\n                    \"completed\": 3,\n                    \"in_progress\": 3,\n                    \"group_courses_list\": [\n                        \"2547\"\n                       \n                    ],\n                    \"group_user_ids\": [\n                        \"134\"\n                    \n                    ]\n                }\n            };\n\n\n\n\n\n            console.log(\"All the data is loaded:\", ajaxResults);\n\n           jQuery(\"#loading-status\").text(\"...\");\n             jQuery(\"#loading-percentage\").text(\"90% (9\/10)\");\n\n          start_loading_program(\n                ajaxResults.base_tincane, \n                ajaxResults.get_field_company_user, \n                ajaxResults.get_course_progress_and_completion,  \n                ajaxResults.get_info_regions, \n                ajaxResults.mass_get_unique_users, \n                ajaxResults.get_types_courses, \n                ajaxResults.get_count_slides, \n                ajaxResults.groups, \n                ajaxResults.mass_course_progress\n            );\n\n        } catch (error) {\n            console.error(\"\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445\", error);\n            $(\"#loading-status\").text(\"\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445!\");\n            $(\"#loading-percentage\").text(\"\u041e\u0448\u0438\u0431\u043a\u0430!\");\n        } finally {\n           \n        }\n    })();\n});\n\n\n\n    <\/script> -->\n\n\n<div class=\"entry-content\">\n\n\n\n    \n\n\n\n<!--     <div class=\"loading_box\">\n    \n\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><radialGradient id=\"a12\" cx=\".66\" fx=\".66\" cy=\".3125\" fy=\".3125\" gradientTransform=\"scale(1.5)\"><stop offset=\"0\" stop-color=\"#1A8BFF\"><\/stop><stop offset=\".3\" stop-color=\"#1A8BFF\" stop-opacity=\".9\"><\/stop><stop offset=\".6\" stop-color=\"#1A8BFF\" stop-opacity=\".6\"><\/stop><stop offset=\".8\" stop-color=\"#1A8BFF\" stop-opacity=\".3\"><\/stop><stop offset=\"1\" stop-color=\"#1A8BFF\" stop-opacity=\"0\"><\/stop><\/radialGradient><circle transform-origin=\"center\" fill=\"none\" stroke=\"url(#a12)\" stroke-width=\"30\" stroke-linecap=\"round\" stroke-dasharray=\"200 1000\" stroke-dashoffset=\"0\" cx=\"100\" cy=\"100\" r=\"70\"><animateTransform type=\"rotate\" attributeName=\"transform\" calcMode=\"spline\" dur=\"4.9\" values=\"360;0\" keyTimes=\"0;1\" keySplines=\"0 0 1 1\" repeatCount=\"indefinite\"><\/animateTransform><\/circle><circle transform-origin=\"center\" fill=\"none\" opacity=\".2\" stroke=\"#1A8BFF\" stroke-width=\"30\" stroke-linecap=\"round\" cx=\"100\" cy=\"100\" r=\"70\"><\/circle><\/svg>\n    <\/div> -->\n\n\n\n\n\n\n    <div class=\"tabs_box\">\n\n      <!--   <div class=\"box_header_tab\"> -->\n               <!--  <div class=\"tab tab_active\" data-tab_num=\"1\">Course Report<\/div>\n                <div class=\"tab\" data-tab_num=\"4\">Test Report<\/div> -->\n              <!--   <div class=\"tab tab_active\" data-tab_num=\"2\">User Report<\/div> -->\n          <!--       <div class=\"tab\" data-tab_num=\"3\">Company Report<\/div>\n                <div class=\"tab \" data-tab_num=\"5\">Group Report<\/div> -->\n\n                                 \n                \n        <!-- <\/div> -->\n        <div class=\"box_content_tab\">\n            <div class=\"tabs_content tab_num_1\">\n\n              <!--   <div class=\"rez_ajax\"><\/div> -->\n                <div class=\"rez_ajax1\"><\/div>\n                <div class=\"rez_ajax333\"><\/div>\n\n            <\/div>\n            <div class=\"tabs_content tab_num_2  tab_active\">\n            \n                <div class=\"rez_ajax3\"><\/div>\n                <div class=\"rez_ajax4\"><\/div>\n\n            <\/div>\n            <div class=\"tabs_content tab_num_3\">\n                \n             <!--    <div class=\"rez_ajax5\"><\/div>\n                <div class=\"rez_ajax6\"><\/div>\n                <div class=\"rez_ajax7\"><\/div> -->\n\n            <\/div>\n\n            <div class=\"tabs_content tab_num_4\">\n                \n            <!--    <div class=\"rez_ajax5\"><\/div>\n                <div class=\"rez_ajax6\"><\/div>\n                <div class=\"rez_ajax7\"><\/div> -->\n\n\n            <\/div>\n                <div class=\"tabs_content tab_num_5\">\n                \n             <!--        <div class=\"rez_ajax8\"><\/div>\n                    <div class=\"rez_ajax9\">\n                            <div class=\"table_1\"><\/div> \n                             <div class=\"table_2\"><\/div>              \n                    <\/div>\n                    <div class=\"rez_ajax10\"><\/div> -->\n\n\n                <\/div>\n\n                              \n        <\/div>\n    <\/div>\n\n\n\n\n<\/div>\n\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/amcharts\/3.21.15\/amcharts.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/amcharts\/3.21.15\/pie.js\"><\/script>\n\n\n\n<script>\n\n\n\n\n\n\n\nfunction detectVisibleColumns(num_table, minColumnWidth = 125, exceptionIndexes = []) {\n  const tableId = \"#sortableTable\" + num_table;\n  const $table = jQuery(tableId);\n  if (!$table.length) return;\n\n  function checkVisibleColumns() {\n    const windowWidth = jQuery(window).width();\n    const $ths = $table.find('thead th');\n    const $rows = $table.find('tbody tr');\n    const totalColumns = $ths.length;\n    const fullInfoIndex = totalColumns - 1;\n\n    \/\/ \u0424\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \"\u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e\" \u043a\u043e\u043b\u043e\u043d\u043a\u0443\n    const hardFixedIndex = exceptionIndexes.length ? exceptionIndexes[0] : null;\n    const softExceptions = exceptionIndexes.slice(1); \/\/ \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u2014 \u043a\u0430\u043a \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\n\n    if (windowWidth > 1100) {\n      $ths.each(function (index) {\n        if (!jQuery(this).attr('data-hidden-manual')) {\n          jQuery(this).show().removeAttr('data-hidden-responsive');\n          $rows.each(function () {\n            jQuery(this).find('td').eq(index).show().removeAttr('data-hidden-responsive');\n          });\n        }\n      });\n      console.warn(`[${tableId}] Width > 1100px \u2014 showing all non-manually hidden columns`);\n      return;\n    }\n\n    const containerWidth = $table.parent().width();\n    const estimatedVisible = Math.floor(containerWidth \/ minColumnWidth);\n\n    const normalColumns = [];\n    const priorityColumns = [];\n\n    $ths.each(function (index) {\n      if (jQuery(this).attr('data-hidden-manual')) return;\n      if (index === fullInfoIndex || index === hardFixedIndex) return;\n\n      if (softExceptions.includes(index)) {\n        priorityColumns.push(index);\n      } else {\n        normalColumns.push(index);\n      }\n    });\n\n    const orderedColumns = [...normalColumns, ...priorityColumns];\n    const maxVisible = Math.min(estimatedVisible, orderedColumns.length + 2); \/\/ +2: hardFixed + Full Info\n    const keepCount = Math.max(0, maxVisible - 2);\n    const indexesToHide = orderedColumns.slice(0, orderedColumns.length - keepCount);\n\n    console.warn(`\ud83d\udccf [${tableId}] Visible limit: ${maxVisible} cols. Hard fixed: ${hardFixedIndex}, hiding: [${indexesToHide}]`);\n\n    $ths.each(function (index) {\n      const $th = jQuery(this);\n      const shouldHide = indexesToHide.includes(index);\n\n      if (!$th.attr('data-hidden-manual') && index !== fullInfoIndex && index !== hardFixedIndex) {\n        $th.toggle(!shouldHide);\n        $rows.each(function () {\n          const $td = jQuery(this).find('td').eq(index);\n          $td.toggle(!shouldHide);\n          shouldHide\n            ? $td.attr('data-hidden-responsive', '1')\n            : $td.removeAttr('data-hidden-responsive');\n        });\n        shouldHide\n          ? $th.attr('data-hidden-responsive', '1')\n          : $th.removeAttr('data-hidden-responsive');\n      }\n    });\n\n    \/\/ \u0423\u0431\u0435\u0436\u0434\u0430\u0435\u043c\u0441\u044f, \u0447\u0442\u043e hardFixed \u0438 Full Info \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u0438\u043c\u044b\n    [hardFixedIndex, fullInfoIndex].forEach((index) => {\n      if (index !== null && typeof index !== 'undefined') {\n        $ths.eq(index).show().removeAttr('data-hidden-responsive');\n        $rows.each(function () {\n          jQuery(this).find('td').eq(index).show().removeAttr('data-hidden-responsive');\n        });\n      }\n    });\n  }\n\n\n\n  jQuery(window).on('load resize', checkVisibleColumns);\n\n\n        jQuery(\".tab\").on('click', function() {\n\n         setTimeout(checkVisibleColumns, 100);\n\n        });\n\n\n\n setTimeout(checkVisibleColumns, 100);\n\n\n\n\n\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction initRowModalViewer(num_table) {\n  const $table = jQuery(\"#sortableTable\" + num_table);\n\n  \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \"Full Info\", \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043d\u0435\u0442\n  const $theadRow = $table.find(\"thead tr\");\n  if (!$theadRow.find('.full-info-header').length) {\n    \/\/ $theadRow.append('<th class=\"full-info-header\">Full Info<\/th>');\n  }\n\n  \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e, \u0435\u0441\u043b\u0438 \u0435\u0449\u0435 \u043d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e\n  if (!jQuery('#infoModal').length) {\n    jQuery('body').append(`\n      <div id=\"infoModal\" class=\"info-modal\" style=\"display: none;\">\n        <div class=\"info-content\">\n          <span class=\"close-modal\">&times;<\/span>\n          <div class=\"info-body\"><\/div>\n        <\/div>\n      <\/div>\n    `);\n  }\n\n  \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 \"\u2139\ufe0f\" \u0432 \u043a\u043e\u043d\u0435\u0446 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438\n  $table.find('tbody tr').each(function () {\n    \/\/ \u041d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\n\/\/     if (!jQuery(this).find('.details-button-cell').length) {\n\/\/       const $btn = jQuery(`<div class=\"open-details\" style=\"cursor:pointer;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewBox=\"0 0 24 24\">\n\/\/   <path d=\"m21,2H3c-1.654,0-3,1.346-3,3v17h24V5c0-1.654-1.346-3-3-3Zm1,3v3h-14v-4h13c.552,0,1,.449,1,1Zm-14,5h14v4h-14v-4Zm-2,4H2v-4h4v4ZM3,4h3v4H2v-3c0-.551.448-1,1-1Zm-1,12h4v4H2v-4Zm6,4v-4h14v4h-14Z\"\/>\n\/\/ <\/svg><\/div>`);\n\/\/       jQuery(this).append(`<td class=\"details-button-cell\">${$btn.prop('outerHTML')}<\/td>`);\n\/\/     }\n  });\n\n  \/\/ \u041e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443\n  $table.on('click', '.open-details', function () {\n    const $row = jQuery(this).closest('tr');\n    const $cells = $row.find('td');\n    const $headers = $table.find('thead th');\n\n    let html = '<h3 style=\"margin-bottom:10px;\">' + \"Full Record Details\" + '<\/h3>';\n    $cells.each(function (index) {\n      const header = $headers.eq(index).text().trim();\n      const value = jQuery(this).text().trim();\n      if (header && !jQuery(this).hasClass('details-button-cell')) {\n        html += `<div><strong>${header}:<\/strong> ${value}<\/div>`;\n      }\n    });\n\n    jQuery('#infoModal .info-body').html(html);\n    jQuery('#infoModal').fadeIn();\n  });\n\n  \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043c\u043e\u0434\u0430\u043b\u043a\u0438 \u043f\u043e \u043a\u0440\u0435\u0441\u0442\u0438\u043a\u0443 \u0438\u043b\u0438 \u043a\u043b\u0438\u043a\u0443 \u0432\u043d\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438\n  jQuery(document).on('click', function (e) {\n    const $modal = jQuery('#infoModal');\n    if (\n      jQuery(e.target).is('.close-modal') ||\n      (jQuery(e.target).is('#infoModal') && !jQuery(e.target).find('.info-content').is(e.target))\n    ) {\n      $modal.fadeOut();\n    }\n  });\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction initColumnVisibility(num_table, customStatusFilters) {\n  window[`customStatusFilters_` + num_table] = customStatusFilters;\n\n  const tableId = \"sortableTable\" + num_table;\n  const userId = '0';\n  const ajaxEndpoint = 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php';\n  const hiddenNamespace = '.columnSettings_' + tableId;\n  let hiddenIndexes = [];\n\n  const $table = jQuery('#' + tableId);\n\n  const $button = jQuery(`\n    <div class=\"column-settings-btn\" data-table-id=\"${tableId}\" style=\"margin-bottom: 5px;\">\n      <img decoding=\"async\" class=\"column-settings-icon\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2699\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/2699.svg\">\n      <div class=\"setting_button_text\">\n    Columns<\/div>\n    <\/div>`);\n  const $panel = jQuery(`\n    <div class=\"column-settings-panel\" id=\"columns_${tableId}\" style=\"display:none; border:1px solid #ccc; padding:10px; margin:10px 0; background:#fafafa;\"><\/div>`);\n\n\n\n\n\n\n\n    \n \/\/   if (jQuery(window).width() > 1100) {\n    \n      \/\/ $table.before($button).before($panel);\n\n\n       $button.appendTo('#table-buttons-placeholder' + num_table).before($panel);\n\n\n        \/\/ jQuery('<div id=\"exportToExcel' + num_table + '\" class=\"exportToExcel_style\">Excel Export<\/div>').appendTo('#table-buttons-placeholder');\n   \/\/ }\n\n\n\n\nfunction applyHiddenColumns(hiddenIndexes) {\n  const $rows = $table.find('tbody tr');\n\n$table.find('thead th').each(function (index) {\n  const hide = hiddenIndexes.includes(index);\n  const $th = jQuery(this);\n\n  \/\/ \u041d\u0415 \u043c\u0435\u0448\u0430\u0435\u043c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u043c\u0443 \u0441\u043a\u0440\u044b\u0442\u0438\u044e (\u0435\u0441\u043b\u0438 \u0443\u0436\u0435 \u0441\u043a\u0440\u044b\u0442\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e \u2014 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c)\n  const isResponsiveHidden = $th.attr('data-hidden-responsive') === '1';\n\n  if (!isResponsiveHidden) {\n    $th.toggle(!hide);\n  }\n\n  \/\/ \u041f\u043e\u043c\u0435\u0447\u0430\u0435\u043c \u043a\u0430\u043a \u0441\u043a\u0440\u044b\u0442\u043e \u0432\u0440\u0443\u0447\u043d\u0443\u044e\n  if (hide) {\n    $th.attr('data-hidden-manual', '1');\n  } else {\n    $th.removeAttr('data-hidden-manual');\n  }\n\n  $rows.each(function () {\n    const $td = jQuery(this).find('td').eq(index);\n    if (!isResponsiveHidden) {\n      $td.toggle(!hide);\n    }\n\n    if (hide) {\n      $td.attr('data-hidden-manual', '1');\n    } else {\n      $td.removeAttr('data-hidden-manual');\n    }\n  });\n});\n\n\n  toggleFixedWidths(hiddenIndexes);\n  syncFiltersWithHiddenColumns(hiddenIndexes);\n}\n\n\n  function toggleFixedWidths(hiddenIndexes) {\n    const $ths = $table.find('thead th');\n    const $tds = $table.find('tbody tr:first-child td');\n    const hasManyHidden = hiddenIndexes.length >= 2;\n\n    $ths.each(function (index) {\n      if (hasManyHidden) {\n        jQuery(this).css('width', '');\n        $tds.eq(index).css('width', '');\n      }\n    });\n  }\n\n  function updateButtonHighlight() {\n    const $allCheckboxes = $panel.find('input[type=checkbox]');\n    const checkedCount = $allCheckboxes.filter(':checked').length;\n    const totalCount = $allCheckboxes.length;\n    const $icon = $button.find('img.column-settings-icon');\n\n    if (checkedCount < totalCount) {\n      $icon.css('filter', 'brightness(9) saturate(100%) invert(52%) sepia(98%) saturate(743%) hue-rotate(2deg) brightness(103%) contrast(103%)');\n    } else {\n      $icon.css('filter', '');\n    }\n  }\n\n  function buildColumnCheckboxes() {\n    const $ths = $table.find('thead th');\n    $panel.empty();\n\n    $ths.each(function (index) {\n      let label = jQuery(this).clone().children().remove().end().text().trim();\n\n      if (!label) {\n        label = jQuery(this).contents().filter(function () {\n          return this.nodeType === 3 && this.nodeValue.trim() !== '';\n        }).text().trim();\n      }\n\n      if (!label) label = `\u041a\u043e\u043b\u043e\u043d\u043a\u0430 ${index + 1}`;\n      const checked = hiddenIndexes.includes(index) ? '' : 'checked';\n\n      const cb = `<label style=\"display:block;margin-bottom:5px\">\n        <input type=\"checkbox\" data-col-index=\"${index}\" ${checked}> ${label}\n      <\/label>`;\n      $panel.append(cb);\n    });\n\n    updateButtonHighlight();\n  }\n\n  function syncFiltersWithHiddenColumns(hiddenIndexes) {\n    const $statusFilters = jQuery(`.filter-${num_table} .custom-options_status li[data-value]`).not('[data-value=\"ALL\"]');\n    const $searchFilterItems = jQuery(`.custom-select:has(#search_table_input) .custom-options li`);\n\n    $statusFilters.each(function () {\n      const value = jQuery(this).data('value');\n      const filterConfig = window[`customStatusFilters_${num_table}`]?.find(f => f.name === value);\n      if (filterConfig && hiddenIndexes.includes(filterConfig.colIndex)) {\n        jQuery(this).hide();\n      } else {\n        jQuery(this).show();\n      }\n    });\n\n    $searchFilterItems.each(function () {\n      const index = parseInt(jQuery(this).data('index'));\n      if (hiddenIndexes.includes(index)) {\n        jQuery(this).hide();\n      } else {\n        jQuery(this).show();\n      }\n    });\n\n    const $selectedStatus = jQuery(`.filter-${num_table} .custom-selected_status`);\n    const currentStatus = $selectedStatus.data('value');\n    const filterConfig = window[`customStatusFilters_${num_table}`]?.find(f => f.name === currentStatus);\n    if (filterConfig && hiddenIndexes.includes(filterConfig.colIndex)) {\n      $selectedStatus.text(\"ALL\").attr('data-value', 'ALL');\n    }\n\n    const $selectedCol = jQuery(`.custom-select .custom-selected`);\n    const $options = jQuery(`.custom-select .custom-options li`);\n    $options.each(function () {\n      const i = parseInt(jQuery(this).data('index'));\n      if (hiddenIndexes.includes(i)) {\n        jQuery(this).hide();\n        if ($selectedCol.text().trim() === jQuery(this).text().trim()) {\n          $selectedCol.text($options.not('[style*=\"display: none\"]').first().text());\n        }\n      } else {\n        jQuery(this).show();\n      }\n    });\n\n    jQuery('.input_search_table').val('');\n\n\n\n    jQuery(`.clearBtn`).hide();\n    window[`currentSearchQuery_${num_table}`] = '';\n\n    const $dropdown = jQuery(`.filter-${num_table}`);\n    const $selected = $dropdown.find(\".custom-selected_status\");\n    $selected.text(LMSR_i18n.ALL).attr('data-value', 'ALL');\n\n    jQuery(`.reset_filters_${num_table}`).addClass('disabled');\n\n    if (typeof window[`applyCombinedFilter${num_table}`] === 'function') {\n      window[`applyCombinedFilter${num_table}`]();\n    }\n  }\n\n  function loadColumnSettings() {\n    jQuery.post(ajaxEndpoint, {\n      action: 'get_user_column_visibility',\n      table_id: tableId,\n      user_id: userId\n    }, function (res) {\n      hiddenIndexes = res.success && Array.isArray(res.data) ? res.data : [];\n      applyHiddenColumns(hiddenIndexes);\n\n      setTimeout(function () {\n        buildColumnCheckboxes();\n      }, 2000);\n    });\n  }\n\n  $button.on('click', function (e) {\n    e.stopPropagation();\n    $panel.toggle();\n  });\n\n  $panel.on('change', 'input[type=checkbox]', function () {\n    const $all = $panel.find('input[type=checkbox]');\n    const hidden = [];\n\n    $all.each(function () {\n      if (!jQuery(this).is(':checked')) {\n        hidden.push(parseInt(jQuery(this).data('col-index')));\n      }\n    });\n\n    hiddenIndexes = hidden;\n    applyHiddenColumns(hiddenIndexes);\n    updateButtonHighlight();\n\n    jQuery.post(ajaxEndpoint, {\n      action: 'save_user_column_visibility',\n      table_id: tableId,\n      user_id: userId,\n      hidden_columns: hidden\n    });\n  });\n\n  jQuery(document).off('click' + hiddenNamespace).on('click' + hiddenNamespace, function (e) {\n    if (!$panel.is(e.target) && $panel.has(e.target).length === 0 && !$button.is(e.target)) {\n      $panel.hide();\n    }\n  });\n\n  loadColumnSettings();\n}\n\n\n\n\n\n\n\n\nfunction center_number_field_tables(num_table) {\n  jQuery(function (jQuery) {\n    const $table = jQuery('#sortableTable' + num_table);\n\n    $table.find('th[data-type=\"numeric\"]').each(function () {\n      const index = jQuery(this).index() + 1;\n\n      \/\/ \u0426\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u0435\u043c th\n      jQuery(this).css('text-align', 'center');\n\n      \/\/ \u0426\u0435\u043d\u0442\u0440\u0438\u0440\u0443\u0435\u043c td \u0432 \u044d\u0442\u043e\u043c \u0441\u0442\u043e\u043b\u0431\u0446\u0435\n      $table.find('td:nth-child(' + index + ')').css('text-align', 'center');\n    });\n  });\n}\n\n\n\n\nfunction status_filter_dropdown(tableNumber, customStatusFilters = null) {\n  if (!customStatusFilters || !Array.isArray(customStatusFilters)) return;\n\n  jQuery(function ($) {\n    const tableId = `#sortableTable${tableNumber}`;\n    const filterItems = customStatusFilters.map(f =>\n      `<li data-value=\"${f.name}\" style=\"padding: 5px 10px; cursor: pointer; white-space: nowrap; border-top: solid 1px #cacaca; text-align: center; background-color: #ffffff;\">${f.name}<\/li>`\n    ).join('');\n\n    const filterHtml = `\n      <div class=\"custom-select_status filter-${tableNumber}\" style=\"\n          width: fit-content;\n          min-width: 18%;\n          position: relative;\n          font-size: 14px;\n          text-align: center;\n          border: 1px solid #ccc;\n          border-radius: 5px;\n          background: #ffffff;\n          cursor: pointer;\n          color: #3daad0;\n          padding: 5.8px 10px;\n          margin-left: calc(33% + 10px);\n          margin-bottom: 5px;\n          margin-top: -51px;\n        \">\n        <div class=\"custom-selected_status\" data-value=\"ALL\">`+LMSR_i18n.ALL+`<\/div>\n        <span class=\"arrow_search\" style=\"\n          position: absolute;\n          right: 10px;\n          top: 50%;\n          transform: translateY(-60%);\n          font-size: 25px;\n          color: #3daad0a1;\n        \">\u25be<\/span>\n        <ul class=\"custom-options_status\" style=\"\n          display: none;\n          position: absolute;\n          top: 100%;\n          right: 0;\n          width: 100%;\n          background: white;\n          border: 1px solid #ccc;\n          border-top: none;\n          z-index: 9999;\n          list-style: none;\n          margin: 0;\n          padding: 0;\n          text-align: right;\n        \">\n                <li data-value=\"ALL\" style=\"padding: 5px 10px; cursor: pointer; white-space: nowrap; border-top: solid 1px #cacaca; text-align: center; background-color: #ffffff;\">`+LMSR_i18n.ALL+`<\/li>\n          ${filterItems}\n        <\/ul>\n      <\/div>\n\n      <div class=\"reset_filters_${tableNumber} reset_filters_style disabled\">`\n  + LMSR_i18n.Reset +\n  `<\/div>\n    `;\n\n   \/\/ $(tableId).before(filterHtml);\n\n\n \/\/  filterHtml.appendTo('#table-buttons-placeholder');\n\n   jQuery( filterHtml).appendTo('#table-buttons-placeholder'+tableNumber);\n\n    const $dropdown = $(`.filter-${tableNumber}`);\n    const $selected = $dropdown.find(\".custom-selected_status\");\n    const $arrow = $dropdown.find(\".arrow_search\");\n    const $options = $dropdown.find(\".custom-options_status\");\n\n    $selected.add($arrow).on(\"click\", function (e) {\n      e.stopPropagation();\n      $(\".custom-options_status\").not($options).hide();\n      $options.toggle();\n    });\n\n    $(document).on(\"click\", function () {\n      $options.hide();\n    });\n\n    $options.find(\"li\").on(\"click\", function () {\n      const value = $(this).data(\"value\");\n      $selected.text($(this).text());\n      $selected.attr('data-value', value);\n      $options.hide();\n      if (typeof window[`applyCombinedFilter${tableNumber}`] === 'function') {\n        window[`applyCombinedFilter${tableNumber}`]();\n      }\n    });\n\n    $(`.reset_filters_${tableNumber}`).on(\"click\", function () {\n      const $input = $(`#sortableTable${tableNumber}`).prevAll(\".custom-select\").find(\".input_search_table\");\n      $input.val('');\n      currentSearchQuery = '';\n      $('.clearBtn').click();\n      $selected.text(LMSR_i18n.ALL).attr('data-value', 'ALL');\n      if (typeof window[`applyCombinedFilter${tableNumber}`] === 'function') {\n        window[`applyCombinedFilter${tableNumber}`]();\n      }\n    });\n  });\n}\n\nfunction active_search_table(num_table, default_field_num = 2, searchable_columns = [1], customStatusFilters = null) {\n  default_field_num = default_field_num - 1;\n window[`currentSearchQuery_${num_table}`] = \"\";\n  const $table = jQuery('#sortableTable' + num_table);\n  const $theadCols = $table.find('thead th');\n\n  const $inputWrapper = jQuery('<div>', { style: `position: relative; width: 70%;` });\n  const $clearBtn = jQuery('<span>', {\n    class: 'clearBtn',\n    html: '&times;',\n    style: `\n      position: absolute;\n      left: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 25px;\n      height: 25px;\n      line-height: 20px;\n      text-align: center;\n      font-size: 18px;\n      color: #aaa;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: #f8f8f8;\n      cursor: pointer;\n      display: none;\n    `\n  });\nconst $input = jQuery('<input>', {\n  class: 'input_search_table',\n  type: 'text',\n  id: 'search_table_input',\n  placeholder: LMSR_i18n.SearchPlaceholder,\n  style: `\n    padding: 5px 10px 5px 41px;\n    border: 1px solid #ccc;\n    border-right: none;\n    border-radius: 5px 0 0 5px;\n    width: 100%;\n    font-size: 14px;\n  `\n});\n\n\n  $inputWrapper.append($clearBtn).append($input);\n\n  const $selectWrapper = jQuery('<div>', {\n    class: 'custom-select',\n    style: `\n      width: fit-content;\n      min-width: 40%;\n      position: relative;\n      font-size: 14px;\n      text-align: right;\n      border: 1px solid #ccc;\n      border-left: none;\n      border-radius: 0 5px 5px 0;\n      background: #ffffff;\n      cursor: pointer;\n      color: #3daad0;\n      padding: 5px 10px;\n      padding-right: 35px;\n    `\n  });\n\n  const $selected = jQuery('<div>', {\n    class: 'custom-selected',\n    text: $theadCols.eq(default_field_num).text().trim()\n  });\n\n  const $optionsList = jQuery('<ul>', {\n    class: 'custom-options',\n    style: `\n      display: none;\n      position: absolute;\n      top: 100%;\n      right: 0;\n      width: 100%;\n      background: white;\n      border: 1px solid #ccc;\n      border-top: none;\n      z-index: 9999;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      text-align: right;\n    `\n  });\n\n  searchable_columns.forEach(function (index) {\n    const colName = $theadCols.eq(index).text().trim();\n    const $option = jQuery('<li>', {\n      text: colName,\n      'data-index': index,\n      style: `\n        padding: 5px 10px;\n        cursor: pointer;\n        white-space: nowrap;\n        border-top: solid 1px #cacaca;\n        text-align: center;\n        background-color: #ffffff;\n      `\n    });\n    $optionsList.append($option);\n  });\n\n  const $arrow = jQuery('<span>', {\n    class: 'arrow_search',\n    html: '&#9662;',\n    style: `\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-60%);\n      font-size: 25px;\n      color: #3daad0a1;\n    `\n  });\n\n  $selectWrapper.append($selected).append($arrow).append($optionsList);\n\nvar $wrapper = jQuery('<div>', {\n       class: 'div_search',\n        style: `\n          display: flex;\n          width: 33%;\n          max-width: 100%;\n          margin: 10px 0;\n          align-items: stretch;\n          margin-top: -46px;\n        `\n      });\n\n \/\/  if (jQuery(window).width() > 1100) {\n\n     $wrapper = jQuery('<div>', {\n       class: 'div_search',\n        style: `\n          display: flex;\n          width: 33%;\n          max-width: 100%;\n          margin: 10px 0;\n          align-items: stretch;\n          margin-top: -46px;\n        `\n      });\n\n    \n      \n  \/\/  }else\n \/\/   {\n   \/*              $wrapper = jQuery('<div>', {\n       class: 'div_search',\n        style: `\n          display: flex;\n          width: 33%;\n          max-width: 100%;\n          margin: 10px 0;\n          align-items: stretch;\n          margin-top: 0px;\n        `\n      });*\/\n\n \/\/  }\n\n\n\n\n  $wrapper.append($inputWrapper).append($selectWrapper);\n\n\n\n  $wrapper.appendTo('#table-buttons-placeholder'+num_table);\n\n  let selectedIndex = default_field_num;\n\n  $selected.on('click', function () {\n    $optionsList.toggle();\n  });\n  $selectWrapper.on('click', 'span.arrow_search', function () {\n    $optionsList.toggle();\n  });\n  $optionsList.on('click', 'li', function () {\n    const text = jQuery(this).text();\n    selectedIndex = parseInt(jQuery(this).data('index'));\n    $selected.text(text);\n    $optionsList.hide();\n    window[`applyCombinedFilter${num_table}`]();\n  });\n\n  jQuery(document).on('click', function (e) {\n    if (!jQuery(e.target).closest('.custom-select').length) {\n      $optionsList.hide();\n    }\n  });\n\n\n\/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0432\u043e\u0434\u0430 \u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435\n$input.on('keyup', function () {\n  window[`currentSearchQuery_${num_table}`] = jQuery(this).val().toLowerCase();\n  $clearBtn.css('display', window[`currentSearchQuery_${num_table}`].length > 0 ? 'block' : 'none');\n\n  \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 Reset\n  const $resetBtn = jQuery(`.reset_filters_${num_table}`);\n  const statusFilterValue = jQuery(`.filter-${num_table} .custom-selected_status`).attr('data-value');\n  const hasStatusFilter = customStatusFilters && statusFilterValue !== \"ALL\";\n  const hasSearch = window[`currentSearchQuery_${num_table}`] !== '';\n\n  if (!hasSearch && !hasStatusFilter) {\n    $resetBtn.addClass('disabled');\n  } else {\n    $resetBtn.removeClass('disabled');\n  }\n\n  window[`applyCombinedFilter${num_table}`]();\n});\n\n\/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043a\u043b\u0438\u043a\u0430 \u043f\u043e \u043a\u043d\u043e\u043f\u043a\u0435 \u043e\u0447\u0438\u0441\u0442\u043a\u0438 (\u043a\u0440\u0435\u0441\u0442\u0438\u043a)\n$clearBtn.on('click', function () {\n  window[`currentSearchQuery_${num_table}`] = '';\n  $input.val('');\n  $clearBtn.hide();\n  window[`applyCombinedFilter${num_table}`]();\n});\n\n\/\/ \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u044b\nwindow[`applyCombinedFilter${num_table}`] = function () {\n  const $rows = $table.find('tbody tr');\n  const statusFilterValue = jQuery(`.filter-${num_table} .custom-selected_status`).attr('data-value');\n\n  $table.find('thead th, tbody td').removeClass('filter-highlight');\n\n  if (window[`currentSearchQuery_${num_table}`] !== '') {\n    $theadCols.eq(selectedIndex).addClass('filter-highlight');\n  }\n\n  if (customStatusFilters && statusFilterValue !== \"ALL\") {\n    const filterConfig = customStatusFilters.find(f => f.name === statusFilterValue);\n    if (filterConfig) {\n      $theadCols.eq(filterConfig.colIndex).addClass('filter-highlight');\n    }\n  }\n\n  $rows.each(function () {\n    const $cells = jQuery(this).find('td');\n    const cellText = $cells.eq(selectedIndex).text().toLowerCase();\n    const matchSearch = window[`currentSearchQuery_${num_table}`] === '' || cellText.includes(window[`currentSearchQuery_${num_table}`]);\n\n    let matchStatus = true;\n    if (customStatusFilters && statusFilterValue !== \"ALL\") {\n      const filterConfig = customStatusFilters.find(f => f.name === statusFilterValue);\n      if (filterConfig && typeof filterConfig.condition === \"function\") {\n       const $td = $cells.eq(filterConfig.colIndex);\nmatchStatus = filterConfig.condition($td);\n\n      }\n    }\n\n    const shouldShow = matchSearch && matchStatus;\n    jQuery(this).toggle(shouldShow);\n\n    if (shouldShow) {\n      if (window[`currentSearchQuery_${num_table}`] !== '') {\n        $cells.eq(selectedIndex).addClass('filter-highlight');\n      }\n      if (customStatusFilters && statusFilterValue !== \"ALL\") {\n        const filterConfig = customStatusFilters.find(f => f.name === statusFilterValue);\n        if (filterConfig) {\n          $cells.eq(filterConfig.colIndex).addClass('filter-highlight');\n        }\n      }\n    }\n  });\n\n  \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 Reset\n  const $resetBtn = jQuery(`.reset_filters_${num_table}`);\n  const hasStatusFilter = customStatusFilters && statusFilterValue !== \"ALL\";\n  const hasSearch = window[`currentSearchQuery_${num_table}`] !== '';\n\n  if (!hasSearch && !hasStatusFilter) {\n    $resetBtn.addClass('disabled');\n  } else {\n    $resetBtn.removeClass('disabled');\n  }\n};\n}\n\n\n\n\n\n\n\n\n\nfunction active_excel_export(num_table) {\n  jQuery('<div id=\"exportToExcel' + num_table + '\" class=\"exportToExcel_style\">' + LMSR_i18n.ExcelExport + '<\/div>').appendTo('#table-buttons-placeholder' + num_table);\n\n    \/\/.insertBefore('#sortableTable' + num_table);\n\n  jQuery('#exportToExcel' + num_table).on('click', function () {\n    const $table = jQuery('#sortableTable' + num_table).clone();\n\n    \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u0441\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0442\u0440\u043e\u043a\u0438\n    $table.find('tbody tr').filter(function () {\n      return jQuery(this).css('display') === 'none';\n    }).remove();\n\n    \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a (\u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u044b)\n    const totalCols = $table.find('thead th').length;\n    const fullInfoIndex = totalCols - 1;\n\n    \/\/ \u0418\u043d\u0434\u0435\u043a\u0441\u044b \u0432\u0438\u0434\u0438\u043c\u044b\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a, \u043a\u0440\u043e\u043c\u0435 Full Info\n    const visibleIndexes = [];\n    $table.find('thead th').each(function (i) {\n      if (jQuery(this).css('display') !== 'none' && i !== fullInfoIndex) {\n        visibleIndexes.push(i);\n      }\n    });\n\n    \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u0441\u043a\u0440\u044b\u0442\u044b\u0435 \u0438 \"Full Info\" \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438\n    $table.find('thead th').each(function (i) {\n      if (!visibleIndexes.includes(i)) {\n        jQuery(this).remove();\n      }\n    });\n\n    \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u0441\u043a\u0440\u044b\u0442\u044b\u0435 \u0438 \"Full Info\" td\n    $table.find('tbody tr').each(function () {\n      jQuery(this).find('td').each(function (i) {\n        if (!visibleIndexes.includes(i)) {\n          jQuery(this).remove();\n        }\n      });\n    });\n\n    const visible_table_html = $table[0].outerHTML;\n\n    jQuery.ajax({\n      url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n      method: 'POST',\n      data: {\n        action: 'export_html_table_simplexlsxgen',\n        table_html: visible_table_html\n      },\n      xhrFields: { responseType: 'blob' },\n      success: function (blob) {\n        const link = document.createElement('a');\n        link.href = window.URL.createObjectURL(blob);\n        link.download = 'report.xlsx';\n        link.click();\n      }\n    });\n  });\n}\n\n\n\n\n\n\nlet currentActiveTab = 1;\nlet response_global = null;\n\n\nfunction get_first_tab(response, get_types_courses, get_field_company_user, get_count_slides)\n{\n\n\n let learndashItems = JSON.parse(get_types_courses);\n\nif (response.data) {\n    var super_text = in_progress =  response.data.userList.in_progress;\n console.log(\"super_text\");\n    console.log(super_text);\n     console.log(\"super_text end\");\n    var completions = response.data.userList.completions;\n    var enrolled = response.data.userList.course_access_count;\n    var course_access_list = response.data.userList.course_access_list;\n    var users_overview = response.data.userList.users_overview;\n\n    \n\n    var course_quiz_averages = response.data.userList.course_quiz_averages;\n\n   var courseList = response.data.courseList;\n\n\n\n\n\n\n\n\n\nvar mass_user_all_courses=[];\n\nvar courses_count=0;\njQuery.each(courseList, function (key, value) {\n\n\n      jQuery.each(course_access_list[key], function(key1, user_id) {\n\n      \n\n           mass_user_all_courses.push(user_id);\n\n\n      });\n\n    courses_count++;\n\n});\n\n\nlet unique_user_id_all_Courses = [...new Set(mass_user_all_courses)];\n\n    \n\n    let unique_user_id_all_Courses_Count = unique_user_id_all_Courses.length;\n\n    var size =  Object.keys(users_overview).length;\n\n\n\n\n\nlet totalEnrolled = 0;\nlet totalInProgress = 0;\nlet totalSuperText = 0;\nlet totalCompletions = 0;\nlet totalCompletionRate = 0;\nlet totalCourses = 0;\n\n\n\n\n\n\nfor (var key in courseList) {\n\n           if (learndashItems[key] == \"course\") {\n\n                if (currentActiveTab == 1) {\n                let enrolledCount = enrolled[key] || 0;\n\n\n                let completionsCount = completions[key] || 0;\n\n                let inProgressCount = super_text[key] || 0;\n\n                \n                let superTextCount  = enrolledCount - completionsCount - inProgressCount;\n\n          \n\n                totalEnrolled += enrolledCount;\n                totalInProgress += inProgressCount;\n                totalSuperText += superTextCount;\n                totalCompletions += completionsCount;\n                totalCourses++;\n            }\n\n              \n            }\n            else\n            {\n\n                if (currentActiveTab == 4) {\n\n\n                        let enrolledCount = enrolled[key] || 0;\n\n\n                let completionsCount = completions[key] || 0;\n\n                let inProgressCount = super_text[key] || 0;\n\n                \n                let superTextCount  = enrolledCount - completionsCount - inProgressCount;\n\n                 console.log(superTextCount);\n\n                totalEnrolled += enrolledCount;\n                totalInProgress += inProgressCount;\n                totalSuperText += superTextCount;\n                totalCompletions += completionsCount;\n                totalCourses++;\n            }\n\n\n\n\n            }\n\n\n}\n\n\n\n\/*totalEnrolled\ntotalInProgress\ntotalSuperText\ntotalCompletions*\/\nvar percentCompleted =Math.floor(totalCompletions \/ totalEnrolled * 100);\n\n\/\/var quiz_percentCompleted =Math.floor(quiz_totalCompletions \/ quiz_totalEnrolled * 100);\n\nvar name_label_top=\"Total Courses:\";\n\nvar name_label_global_top=\"Courses:\";\n\nvar name_label_global_top_status=\"Courses Status:\";\n\n\n\n    if (currentActiveTab == 4) {\n\n\nname_label_top=\"Total Tests:\";\nname_label_global_top=\"Tests:\";\nname_label_global_top_status=\"Tests Status:\";\n\n    }\n\n\n\n\n\n\n\n\n\n  var resultHtml =  `\n\n<br>\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">${name_label_global_top}<\/div>\n\n                      <div class=\"grid_box_info_left\">\n                        \n                             <div class=\"part_user\">\n\n                                    <div class=\"title_info\" >${name_label_top}<\/div>\n\n                                    <div class=\"count_text\" data_quiz_value=\"\"> ${totalCourses}<\/div>\n\n                             <\/div>\n                             <div class=\"part_user\">\n                            \n                               \n                                    <div class=\"title_info\" >Total Employees:<\/div>\n\n\n                                   <div class=\"count_text\"> ${size}<\/div>\n                              \n                             <\/div>\n\n                        <\/div> \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n                                <th colspan=\"2\">Overview<\/th>\n                        <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user1\"  data_quiz_value=\"\" data-value=\"${totalEnrolled}\">${totalEnrolled||0}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                                 \n                             <td>Not Started<\/td>    <td class=\"part2_user1\" data_quiz_value=\"\" data-value=\"${totalSuperText}\">${totalSuperText||0}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                            \n                                 <td>In Progress<\/td> <td class=\"part3_user1\" data_quiz_value=\"\" data-value=\"${totalInProgress}\">${totalInProgress||0}<\/td>\n                                 \n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part4_user1\" data_quiz_value=\"\" data-value=\"${totalCompletions}\">${totalCompletions||0}<\/td>\n                            <\/tr>\n\n\n                             <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part4_user1\" data_quiz_value=\"\" data-value=\"${percentCompleted}\">${percentCompleted||0}%<\/td>\n                            <\/tr>\n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">${name_label_global_top_status}<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart1\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n \/\/resultHtml += `<button id=\"exportToExcel1\" class=\"exportToExcel_style\">Excel Export<\/button> `;\n\n\nif (currentActiveTab == 1) {\n\n         resultHtml += '<table class=\"sort_tbl\" id=\"sortableTable1\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n        resultHtml += `\n            <thead>\n                <tr>\n               <th data-type=\"numeric\">ID <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"text\">Course <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">Enrolled <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">Not Started <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">In Progress <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">Completions <span class=\"sort-icon\"><\/span><\/th>\n         \n                <th data-type=\"numeric\">% Completions <span class=\"sort-icon\"><\/span><\/th>\n                   \n                <\/tr>\n            <\/thead>\n            <tbody>\n        `;\n\n}\nif (currentActiveTab == 4) {\n\n    \n\n     resultHtml += '<table  class=\"sort_tbl\" id=\"sortableTable1\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n        resultHtml += `\n            <thead>\n                <tr>\n               <th data-type=\"numeric\">ID <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"text\">Test <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">Enrolled <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">Not Started <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">In Progress <span class=\"sort-icon\"><\/span><\/th>\n                <th data-type=\"numeric\">Completions <span class=\"sort-icon\"><\/span><\/th>\n         \n                <th data-type=\"numeric\">% Completions <span class=\"sort-icon\"><\/span><\/th>\n                   \n                <\/tr>\n            <\/thead>\n            <tbody>\n        `;\n}\n\n    \/\/ \u041f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u043c, \u0447\u0442\u043e super_text \u0438 completions \u044d\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0438\u043b\u0438 \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0439 \u0434\u043b\u0438\u043d\u044b\n\n    console.log(learndashItems);\n\n\n    for (var key in courseList) {\n\n\n        console.log(\"key: \"+key);\n       \n\n\n\n\n    if (currentActiveTab == 1) {\n\n\n\n\n            if( learndashItems[key]==\"course\") \/\/\u0415\u0441\u043b\u0438 \u044d\u0442\u043e \u043a\u0443\u0440\u0441 \u0430 \u043d\u0435 \u0442\u0435\u0441\u0442\n            {\n\n            \n\n\n                        let quizAverage = course_quiz_averages[key] == \"false\" ? \"-\" : course_quiz_averages[key];\n\n                            resultHtml += `\n                                <tr>\n                                    <td>${key}<\/td>\n                                     <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-procent_completions=\"${Math.floor((100\/enrolled[key] ) * completions[key])}\" data-completions=\"${completions[key]}\" data-in_progress=\"${super_text[key]}\"  data-not_started=\"${enrolled[key]-completions[key]-super_text[key]}\" data-id_enrolled=\"${enrolled[key]}\" data-id_course=\"${key}\">${courseList[key][\"post_title\"]}<\/span><\/td>\n                                      <td>${enrolled[key]||0}<\/td>\n                                      <td>${enrolled[key]-completions[key]-super_text[key]||0}<\/td>\n                                      <td>${super_text[key]||0}<\/td>\n                                      <td>${completions[key]||0}<\/td>\n                                 \n                                      <td>${Math.floor((100\/enrolled[key] ) * completions[key])||0}%<\/td>\n                                     \n                                <\/tr>\n                            `;\n\n\n\n            }\n\n\n\n    }\n\n        if (currentActiveTab == 4) {\n\n\n\n        \n            if( learndashItems[key]==\"course\") \/\/\u0415\u0441\u043b\u0438 \u044d\u0442\u043e \u043a\u0443\u0440\u0441 \u0430 \u043d\u0435 \u0442\u0435\u0441\u0442\n            {\n            }\n            else\n            {\n\n\n\n                        let quizAverage = course_quiz_averages[key] == \"false\" ? \"-\" : course_quiz_averages[key];\n\n                            resultHtml += `\n                                <tr>\n                                    <td>${key}<\/td>\n                                     <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-procent_completions=\"${Math.floor((100\/enrolled[key] ) * completions[key])}\" data-completions=\"${completions[key]}\" data-in_progress=\"${super_text[key]}\"  data-not_started=\"${enrolled[key]-completions[key]-super_text[key]}\" data-id_enrolled=\"${enrolled[key]}\" data-id_course=\"${key}\">${courseList[key][\"post_title\"]}<\/span><\/td>\n                                      <td>${enrolled[key]||0}<\/td>\n                                      <td>${enrolled[key]-completions[key]-super_text[key]||0}<\/td>\n                                      <td>${super_text[key]||0}<\/td>\n                                      <td>${completions[key]||0}<\/td>\n                                    \n                                      <td>${Math.floor((100\/enrolled[key] ) * completions[key])||0}%<\/td>\n                                      \n                                <\/tr>\n                            `;\n\n\n\n\n     \n            }\n\n\n    }\n\n\n     \n\n\n\n            }\n    \n\n    resultHtml += '<\/tbody><\/table>';\n\n    \/\/ \u0412\u044b\u0432\u043e\u0434\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\n    jQuery(\".rez_ajax\").html(resultHtml);\n\n\n\n\nvar part1= jQuery(\".part1_user1\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user1\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user1\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user1\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\nvar pat2 = ((part4 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445\nvar pat3 = ((part3 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0432 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0435\n\n\nconsole.log(pat1);\nconsole.log(pat2);\nconsole.log(pat3);\n\n\n\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart1\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": pat1,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat2,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat3,\n        \"color\": \"#FF9E02\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n\n\n\n\n\n\n\n\/\/\u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043d\u0430 \u043a\u0443\u0440\u0441\n\nclick_of_course_name(course_access_list, users_overview, courseList, get_field_company_user, get_count_slides  );\n\n\n    \n\nsort_table_click_col('#sortableTable1 th');\n\n\n\n\n\n  active_excel_export(1);\n\n\n\ndetectVisibleColumns(1,125,[1, 6]); \ninitRowModalViewer(1);\n\n\n  initColumnVisibility(1);\n\n\n\n\n\n \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n  active_search_table(1, 2, [0, 1]);\n\n\n center_number_field_tables(1);\n\n\n\n\n\n\n\n  }\n}\n\nfunction get_procent_and_staus_quiz_course(res22, user_id){\n\n     let userResult = [];\n    let data22 = JSON.parse(res22);\n\n    if (data22.quiz_result && data22.quiz_result[user_id]) {\n      userResult = data22.quiz_result[user_id];\n        \/\/console.log(userResult.procent, userResult.status);\n    }\n\n\n    return userResult;\n\n}\n\n\nfunction get_procent_course(res22, user_id){\n\n\n\n        let data22 = JSON.parse(res22);\n\n        console.log();\n        console.log();\n\n    console.log(user_id);\n\n             console.log();\n             console.log(\"T00\");\n      console.log(data22.T);\n            console.log(\"L00\");\n\n\n console.log(data22.L);\n\n\n\n\n        console.log(\"--------\");\n        console.log();\n\n          \n\nvar steps_procent=0;\n\n            if(data22.T!=undefined&&data22.L!=undefined)\n            {\n\n                       data22.L.forEach((lesson, index) => {\n\n                 console.log(lesson);\n\n               });\n           \n            console.log();\n\n\n\n\n\n\n                    console.log(\"TinCan+LearnDash\");\n\n\n                     let lessonCount = data22.L.length;\n\n\n                     console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0440\u043e\u043a\u043e\u0432 \u0412\u0441\u0435\u0433\u043e T: ${data22.T[0][\"count_lessons\"]}`);\n\n                     console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0440\u043e\u043a\u043e\u0432 \u0412\u0441\u0435\u0433\u043e L: ${lessonCount}`);\n\n                    var lessonCountAll= parseInt(data22.T[0][\"count_lessons\"])+parseInt(lessonCount);\n\n                    console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0440\u043e\u043a\u043e\u0432 \u0412\u0441\u0435\u0433\u043e T+L: ${lessonCountAll}`);\n\n                    console.log();\n\n                    console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u043e\u0432 T: ${data22.T[0][user_id]}`);\n\n                         \n                       var sum_steps_L_active=0;\n\n                               data22.L.forEach((lesson, index) => {\n                            \n\n                                    Object.entries(lesson).forEach(([userId_item, progress]) => {\n                                        if(userId_item==user_id)\n                                        {\n                                            \/\/console.log(`  User ID: ${userId}, Progress: ${progress}`);\n\n                                            sum_steps_L_active+=parseInt(progress);\n                                        }\n                                      \n                                    });\n\n                            \n                                });\n                    console.log();\n\n                    console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u043e\u0432 L: ${sum_steps_L_active}`);\n\n                    var sum_steps_all=parseInt(sum_steps_L_active)+parseInt(data22.T[0][user_id]);\n\n                    console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u043e\u0432 T+L: ${sum_steps_all}`);\n\n                    var steps_procent=(sum_steps_all\/lessonCountAll)*100;\n\n                    steps_procent=Math.round(steps_procent * 10) \/ 10; \n\n                    \/\/console.log(`\u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043a\u0443\u0440\u0441\u0430 T+L: ${steps_procent}%`);\n\n                    \/\/console.log();\n\n\n            }\n            else if(data22.T==undefined&&data22.L!=undefined)\n            {\n\n                       data22.L.forEach((lesson, index) => {\n\n                 console.log(lesson);\n\n               });\n           \n            console.log();\n\n\n\n\n\n                console.log(\"\u0422\u043e\u043b\u044c\u043a\u043e LearnDash\");\n\n                let lessonCount = data22.L.length;\n\n                console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0440\u043e\u043a\u043e\u0432 \u0412\u0441\u0435\u0433\u043e L: ${lessonCount}`);\n\n                    \n                lessonCountAll=lessonCount;\n                        \n                console.log();\n\n\n                   var sum_steps_L_active=0;\n\n                           data22.L.forEach((lesson, index) => {\n                        \n\n                                Object.entries(lesson).forEach(([userId_item, progress]) => {\n                                    if(userId_item==user_id)\n                                    {\n                                        \/\/console.log(`  User ID: ${userId}, Progress: ${progress}`);\n\n                                        sum_steps_L_active+=parseInt(progress);\n                                    }\n                                  \n                                });\n\n                        \n                            });\n                console.log();\n\n                console.log(`\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u043e\u0432 L: ${sum_steps_L_active}`);\n\n                var sum_steps_all=parseInt(sum_steps_L_active);\n\n        \n                var steps_procent=(sum_steps_all\/lessonCountAll)*100;\n\n                steps_procent=Math.round(steps_procent * 10) \/ 10; \n\n                \/\/console.log(`\u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043a\u0443\u0440\u0441\u0430 T+L: ${steps_procent}%`);\n\n                \/\/console.log();\n\n\n            }\n\n                else if (data22.T !== undefined && (!data22.L || data22.L.length === 0)) {\n                    console.log(\"\u0422\u043e\u043b\u044c\u043a\u043e TinCan\");\n\n                    let totalLessons = 0;\n                    let totalCompleted = 0;\n\n                    data22.T.forEach(item => {\n                        let lessonCount = parseInt(item[\"count_lessons\"]) || 0;\n                        let completedLessons = parseInt(item[user_id]) || 0;\n\n                        totalLessons += lessonCount;\n                        totalCompleted += completedLessons;\n                    });\n\n                    console.log(`\u041e\u0431\u0449\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0443\u0440\u043e\u043a\u043e\u0432: ${totalLessons}`);\n                    console.log(`\u041e\u0431\u0449\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u043d\u044b\u0445 \u0443\u0440\u043e\u043a\u043e\u0432: ${totalCompleted}`);\n\n                   steps_procent = totalLessons > 0 ? (totalCompleted \/ totalLessons) * 100 : 0;\n                    steps_procent = Math.round(steps_procent * 10) \/ 10;\n\n                    console.log(`\u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f: ${steps_procent}%`);\n                }\n\n\n\n\n\n\n        \n\nreturn steps_procent;\n\n}\n\n\nfunction click_of_company_name(res, courseList, course_access_list, users_overview, get_types_courses, get_field_company_user, get_count_slides ){\n\n\n\n     let learndashItems = JSON.parse(get_types_courses);\n\n\n    jQuery(\".reporting-table-see-details_company\").off('click').on('click', function() { \/\/\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043e\u0433\u043e \u043a\u0443\u0440\u0441\u0430\n\n\n    jQuery(\".loading_box\").show();\n\n\n\n\n                      \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n                const sourceTab = currentActiveTab;\n\n                if(currentActiveTab==6)\n                {\n                     jQuery(\".rez_ajax11\").hide();\n                      jQuery(\".rez_ajax12\").hide();\n                }\n\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax7\").hide();\n                jQuery(\".rez_ajax6\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n\n\n\n\n\n        \n            \n            var ids_courses=jQuery(this).attr(\"data-courses_ids\");\n            var name_current_company=jQuery(this).attr(\"data-name_current_company\");\n\n            var totale_enrolled_current_company=jQuery(this).attr(\"data-totale_enrolled\");\n            var total_completed_current_company=jQuery(this).attr(\"data-total_completed\");\n\n\nvar procent00=parseFloat((total_completed_current_company\/totale_enrolled_current_company)*100).toFixed(1);\n\n\n          var resultHtml6 = `\n\n\n\n            <div class=\"button_back\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n\n\n         \n           `;\nresultHtml6 +=  `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Users<\/div>\n\n\n                      <div class=\"part_user\">\n                        \n\n                                 <div class=\"name_big_company\">${name_current_company}<\/div>\n                            \n                             <\/div>\n\n\n\n\n\n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user5\" data-value=\"${totale_enrolled_current_company}\">${totale_enrolled_current_company}<\/td>\n                                \n                            <\/tr>\n\n                              \n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user5\" data-value=\"${total_completed_current_company}\">${total_completed_current_company}<\/td>\n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user5\" data-value=\"${ procent00}\">${ procent00}%<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart5\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n    \n\n\n \/\/ <th data-type=\"numeric\">Users count <span class=\"sort-icon\"><\/span><\/th>\n\n            \/\/<th data-type=\"numeric\">Not Started<span class=\"sort-icon\"><\/span><\/th>\n            \/\/<th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n\n resultHtml6 += '<table class=\"sort_tbl\" id=\"sortableTable6\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\nresultHtml6 += `\n    <thead>\n        <tr>\n            <th data-type=\"text\">Course<span class=\"sort-icon\"><\/span><\/th>\n          \n            <th data-type=\"numeric\">Enrolled count <span class=\"sort-icon\"><\/span><\/th>\n           \n            <th data-type=\"numeric\">Completed count<span class=\"sort-icon\"><\/span><\/th>\n         \n            <th data-type=\"numeric\">% Completed<span class=\"sort-icon\"><\/span><\/th>\n        <\/tr>\n    <\/thead>\n    <tbody>\n`;\n\nvar rows = [];\nvar user_ids_of_company_of_course = \"\";\nvar user_ids_of_company_of_course_count = 0;\n\n\n\n\n\n\/*console.log('\u041f\u0435\u0440\u0435\u0434 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u043e\u0439');\nconsole.table(res);\ndebugger; \/\/ \u041a\u043e\u0434 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0437\u0434\u0435\u0441\u044c, \u043c\u043e\u0436\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 DevTools\nconsole.log('\u041f\u043e\u0441\u043b\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438');*\/\n\n\n\n\n\n\n    var data5 = res ? res : res; \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 res\n\n\nfor (var key in data5) {\n    if (data5[key] && data5[key][\"company\"] == name_current_company) {\n        user_ids_of_company_of_course += key + \",\";\n        if (key != \"\") {\n            rows.push({\n                rowId: key,\n                ID: key\n            });\n            user_ids_of_company_of_course_count++;\n        }\n    }\n}\n\n\n\n\n\n\/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\nlet courseArray = ids_courses.split(',');\n\n\/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043f\u0440\u043e\u043c\u0438\u0441\u043e\u0432 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 AJAX-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\n\n\n promises= [];\n\n\ncourseArray.forEach(function(id) {\n    if (id.trim() !== \"\") {\n\n                console.warn(courseList[id]);\n\n        var course_id=courseList[id].ID;\n\n\n\n\n\n\n        var promise = jQuery.ajax({\n\n            url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data',\n            method: 'POST',\n            contentType: 'application\/x-www-form-urlencoded; charset=UTF-8',\n            headers: {\n                'X-WP-Nonce': '7b0f3d2281',\n            },\n            data: {\n                courseId: course_id,\n                tableType: 'courseSingleTable',\n                rows: rows\n            }\n        }).done(function(response) {\n            console.log('\u041e\u0442\u0432\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 rez:', response.data);\n\n\n\n          \n\n          \/*   rows.forEach(function(item) {\n\n             \n                  \n\n                 \n\n                \n            });\n*\/\n\nlet count_complated = 0;\nlet count_quiz_average = 0;\nlet progress_count = 0;\nlet quiz_count = 0;\n\njQuery.each(response.data, function(index, item) {\n    if (item.completed_date.timestamp != 0) {\n        count_complated++;\n    }\n\n\n    let quiz_average = Number(item.quiz_average) || 0;\n\n \n     \n\n    \n        count_quiz_average += quiz_average;\n        quiz_count++;\n    \n});\n\n\nlet avg_quiz_average = quiz_count > 0 ? count_quiz_average \/ quiz_count : 0;\n\n\navg_quiz_average = Math.round(avg_quiz_average * 10) \/ 10; \n\n\nconsole.log(\"\u0421\u0440\u0435\u0434\u043d\u0435\u0435 quiz_average:\", avg_quiz_average);\n\n\n\n\nvar procent_completed=(count_complated\/user_ids_of_company_of_course_count)*100;\nprocent_completed=Math.round(procent_completed * 10) \/ 10;\n\n    \/\/<td>${\"-\"}<\/td>\n                   \/\/  <td>${\"-\"}<\/td>\n\n                    var type_element=\"\";\n                     if (learndashItems[courseList[id][\"ID\"]] == \"course\") {\n                            type_element=\"course\";\n                     }\n                     else\n                     {\n                        type_element=\"quiz\";\n\n                     }\n\n\n\n\n            resultHtml6 += `\n                <tr>\n                    <td><span class=\"reporting-table-see-details_company_course\" data-type_element=\"${type_element}\"  data-pocent_completed=\"${procent_completed}\"  data-avg_quiz_score=\"${avg_quiz_average}\"  data-courese_id=\"${courseList[id][\"ID\"]}\" data-completed=\"${count_complated}\"  data-enrolled=\"${user_ids_of_company_of_course_count}\"   data-company_name=\"${name_current_company}\" data-name=\"${courseList[id][\"post_title\"]}\" data-id_users=\"${user_ids_of_company_of_course}\">${courseList[id][\"post_title\"]}<\/span><\/td>\n                    <td>${user_ids_of_company_of_course_count}<\/td>\n\n                    \n                    <td>${count_complated}<\/td>\n                     \n                    <td>${procent_completed}%<\/td>\n                <\/tr>\n            `;\n        }).fail(function(xhr, status, error) {\n            console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', error);\n        });\n\n        promises.push(promise);\n    }\n});\n\n\/\/ \u0414\u043e\u0436\u0438\u0434\u0430\u0435\u043c\u0441\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 AJAX-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c HTML\njQuery.when.apply(jQuery, promises).then(function() {\n    resultHtml6 += '<\/tbody><\/table>';\n    jQuery(\".rez_ajax6\").html(resultHtml6);\n\n\n\nvar part1= jQuery(\".part1_user5\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user5\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user5\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user5\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart5\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Enrollments_g,\n        \"value\": 100,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat1,\n        \"color\": \"#00C219\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n             jQuery(\".rez_ajax6 .button_back\").off('click').on('click', function() {\n\n              \n            if(sourceTab == 2) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax4\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='2']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 2;\n            } else if(sourceTab == 1) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='1']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 1;\n            }\n\n             else if(sourceTab == 3) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax5\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 3;\n            }\n\n\n              else if(sourceTab == 6) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax11\").hide();\n                jQuery(\".rez_ajax12\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_6\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='6']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 6;\n            }\n\n\n        });\n\n\n             sort_table_click_col('#sortableTable6 th');\n             active_excel_export(6);\n\n\n\n                detectVisibleColumns(6,125,[0, 3]); \n              initRowModalViewer(6);\n\n             initColumnVisibility(6,null);\n\n             active_search_table(6,1, [0]);\n\n             center_number_field_tables(6);\n\n\n    jQuery(\".loading_box\").hide();\n\n\n\njQuery(\".reporting-table-see-details_company_course\").off('click').on('click', function() {\n\n                 jQuery(\".loading_box\").show();\n\n\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax7\").show();\n\n\n\n\n\n\n                      \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n                const sourceTab = currentActiveTab;\n\n          \n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n\n\n\n\n\n        \n                                                        \n            var data_courese_id=jQuery(this).attr(\"data-courese_id\");\n            var data_company_name=jQuery(this).attr(\"data-company_name\");\n            var data_id_users=jQuery(this).attr(\"data-id_users\");\n            var data_name_course=jQuery(this).attr(\"data-name\");\n\n             var data_type_element=jQuery(this).attr(\"data-type_element\");\n\n\n        \n\n\n                var data_pocent_completed=jQuery(this).attr(\"data-pocent_completed\");\n                var data_avg_quiz_score=jQuery(this).attr(\"data-avg_quiz_score\");\n                var data_courese_id=jQuery(this).attr(\"data-courese_id\");\n                var data_completed=jQuery(this).attr(\"data-completed\");\n                var data_enrolled=jQuery(this).attr(\"data-enrolled\");\n\n\n\n\n\n\n            \n\n\n\n\n\n\n\n\n               \nlet totalEnrolled = 0;\nlet totalNotStarted= 0;\nlet totalInProgress= 0;\nlet totalCompleted= 0;\nlet percentCompleted= 0;\n\n\/*percentCompleted= procent_completions;\ntotalCompleted= completions ;\ntotalInProgress=  in_progress ;\n totalNotStarted= not_started ;\ntotalEnrolled = id_enrolled;\n            \/\/id_course *\/\n\n\n             \/\/  <div>${data_company_name} > ${data_name_course}<\/div>\n\n\n               let  resultHtml7 = `\n\n\n\n            <div class=\"button_back button_back7\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n\n\n         \n           `;\n\n\n                  resultHtml7 +=  `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                     \n\n                       <a href=\"\" class=\"link_course\"><div class=\"img_course\"><\/div><\/a>\n                      <a href=\"\" class=\"link_course\"> <div class=\"title_course\"><\/div><\/a>\n                    \n\n                \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n                     \n\n                             <td>Enrolled<\/td>   <td class=\"part1_user7\" data-value=\"${data_enrolled}\">${data_enrolled}<\/td>\n                                \n                            <\/tr>\n\n                        \n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user7\" data-value=\"${data_completed}\">${data_completed}<\/td>\n                            <\/tr>\n\n\n                             <tr>\n\n                                \n                                 <td>% Completions<\/td> <td class=\"part6_user7\" data-value=\"${data_pocent_completed}\">${data_pocent_completed}%<\/td>\n                            <\/tr>\n\n                            <tr>\n\n                                \n                                 <td>Avg Quiz Score<\/td> <td class=\"part7_user7\" data-value=\"${data_avg_quiz_score}\">${data_avg_quiz_score}%<\/td>\n                            <\/tr>\n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart7\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\n\n\n\n \/\/ <th data-type=\"numeric\">Users count <span class=\"sort-icon\"><\/span><\/th>\n\n resultHtml7 += '<table class=\"sort_tbl\" id=\"sortableTable7\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\nresultHtml7 += `\n    <thead>\n        <tr>\n            <th data-type=\"text\">User<span class=\"sort-icon\"><\/span><\/th>\n\n            <th data-type=\"text\">Company<span class=\"sort-icon\"><\/span><\/th>\n             <th data-type=\"text\">Email <span class=\"sort-icon\"><\/span><\/th>\n            <th data-type=\"text\">City<span class=\"sort-icon\"><\/span><\/th>\n             <th data-type=\"text\">Job Title<span class=\"sort-icon\"><\/span><\/th>\n\n   <th data-type=\"numeric\">Quiz Status<span class=\"sort-icon\"><\/span><\/th>`;\n\n\n\n                                                 \n                                                                resultHtml7 += `<th data-type=\"numeric\">Quiz Result<span class=\"sort-icon\"><\/span><\/th>`;\n\n\n                                                           \n\n  resultHtml7 += `  \n           \n               <th data-type=\"numeric\">Completion Date<span class=\"sort-icon\"><\/span><\/th>\n          \n            <th data-type=\"numeric\">% Progress<span class=\"sort-icon\"><\/span><\/th>\n           \n         \n            \n        <\/tr>\n    <\/thead>\n    <tbody>\n`;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar ids = data_id_users.split(',').filter(Boolean);\n\n\nrows=[];\nids.forEach(function(id) {\n\n  rows.push({\n                rowId: id,\n                ID: id\n            });\n\n});\n\n\n\n\n jQuery.ajax({\n\n                                                        url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data',\n                                                        method: 'POST',\n                                                        contentType: 'application\/x-www-form-urlencoded; charset=UTF-8',\n                                                        headers: {\n                                                            'X-WP-Nonce': '7b0f3d2281',\n                                                        },\n                                                        data: {\n                                                            courseId: data_courese_id,\n                                                            tableType: 'courseSingleTable',\n                                                            rows: rows\n                                                        }\n                                                    }).done(function(response11) {\n                                                        console.log('\u041e\u0442\u0432\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 one_course rez:', response11.data);\n\n\n                                                                        var users_ids=\"\";\n\n                                                                         jQuery.each(course_access_list[data_courese_id], function(key, user_id) {\n                                                                             users_ids+=user_id+\",\";\n                                                                         });\n\n\n\n                                                                            let courseData = get_count_slides;\n\n                                                                            jQuery.ajax({\n                                                                        url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n                                                                        type: \"POST\",\n                                                                        cache: false,\n                                                                        data:{ \n                                                                            action: 'get_progress_user_of_course',  \n                                                                            course_id: data_courese_id,  \n                                                                            users_ids: users_ids,      \n                                                                             course_data: JSON.stringify(courseData) \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043a\u0430\u043a \u0441\u0442\u0440\u043e\u043a\u0443 JSON              \n                                                                         },\n                                                                        success:function(res22){    \n\n                                                                         console.log(\"get_progress_user_of_course\");   \n\n\n                                                                         \n\n                                                                        \/\/  console.table(users_ids, data_courese_id, courseData);\n\n\n                                                                              console.log(res22);\n                                                                     console.log(\"get_progress_user_of_course  end\");  \n\n\n                                                                 \n\n\n\n\n\n\n\n\n\n\n\n\n\n                                                        ids.forEach(function(id) {\n\n\n\n\n\n\n  data5 = res ? res : res; \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 res\n\n               \n                     let  userData = data5[id]; \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\n                      let  company_v=   data5[id].company;\n                      let  city_v=      data5[id].city;\n                       let  email_v=      data5[id].email;\n                      let  job_title_v=     data5[id].job_title;\n                                                                 \n             \n\n\n\n                                                                 let  mass_rez_procent_status_quiz=get_procent_and_staus_quiz_course(res22, id);  \n\n                                                                       console.log(mass_rez_procent_status_quiz); \n\n\n                                                                      \n\n                                                                        \n\n                                                            \n                                                            if(data_type_element!=\"quiz\")\n                                                             {\n\n                                                                   resultHtml7 += `\n                                                                    <tr>\n\n\n                                                                        <td><span class=\"reporting-table-see-details_user company_click\" data-type_element=\"${data_type_element}\" data-procent_progress=\"${response11.data[id].progress|| \"0\"}\" data-procent_quiz=\"${mass_rez_procent_status_quiz.procent|| \"0\"}\"  data-id_course=\"${data_courese_id}\" data_id_jump_course=\"${data_courese_id}\"  data-city=\"${userData.city|| \"-\"}\" data-company=\"${userData.company|| \"-\"}\"  data-job_title=\"${userData.job_title|| \"-\"}\"   data-avatar_url=\"${userData.avatar_url|| \"-\"}\" data-name=\"${users_overview[id][\"display_name\"]}\" data-email=\"${users_overview[id][\"user_email\"]}\" data-completeds=\"${users_overview[id][\"completed\"]}\" data-in_progress=\"${users_overview[id][\"in_progress\"]}\" data-enrolled=\"${users_overview[id][\"enrolled\"]}\" data-not_started=\"${users_overview[id][\"enrolled\"]-(users_overview[id][\"completed\"]+users_overview[id][\"in_progress\"])}\" data-id_user=\"${id}\">${users_overview[id][\"display_name\"]}<\/span><\/td>\n\n\n                                                                  \n\n\n                                                                         <td   title=\"${company_v|| \"-\"}\" >${company_v|| \"-\"}<\/td>\n\n                                                                         <td title=\"${email_v}\">${\n                                                                              email_v\n                                                                                ? `<a href=\"mailto:${email_v}\">${email_v}<\/a>`\n                                                                                : \"-\"\n                                                                            }<\/td>\n\n\n\n                                                                         <td>${city_v|| \"-\"}<\/td>\n                                                                          <td>${job_title_v|| \"-\"}<\/td>\n\n                                                                                 <td>${ mass_rez_procent_status_quiz.status|| \"-\"}<\/td>\n                                                                                  <td>${ mass_rez_procent_status_quiz.procent|| \"0\"}%<\/td>\n                                                                                        <td>${response11.data[id].completed_date.display|| \"-\"}<\/td>\n                                                                          <td>${response11.data[id].progress|| \"0\"} %<\/td>\n                                                                  \n\n                                                                 \n                                                                      \n                                                                       \n                                                                    <\/tr>\n                                                                `;\n                                                            }\n\n                                                             if(data_type_element==\"quiz\")\n                                                             {\n\n                                                                          resultHtml7 += `\n                                                                    <tr>\n\n\n                                                                        <td>${users_overview[id][\"display_name\"]}<\/td>\n\n\n                                                                  \n\n\n                                                                         <td    title=\"${company_v|| \"-\"}\"  >${company_v|| \"-\"}<\/td>\n                                                                          <td  title=\"${email_v}\">${\n                                                                              email_v\n                                                                                ? `<a href=\"mailto:${email_v}\">${email_v}<\/a>`\n                                                                                : \"-\"\n                                                                            }<\/td>\n\n\n                                                                         <td>${city_v|| \"-\"}<\/td>\n                                                                          <td>${job_title_v|| \"-\"}<\/td>\n\n                                                                                 <td>${ mass_rez_procent_status_quiz.status|| \"-\"}<\/td>\n                                                                                  <td>${ mass_rez_procent_status_quiz.procent|| \"0\"}%<\/td>\n                                                                                        <td>${response11.data[id].completed_date.display|| \"-\"}<\/td>\n                                                                          <td>${response11.data[id].progress|| \"0\"} %<\/td>\n                                                                  \n\n                                                                 \n                                                                      \n                                                                       \n                                                                    <\/tr>\n                                                                `;\n\n\n                                                             }\n\n                                                               \/\/ console.log(res[id].city); \n\n\n\n\n                                                        });\n\n\n\n\n  resultHtml7 += '<\/tbody><\/table>';\n    jQuery(\".rez_ajax7\").html(resultHtml7);\n\n        jQuery(\".loading_box\").hide();\n\n\n       \/\/ click_of_user_name(course_access_list, courseList, users_overview, in_progress, \".reporting-table-see-details_user.company_click\");\n\n\n        click_of_user_name_get_lessons(course_access_list, courseList, users_overview, in_progress);\n\n\n\n\nvar part1= jQuery(\".part1_user7\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user7\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user7\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user7\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\n\n\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart7\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Enrolled_g,\n        \"value\": 100,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completions_g,\n        \"value\": pat1,\n        \"color\": \"#00C219\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n        jQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data: { \n        action: 'get_course_img',  \n        id_course: data_courese_id                    \n    },\n    success: function(res1) {\n        if (res1.success) {\n             const data = res1.data;\n\n           \/\/ jQuery('.text_header_user').text(data.title);\n            jQuery('.link_course').attr('href', data.url);\n            jQuery('.title_course').text(data.title);\n            jQuery('.img_course').css('background-image', 'url(' + data.image_url + ')');\n        } else {\n            console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445: ', res1);\n        }\n    },\n    error: function(res1) {     \n        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res1);                \n    }\n});\n\n\n          jQuery(\".button_back.button_back7\").off('click').on('click', function() {\n\n            jQuery(\".rez_ajax7\").hide();\n             jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").show();\n\n              \n            if(sourceTab == 2) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax4\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='2']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 2;\n            } else if(sourceTab == 1) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='1']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 1;\n            }\n\n             else if(sourceTab == 3) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n          \n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 3;\n            }\n\n        });\n\n\n        sort_table_click_col('#sortableTable7 th');\n        active_excel_export(7);\n\n\n           detectVisibleColumns(7,150,[0, 8]); \n   initRowModalViewer(7);\n\n\n\n      \/\/  active_search_table(7,1,[0, 1, 2, 3, 4]);\n\n      center_number_field_tables(7);\n\n\n\n\n\n\n\n\n\n\n\n         \n                            \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n                const customStatusFilters = [\n                  {\n                    name: \"Not completed\",\n                    colIndex: 7, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"Completion Date\"\n                    condition: val => val.trim() === \"-\"\n                  },\n                  {\n                    name: \"Completed\",\n                    colIndex: 7,\n                    condition: val => val.trim() !== \"-\"\n                  },\n                  {\n                    name: \"Passed\",\n                    colIndex: 5, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"\u0421\u0442\u0430\u0442\u0443\u0441 \u0442\u0435\u0441\u0442\u0430\"\n                    condition: val => val.trim().toLowerCase() === \"passed\"\n                  },\n                  {\n                    name: \"Failed\",\n                    colIndex: 5,\n                    condition: val => val.trim().toLowerCase() === \"failed\"\n                  }\n                ];\n\n\n                initColumnVisibility(7, customStatusFilters);\n\n\n                 active_search_table(7, 1, [0, 1, 2, 3, 4], customStatusFilters);\n               \/\/   status_filter_dropdown(7, customStatusFilters);\n\n                 center_number_field_tables(7);\n\n\n\n\n                                                                     },\n                                                                error: function(res1) {     \n                                                                    console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res1);                \n                                                                }\n                                                            });\n\n                                                        \n                                                        \n                                                          }).fail(function(xhr, status, error) {\n                                                        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', error);\n                                                    });\n\n                                                 \n\n\n\n\n\n});\n\n\n\n\n\n\n\n});\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n        \n\n\n    });\n\n}\n\n\nfunction click_of_course_name(course_access_list, users_overview, courseList, get_field_company_user, get_count_slides ){\n\n\n\n            jQuery(\".reporting-table-see-details\").off('click').on('click', function() { \/\/\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043e\u0433\u043e \u043a\u0443\u0440\u0441\u0430\n\n\n                      \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n        const sourceTab = currentActiveTab;\n\n           \n         \n\n\n\n\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n\n\n\n\n\n            jQuery(\".loading_box\").show();\n\n            var procent_completions = jQuery(this).attr(\"data-procent_completions\");\n            var completions = jQuery(this).attr(\"data-completions\");\n            var in_progress = jQuery(this).attr(\"data-in_progress\");\n            var not_started = jQuery(this).attr(\"data-not_started\");\n            var id_enrolled = jQuery(this).attr(\"data-id_enrolled\");\n            var id_course = jQuery(this).attr(\"data-id_course\");\n\n            var id_user = jQuery(this).attr(\"data-user_id\");\n\n\n        \n\n\n\n            jQuery(\".rez_ajax4\").hide();\n            jQuery(\".rez_ajax\").hide();\n            jQuery(\".rez_ajax1\").show();\n\n\n            jQuery(\".rez_ajax1\").html(\"\");\n\n\n\n                var resultHtml10 = \"\";\n\n\n                var users_ids_str=\"\";\n\n             jQuery.each(course_access_list[id_course], function(key, value) {\n                    users_ids_str+=value+\",\";\n             });\n\n\n var request1 =jQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data: { \n        action: 'get_field_company_user',  \n        users_ids_str: users_ids_str,                    \n    }\n});\n\n\n\n jQuery.each(course_access_list[id_course], function(key, value) {\n                    users_ids_str+=value+\",\";\n             });\n\n\n\n\n\nvar rows = []; \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445\n  \/\/ \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e jQuery.each\n    jQuery.each(course_access_list[id_course], function(index, value) {\n        rows.push({\n            rowId: index, \/\/ \u0418\u043d\u0434\u0435\u043a\u0441 \u0438\u0437 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438\n            ID: value     \/\/ \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 course_access_list\n        });\n    });\n\n\n\n\n\n   var request2 = jQuery.ajax({\n        url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data', \/\/ URL API\n        method: 'POST', \/\/ \u041c\u0435\u0442\u043e\u0434 POST\n        contentType: 'application\/x-www-form-urlencoded; charset=UTF-8', \/\/ \u0422\u0438\u043f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430\n        headers: {\n            'X-WP-Nonce': '7b0f3d2281', \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 Nonce\n        },\n        data: {\n            \/\/ \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f POST-\u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f\n            courseId: id_course,\n             tableType: 'courseSingleTable',\n             rows:rows \n        }\n\n\n    });\n\n\n\n\n\n    \/\/ \u041e\u0436\u0438\u0434\u0430\u0435\u043c \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 \u043e\u0431\u043e\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\n    jQuery.when(request1, request2).done(function(response1, response2) {\n        \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u043e\u0431\u043e\u0438\u0445 \u043e\u0442\u0432\u0435\u0442\u043e\u0432\n        var res20 = response1[0]; \/\/ MySql \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430\n        var data2 = response2[0]; \/\/ API \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430\n\n        \/\/ \u041b\u043e\u0433\u0438\u043a\u0430 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u0441 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u043c\u0438 \u043e\u0431\u043e\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\n\n     \n\nlet res = get_field_company_user; \n\n        console.log('\u041e\u0442\u0432\u0435\u0442 \u0441 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res);\n        console.log('\u041e\u0442\u0432\u0435\u0442 \u0441\u043e \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', data2);\n\n\n\n\n          \/\/ \u041d\u0430\u0447\u0430\u043b\u043e \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n          \/*  <th data-type=\"text\">Email <span class=\"sort-icon\"><\/span><\/th>\n\n                  <th data-type=\"text\">Country <span class=\"sort-icon\"><\/span><\/th>*\/\nlet totalEnrolled = 0;\nlet totalNotStarted= 0;\nlet totalInProgress= 0;\nlet totalCompleted= 0;\nlet percentCompleted= 0;\n\npercentCompleted= procent_completions;\ntotalCompleted= completions ;\ntotalInProgress=  in_progress ;\n totalNotStarted= not_started ;\ntotalEnrolled = id_enrolled;\n            \/\/id_course \n\n\n\n\n\n                  let resultHtml10 =  `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                     \n\n                       <a href=\"\" class=\"link_course\"><div class=\"img_course\"><\/div><\/a>\n                      <a href=\"\" class=\"link_course\"> <div class=\"title_course\"><\/div><\/a>\n                    \n\n                \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n                             <td>Enrolled<\/td>   <td class=\"part1_user2\" data-value=\"${totalEnrolled}\">${totalEnrolled}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                                 \n                             <td>Not Started<\/td>    <td class=\"part2_user2\" data-value=\"${totalNotStarted}\">${totalNotStarted}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                            \n                                 <td>In Progress<\/td> <td class=\"part3_user2\" data-value=\"${totalInProgress}\">${totalInProgress}<\/td>\n                                 \n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part4_user2\" data-value=\"${totalCompleted}\">${totalCompleted}<\/td>\n                            <\/tr>\n\n\n                             <tr>\n\n                                \n                                 <td>% Completions<\/td> <td class=\"part4_user2\" data-value=\"${percentCompleted}\">${percentCompleted}%<\/td>\n                            <\/tr>\n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart2\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n    if(currentActiveTab == 1||currentActiveTab == 2)\n        {\n\n             resultHtml10 += `\n                    <table class=\"sort_tbl\" id=\"sortableTable2\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                            <tr>\n\n\n\n\n                                <th data-type=\"text\">Name <span class=\"sort-icon\"><\/span><\/th>\n\n                                \n                              \n                                <th data-type=\"text\">Company <span class=\"sort-icon\"><\/span><\/th>\n                                 <th data-type=\"text\">Email <span class=\"sort-icon\"><\/span><\/th>\n                          \n                                <th data-type=\"text\">City <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"text\">Job Title <span class=\"sort-icon\"><\/span><\/th>\n\n\n\n  <th data-type=\"numeric\">Quiz Status <span class=\"sort-icon\"><\/span><\/th>\n\n                                <th data-type=\"numeric\">Quiz Result <span class=\"sort-icon\"><\/span><\/th>\n                          \n                                <th data-type=\"numeric\">Completion Date <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">% Progress<span class=\"sort-icon\"><\/span><\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                `;\n\n        }\n\n            if(currentActiveTab == 4)\n        {\n\n\n                 resultHtml10 += `\n            <table class=\"sort_tbl\" id=\"sortableTable2\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                <thead>\n                    <tr>\n\n\n\n\n                        <th data-type=\"text\">Name <span class=\"sort-icon\"><\/span><\/th>\n\n                       \n                      \n                        <th data-type=\"text\">Company <span class=\"sort-icon\"><\/span><\/th>\n                          <th data-type=\"text\">Email <span class=\"sort-icon\"><\/span><\/th>\n                  \n                        <th data-type=\"text\">City <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"text\">Job Title <span class=\"sort-icon\"><\/span><\/th>\n\n\n\n                    \n\n\n\n                      \n\n                         <th data-type=\"numeric\">Quiz Result <span class=\"sort-icon\"><\/span><\/th>\n\n                          <th data-type=\"numeric\">Detailed Report <span class=\"sort-icon\"><\/span><\/th>\n                  \n                        <th data-type=\"numeric\">Completion Date <span class=\"sort-icon\"><\/span><\/th>\n\n                   \n                    <\/tr>\n                <\/thead>\n                <tbody>\n        `;\n        }\n\n\n\n\n        var users_ids=\"\";\n\n         jQuery.each(course_access_list[id_course], function(key, user_id) {\n\n\n             users_ids+=user_id+\",\";\n         });\n\n\n\n\n\n\n\n\n    let courseData = get_count_slides;\n\n\n\/\/console.error(courseData);\n\n        jQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data:{ \n        action: 'get_progress_user_of_course',  \n        course_id: id_course,  \n        users_ids: users_ids,      \n        course_data: JSON.stringify(courseData) \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043a\u0430\u043a \u0441\u0442\u0440\u043e\u043a\u0443 JSON              \n     },\n    success:function(res22){    \n\n     console.log(\"data22 - rezz1\");   \n\n          console.log(res22);\n console.log(\"data22 - rezz end\");       \n\n\n\n\n\n\n\n\n\n\n\n    \/*\u0442\u043e\u043b\u044c\u043a\u043e T \n    \u0442\u043e\u043b\u044c\u043a\u043e L\n    \u0442\u043e\u043b\u044c\u043a\u043e TL*\/\n\n\n  \/\/console.log(courseData); \n\n\nvar mass_rez_procent_status_quiz=\"\";\nvar procent_user_of_course=\"\";\n\n\n\n        jQuery.each(course_access_list[id_course], function(key, user_id) {\n       \n               const userData = res[user_id]; \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\n\n\n                procent_user_of_course=get_procent_course(res22, user_id);  \n                console.log(procent_user_of_course+\"%\");  \n\n\n                  mass_rez_procent_status_quiz=get_procent_and_staus_quiz_course(res22, user_id);  \n            \n\n                 console.log(mass_rez_procent_status_quiz.procent, mass_rez_procent_status_quiz.status);\n\nvar procent_test=0;\n\nvar quiz_average_test=0;\n\nvar quiz_average_test_status=\"-\";\n\n         if(currentActiveTab == 4)\n        {\n\n                procent_test=data2.data[user_id].progress;\n\n                quiz_average_test=data2.data[user_id].quiz_average;\n        }\n        else\n        {\n\n                procent_test=procent_user_of_course;\n\n                quiz_average_test=mass_rez_procent_status_quiz.procent;\n\n\n\n\n                quiz_average_test_status=mass_rez_procent_status_quiz.status;\n\n                if(undefined==quiz_average_test_status)\n                {\n                    quiz_average_test_status=\"-\";\n                }\n\n        }\n\n\n      \/*  console.log(\"tttt+++++tttt\");\n        console.log(data2.data[user_id]);\n            console.log(\"tttt----tttt\");*\/\n\n\n            if(currentActiveTab == 1||currentActiveTab == 2)\n        {\n\n         resultHtml10 += `\n                    <tr>\n                       \n\n       <td><span class=\"reporting-table-see-details_user\" data-id_course=\"${id_course}\" data-procent_progress=\"${procent_user_of_course || 0}\" data-procent_quiz=\"${mass_rez_procent_status_quiz.procent || 0}\" data-id_course=\"${id_course}\" data-city=\"${userData.city|| \"-\"}\" data-company=\"${userData.company|| \"-\"}\"  data-job_title=\"${userData.job_title|| \"-\"}\"   data-avatar_url=\"${userData.avatar_url|| \"-\"}\" data-name=\"${users_overview[user_id][\"display_name\"]}\" data-email=\"${users_overview[user_id][\"user_email\"]}\"  data-id_user=\"${user_id}\">${users_overview[user_id][\"display_name\"]}<\/span><\/td>\n\n\n                 \n                        <td  title=\"${userData.company}\" >${userData.company}<\/td>\n                        <td  title=\"${userData.email}\"><a href=\"mailto:${userData.email}\">${userData.email}<\/a><\/td>\n                        <td>${userData.city}<\/td>\n                         <td>${userData.job_title|| \"-\"}<\/td>\n\n                     <td>${ quiz_average_test_status}<\/td>\n                         <td>${quiz_average_test || 0}%<\/td>\n                        <td>${data2.data[user_id].completed_date.display || \"-\"}<\/td>\n                        <td> ${procent_test|| 0 }%<\/td>\n\n\n\n                    <\/tr>\n                `;\n            \n        }\n\n\n        if(currentActiveTab == 4)\n        {\n\n         resultHtml10 += `\n                    <tr>\n                       \n\n       <td>\n\n         <!-- \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0447\u0442\u043e quiz_average_test \u0431\u043e\u043b\u044c\u0448\u0435 0, \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0431\u043b\u043e\u043a -->\n  ${quiz_average_test > 0 ? `\n\n  <span class=\"reporting-result_test_full\" data-id_course=\"${id_course}\" data-procent_progress=\"${procent_user_of_course || 0}\" data-procent_quiz=\"${mass_rez_procent_status_quiz.procent || 0}\" data-id_course=\"${id_course}\" data-city=\"${userData.city|| \"-\"}\" data-company=\"${userData.company|| \"-\"}\"  data-job_title=\"${userData.job_title|| \"-\"}\"   data-avatar_url=\"${userData.avatar_url|| \"-\"}\" data-name=\"${users_overview[user_id][\"display_name\"]}\" data-email=\"${users_overview[user_id][\"user_email\"]}\"  data-id_user=\"${user_id}\">${users_overview[user_id][\"display_name\"]}<\/span>\n\n\n   ` : `\n\n\n   \n  <span>${users_overview[user_id][\"display_name\"]}<\/span>\n   `}\n\n\n\n     <\/td>\n\n\n                 \n                        <td  title=\"${userData.company}\" >${userData.company}<\/td>\n                          <td  title=\"${userData.email}\"><a href=\"mailto:${userData.email}\">${userData.email}<\/a><\/td>\n                       \n                        <td>${userData.city}<\/td>\n                         <td>${userData.job_title|| \"-\"}<\/td>\n\n                 \n               <td>${quiz_average_test || 0}%<\/td>\n\n              \n\n<td>\n  <!-- \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0447\u0442\u043e quiz_average_test \u0431\u043e\u043b\u044c\u0448\u0435 0, \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0431\u043b\u043e\u043a -->\n  ${quiz_average_test > 0 ? `\n  <div class=\"test_info_full\" data-id_course=\"${id_course}\" data-procent_progress=\"${procent_user_of_course || 0}\" data-procent_quiz=\"${mass_rez_procent_status_quiz.procent || 0}\" data-id_course=\"${id_course}\" data-city=\"${userData.city|| \"-\"}\" data-company=\"${userData.company|| \"-\"}\"  data-job_title=\"${userData.job_title|| \"-\"}\"   data-avatar_url=\"${userData.avatar_url|| \"-\"}\" data-name=\"${users_overview[user_id][\"display_name\"]}\" data-email=\"${users_overview[user_id][\"user_email\"]}\"  data-id_user=\"${user_id}\">\n    <i class=\"_mi _before bb-icon-l buddyboss bb-icon-poll-h\" aria-hidden=\"true\"><\/i>\n  <\/div>\n  ` : ''}\n<\/td>\n                        <td>${data2.data[user_id].completed_date.display || \"-\"}<\/td>\n                      \n\n\n\n                    <\/tr>\n                `;\n        }\n\n\n       \n             \n        });\n\n        \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n        resultHtml10 += `\n                <\/tbody>\n            <\/table>\n        `;\n\n        \/\/ HTML \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438\n        const resultHtml1 = `\n            <div class=\"button_back\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n        `;\n\n\n\n        if(currentActiveTab == 2)\n        {\n\n\n\n        jQuery(\".rez_ajax1\").hide();\n        jQuery(\".rez_ajax3\").hide();\n        jQuery(\".rez_ajax4\").hide();\n        jQuery(\".rez_ajax333\").show();\n\n      }\n\n            if(currentActiveTab == 3)\n        {\n\n\n\n        jQuery(\".rez_ajax1\").hide();\n        jQuery(\".rez_ajax3\").hide();\n        jQuery(\".rez_ajax4\").hide();\n        jQuery(\".rez_ajax333\").show();\n\n      }\n\n        \/\/ \u0412\u044b\u0432\u043e\u0434 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\n        jQuery(\".rez_ajax1\").html(resultHtml1 + \"<br>\" + resultHtml10);\n\n\n\n\n        jQuery(\".test_info_full, .reporting-result_test_full\").off('click').on('click', function() {\n\n           var name_test= jQuery(\".rez_ajax1 .link_course .title_course\").attr(\"data-name\");\n           var name_user= jQuery(this).attr(\"data-name\");\n           var id_course= jQuery(this).attr(\"data-id_course\");\n           var id_user= jQuery(this).attr(\"data-id_user\");\n           var company_name= jQuery(this).attr(\"data-company\");\n\n           \n           \n\n              learndash_ld30_show_user_statistic(id_course, id_user, name_user, \"-\", company_name);\n\n        });\n\n\n\n    if(currentActiveTab == 1)\n        {\n\n\n jQuery(\".loading_box\").hide();\n\n      }\n          if(currentActiveTab == 4)\n        {\n\n\n jQuery(\".loading_box\").hide();\n\n      }\n\n\n\n\n\n\n\n\n\n\njQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data: { \n        action: 'get_course_img',  \n        id_course: id_course                    \n    },\n    success: function(res1) {\n        if (res1.success) {\n            const data = res1.data;\n\n           \/\/ jQuery('.text_header_user').text(data.title);\n\n           console.warn(res1);\n            jQuery('.link_course').attr('href', data.url);\n            jQuery('.title_course').text(data.title);\n            jQuery('.img_course').css('background-image', 'url(' + data.image_url + ')');\n\n\n\n\n\n               jQuery(\".test_info_full, .reporting-result_test_full\").off('click').on('click', function() {\n\n\n\n\n\n\n           var name_test= data.title;\n           var name_user= jQuery(this).attr(\"data-name\");\n           var id_course= jQuery(this).attr(\"data-id_course\");\n           var id_user= jQuery(this).attr(\"data-id_user\");\n           var company_name= jQuery(this).attr(\"data-company\");\n\n             learndash_ld30_show_user_statistic(id_course, id_user, name_user, name_test, company_name);\n\n        });\n\n\n\n\n\n\n\n        } else {\n            console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445: ', res1);\n        }\n    },\n    error: function(res1) {     \n        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res1);                \n    }\n});\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar part1= jQuery(\".part1_user2\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user2\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user2\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user2\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\nvar pat2 = ((part4 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445\nvar pat3 = ((part3 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0432 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0435\n\n\nconsole.log(pat1);\nconsole.log(pat2);\nconsole.log(pat3);\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart2\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": pat1,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat2,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat3,\n        \"color\": \"#FF9E02\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n      \/\/  click_of_user_name(course_access_list, courseList, users_overview);\n\n        click_of_user_name_get_lessons(course_access_list, courseList, users_overview, \".reporting-table-see-details_user\");\n\n\n\nsort_table_click_col('#sortableTable2 th');\nactive_excel_export(2);\n\n\n\n\n\n \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n\n\n      if(currentActiveTab == 1||currentActiveTab == 2)\n        {\n\n                            \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n                const customStatusFilters = [\n                  {\n                    name: \"Not completed\",\n                    colIndex: 7, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"Completion Date\"\n                    condition: val => val.trim() === \"-\"\n                  },\n                  {\n                    name: \"Completed\",\n                    colIndex: 7,\n                    condition: val => val.trim() !== \"-\"\n                  },\n                  {\n                    name: \"Passed\",\n                    colIndex: 5, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"\u0421\u0442\u0430\u0442\u0443\u0441 \u0442\u0435\u0441\u0442\u0430\"\n                    condition: val => val.trim().toLowerCase() === \"passed\"\n                  },\n                  {\n                    name: \"Failed\",\n                    colIndex: 5,\n                    condition: val => val.trim().toLowerCase() === \"failed\"\n                  }\n                ];\n\n\n\n\n\n              \n                initColumnVisibility(2, customStatusFilters);\n\n\n                            detectVisibleColumns(2,200,[0]); \n                initRowModalViewer(2);\n\n\n\n                 active_search_table(2, 1, [0, 1, 2, 3, 4], customStatusFilters);\n              \/\/    status_filter_dropdown(2, customStatusFilters);\n\n\n                 center_number_field_tables(2);\n\n        }\n          if(currentActiveTab == 4)\n        {\n\n\n                                        \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n                const customStatusFilters = [\n                  {\n                    name: \"Not completed\",\n                    colIndex: 7, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"Completion Date\"\n                    condition: val => val.trim() === \"-\"\n                  },\n                  {\n                    name: \"Completed\",\n                    colIndex: 7,\n                    condition: val => val.trim() !== \"-\"\n                  }\n                ];\n\n\n            \n\n\n                 initColumnVisibility(2, customStatusFilters);\n\n\n                      detectVisibleColumns(2,200,[0]); \n                initRowModalViewer(2);\n\n\n                 active_search_table(2, 1, [0, 1, 2, 3, 4], customStatusFilters);\n              \/\/    status_filter_dropdown(2, customStatusFilters);\n\n\n                 center_number_field_tables(2);\n        }\n\n  \n\n\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430\u0437\u0430\u0434\n        jQuery(\".rez_ajax1 .button_back\").off('click').on('click', function() {\n         \/*   jQuery(\".rez_ajax\").show();\n            jQuery(\".rez_ajax1\").hide();\n\n*\/\n\n\n\n\n\n\n\n\n\n\n\n             if(sourceTab == 3) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax\").hide();\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax2\").hide();\n                jQuery(\".rez_ajax3\").hide();\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax7\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 3;\n            } \n\n\n            else if(sourceTab == 2) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax4\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='2']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 2;\n            } else {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax\").show();                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='1']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 1;\n            }\n\n\n\n        });\n\n\n\n\n\n\n\nif(currentActiveTab == 2)\n{\n\n\n\n  jQuery(' .reporting-table-see-details_user[data-id_user=\"'+id_user+'\"]').click();\n\n\n\nsetTimeout(function() {\n\n  jQuery(\".loading_box\").hide();\n\n}, 2000);\n\n\n}\n\nif(currentActiveTab == 3)\n{\n\n\n\n    jQuery('.rez_ajax1 .reporting-table-see-details_user[data-id_user=\"'+id_user+'\"]').click();\n\n\n\n    setTimeout(function() {\n\n      jQuery(\".loading_box\").hide();\n\n    }, 2000);\n\n\n}\n\n\n \n\n\n\n\n\n\n\n\n \n    },\n    error:function(res1){                      \n        console.log(res1);\n    }\n\n});\n\n\n\n\n\n\n\n\n        \/\/ \u041f\u0440\u0438\u043c\u0435\u0440 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0439:\n     \/\/   var result = data1.someValue + data2.someValue; \/\/ \u041f\u0440\u0438\u043c\u0435\u0440 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f\n       \/\/ console.log('\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f:', result);\n    }).fail(function(error) {\n        console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432:', error);\n    });\n\n\n\n\n\n\n        }); \/\/ end_click\n}\n\n\n\n\nfunction click_of_user_name_get_lessons(course_access_list, courseList, users_overview, in_progress){\n\n\n    jQuery(\".reporting-table-see-details_user\").off('click').on('click', function() {\n\n\n\n\n\n                  \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n        const sourceTab = currentActiveTab;\n\n\n            var id_user=jQuery(this).attr(\"data-id_user\");\n            var id_course=jQuery(this).attr(\"data-id_course\"); \n\n\n            \/\/ data-procent_progress=\"${procent_user_of_course || 0}\" data-procent_quiz=\"${mass_rez_procent_status_quiz.procent || 0}\" \n\n             var data_procent_progress=jQuery(this).attr(\"data-procent_progress\");\n             var data_procent_quiz=jQuery(this).attr(\"data-procent_quiz\");\n\n            \n\n            var data_avatar_url=jQuery(this).attr(\"data-avatar_url\");\n            var data_name=jQuery(this).attr(\"data-name\");\n            var data_email=jQuery(this).attr(\"data-email\");\n            var data_completeds=jQuery(this).attr(\"data-completeds\");\n            var data_in_progress=jQuery(this).attr(\"data-in_progress\");\n            var data_enrolled=jQuery(this).attr(\"data-enrolled\");\n            var data_not_started=jQuery(this).attr(\"data-not_started\");\n\n\n            var data_city=jQuery(this).attr(\"data-city\");\n            var data_company=jQuery(this).attr(\"data-company\");\n            var data_job_title=jQuery(this).attr(\"data-job_title\");\n\n\n\n            console.log('sourceTab:', sourceTab);\nconsole.log('id_user:', id_user);\nconsole.log('id_course:', id_course);\nconsole.log('data_procent_progress:', data_procent_progress);\nconsole.log('data_procent_quiz:', data_procent_quiz);\nconsole.log('data_avatar_url:', data_avatar_url);\nconsole.log('data_name:', data_name);\nconsole.log('data_email:', data_email);\nconsole.log('data_completeds:', data_completeds);\nconsole.log('data_in_progress:', data_in_progress);\nconsole.log('data_enrolled:', data_enrolled);\nconsole.log('data_not_started:', data_not_started);\nconsole.log('data_city:', data_city);\nconsole.log('data_company:', data_company);\nconsole.log('data_job_title:', data_job_title);\n\n\n\n\nvar data_group_name=\"\";\n\n\nif (currentActiveTab == 5)\n{\n\n\n            \n\n            var data_group_name=jQuery(this).attr(\"data-group_name\");\n            data_group_name=\"(\"+data_group_name+\")\";\n}\n\n\n\n\n         var   resultHtml333_user = `\n  <div class=\"button_back_user\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n             <br>\n\n             <div class=\"grid_box\"> \n\n\n                        <div class=\"box_user\">\n\n                     \n\n                       <a href=\"\" class=\"link_course\"><div class=\"img_course\"><\/div><\/a>\n                      <a href=\"\" class=\"link_course\"> <div class=\"title_course\"><\/div><\/a>\n                    \n\n                \n\n                      <\/div>\n\n                          <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Employee<\/div>\n                        \n                             <div class=\"part_user\">\n\n                                <img decoding=\"async\" src=\"${data_avatar_url}\"\/>\n\n                             <\/div>\n                             <div class=\"part_user\">\n                                <div class=\"name_user\">${data_name}<\/div>\n                                <div class=\"email_user\"><a href=\"mailto:${data_email}\">${data_email}<\/a><\/div>\n\n                               \n                                 <div class=\"email_user\">${data_company}<\/div>\n                                 <div class=\"email_user\">${data_group_name} ${data_job_title}<\/div>\n                                   <div class=\"email_user\">${data_city}<\/div>\n                             <\/div>\n\n                         \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\" style=\"display:none;\">\n\n                           <table id=\"sortableTable0333\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\" width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n\n\n                           <tr>\n\n                             <td>Progress<\/td>   <td class=\"part1_user333\" data-value=\"${ data_procent_progress}\">${ data_procent_progress}%<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                                 \n                             <td>Quiz result<\/td>    <td class=\"part2_user333\" data-value=\"${data_procent_quiz}\">${data_procent_quiz}%<\/td>\n                                \n                            <\/tr>\n\n                            \n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart333\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n\n\n        `;\n\n\n                 \n\n\nif (currentActiveTab == 4)\n{\n\n          resultHtml333_user += `\n           \n       \n              <br>\n            <table class=\"sort_tbl\" id=\"sortableTable333\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                <thead>\n                    <tr>\n                          <th data-type=\"numeric\">\u2116<span class=\"sort-icon\"><\/span><\/th>\n                           <th data-type=\"text\">Module Name<span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"text\">Lesson Name<span class=\"sort-icon\"><\/span><\/th>\n                      \n                        <th data-type=\"text\">Last Activity<span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"text\">Status<span class=\"sort-icon\"><\/span><\/th>\n                    \n\n                      \n                      \n                    <\/tr>\n                <\/thead>\n                <tbody>\n        `;\n\n}\nelse\n{\n      resultHtml333_user += `\n           \n        \n              <br>\n            <table class=\"sort_tbl\" id=\"sortableTable333\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                <thead>\n                    <tr>\n                          <th data-type=\"numeric\">\u2116<span class=\"sort-icon\"><\/span><\/th>\n                           <th data-type=\"text\">Module Name<span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"text\">Lesson Name<span class=\"sort-icon\"><\/span><\/th>\n                      \n                        <th data-type=\"text\">Last Activity<span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"text\">Status<span class=\"sort-icon\"><\/span><\/th>\n                    \n\n                      \n                      \n                    <\/tr>\n                <\/thead>\n                <tbody>\n        `;\n}\n\n                           jQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data: { \n        action: 'get_user_progress_of_cours',  \n        id_course: id_course,\n        id_user: id_user,                  \n    },\n    success: function(res999) {\n\n\n        console.log(res999);\n\n\n\n\nif (currentActiveTab == 4)\n{\n\n}\nelse\n{\n       \n           \n\n    let data = typeof res999 === \"string\" ? JSON.parse(res999) : res999;\n\n\n    var count_lessons=0;\n\n    if (data.tincan) {\n        let keys = Object.keys(data.tincan);\n       \/\/ console.log(\"\u041a\u043b\u044e\u0447\u0438:\", keys);\n\n        keys.forEach((key) => {\n          \/\/  console.log(`\\n\u041c\u043e\u0434\u0443\u043b\u0438 \u0434\u043b\u044f ${key}:`);\n\n            let modules = Object.keys(data.tincan[key]);\n            modules.forEach((module) => {\n             \/\/   console.log(`  - ${module}`);\n\n                let lessons = Object.keys(data.tincan[key][module]);\n            \/\/    console.log(\"    \u0423\u0440\u043e\u043a\u0438:\");\n                lessons.forEach((lesson) => {\n                    let lessonValue = data.tincan[key][module][lesson];\n                 \/\/   console.log(`      * ${lesson}: ${lessonValue}`);\n\n                lessonValue1=  lessonValue[0];\n                 lessonValue2=  lessonValue[1];\n\n\n\n                if(lessonValue1==1)\n                {\n\n                    lessonValue1 = 'completed'; \n         \n                }\n                if(lessonValue1==0)\n                {\n                    lessonValue1 = 'not completed'; \n                }\n\n\n                   count_lessons++;\n\n                   resultHtml333_user += `\n                    <tr>\n                      \n                        <td>${count_lessons}<\/td>\n                        <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-id_course=\"${\"-\"}\">${module}<\/span><\/td>\n                        <td>${lesson}<\/td>\n                        <td>${lessonValue2}<\/td>\n                      \n                        <td>${lessonValue1}<\/td>\n                       \n                    <\/tr>\n                `;\n\n                });\n            });\n        });\n    } else {\n        console.log(\"\u041e\u0448\u0438\u0431\u043a\u0430: \u041e\u0431\u044a\u0435\u043a\u0442 data.tincan \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d.\");\n    }\n\n\n\n\nif (data.learndash) {\n    let keys = Object.keys(data.learndash);\n\n    keys.forEach((key) => {\n        \/\/console.log(`\\n\u041a\u0443\u0440\u0441 ID: ${key}`);\n\n        let modules = Object.keys(data.learndash[key]);\n        modules.forEach((module) => {\n         \/\/   console.log(`  \u041c\u043e\u0434\u0443\u043b\u044c: ${module}`);\n\n            let lessons = Object.keys(data.learndash[key][module]);\n\n\n            if (lessons[0] === \"\") {\n                let moduleData = data.learndash[key][module];\n                let moduleKey = Object.keys(moduleData)[0]; \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u043b\u044e\u0447 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \"\")\n                let moduleValue = moduleData[moduleKey]; \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 0)\n\n                console.log(`    \u041d\u0435\u0442 \u0443\u0440\u043e\u043a\u043e\u0432, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u044f: ${moduleKey} - ${moduleValue}`);\n\n                moduleValue1=  moduleValue[0];\n                 moduleValue2=  moduleValue[1];\n\n\n\n                if( moduleValue1==1)\n                {\n\n                     moduleValue1 = 'completed'; \n         \n                }\n                if( moduleValue1==0)\n                {\n                     moduleValue1 = 'not completed'; \n                }\n\n\n\n                        count_lessons++;\n\n                           resultHtml333_user += `\n                            <tr>\n                              \n\n                             <td>${count_lessons}<\/td>\n\n                                <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-id_course=\"${\"-\"}\">${\"-\"}<\/span><\/td>\n                                <td>${module}<\/td>\n                                <td>${ moduleValue2}<\/td>\n                                <td>${ moduleValue1}<\/td>\n\n                                \n                            <\/tr>\n                        `;\n\n\n            } else {\n                lessons.forEach((lesson) => {\n                    let lessonData = data.learndash[key][module][lesson];\n                    let lessonKey = Object.keys(lessonData)[0]; \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u043b\u044e\u0447 \u0442\u0435\u043c\u044b\n                    let lessonValue = lessonData[lessonKey]; \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0442\u0435\u043c\u044b\n\n                 \/\/   console.log(`    \u0423\u0440\u043e\u043a ID: ${lesson} - ${lessonKey}: ${lessonValue}`);\n\n              \n                lessonValue1=  lessonValue[0];\n                 lessonValue2=  lessonValue[1];\n\n\n\n                if(lessonValue1==1)\n                {\n\n                    lessonValue1 = 'completed'; \n         \n                }\n                if(lessonValue1==0)\n                {\n                    lessonValue1 = 'not completed'; \n                }\n\n\n\n                    if(lessonValue1!=undefined)\n                    {\n\n                        count_lessons++;\n\n                           resultHtml333_user += `\n                            <tr>\n\n                             <td>${count_lessons}<\/td>\n                             <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-id_course=\"${\"-\"}\">${module}<\/span><\/td>\n                             <td>${lessonKey}<\/td>\n\n                             <td>${lessonValue2}<\/td>\n                             <td>${lessonValue1}<\/td>\n\n\n                            <\/tr>\n                        `;\n\n                    }\n\n\n\n                });\n            }\n        \n     \n\n\n\n\n\n\n               \n            });\n        });\n    } else {\n        console.log(\"\u041e\u0448\u0438\u0431\u043a\u0430: \u041e\u0431\u044a\u0435\u043a\u0442 data.tincan \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d.\");\n    }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n}\n\n\n\n\n    \n\n               \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n        resultHtml333_user += `\n                <\/tbody>\n            <\/table>\n        `;\n\n\n\n\n\n jQuery(\".rez_ajax333\").html(resultHtml333_user); \/\/\u0412\u044b\u0432\u043e\u0434 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\n\n\n     jQuery(\".rez_ajax\").hide();\n          jQuery(\".rez_ajax1\").hide();\n           jQuery(\".rez_ajax333\").show();\n\n\n if(  currentActiveTab == 5)\n {\n \n\n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n\n\n }\n else if(  currentActiveTab == 6)\n {\n \n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n\n\n }\n\n else if(  currentActiveTab == 3)\n {\n \n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n\n\n }\n else\n {\n\n\n\n\n\n\n }\n\n         \n\n\n\n\n                   jQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data: { \n        action: 'get_course_img',  \n        id_course: id_course,                  \n    },\n    success: function(res1) {\n        if (res1.success) {\n            const data = res1.data;\n\n           \/\/ jQuery('.text_header_user').text(data.title);\n            jQuery('.link_course').attr('href', data.url);\n            jQuery('.title_course').text(data.title);\n            jQuery('.img_course').css('background-image', 'url(' + data.image_url + ')');\n        } else {\n            console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445: ', res1);\n        }\n    },\n    error: function(res1) {     \n        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res1);                \n    }\n});\n\n\n\n\n\n\n    jQuery(\".rez_ajax333 .button_back_user\").off('click').on('click', function() {\n\n                     if(sourceTab == 3) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax\").hide();\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax2\").hide();\n                jQuery(\".rez_ajax3\").hide();\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax7\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 3;\n            } \n            else if(sourceTab == 2) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n               \n                jQuery(\".rez_ajax3\").hide();\n                 jQuery(\".rez_ajax4\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='2']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 2;\n            } else  if(  currentActiveTab == 5) {\n \n\n                  jQuery(\".rez_ajax8\").hide();\n                 jQuery(\".rez_ajax9\").hide();\n                  jQuery(\".rez_ajax10\").show();\n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_5\").addClass(\"tab_active\");\n\n                  jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='5']\").addClass(\"tab_active\");\n\n                   currentActiveTab = 5;\n\n\n }\n else  if(  currentActiveTab == 6) {\n \n\n         \n                 jQuery(\".rez_ajax333\").hide();\n                 jQuery(\".rez_ajax6\").hide();\n                 jQuery(\".rez_ajax5\").hide();\n                 jQuery(\".rez_ajax7\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='6']\").addClass(\"tab_active\");\n\n\n                 currentActiveTab = 6;\n\n\n }\n\n else  if(  currentActiveTab == 3)\n {\n \n\n                  jQuery(\".rez_ajax5\").hide();\n                 jQuery(\".rez_ajax6\").hide();\n                  jQuery(\".rez_ajax7\").show();\n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n\n                  jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                 currentActiveTab = 3;\n\n\n }\n\n\n\n\n             else {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax333\").hide();\n                jQuery(\".rez_ajax1\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='1']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 1;\n            }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n        });\n\n\n\n        \/\/\u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430------------\n\n\n        sort_table_click_col('#sortableTable333 th');\n\n        active_excel_export(333);\n\n\n        detectVisibleColumns(333,125,[2, 4]); \n        initRowModalViewer(333);\n\n\n        initColumnVisibility(333,null);\n\n\n\n        center_number_field_tables(333);\n\n\n\nvar part1= jQuery(\".part1_user333\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user333\").attr(\"data-value\");\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart333\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Remaining_g,\n        \"value\": (Math.round((100-part1) * 10) \/ 10),\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": (Math.round((part1) * 10) \/ 10),\n        \"color\": \"#00C219\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n       \n    },\n    error: function(res1) {     \n        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res1);                \n    }\n});\n\n\n\n\n\n        \n\n \n\n\n         \n\n\n\n\n\n\n\n    });\n\n\n\n}\n\nfunction click_of_user_name_start(course_access_list, courseList, users_overview, in_progress, get_field_company_user, get_count_slides, get_types_courses){\n\n\nlet learndashItems = JSON.parse(get_types_courses);\n\n\n        jQuery(\".reporting-table-see-details_user_start\").off('click').on('click', function() {\n\n\n\n              \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n        const sourceTab = currentActiveTab;\n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n\n\n\n\n\n            jQuery(\".loading_box\").show();\n            \n            var id_user=jQuery(this).attr(\"data-id_user\");\n\n            var data_avatar_url=jQuery(this).attr(\"data-avatar_url\");\n            var data_name=jQuery(this).attr(\"data-name\");\n            var data_email=jQuery(this).attr(\"data-email\");\n            var data_completeds=jQuery(this).attr(\"data-completeds\");\n            var data_in_progress=jQuery(this).attr(\"data-in_progress\");\n            var data_enrolled=jQuery(this).attr(\"data-enrolled\");\n            var data_not_started=jQuery(this).attr(\"data-not_started\");\n\n\n            var data_city=jQuery(this).attr(\"data-city\");\n            var data_company=jQuery(this).attr(\"data-company\");\n            var data_job_title=jQuery(this).attr(\"data-job_title\");\n\n\n\n             var   resultHtml101_user = `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Employee<\/div>\n                        \n                             <div class=\"part_user\">\n\n                                <img decoding=\"async\" src=\"${data_avatar_url}\"\/>\n\n                             <\/div>\n                             <div class=\"part_user\">\n                                <div class=\"name_user\">${data_name}<\/div>\n                                <div class=\"email_user\"><a href=\"mailto:${data_email}\">${data_email}<\/a><\/div>\n\n                                 <div class=\"email_user\">${data_company}<\/div>\n                                 <div class=\"email_user\">${data_job_title}<\/div>\n                                 <div class=\"email_user\">${data_city}<\/div>\n                             <\/div>\n\n                         \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n                             <td>Courses Enrolled<\/td>   <td class=\"part1_user\" data-value=\"${data_enrolled}\">${data_enrolled}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                                 \n                             <td>Not Started<\/td>    <td class=\"part2_user\" data-value=\"${data_not_started}\">${data_not_started}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                            \n                                 <td>In Progress<\/td> <td class=\"part3_user\" data-value=\"${data_in_progress}\">${data_in_progress}<\/td>\n                                 \n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completed<\/td> <td class=\"part4_user\" data-value=\"${data_completeds}\">${data_completeds}<\/td>\n                            <\/tr>\n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n\n\n        `;\n\n\n\n\n\n\n\n\n\n             \n\n\n\n            var rows = []; \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445\n\n            var count_courses=0;\n\n            console.log(id_user); \n                \n                    var courses_ids_str = \"\";\n\n\n\n                jQuery.each(course_access_list, function (key, value) {\n              \/\/  console.log(key + \":\", value);\n\n                \/\/ \u041f\u0440\u043e\u0445\u043e\u0434\u0438\u043c \u043f\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c\u0443 \u043e\u0431\u044a\u0435\u043a\u0442\u0443\n                jQuery.each(value, function (innerKey, innerValue) {\n\n                \n                    if (innerKey == id_user) { \/\/ \u0421\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0441 id_user\n                      \/\/  courses_ids_str += key + \",\";\n\n\n                        var course_id=key;\n\n                          \/\/ \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e jQuery.each\n                          \n                                rows.push({\n                                    rowId: count_courses, \/\/ \u0418\u043d\u0434\u0435\u043a\u0441 \u0438\u0437 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438\n                                    ID: course_id     \/\/ \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 course_access_list\n                                });\n\n                                count_courses++;\n                          \n                    }\n                });\n            });\n\n\n\/*console.log(\"alarm\");\nconsole.log(rows);\nconsole.log(\"\");*\/\n\n\njQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data', \/\/ URL API\n    method: 'POST', \/\/ \u041c\u0435\u0442\u043e\u0434 POST\n    contentType: 'application\/x-www-form-urlencoded; charset=UTF-8', \/\/ \u0422\u0438\u043f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430\n    headers: {\n        'X-WP-Nonce': '7b0f3d2281', \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 Nonce\n    },\n    data: {\n        \/\/ \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f POST-\u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f\n        userId: id_user,\n        tableType: 'userSingleCoursesOverviewTable',\n        rows: rows \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0434\u0430\u043d\u043d\u044b\u0445\n    },\n    success: function(response) {\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0430\n        console.log('\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442 ', response.data);\n\n             var   resultHtml101 = `\n             <br>\n             ${resultHtml101_user}\n              <br>\n            <table class=\"sort_tbl\" id=\"sortableTable4\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                <thead>\n                    <tr>\n\n                        <th data-type=\"text\">Course <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">In progress <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">% Completed <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">Completion Date <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">Avg Quiz Score <span class=\"sort-icon\"><\/span><\/th>\n\n                      \n                      \n                    <\/tr>\n                <\/thead>\n                <tbody>\n        `;\n\n\n\n\n\n\n          \n\n \/\/<td>${in_progress[value[\"course_id\"]]}<\/td>\n\n\n            \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445\n                \n\n\n\n\n\n\n            jQuery.each(response.data, function (key, value) {\n\n\n\n              \n\n\n\n\n                        resultHtml101 += ` <tr>`;\n                   \n                      \n\n                                   var type_element=\"\";\n                     if (learndashItems[courseList[value[\"course_id\"]][\"ID\"]] == \"course\") {\n                              resultHtml101 += `  <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-type_element=\"${type_element}\" data-user_id=\"${id_user}\" data-id_course=\"${value[\"course_id\"]}\">${courseList[value[\"course_id\"]][\"post_title\"]}<\/span><\/td> `;\n                     }\n                     else\n                     {\n\n                 \n\n                          resultHtml101 += `  <td class=\"click_get_test0\"><span class=\"reporting-table-see-details_test click_get_test0\" data-type_element=\"${type_element}\" data-id_user=\"${id_user}\" data-company=\"${data_company}\" data-id_course=\"${value[\"course_id\"]}\"  data-name='${courseList[value[\"course_id\"]][\"post_title\"]}' data-id_course=\"${value[\"course_id\"]}\">${courseList[value[\"course_id\"]][\"post_title\"]}<\/span><\/td> `;\n               \n\n                       \n\n                     }\n\n\n                      \n                        \n\n                        resultHtml101 += `<td>-<\/td>\n\n\n                        <td>${value[\"progress\"]||\"-\"}<\/td>\n                        <td>${value[\"completed_date\"][\"display\"]||\"-\"}<\/td>\n                        <td>${value[\"avg_score\"]||\"-\"}<\/td>\n                       \n                    <\/tr>\n                `;\n\n            });\n\n      \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n        resultHtml101 += `\n                <\/tbody>\n            <\/table>\n        `;\n\n\n          jQuery(\".rez_ajax4\").html(resultHtml101); \/\/\u0412\u044b\u0432\u043e\u0434 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\n\n\n\n          updateProgress(); \/\/ <<< \u0420\u0423\u0427\u041d\u041e\u0419 \u0412\u042b\u0417\u041e\u0412 \u0414\u0415\u0412\u042f\u0422\u041e\u0413\u041e \u0428\u0410\u0413\u0410\n\nconsole.log(\"All the data is loaded:\", ajaxResults);\n\njQuery(\"#loading-status\").text(\"Done!\");\njQuery(\"#loading-percentage\").text(\"100% (10\/10)\");\n\n\n\n           setTimeout(() => jQuery(\"#loading-container\").fadeOut(), 100);\n\n\n             jQuery(\"span.click_get_test\").off('click').on('click', function() {\n\n           var name_test= jQuery(this).attr(\"data-name\");\n          name_user= data_name;\n\n           var id_course= jQuery(this).attr(\"data-id_course\");\n           var id_user= jQuery(this).attr(\"data-id_user\");\n           var company_name= jQuery(this).attr(\"data-company\");\n\n           \n           \n\n              learndash_ld30_show_user_statistic(id_course, id_user, name_user, name_test, company_name);\n\n        });\n\n\n          \/\/\u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043d\u0430 \u043a\u0443\u0440\u0441\n\nclick_of_course_name(course_access_list, users_overview, courseList, get_field_company_user, get_count_slides  );\n\n\n\nvar part1= jQuery(\".part1_user\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\nvar pat2 = ((part4 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445\nvar pat3 = ((part3 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0432 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0435\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": pat1,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat2,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat3,\n        \"color\": \"#FF9E02\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n          \/\/\u0421\u043c\u0435\u043d\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n          jQuery(\".rez_ajax4\").show();\n          jQuery(\".rez_ajax3\").hide();\n\n\n          \/\/\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0432 \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0442\u0430\u0431\u0430\n        \/\/ \u041c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430\u0437\u0430\u0434\n        jQuery(\".button_back_user\").off('click').on('click', function() {\n\n                     if(sourceTab == 3) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax\").hide();\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax2\").hide();\n                jQuery(\".rez_ajax3\").hide();\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax7\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 3;\n            } \n            else if(sourceTab == 2) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax3\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='2']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 2;\n            } else {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax1\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='1']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 1;\n            }\n        });\n\n\n\n        \/\/\u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430------------\n\n\n        sort_table_click_col('#sortableTable4 th');\n        active_excel_export(4);\n\n\n           detectVisibleColumns(4,125,[0, 2]); \n   initRowModalViewer(4);\n\n\n\n\n                            \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n                const customStatusFilters = [\n                  {\n                    name: \"Not completed\",\n                    colIndex: 3, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"Completion Date\"\n                    condition: val => val.trim() === \"-\"\n                  },\n                  {\n                    name: \"Completed\",\n                    colIndex: 3,\n                    condition: val => val.trim() !== \"-\"\n                  }\n                ];\n\n\n        initColumnVisibility(4, customStatusFilters);\n\n\n         \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n\n         active_search_table(4, 1, [0], customStatusFilters);\n\n         \/\/  status_filter_dropdown(4, customStatusFilters);\n\n         center_number_field_tables(4);\n\n\n \n\n        jQuery(\".loading_box\").hide();\n\n\n\n\n\n       \n    },\n    error: function(xhr, status, error) {\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0448\u0438\u0431\u043a\u0438\n        console.error('\u041e\u0448\u0438\u0431\u043a\u0430:', error);\n        console.error('\u0414\u0435\u0442\u0430\u043b\u0438:', xhr.responseText);\n        alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0430. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435.');\n    }\n});\n\n\n\n\n\n}); \/\/ end_click\n\n\n\n}\n\nfunction click_of_user_name(course_access_list, courseList, users_overview, in_progress, class_name){\n\n\n\n\n\n        jQuery(class_name).off('click').on('click', function() {\n\n\n\n              \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n        const sourceTab = currentActiveTab;\n\n            jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n            jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n\n\n\n\n\n            jQuery(\".loading_box\").show();\n            \n            var id_user=jQuery(this).attr(\"data-id_user\");\n\n            var data_avatar_url=jQuery(this).attr(\"data-avatar_url\");\n            var data_name=jQuery(this).attr(\"data-name\");\n            var data_email=jQuery(this).attr(\"data-email\");\n            var data_completeds=jQuery(this).attr(\"data-completeds\");\n            var data_in_progress=jQuery(this).attr(\"data-in_progress\");\n            var data_enrolled=jQuery(this).attr(\"data-enrolled\");\n            var data_not_started=jQuery(this).attr(\"data-not_started\");\n\n\n            var data_city=jQuery(this).attr(\"data-city\");\n            var data_company=jQuery(this).attr(\"data-company\");\n            var data_job_title=jQuery(this).attr(\"data-job_title\");\n\n\n            var data_id_jump_course=jQuery(this).attr(\"data_id_jump_course\");\n\n\n\n             var   resultHtml101_user = `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Employee<\/div>\n                        \n                             <div class=\"part_user\">\n\n                                <img decoding=\"async\" src=\"${data_avatar_url}\"\/>\n\n                             <\/div>\n                             <div class=\"part_user\">\n                                <div class=\"name_user\">${data_name}<\/div>\n                                <div class=\"email_user\"><a href=\"mailto:${data_email}\">${data_email}<\/a><\/div>\n\n                                 <div class=\"email_user\">${data_company}<\/div>\n                                 <div class=\"email_user\">${data_job_title}<\/div>\n                                 <div class=\"email_user\">${data_city}<\/div>\n                             <\/div>\n\n                         \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n                             <td>Courses Enrolled<\/td>   <td class=\"part1_user\" data-value=\"${data_enrolled}\">${data_enrolled}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                                 \n                             <td>Not Started<\/td>    <td class=\"part2_user\" data-value=\"${data_not_started}\">${data_not_started}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                            \n                                 <td>In Progress<\/td> <td class=\"part3_user\" data-value=\"${data_in_progress}\">${data_in_progress}<\/td>\n                                 \n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completed<\/td> <td class=\"part4_user\" data-value=\"${data_completeds}\">${data_completeds}<\/td>\n                            <\/tr>\n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Courses Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n\n\n        `;\n\n\n\n\n\n\n\n            var rows = []; \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445\n\n            var count_courses=0;\n\n            console.log(id_user); \n                \n                    var courses_ids_str = \"\";\n\n\n\n                jQuery.each(course_access_list, function (key, value) {\n              \/\/  console.log(key + \":\", value);\n\n                \/\/ \u041f\u0440\u043e\u0445\u043e\u0434\u0438\u043c \u043f\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u043c\u0443 \u043e\u0431\u044a\u0435\u043a\u0442\u0443\n                jQuery.each(value, function (innerKey, innerValue) {\n\n                \n                    if (innerKey == id_user) { \/\/ \u0421\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0441 id_user\n                      \/\/  courses_ids_str += key + \",\";\n\n\n                        var course_id=key;\n\n                          \/\/ \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e jQuery.each\n                          \n                                rows.push({\n                                    rowId: count_courses, \/\/ \u0418\u043d\u0434\u0435\u043a\u0441 \u0438\u0437 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0438\n                                    ID: course_id     \/\/ \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 course_access_list\n                                });\n\n                                count_courses++;\n                          \n                    }\n                });\n            });\n\n\n\/*console.log(\"alarm\");\nconsole.log(rows);\nconsole.log(\"\");*\/\n\n\njQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data', \/\/ URL API\n    method: 'POST', \/\/ \u041c\u0435\u0442\u043e\u0434 POST\n    contentType: 'application\/x-www-form-urlencoded; charset=UTF-8', \/\/ \u0422\u0438\u043f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430\n    headers: {\n        'X-WP-Nonce': '7b0f3d2281', \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 Nonce\n    },\n    data: {\n        \/\/ \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f POST-\u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f\n        userId: id_user,\n        tableType: 'userSingleCoursesOverviewTable',\n        rows: rows \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0434\u0430\u043d\u043d\u044b\u0445\n    },\n    success: function(response) {\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0430\n        console.log('\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442 ', response.data);\n\n             var   resultHtml101 = `\n             <div class=\"button_back_user\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n             <br>\n             ${resultHtml101_user}\n              <br>\n            <table class=\"sort_tbl\" id=\"sortableTable4\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                <thead>\n                    <tr>\n\n                        <th data-type=\"text\">Course <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">In progress <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">% Completed <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">Completion Date <span class=\"sort-icon\"><\/span><\/th>\n                        <th data-type=\"numeric\">Avg Quiz Score <span class=\"sort-icon\"><\/span><\/th>\n\n                      \n                      \n                    <\/tr>\n                <\/thead>\n                <tbody>\n        `;\n\n \/\/<td>${in_progress[value[\"course_id\"]]}<\/td>\n            jQuery.each(response.data, function (key, value) {\n\n\n\n                        resultHtml101 += `\n                    <tr>\n                      \n\n\n\n                        <td class=\"click_get_full_user\"><span class=\"reporting-table-see-details\" data-user_id=\"${id_user}\" data-id_course=\"${value[\"course_id\"]}\">${courseList[value[\"course_id\"]][\"post_title\"]}<\/span><\/td>\n\n\n                        \n\n                         <td>-<\/td>\n\n\n                        <td>${value[\"progress\"]||\"-\"}<\/td>\n                        <td>${value[\"completed_date\"][\"display\"]||\"-\"}<\/td>\n                        <td>${value[\"avg_score\"]||\"-\"}<\/td>\n                       \n                    <\/tr>\n                `;\n\n            });\n\n      \/\/ \u0417\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n        resultHtml101 += `\n                <\/tbody>\n            <\/table>\n        `;\n\n             if(currentActiveTab == 3)\n                {\n\n                    jQuery(\".rez_ajax4\").hide();\n                }\n\n\n\n          jQuery(\".rez_ajax4\").html(resultHtml101); \/\/\u0412\u044b\u0432\u043e\u0434 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\n\n          console.log(resultHtml101);\n\n\n          \/\/\u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043d\u0430 \u043a\u0443\u0440\u0441\n\nclick_of_course_name(course_access_list, users_overview, courseList, get_field_company_user, get_count_slides  );\n\n\n\nvar part1= jQuery(\".part1_user\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\nvar pat2 = ((part4 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445\nvar pat3 = ((part3 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0432 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0435\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": pat1,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat2,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat3,\n        \"color\": \"#FF9E02\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n          \/\/\u0421\u043c\u0435\u043d\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n          jQuery(\".rez_ajax4\").show();\n          jQuery(\".rez_ajax3\").hide();\n\n\n          \/\/\u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0432 \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0442\u0430\u0431\u0430\n        \/\/ \u041c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430\u0437\u0430\u0434\n        jQuery(\".button_back_user\").off('click').on('click', function() {\n\n                     if(sourceTab == 3) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax\").hide();\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax2\").hide();\n                jQuery(\".rez_ajax3\").hide();\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax7\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_3\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='3']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 3;\n            } \n            else if(sourceTab == 2) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax3\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_2\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='2']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 2;\n            } else {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax1\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_1\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='1']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 1;\n            }\n        });\n\n\n\n        \/\/\u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430------------\n\n\n        sort_table_click_col('#sortableTable4 th');\n        active_excel_export(4);\n\n                 if(currentActiveTab == 3)\n                {\n\n\n\n                   jQuery('.rez_ajax4 .reporting-table-see-details[data-id_course=\"'+data_id_jump_course+'\"]').click();\n\n\n                \/*  setTimeout(function() {\n\n                      jQuery(\".loading_box\").hide();\n\n                    }, 2000);*\/\n\n\n                }\n                else\n                {\n                            \/\/\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\n                            jQuery(\".loading_box\").hide();\n\n                } \n\n       \n    },\n    error: function(xhr, status, error) {\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0448\u0438\u0431\u043a\u0438\n        console.error('\u041e\u0448\u0438\u0431\u043a\u0430:', error);\n        console.error('\u0414\u0435\u0442\u0430\u043b\u0438:', xhr.responseText);\n        alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0430. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435.');\n    }\n});\n\n\n\n\n\n}); \/\/ end_click\n\n\n\n}\n\n\n\nfunction sort_table_click_col(element) {\n    jQuery(element).off('click').on('click', function () {\n        var table = jQuery(this).closest('table');\n        var rows = table.find('tbody tr').get();\n        var index = jQuery(this).index();\n        var isNumeric = jQuery(this).data('type') === 'numeric';\n        var asc = jQuery(this).hasClass('asc');\n\n        \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u044b \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u0438 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0438 \u0441\u043e \u0432\u0441\u0435\u0445 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 \u0438 \u044f\u0447\u0435\u0435\u043a\n        jQuery(element).removeClass('asc desc sort-highlight');\n        table.find('tbody td').removeClass('sort-highlight');\n\n        \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u044b \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u0438 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u043c\u0443 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0443\n        jQuery(this)\n            .toggleClass('asc', !asc)\n            .toggleClass('desc', asc)\n            .addClass('sort-highlight');\n\n        \/\/ \u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u0441\u0442\u0440\u043e\u043a\n        rows.sort(function (a, b) {\n            var cellA = jQuery(a).find('td').eq(index).text().trim();\n            var cellB = jQuery(b).find('td').eq(index).text().trim();\n\n            if (isNumeric) {\n                cellA = parseFloat(cellA) || 0;\n                cellB = parseFloat(cellB) || 0;\n                return asc ? cellA - cellB : cellB - cellA;\n            } else {\n                return asc ? cellB.localeCompare(cellA) : cellA.localeCompare(cellB);\n            }\n        });\n\n        \/\/ \u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u043e\u0442\u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\n        jQuery.each(rows, function (i, row) {\n            table.children('tbody').append(row);\n        });\n\n        \/\/ \u041f\u043e\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0442\u043e\u043b\u0431\u0435\u0446\n        table.find('tbody tr').each(function () {\n            jQuery(this).find('td').eq(index).addClass('sort-highlight');\n        });\n    });\n\n    jQuery(element).css('cursor', 'pointer');\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction learndash_ld30_show_user_statistic(course_id, user_id, name_user, name_test, company_name) {\n\n\n\n   jQuery('.loading_box').show();\n\n\n    \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e, \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043d\u0435\u0442\n    if (jQuery('#customModal').length === 0) {\n        jQuery('body').append(`\n            <div id=\"customModal\" class=\"modal\">\n                <div class=\"modal_overlay\"><\/div>\n                <div class=\"modal_content\">\n                    <button class=\"modal_close\">Close<\/button>\n                    <div class=\"modal_body\"><\/div>\n                <\/div>\n            <\/div>\n        `);\n    }\n    jQuery('#customModal').fadeIn();\n\n        var header = `\n\n                              <div class=\"modal_dialog_name_test\"> ${name_test}<\/div>\n                               <div class=\"modal_dialog_name_company\"> ${company_name}<\/div>\n                               <div class=\"modal_dialog_name_user\"> ${name_user}<\/div>\n                            \n\n\n                            `;\n\n   jQuery('.modal_body').html(header);\n\n\njQuery.ajax({\n    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n    type: \"POST\",\n    cache: false,\n    data:{ \n        action: 'get_quiz_values',  \n        course_id: course_id,   \n        user_id: user_id                       \n     },\nsuccess: function(res2) {   \n\n\nlet data3 = typeof res2 === \"string\" ? JSON.parse(res2) : res2;\n\nconsole.log(\"get_quiz_values\");\nconsole.log(\"Response:\", res2);\n\nlet count_tables = 0;\nlet timeElements = [];\nlet tableElements = [];\n\nObject.keys(data3).forEach(function (quizKey, index) {\n    var refId = quizKey;\n    var quizId = data3[quizKey].quiz_id;\n    var time_create = data3[quizKey].time;\n\n    var statistic_nonce = jQuery(this).data('statistic-nonce');\n    var post_data = {\n        action: 'wp_pro_quiz_admin_ajax_statistic_load_user',\n        func: 'statisticLoadUser',\n        data: {\n            quizId: quizId,\n            userId: user_id,\n            refId: refId,\n            statistic_nonce,\n            avg: 0,\n        },\n    };\n\n    let current_table_index = index + 1;\n    \n    \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 \u0441 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u043c\n    if(current_table_index==1)\n    {\n         timeElements.push(`<div class=\"modal_dialog_time active\" data-num_tabs_test_result=\"${current_table_index}\">${time_create}<\/div>`);\n    }\n    else\n    {\n         timeElements.push(`<div class=\"modal_dialog_time\" data-num_tabs_test_result=\"${current_table_index}\">${time_create}<\/div>`);\n    }\n   \n\n    jQuery.ajax({\n        type: 'POST',\n        url: ldVars.ajaxurl,\n        dataType: 'json',\n        cache: false,\n        data: post_data,\n        success(reply_data) {\n            if (typeof reply_data.html !== 'undefined') {\n                count_tables++;\n                let modifiedData = reply_data.html.replace(\/<table\/g, `<table id=\"table_${current_table_index}\"`);\n\n\n\n\n\n\/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430 HTML\nlet parser = new DOMParser();\nlet doc = parser.parseFromString(modifiedData, \"text\/html\");\n\n\/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c <tfoot>\nlet tfoot = doc.querySelector(\"tfoot\");\n\n\/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 <tr> \u0432\u043d\u0443\u0442\u0440\u0438 <tfoot>\nlet lastTr = tfoot ? tfoot.querySelector(\"tr:last-of-type\") : null;\n\n\/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 <th> \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0433\u043e <tr>\nlet lastTh = lastTr ? lastTr.querySelector(\"th:last-of-type\") : null;\n\n\/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 (\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435)\nlet percentage = lastTh ? lastTh.textContent.trim() : null;\n\nconsole.log(percentage); \/\/ \u0412\u044b\u0432\u0435\u0434\u0435\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \"66.67%\"\n\n\n\n\n\n\n\/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u043a \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u043c\u0443 modal_dialog_time\ntimeElements = timeElements.map((element, idx) => {\n    if (idx + 1 === current_table_index) {\n        return element.replace('<\/div>', ` - ${percentage}<\/div>`);\n    }\n    return element;\n});\n\n\n\n\n\n                    if(current_table_index==1)\n                    {\n                           modifiedData = modifiedData.replace(\"wp-list-table widefat\", \"wp-list-table widefat active\");\n                    }\n  \n  \n             \n                \n                \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\n                tableElements.push(modifiedData);\n                \nif (count_tables === Object.keys(data3).length) {\n    \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0447\u0438\u0441\u043b\u043e\u0432\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\n    function extractPercentage(text) {\n        let match = text.match(\/(\\d+(\\.\\d+)?)%\/);\n        return match ? parseFloat(match[1]) : 0;\n    }\n\n    \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0434\u043b\u044f \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438\n    let sortedTimeElements = timeElements.map((element, index) => ({\n        element,\n        percentage: extractPercentage(element),\n        table: tableElements[index],\n        index: index + 1 \/\/ \u0417\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b\n    }));\n\n    \/\/ \u0421\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u043f\u043e \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u043c \u043f\u043e \u0443\u0431\u044b\u0432\u0430\u043d\u0438\u044e\n    sortedTimeElements.sort((a, b) => b.percentage - a.percentage);\n\n    \/\/ \u0420\u0430\u0437\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\n    timeElements = sortedTimeElements.map(item => item.element);\n    tableElements = sortedTimeElements.map(item => item.table);\n\n    \/\/ \u0414\u0435\u043b\u0430\u0435\u043c \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u041d\u0415\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c\u0438\n    timeElements = timeElements.map(element => element.replace('modal_dialog_time active', 'modal_dialog_time'));\n    tableElements = tableElements.map(table => table.replace('wp-list-table widefat active', 'wp-list-table widefat'));\n\n    \/\/ \u0414\u0435\u043b\u0430\u0435\u043c \u043f\u0435\u0440\u0432\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443 \u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c\u0438 (\u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u043e\u043c)\n    if (sortedTimeElements.length > 0) {\n        let maxIndex = sortedTimeElements[0].index; \/\/ \u041d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u043e\u043c\n\n        timeElements[0] = timeElements[0].replace('modal_dialog_time', 'modal_dialog_time active');\n        tableElements[0] = tableElements[0].replace('wp-list-table widefat', 'wp-list-table widefat active');\n    }\n\n    \/\/ \u0412\u044b\u0432\u043e\u0434 \u0432\u0440\u0435\u043c\u0435\u043d\u0438\n    jQuery('.modal_body').append(timeElements.join(''));\n    \/\/ \u0412\u044b\u0432\u043e\u0434 \u0442\u0430\u0431\u043b\u0438\u0446\n    jQuery('.modal_body').append(tableElements.join(''));\n\n    jQuery('.loading_box').hide();\n    jQuery('h2').remove();\n\n    jQuery('.modal_dialog_time').off('click').on('click', function (e) {\n        e.preventDefault();\n        var num_table = jQuery(this).attr(\"data-num_tabs_test_result\");\n\n        \/\/ \u0421\u043d\u0438\u043c\u0430\u0435\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0441\u043e \u0432\u0441\u0435\u0445\n        jQuery(\"table.wp-list-table.widefat\").removeClass(\"active\");\n        jQuery(\"div.modal_dialog_time\").removeClass(\"active\");\n\n        \/\/ \u0414\u0435\u043b\u0430\u0435\u043c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439\n        jQuery(\"#table_\" + num_table).addClass(\"active\");\n        jQuery(this).addClass(\"active\");\n    });\n\/*    jQuery('.statistic_data').off('click').on('click', function (e) {\n        e.preventDefault();\n\n\n        \n\n        statistic_data\n\n\n\n      \n    });\n*\/\n\n\n     jQuery('tr').on('click', 'a.statistic_data', function(e) {\n        e.preventDefault(); \/\/ \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435\n\n     \n\n        jQuery(this).closest('tr')       \/\/ \u0442\u0435\u043a\u0443\u0449\u0438\u0439 <tr>\n               .next('tr')          \/\/ \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 <tr>\n               .toggle(); \n    });\n\n\n\n\n\n\n\n}\n\n\n            }\n        },\n        error(jqXHR, textStatus, errorThrown) {\n            console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438:', textStatus);\n        }\n    });\n});\n\n\n\n      \n\n    \n   \n},\n\n    error:function(res1){                      \n   \n\n                console.log(res1);\n    }\n\n});\n\n\n   jQuery(document).on('click', '.modal_close, .modal_overlay', function () {\n        jQuery('#customModal').fadeOut();\n    });\n\n\n\n\n\n\n\n  \n\n\n \n}\n\n\n\n\n\n\nfunction connect4(res){ \/\/managar\n\n\n\n    jQuery(\".table_box\").hide();\n\n    jQuery(\"#table4-wrapper\").show();\n\n\n\n\/\/ \u041a\u043d\u043e\u043f\u043a\u0430 \u043d\u0430\u0437\u0430\u0434\nvar button_back = '<div class=\"button_back button_back4\" style=\"margin-top: 20px; cursor: pointer; \">' + LMSR_i18n.Back + '<\/div>';\n                                     \n\njQuery(\"#table4-wrapper\").html(button_back+\" \"+res);\n\n\n\n\n\n  var part1 = parseFloat(jQuery(\".part1_user101010\").attr(\"data-value\")) || 0;\nvar part2 = parseFloat(jQuery(\".part2_user101010\").attr(\"data-value\")) || 0;\nvar part3 = parseFloat(jQuery(\".part3_user101010\").attr(\"data-value\")) || 0;\n\n    var pat2 = ((part3 \/ part1) * 100).toFixed(1);\n    var pat3 = ((part2 \/ part1) * 100).toFixed(1);\n\n\/*    console.log(\"part1\", part1, \"part2\", part2, \"part3\", part3);\n    console.log(\"pat2\", pat2, \"pat3\", pat3);\n\n    console.log(\"Not_Started_g\", Not_Started_g);*\/\n\n\n\n\/\/ \u0414\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0430 amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart_full_user_course\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [\n        {\n            \"category\": LMSR_i18n.Not_Started,\n            \"value\": pat2,\n            \"color\": \"#E3E3E3\"\n        },\n        {\n            \"category\": LMSR_i18n.Completed,\n            \"value\": pat3,\n            \"color\": \"#00C219\"\n        }\n    ],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\",\n    \"colorField\": \"color\",\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n               \n\n\n\n  \n\n\n\nsort_table_click_col('#sortableTable101010 th');\n\n\n\n\n\n\n\n\n\n\n\n \n                initColumnVisibility(101010);\n\n\n                 \n\n                  active_excel_export(101010);\n\n\n\n                detectVisibleColumns(101010,125,[2, 4]); \n                initRowModalViewer(101010);\n\n\n\n\n\n                 \n                                \n\n\n                 \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n                  active_search_table(101010, 3, [  2, 4]);\n\n                   status_filter_dropdown(101010);\n\n\n\n\n                                           jQuery(\"#table4-wrapper .button_back4\").on('click', function() {\n\n\n                                                          jQuery(\".table_box\").show();\n                                              \n                                                  \n                                                        jQuery(\"#table4-wrapper\").hide();\n\n                                                     \n\n                                                   \n                                            });\n\n\n}\n\n\nfunction connect_table()\n{\n\n\n\n\n\nvar Not_Started_g  = LMSR_i18n.Not_Started;\nvar Completed_g    = LMSR_i18n.Completed;\nvar In_Progress_g  = LMSR_i18n.In_Progress;\n\nvar Remaining_g    = LMSR_i18n.Remaining;\nvar Enrolled_g     = LMSR_i18n.Enrolled;\nvar Enrollments_g  = LMSR_i18n.Enrollments;\nvar Completions_g  = LMSR_i18n.Completions;\n\n\n\nsort_table_click_col('#sortableTable4444 th');\n\n\n\n\n\nvar part1= jQuery(\".part1_user\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\n\n\n\nvar pat2 = ((part3 \/ part1) * 100).toFixed(1);\nvar pat3 = ((part2 \/ part1) * 100).toFixed(1);\n\n\/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0438 \u0432 \u0447\u0438\u0441\u043b\u0430 \u043f\u0435\u0440\u0435\u0434 \u0432\u044b\u0447\u0438\u0442\u0430\u043d\u0438\u0435\u043c\nvar pat1 = (100 - (parseFloat(pat2) + parseFloat(pat3))).toFixed(1);\n\n\n\n\n\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart_user\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\":  pat3,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat1,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat2,\n        \"color\": \"#FF9E02\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n\n    \n\n           \n\n\n\n\n                                            \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n const customStatusFilters = [\n  {\n    name: LMSR_i18n.NotCompleted,\n    colIndex: 3,\n    condition: td => jQuery(td).data('filter-value') === \"not completed\"\n  },\n  {\n    name: LMSR_i18n.Completed,\n    colIndex: 3,\n    condition: td => jQuery(td).data('filter-value') === \"completed\"\n  },\n  {\n    name: LMSR_i18n.NotStarted,\n    colIndex: 3,\n    condition: td => jQuery(td).data('filter-value') === \"not started\"\n  },\n  {\n    name: LMSR_i18n.InProgress,\n    colIndex: 3,\n    condition: td => jQuery(td).data('filter-value') === \"in progress\"\n  },\n  {\n    name: LMSR_i18n.Passed,\n    colIndex: 6,\n    condition: td => jQuery(td).data('filter-value') === \"passed\"\n  },\n  {\n    name: LMSR_i18n.Failed,\n    colIndex: 6,\n    condition: td => jQuery(td).data('filter-value') === \"failed\"\n  },\n  {\n    name: LMSR_i18n.Viewed,\n    colIndex: 6,\n    condition: td => jQuery(td).data('filter-value') === \"viewed\"\n  },\n];\n\n\n\n\n\n\n\n\n\n              \n                initColumnVisibility(4444, customStatusFilters);\n\n\n                 \n\n  active_excel_export(4444);\n\n\n\ndetectVisibleColumns(4444,125,[0, 3, 6]); \ninitRowModalViewer(4444);\n\n\n\n\n\n \n                \n\n\n \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n  active_search_table(4444, 1, [0, 1, 7], customStatusFilters);\n\n   status_filter_dropdown(4444, customStatusFilters);\n\n\n \/\/center_number_field_tables(4444);\n\n\n\n\n\n\n\n\n     jQuery(\".click_full_info_user_course\").on('click', function() {\n\n                                    jQuery(\".loading_box\").show();\n\n\n                                           var user_id=  jQuery(this).attr(\"data-user_id\");\n                                           var course_id=  jQuery(this).attr(\"data-course_id\");\n\n\n\n\n                                                                         jQuery.ajax({\n                                                                            url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n                                                                            type: \"POST\",\n                                                                            data: {\n                                                                                action: 'get_full_info_user_course',\n                                                                                course_id: course_id,\n                                                                                user_id:user_id,\n                                                                                lang_code:\"en_GB\",\n                                                                             \n                                                                            },\n                                                                            success: function(res) {\n                                                                                console.log(res);\n                                                                          \n                                                                                          connect4(res);\n\n                                                                                           jQuery(\".loading_box\").hide();\n\n\n\n                               \n\n                                                                                    \n                                                                            },\n                                                                            error: function(res) {\n\n                                                                                 jQuery(\".loading_box\").hide();\n                                                                                console.error(res);\n                                                                            }\n                                                                        });\n\n                                            });\n\n\n\n\n\n\n}\n\n\n\n function start_loading_program(base_tincane, get_field_company_user, get_course_progress_and_completion_companies,  get_info_regions, mass_get_unique_users, get_types_courses, get_count_slides, groups, mass_course_progress){\n\n\n \/\/function start_loading_program(base_tincane, get_field_company_user, get_course_progress_and_completion_companies,  get_info_regions, mass_get_unique_users, get_types_courses, get_count_slides, groups, mass_course_progress){\n\n   \/\/  console.error(groups_info_mass );\n\n\n\n     \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 PHP \u0432 JS\n        \/\/var learndashItems = \n           \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 PHP \u0432 JS\n       \n\n  let res = get_field_company_user;  \/\/\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0433\u0440\u0443\u043f\u043f \u0443 \u043a\u0430\u0436\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\n\n\n\n let res_company_info = get_course_progress_and_completion_companies;\n\n\n  let company_info = typeof res_company_info === \"string\" ? JSON.parse(res_company_info) : res_company_info;\n\n\n\n\n\n\n\n\n\n    \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043e\u0431\u0449\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445\n    jQuery.ajax({\n        url: 'https:\/\/digital.staff-capital.com\/en\/wp-json\/uncanny_reporting\/v1\/courses_overview', \/\/ URL API\n        method: 'GET',\n        headers: {\n            'X-WP-Nonce': '7b0f3d2281', \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 Nonce\n        },\n        success: function (response) {\n    response_global=response;\n                jQuery(\".loading_box\").hide();\n            console.log('main data:', response);\n\n\n\/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u0442\u044c \u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435\nif (response.data) {\n    var super_text = in_progress =  response.data.userList.in_progress;\n console.log(\"super_text\");\n    console.log(super_text);\n     console.log(\"super_text end\");\n    var completions = response.data.userList.completions;\n    var enrolled = response.data.userList.course_access_count;\n    var course_access_list = response.data.userList.course_access_list;\n    var users_overview = response.data.userList.users_overview;\n\n    \n\n    var course_quiz_averages = response.data.userList.course_quiz_averages;\n\n   var courseList = response.data.courseList;\n\n\n\n\n\n  \n\n  \/\/var procent_user_of_course=get_procent_course(res22, user_id);  \n \n\n\nvar status_region = \"\";\n\n\n\n\n\n\nif(status_region==\"on\"){\n\n\n\n let res_regions = get_info_regions;  \/\/\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u0433\u0440\u0443\u043f\u043f\u044b\n let data_regions = typeof res_regions === \"string\" ? JSON.parse(res_regions) : res_regions;\n\n\n\n\n\n\nconsole.log(\"---------------res_regions\");\n console.log(res_regions);\nconsole.log(\"-------------------------res_regions\");\n\nvar size =  Object.keys(users_overview).length;\n\n\nvar count_regions =   Object.keys(data_regions[\"regions\"]).length;\n\n\nvar all_count_enrollments= data_regions[\"all_regions\"][\"all_count_enrollments\"];\nvar all_not_started= data_regions[\"all_regions\"][\"all_not_started\"];\nvar all_count_in_progress= data_regions[\"all_regions\"][\"all_count_in_progress\"];\nvar all_count_completed= data_regions[\"all_regions\"][\"all_count_completed\"];\nvar all_completition_rate= data_regions[\"all_regions\"][\"all_completition_rate\"];\n\n\nvar result_regions =  `\n\n<br>\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Regions<\/div>\n\n                      <div class=\"grid_box_info_left\">\n                        \n                             <div class=\"part_user\">\n\n                                    <div class=\"title_info\" >Total Regions:<\/div>\n\n\n                                   <div class=\"count_text\">${count_regions}<\/div>\n\n                                    \n\n                             <\/div>\n                             <div class=\"part_user\">\n                            \n                               \n                             \n\n\n                                   <div class=\"title_info\" >Total Users:<\/div>\n\n                                    <div class=\"count_text\">${size}<\/div> \n                              \n                             <\/div>\n\n                        <\/div> \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable08\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user11\" data-value=\"${all_count_enrollments}\">${all_count_enrollments}<\/td>\n                                \n                            <\/tr>\n\n\n\n                               <tr>\n\n\n                             <td>Not Started<\/td>    <td class=\"part6_user11\" data-value=\"${all_not_started}\">${all_not_started}<\/td>\n                                \n                            <\/tr>\n\n                              \n                              <tr>\n\n                                \n                                 <td>In Progress<\/td> <td class=\"part3_user11\" data-value=\"${all_count_in_progress}\">${all_count_in_progress}<\/td>\n                            <\/tr>\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user11\" data-value=\"${all_count_completed}\">${all_count_completed}<\/td>\n                            <\/tr>\n\n                               \n\n\n                            \n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user11\" data-value=\"${all_completition_rate}\">${all_completition_rate}<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Regions Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart11\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\n\nresult_regions += '<table class=\"sort_tbl\" id=\"sortableTable11\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n\n   result_regions += `\n                            <thead>\n                                <tr>\n\n\n\n                          \n                         \n                                <th data-type=\"text\">Region <span class=\"sort-icon\"><\/span><\/th>\n                              <th data-type=\"numeric\">Companies <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Courses <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Users <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Enrollments<span class=\"sort-icon\"><\/span><\/th>\n                           \n                                  <th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n                                    <th data-type=\"numeric\">Completed<span class=\"sort-icon\"><\/span><\/th>\n                                       <th data-type=\"numeric\">Completition Rate<span class=\"sort-icon\"><\/span><\/th>\n\n                                    \n                            \n                            \n                                \n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                        `;\n\n\n\n\n\n\n                            Object.keys(data_regions[\"regions\"]).forEach(function(Key) {\n\n                               var name_region= Key;\n                               var count_companies= data_regions[\"regions\"][Key][\"count_companies\"];\n                               var count_courses= data_regions[\"regions\"][Key][\"count_courses\"];\n                               var count_users= data_regions[\"regions\"][Key][\"count_users\"];\n                               var count_enrollments= data_regions[\"regions\"][Key][\"count_enrollments\"];\n                               var count_in_progress= data_regions[\"regions\"][Key][\"count_in_progress\"];\n                               var count_completed= data_regions[\"regions\"][Key][\"count_completed\"];\n                               var completition_rate= data_regions[\"regions\"][Key][\"completition_rate\"];\n\n\n                               \n                                  var companies_str=\"\";\n                                    if (data_regions[\"regions\"][Key][\"companies\"] && Object.keys(data_regions[\"regions\"][Key][\"companies\"]).length > 0) {\n                                          Object.keys(data_regions[\"regions\"][Key][\"companies\"]).forEach(function(Key1) {\n\n                                               companies_str+= data_regions[\"regions\"][Key][\"companies\"][Key1]+\",\";\n                                          });\n                                      }\n                                 \/*var companies_str=\"\";\n                                  Object.keys(data_regions[\"regions\"][Key][\"companies\"]).forEach(function(Key1) {\n\n                                       companies_str+= data_regions[\"regions\"][Key][\"companies\"][Key1]+\",\";\n                                 });\n                                var companies_str=\"\";\n                                  Object.keys(data_regions[\"regions\"][Key][\"companies\"]).forEach(function(Key1) {\n\n                                       companies_str+= data_regions[\"regions\"][Key][\"companies\"][Key1]+\",\";\n                                  }*\/\n\n                             \/\/console.log(name_region, count_companies);\n\n\n                                    result_regions+= `\n                                                                        <tr>\n\n\n                                                                                <td><span class=\"reporting-table-see-details_region\" data_companies_str=\"${companies_str}\" data_region-name=\"${name_region}\" >${name_region}<\/span><\/td> \n                                                                                <td> ${count_companies}<\/td> \n                                                                                <td>${count_courses}<\/td> \n                                                                                <td>${count_users}<\/td>\n                                                                                <td>${count_enrollments}<\/td>\n                                                                            \n                                                                                <td>${count_in_progress}<\/td>\n                                                                                <td>${count_completed}<\/td>\n                                                                                    <td>${completition_rate||0}<\/td>\n\n                                                                        <\/tr>\n                                                                    `;\n                                           \n\n                            });\n\n                              \n\n\n\n\n\n\n\n\n\n                        \n\n\n\n   result_regions += '<\/tbody><\/table>';\n\n                        jQuery(\".rez_ajax11\").html(result_regions);\n\n\n\n\n\n\nvar part1= jQuery(\".part1_user11\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user11\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user11\").attr(\"data-value\");\n\nvar val1=part2\/part1*100;\nvar val2=part3\/part1*100;\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart11\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": (Math.round((100-(val1+val2)) * 10) \/ 10),\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": (Math.round((val1) * 10) \/ 10),\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": (Math.round((val2) * 10) \/ 10),\n        \"color\": \"#ffa500\"\n    }],\n\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\nsort_table_click_col('#sortableTable11 th');\nactive_excel_export(11);\n\n\n   detectVisibleColumns(11,125,[0, 7]); \n   initRowModalViewer(11);\n\ninitColumnVisibility(11,null);\n\n \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n\n active_search_table(11, 1, [0]);\n\n center_number_field_tables(11);\n\n    jQuery(\".reporting-table-see-details_region\").off('click').on('click', function() {\n\n\n\n\n\n               jQuery(\".loading_box\").show();\n\n                const sourceTab = currentActiveTab;\n\n                jQuery(\".rez_ajax11\").hide();\n                jQuery(\".rez_ajax12\").show();\n\n\n\n\n\n\n\n\n              \n\n                var region_name=jQuery(this).attr(\"data_region-name\");\n\n\n                var Key=region_name;\n\n                               var name_region= Key;\n\n                               \n                                  var companies_str=\"\";\n                                   if (data_regions[\"regions\"][Key][\"companies\"] && Object.keys(data_regions[\"regions\"][Key][\"companies\"]).length > 0) {\n                                          Object.keys(data_regions[\"regions\"][Key][\"companies\"]).forEach(function(Key1) {\n\n                                               companies_str+= data_regions[\"regions\"][Key][\"companies\"][Key1]+\",\";\n                                          });\n                                     }\n\n\n\/\/\u0441\u0443\u043c\u0430\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \n\n\n                             \n                               var count_enrollments= data_regions[\"regions\"][Key][\"count_enrollments\"];\n                               var count_in_progress= data_regions[\"regions\"][Key][\"count_in_progress\"];\n                               var count_completed= data_regions[\"regions\"][Key][\"count_completed\"];\n                               var completition_rate= data_regions[\"regions\"][Key][\"completition_rate\"];\n\/\/\u0441\u0443\u043c\u0430\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \n\n\nconsole.log(\"company_info\");\nconsole.log(company_info);\n\n\n var company_count= Object.keys(data_regions[\"regions\"][Key][\"companies_info\"]).length;\n\n\n       \n\n\n\n\n\n     \n\n\n\n\n\n\nconsole.log(\"company_info\");\n\n\n\nvar size =  Object.keys(users_overview).length;\n\n\n\nvar resultHtml12 =  `\n\n\n <div class=\"button_back\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n\n<br>\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Companies<\/div>\n\n                      <div class=\"grid_box_info_left\">\n                        \n                             <div class=\"part_user\">\n\n                                    <div class=\"title_info\" >Total Companies:<\/div>\n\n\n                                   <div class=\"count_text\">${company_count}<\/div>\n\n                                    \n\n                             <\/div>\n                             <div class=\"part_user\">\n                            \n                               \n                             \n\n\n                                   <div class=\"title_info\" >Total Users:<\/div>\n\n                                    <div class=\"count_text\">${size}<\/div> \n                              \n                             <\/div>\n\n                        <\/div> \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable012\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user12\" data-value=\"${count_enrollments}\">${count_enrollments}<\/td>\n                                \n                            <\/tr>\n\n   <tr>\n\n\n                             <td>Not Started<\/td>    <td class=\"part6_user12\" data-value=\"${count_enrollments-count_completed}\">${count_enrollments-count_completed}<\/td>\n                                \n                            <\/tr>\n\n\n                               <tr>\n\n                                \n                                 <td>In Progress<\/td> <td class=\"part3_user12\" data-value=\"${count_in_progress}\">${count_in_progress}<\/td>\n                            <\/tr>\n\n                             <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user12\" data-value=\"${count_completed}\">${count_completed}<\/td>\n                            <\/tr>\n\n\n                            \n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user12\" data-value=\"${completition_rate}\">${completition_rate}<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Companies Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart12\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\/\/arr_course_ids = [...new Set(arr_course_ids)];\n\n\n\n\n\n\n\n\n\n\/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c HTML \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430\nresultHtml12 += '<table class=\"sort_tbl\" id=\"sortableTable12\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n\n   resultHtml12 += `\n                            <thead>\n                                <tr>\n                          \n                         \n                                <th data-type=\"text\">Company <span class=\"sort-icon\"><\/span><\/th>\n                              <th data-type=\"numeric\">Total users <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Enrolled users <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Enrollments <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n\n\n                                \n                                <th data-type=\"numeric\">Completitions<span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Completition Rate<span class=\"sort-icon\"><\/span><\/th>\n                            \n                            \n                                \n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                        `;\n\n\n\n\n\n\/\/   jQuery(\".rez_ajax12\").html(region_name+\"  <br>\"+companies_str);\n\n\n       Object.keys(data_regions[\"regions\"][Key][\"companies_info\"]).forEach(function(Key1) {\n\n                                    \/\/   companies_str+= data_regions[\"regions\"][Key][\"companies\"][Key1]+\",\";\n                                     console.log( Key1);\n\n                                    \n\n\n                                     var company_completed= company_info[Key1][\"completed\"];\n                                     var company_in_progress= company_info[Key1][\"in_progress\"];\n                                     var company_users=Object.keys( company_info[Key1][\"users\"]).length;\n                                     var company_courses= Object.keys( company_info[Key1][\"courses\"]).length;\n                                   var company_enrolled = 0;\n\n\n                               \n\n    \n\n\n    \n\n\n                                        \/\/ console.warn(company_info[Key1][\"users\"]);\n\n\nvar userCountWithAccess=0;\n\n   var arr_course_ids = [];\n\n\n\nObject.keys(company_info[Key1][\"users\"]).forEach(function(index) {\n\n     var company_id_user=   company_info[Key1][\"users\"][index];\n     company_enrolled += parseInt(users_overview[company_id_user][\"enrolled\"]);\n\n\n        jQuery.each(course_access_list, function (key0, value) {\n                jQuery.each(value, function (key1, value1) {\n                    if (value1 == company_id_user) {\n                        arr_course_ids.push(key0);\n\n                    }\n                });\n            });\n\n\n     \n\/*\n            if (arr_course_ids.length > 0) { \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043a\u0443\u0440\u0441\u0430\u043c\n              userCountWithAccess++; \n             }*\/\n\n           \n  \n});\n\n\n\n\n\n\n\n\n\n    var sum_Completition_Rate= (company_completed\/company_enrolled)*100;\n    sum_Completition_Rate=  parseFloat(sum_Completition_Rate).toFixed(1);\n\n\n\n\n\n\n     var mass_all_users_company=mass_get_unique_users; \n  let data_all_users_company = typeof mass_all_users_company === \"string\" ? JSON.parse(mass_all_users_company) : mass_all_users_company;\n\n\n \/\/ console.warn(data_all_users_company[Key1]);\n\n\n     var count_company_all_users= Object.keys( data_all_users_company[Key1]).length;\n\n\n\n\n     console.table({ company_enrolled, company_completed, company_in_progress, count_company_all_users, company_users, company_courses,  sum_Completition_Rate });\n\n\n\n\n\n\n\nconst usersValues = Object.values(company_info[Key1][\"users\"]).join(\",\");\nconst coursesValues = Object.values(company_info[Key1][\"courses\"]).join(\",\");\n\n\n\n\n\n\n\n\n\nlet unique_users = [...new Set(arr_course_ids)];\n\n\n\n\n\n\n                        resultHtml12 += `\n                                    <tr>\n                                        <td><span class=\"reporting-table-see-details_company\" data-totale_enrolled=\"${company_enrolled}\" data-total_completed=\"${company_completed}\" data-name_current_company=\"${Key1}\" data-users_ids=\"${usersValues}\" data-courses_ids=\"${coursesValues}\" >${Key1}<\/span><\/td>\n                                        <td>${count_company_all_users}<\/td> <!-- \u041e\u0431\u0449\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 -->\n                                            <td>${unique_users.length}<\/td> <!-- \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u043e\u043c -->\n                                        \n                                            <td>${company_enrolled}<\/td>\n                                              <td>${company_in_progress}<\/td>\n                                            <td>${company_completed}<\/td>\n                                            <td>${sum_Completition_Rate}%<\/td>\n\n                                    <\/tr>\n                                `;\n\n\n                                      });\n\n\n   resultHtml12 += '<\/tbody><\/table>';\n\/\/ \u0412\u044b\u0432\u043e\u0434 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\njQuery(\".rez_ajax12\").html(resultHtml12);\n\n\/\/alert(resultHtml12);\n\n\nsort_table_click_col('#sortableTable12 th');\n\nactive_excel_export(12);\n\n\n\n   detectVisibleColumns(12,125,[0, 6]); \n   initRowModalViewer(12);\n\n\n\ninitColumnVisibility(12,null);\n\n\nactive_search_table(12,1,[0]);\n\ncenter_number_field_tables(12);\n\nvar part1= jQuery(\".part1_user12\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user12\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user12\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user12\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\n\nvar pat2 = ((part3 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\n\n\nvar notStarted =  (100 - ( parseFloat(pat1) + parseFloat(pat2) ));\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart12\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": notStarted,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat1,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat2,\n        \"color\": \"#ffa500\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n  jQuery(\".rez_ajax12 .button_back\").off('click').on('click', function() {\n\n                     if(sourceTab == 6) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432\u043e \u0432\u0442\u043e\u0440\u043e\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax\").hide();\n                jQuery(\".rez_ajax1\").hide();\n                jQuery(\".rez_ajax2\").hide();\n                jQuery(\".rez_ajax3\").hide();\n                jQuery(\".rez_ajax4\").hide();\n                jQuery(\".rez_ajax5\").hide();\n                jQuery(\".rez_ajax6\").hide();\n                jQuery(\".rez_ajax7\").hide();\n                jQuery(\".rez_ajax8\").hide();\n                jQuery(\".rez_ajax9\").hide();\n                jQuery(\".rez_ajax10\").hide();\n                jQuery(\".rez_ajax12\").hide();\n\n                jQuery(\".rez_ajax11\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_6\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='6']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 6;\n            } \n            \n        });\n\n\n\n\n\n\n\n\/\/\/\/\/1212121212\n\n\/*completed\n: \n44\ncourses\n: \n(23) [2547, 2527, 2473, 2458, 2452, 2440, 2432, 2420, 2411, 2393, 2117, 1498, 1118, 1044, 928, 782, 735, 722, 690, 677, 665, 645, 633]\nin_progress\n: \n16\nusers\n: \n(16) [15, 17, 19, 20, 21, 22, 23, 24, 32, 43, 51, 65, 83, 126, 133, 136]*\/\n\n                \n\n\n\n\n\n\n                jQuery(\".loading_box\").hide();\n\n\n                  console.log(\"click_of_company_name===============\");\n                console.log({res, courseList, course_access_list, users_overview });\n\n\n\n                click_of_company_name(res, courseList, course_access_list, users_overview, get_types_courses, get_field_company_user, get_count_slides );\n\n\n\n  \n\n\n    });\n\n\n}\/\/if status region\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n let res_groups = groups;  \/\/\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u0433\u0440\u0443\u043f\u043f\u044b\n  let data = typeof res_groups === \"string\" ? JSON.parse(res_groups) : res_groups;\n\n\n\n\n\n\n\n   \n\n\n\n\n   let groups_info_mass = mass_course_progress;  \/\/\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0433\u0440\u0443\u043f\u043f \u0443 \u043a\u0430\u0436\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\n\n\n                \n \/\/res = typeof res === \"string\" ? JSON.parse(res) : res;\n\n\nconsole.log(\"\");\nconsole.log(\"groups_info_mass\");\nconsole.log(\"\");\n        console.log(groups_info_mass); \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438\n\n        let data_groups_info = typeof groups_info_mass === \"string\" ? JSON.parse(groups_info_mass) : groups_info_mass;\n\n\n\n\n      \n\n       let count_groups=Object.keys(data).length;\n       var size =  Object.keys(users_overview).length;\n\n\n\n     let  completed1 =0;\n    let  enrolled1 =0;\n    let  in_progress1 =0;\n\n            Object.keys(data).forEach(function(groupKey) {\n\n\n                let group = data[groupKey];\n                let group_id =group[\"group_id\"];\n\n                                         \/\/  let  completed =0;\n                                        \/\/let  enrolled =0;\n                                          \/\/  let  in_progress =0;\n                         \n\n\n                                        \n\n                                                                let enrolled_users= \"\";\n\n                                                                let  in_progress= 0;\n                                                                let  completed= 0;\n\n                                            \n\n\n\n\n                          \n                                                   let totalCoursesCount = 0; \/\/ \u0421\u0447\u0435\u0442\u0447\u0438\u043a \u0434\u043b\u044f \u043d\u0435\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u0443\u0440\u0441\u043e\u0432\n\n                                                    group.users.forEach(function(user) {\n                                                     \n                                                            group.courses.forEach(function(course_id) {\n\n                                                                    var user_id_pr=course_access_list[course_id];\n                                                    \n\n                                                                    if(user_id_pr[user] == user) {\n\n                                                                        totalCoursesCount++;  \n                                                                     \n                                                                    }\n\n\n                                                        });\n                                                    });\n\n\n\n\n\n\n\n                                                         completed1  +=completed;\n                                                         enrolled1 +=totalCoursesCount;\n                                                         in_progress1+=in_progress;\n\n\n\n\n\n                        });\n\n\n\n    var sum_Completition_Rate1= (completed1\/enrolled1)*100;\n\n                                    sum_Completition_Rate1=  parseFloat(sum_Completition_Rate1).toFixed(1);\n\n                    var result_groups =  `\n\n<br>\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Groups<\/div>\n\n                      <div class=\"grid_box_info_left\">\n                        \n                             <div class=\"part_user\">\n\n                                    <div class=\"title_info\" >Total Groups:<\/div>\n\n\n                                   <div class=\"count_text\">${count_groups}<\/div>\n\n                                    \n\n                             <\/div>\n                             <div class=\"part_user\">\n                            \n                               \n                             \n\n\n                                   <div class=\"title_info\" >Total Users:<\/div>\n\n                                    <div class=\"count_text\">${size}<\/div> \n                              \n                             <\/div>\n\n                        <\/div> \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable08\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user8\" data-value=\"${enrolled1}\">${enrolled1}<\/td>\n                                \n                            <\/tr>\n\n\n\n                               <tr>\n\n\n                             <td>Not Started<\/td>    <td class=\"part6_user4\" data-value=\"${enrolled1-completed1}\">${enrolled1-completed1}<\/td>\n                                \n                            <\/tr>\n\n                              \n                              <tr>\n\n                                \n                                 <td>In Progress<\/td> <td class=\"part3_user8\" data-value=\"${in_progress1}\">${in_progress1}<\/td>\n                            <\/tr>\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user8\" data-value=\"${completed1}\">${completed1}<\/td>\n                            <\/tr>\n\n                               \n\n\n                            \n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user8\" data-value=\"${sum_Completition_Rate1}\">${sum_Completition_Rate1}%<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Groups Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart8\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\n\nresult_groups += '<table class=\"sort_tbl\" id=\"sortableTable8\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n\n   result_groups += `\n                            <thead>\n                                <tr>\n\n\n\n                          \n                         \n                                <th data-type=\"text\">Group <span class=\"sort-icon\"><\/span><\/th>\n                              <th data-type=\"numeric\">Companies <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Courses <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Users <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Enrollments<span class=\"sort-icon\"><\/span><\/th>\n                           \n                                  <th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n                                    <th data-type=\"numeric\">Completed<span class=\"sort-icon\"><\/span><\/th>\n                                       <th data-type=\"numeric\">Completition Rate<span class=\"sort-icon\"><\/span><\/th>\n\n                                    \n                            \n                            \n                                \n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                        `;\n\n\n\n\n\n\n\n\n                        Object.keys(data).forEach(function(groupKey) {\n                            let group = data[groupKey];\n\n                            let group_id =group[\"group_id\"];\n\n                              \n                                            let  completed =0;\n                                            let  enrolled =0;\n                                            let  in_progress =0;\n\n\n\n                                            in_progress= 0\n                                                    completed= 0;\n                         \n\n\n\n                          \n\n                                                        let uniqueCourses = new Set();\n                                                        let usersWithCourses = new Set();\n                                                        let uniqueCoursesByCompany = new Set();\n                                                        let uniqueUsersByCompany = new Set();\n                                                        let uniqueCompanies = new Set();\n                                                        let totalCoursesCount = 0; \/\/ \u0421\u0447\u0435\u0442\u0447\u0438\u043a \u0434\u043b\u044f \u043d\u0435\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u0443\u0440\u0441\u043e\u0432\n\n\n                             \n\n                                                    group.users.forEach(function(user) {\n                                                        uniqueUsersByCompany.add(user); \n\n\n                                                            group.courses.forEach(function(course_id) {\n\n\n                                                            var user_id_pr=course_access_list[course_id];\n                                                \n\n                                                                if(user_id_pr[user] == user) {\n\n                                                                    uniqueCourses.add(course_id); \n                                                                    uniqueCoursesByCompany.add(course_id);  \n                                                                    usersWithCourses.add(user);  \n                                                                    totalCoursesCount++;  \n                                                                    \n\n                                                                }\n\n\n\n\n                                    \n\n                                                        });\n\n                                                             var company = res[user][\"company\"];\n                                                                    \n                                                                    uniqueCompanies.add(company); \/\/ \u0421\u0447\u0438\u0442\u0430\u0435\u043c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438\n                                                    });\n\n\n\n\n\n\n\n                                    var sum_Completition_Rate = totalCoursesCount ? (completed\/totalCoursesCount)*100 : 0;\n\n                                    sum_Completition_Rate=  parseFloat(sum_Completition_Rate).toFixed(1);\n\n                                     result_groups += `\n                                                                        <tr>\n\n\n                                                                                <td><span class=\"reporting-table-see-details_group\"  data-id_group=\"${group.group_id}\"  data-name_group=\"${group.group_name}\" data-courses_ids=\"${[...uniqueCoursesByCompany].join(', ')}\" data-users_ids=\"${[...usersWithCourses].join(', ')}\">${group.group_name}<\/span><\/td> \n                                                                                <td> ${uniqueCompanies.size}<\/td> \n                                                                                <td>${uniqueCourses.size}<\/td> \n                                                                                <td>${uniqueUsersByCompany.size}<\/td>\n                                                                                <td>${totalCoursesCount}<\/td>\n                                                                            \n                                                                                <td>${in_progress}<\/td>\n                                                                                <td>${completed}<\/td>\n                                                                                    <td>${sum_Completition_Rate||0}%<\/td>\n\n                                                                        <\/tr>\n                                                                    `;\n\n\n\n\n\n\n\n\n\n                        });\n\n\n\n   result_groups += '<\/tbody><\/table>';\n\n                        jQuery(\".rez_ajax8\").html(result_groups);\n\n\n\n\n\nvar part1= jQuery(\".part1_user8\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user8\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user8\").attr(\"data-value\");\n\nvar val1=part2\/part1*100;\nvar val2=part3\/part1*100;\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart8\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": (Math.round((100-(val1+val2)) * 10) \/ 10),\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": (Math.round((val1) * 10) \/ 10),\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": (Math.round((val2) * 10) \/ 10),\n        \"color\": \"#ffa500\"\n    }],\n\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\nsort_table_click_col('#sortableTable8 th');\nactive_excel_export(8);\n\n\n   detectVisibleColumns(8,125,[0, 7]); \n   initRowModalViewer(8);\n\ninitColumnVisibility(8,null);\n\n\nactive_search_table(8, 1, [0]);\n\ncenter_number_field_tables(8);\n\n\n\njQuery(\".reporting-table-see-details_group\").off('click').on('click', function() { \n\n\n\n\n\n\n\n\n\n\n\n\n               jQuery(\".loading_box\").show();\n\n                const sourceTab = currentActiveTab;\n\n                jQuery(\".rez_ajax8\").hide();\n                jQuery(\".rez_ajax9\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_5\").addClass(\"tab_active\");\n\n\n            var id_group=jQuery(this).attr(\"data-id_group\");\n            var ids_courses=jQuery(this).attr(\"data-courses_ids\");\n            var users_ids=jQuery(this).attr(\"data-users_ids\");\n            var name_group=jQuery(this).attr(\"data-name_group\"); \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar promises1 = [];\n\nvar rows = [];\nvar user_ids_of_company_of_course = \"\";\nvar user_ids_of_company_of_course_count = 0;\n\n\nfor (var key in res) {\n    var group = res[key][\"group\"];\n\n\n\n        for (var i = 0; i < group.length; i++) {\n            \n\n             if (group[i]== name_group) {\n                user_ids_of_company_of_course += key + \",\";\n                if (key != \"\") {\n             \n                    rows.push({\n                        rowId: key,\n                        ID: key\n                    });\n                    user_ids_of_company_of_course_count++;\n                }\n            }\n        }\n\n   \n}\n\n\n  \n\nlet courseArray1 = ids_courses.split(', ');\n\n\nvar totalUsers = 0;\nvar totalCompleted = 0;\n\ncourseArray1.forEach(function(id) {\n\n\n\n\n\n    if (id.trim() !== \"\") {\n        var course_id = courseList[id].ID;\n\n        var promise1 = jQuery.ajax({\n            url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data',\n            method: 'POST',\n            contentType: 'application\/x-www-form-urlencoded; charset=UTF-8',\n            headers: {\n                'X-WP-Nonce': '7b0f3d2281',\n            },\n            data: {\n                courseId: course_id,\n                tableType: 'courseSingleTable',\n                rows: rows\n            }\n        }).done(function(response) {\n\n\n\n\n            var countCompleted = 0;\n\n            jQuery.each(response.data, function(index, item) {\n                if (item.completed_date && item.completed_date.timestamp != 0) {\n\n\n\n                    countCompleted++;\n                }\n            });\n\n            \n\n            totalUsers += user_ids_of_company_of_course_count;\n            totalCompleted += countCompleted;\n\n        \n\n          \n        }).fail(function(xhr, status, error) {\n            console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', error);\n        });\n\n\n          promises1.push(promise1);\n    }\n});\n\n\/\/ \u041f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 AJAX-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c totalUsers \u0438 totalCompleted\n\n\njQuery.when.apply(jQuery, promises1).then(function() {\n\n\n\n\n    var procent_completed1 = (totalCompleted \/ totalUsers ) * 100;\n    procent_completed1 = Math.round(procent_completed1 * 10) \/ 10;\n\n          \n\n\n           var  resultHtml9 =  `\n\n\n\n            <div class=\"button_back\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n\n\n         \n           `;\n            resultHtml9 +=  `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Users<\/div>\n\n\n                      <div class=\"part_user\">\n                        \n\n                                 <div class=\"name_big_company\">${name_group}<\/div>\n                            \n                             <\/div>\n\n\n\n\n\n\n\n\n\n\n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n \n\n                             <td>Enrollments<\/td>    <td class=\"part1_user5\" data-value=\"${totalUsers}\">${totalUsers}<\/td>\n                                \n                            <\/tr>\n\n                              \n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user5\" data-value=\"${totalCompleted}\">${totalCompleted}<\/td>\n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user5\" data-value=\"${procent_completed1}\">${procent_completed1}%<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart5\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n   jQuery(\".rez_ajax9 .table_1\").html(resultHtml9);\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar part1= jQuery(\".part1_user5\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user5\").attr(\"data-value\");\n\n\nvar val1=part2\/part1*100;\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart5\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Enrollments_g,\n        \"value\": (Math.round((100-val1) * 10) \/ 10),\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": (Math.round((val1) * 10) \/ 10),\n        \"color\": \"#00C219\"\n    }],\n\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\nconsole.log(part6);\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart5\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Enrolled_g,\n        \"value\": 100,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completions_g,\n        \"value\": part6,\n        \"color\": \"#00C219\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n});\n\n\n\n\n\n\n    \n            \n\n\n \/\/ <th data-type=\"numeric\">Users count <span class=\"sort-icon\"><\/span><\/th>\n\n            \/\/<th data-type=\"numeric\">Not Started<span class=\"sort-icon\"><\/span><\/th>\n            \/\/<th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n\n var resultHtml9 = '<table class=\"sort_tbl\" id=\"sortableTable9\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\nresultHtml9 += `\n    <thead>\n        <tr>\n            <th data-type=\"text\">Course<span class=\"sort-icon\"><\/span><\/th>\n             <th data-type=\"text\">Group<span class=\"sort-icon\"><\/span><\/th>\n          \n            <th data-type=\"numeric\">Enrolled count <span class=\"sort-icon\"><\/span><\/th>\n           \n            <th data-type=\"numeric\">Completed count<span class=\"sort-icon\"><\/span><\/th>\n         \n            <th data-type=\"numeric\">% Completed<span class=\"sort-icon\"><\/span><\/th>\n        <\/tr>\n    <\/thead>\n    <tbody>\n`;\n\n\n\n\/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\nlet courseArray = ids_courses.split(', ');\n\n\/*console.log(\"courseArray\");\nconsole.log(courseArray);\nconsole.log(\"courseArray\");*\/\n\/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043f\u0440\u043e\u043c\u0438\u0441\u043e\u0432 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 AJAX-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432\nvar promises = [];\n\ncourseArray.forEach(function(id) {\n    if (id.trim() !== \"\") {\n\n        var course_id=courseList[id].ID;\n\n\n\n\n        var promise = jQuery.ajax({\n\n            url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data',\n            method: 'POST',\n            contentType: 'application\/x-www-form-urlencoded; charset=UTF-8',\n            headers: {\n                'X-WP-Nonce': '7b0f3d2281',\n            },\n            data: {\n                courseId: course_id,\n                tableType: 'courseSingleTable',\n                rows: rows\n            }\n        }).done(function(response) {\n            console.log('\u041e\u0442\u0432\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 rez:', response.data);\n\n\n\n          \n\n          \/*   rows.forEach(function(item) {\n\n             \n                  \n\n                 \n\n                \n            });\n*\/\n\nlet count_complated = 0;\nlet count_quiz_average = 0;\nlet progress_count = 0;\nlet quiz_count = 0;\n\njQuery.each(response.data, function(index, item) {\n\n    if (item.completed_date && item.completed_date.timestamp != 0) {\n        count_complated++;\n    }\n\n\n    let quiz_average = Number(item.quiz_average) || 0;\n\n \n     \n\n    \n        count_quiz_average += quiz_average;\n        quiz_count++;\n    \n});\n\n\nlet avg_quiz_average = quiz_count > 0 ? count_quiz_average \/ quiz_count : 0;\n\n\navg_quiz_average = Math.round(avg_quiz_average * 10) \/ 10; \n\n\nconsole.log(\"\u0421\u0440\u0435\u0434\u043d\u0435\u0435 quiz_average:\", avg_quiz_average);\n\n\n\n\nvar procent_completed=(count_complated\/user_ids_of_company_of_course_count)*100;\nprocent_completed=Math.round(procent_completed * 10) \/ 10;\n\n    \/\/<td>${\"-\"}<\/td>\n                   \/\/  <td>${\"-\"}<\/td>\n\n\n        \/*  var id_group=jQuery(this).attr(\"data-id_group\");\n            var ids_courses=jQuery(this).attr(\"data-courses_ids\");\n            var users_ids=jQuery(this).attr(\"data-users_ids\");\n            var name_group=jQuery(this).attr(\"data-name_group\"); *\/\n\n\n\n\n\n\n            resultHtml9 += `\n                <tr>\n                    <td><span class=\"reporting-table-see-details_group_course_users\"  data-pocent_completed=\"${procent_completed}\"  data-avg_quiz_score=\"${avg_quiz_average}\"  data-courese_id=\"${courseList[id][\"ID\"]}\" data-completed=\"${count_complated}\"  data-enrolled=\"${user_ids_of_company_of_course_count}\"   data-group_name=\"${name_group}\" data-name=\"${courseList[id][\"post_title\"]}\" data-id_users=\"${user_ids_of_company_of_course}\">${courseList[id][\"post_title\"]}<\/span><\/td>\n                     <td>${name_group}<\/td>\n                    <td>${user_ids_of_company_of_course_count}<\/td>\n\n                    \n                    <td>${count_complated}<\/td>\n                  \n                    <td>${procent_completed||0}%<\/td>\n                <\/tr>\n            `;\n        }).fail(function(xhr, status, error) {\n            console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', error);\n        });\n\n        promises.push(promise);\n    }\n});\n\n\/\/ \u0414\u043e\u0436\u0438\u0434\u0430\u0435\u043c\u0441\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0445 AJAX-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c HTML\njQuery.when.apply(jQuery, promises).then(function() {\n    resultHtml9 += '<\/tbody><\/table>';\n    jQuery(\".rez_ajax9 .table_2\").html(resultHtml9);\n\n\n\n\n             jQuery(\".button_back\").off('click').on('click', function() {\n\n              \n      \n              if(sourceTab == 5) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax9\").hide();\n                jQuery(\".rez_ajax8\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_5\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='5']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 5;\n            }\n\n        });\n\n\n             sort_table_click_col('#sortableTable9 th');\n\n             active_excel_export(9);\n\n\n\n                detectVisibleColumns(9,125,[0, 4]); \n                initRowModalViewer(9);\n\n\n\n\n\n             initColumnVisibility(9,null);\n\n\n\n\n\n\n\n\n             active_search_table(9,1,[0, 1]);\n\n             center_number_field_tables(9);\n\n\n             jQuery(\".loading_box\").hide();\n\n\n\n\n\n\n\n\n\n\n\n\n\n    jQuery(\".reporting-table-see-details_group_course_users\").off('click').on('click', function() {\n\n                 jQuery(\".loading_box\").show();\n\n\n                jQuery(\".rez_ajax8\").hide();\n                jQuery(\".rez_ajax9\").hide();\n                jQuery(\".rez_ajax10\").show();\n\n\n\n\n\n\n                      \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0442\u0430\u0431, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u044b\u043b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d \u043a\u043b\u0438\u043a\n                const sourceTab = currentActiveTab;\n\n          \n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_5\").addClass(\"tab_active\");\n\n\n\n\n\n        \n                                                        \n            var data_courese_id=jQuery(this).attr(\"data-courese_id\");\n            var data_company_name=jQuery(this).attr(\"data-group_name\");\n            var data_group_name=jQuery(this).attr(\"data-group_name\");\n            var data_id_users=jQuery(this).attr(\"data-id_users\");\n            var data_name_course=jQuery(this).attr(\"data-name\");\n\n\n                var data_pocent_completed=jQuery(this).attr(\"data-pocent_completed\");\n                var data_avg_quiz_score=jQuery(this).attr(\"data-avg_quiz_score\");\n                var data_courese_id=jQuery(this).attr(\"data-courese_id\");\n                var data_completed=jQuery(this).attr(\"data-completed\");\n                var data_enrolled=jQuery(this).attr(\"data-enrolled\");\n\n\n\n\n\n\nconsole.log('\u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0438 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f:');\nconsole.log({ data_courese_id, data_company_name, data_id_users, data_name_course, data_pocent_completed, data_avg_quiz_score, data_completed, data_enrolled });\n\n            \n\n\n\n\n\n\n\n\n               \nlet totalEnrolled = 0;\nlet totalNotStarted= 0;\nlet totalInProgress= 0;\nlet totalCompleted= 0;\nlet percentCompleted= 0;\n\n\/*percentCompleted= procent_completions;\ntotalCompleted= completions ;\ntotalInProgress=  in_progress ;\n totalNotStarted= not_started ;\ntotalEnrolled = id_enrolled;\n            \/\/id_course *\/\n\n\n             \/\/  <div>${data_company_name} > ${data_name_course}<\/div>\n\n\n               let  resultHtml10 = `\n\n\n\n            <div class=\"button_back button_back10\" style=\"margin-top: 20px; cursor: pointer; \">Back<\/div>\n\n\n         \n           `;\n\n\n                  resultHtml10  +=  `\n\n\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                     \n\n                       <a href=\"\" class=\"link_course\"><div class=\"img_course\"><\/div><\/a>\n                      <a href=\"\" class=\"link_course\"> <div class=\"title_course\"><\/div><\/a>\n                    \n\n                \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable010\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n                     \n\n                             <td>Enrolled<\/td>   <td class=\"part1_user10\" data-value=\"${data_enrolled}\">${data_enrolled}<\/td>\n                                \n                            <\/tr>\n\n                        \n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user10\" data-value=\"${data_completed}\">${data_completed}<\/td>\n                            <\/tr>\n\n\n                             <tr>\n\n                                \n                                 <td>% Completions<\/td> <td class=\"part6_user10\" data-value=\"${data_pocent_completed}\">${data_pocent_completed}%<\/td>\n                            <\/tr>\n\n                            <tr>\n\n                                \n                                 <td>Avg Quiz Score<\/td> <td class=\"part7_user10\" data-value=\"${data_avg_quiz_score}\">${data_avg_quiz_score}%<\/td>\n                            <\/tr>\n\n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Course Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart10\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\n\n\n\n \/\/ <th data-type=\"numeric\">Users count <span class=\"sort-icon\"><\/span><\/th>\n\n resultHtml10  += '<table class=\"sort_tbl\" id=\"sortableTable10\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\nresultHtml10  += `\n    <thead>\n        <tr>\n            <th data-type=\"text\">User<span class=\"sort-icon\"><\/span><\/th>\n            <th data-type=\"text\">Group<span class=\"sort-icon\"><\/span><\/th>\n            <th data-type=\"text\">Company<span class=\"sort-icon\"><\/span><\/th>\n             <th data-type=\"text\">Email <span class=\"sort-icon\"><\/span><\/th>\n            <th data-type=\"text\">City<span class=\"sort-icon\"><\/span><\/th>\n             <th data-type=\"text\">Job Title<span class=\"sort-icon\"><\/span><\/th>\n\n\n            \n          \n            <th data-type=\"numeric\">% Completed<span class=\"sort-icon\"><\/span><\/th>\n            <th data-type=\"numeric\">Completion Date<span class=\"sort-icon\"><\/span><\/th>\n            <th data-type=\"numeric\">Avg Quiz Score<span class=\"sort-icon\"><\/span><\/th>\n        <\/tr>\n    <\/thead>\n    <tbody>\n`;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar ids = data_id_users.split(',').filter(Boolean);\n\n\nrows=[];\nids.forEach(function(id) {\n\n  rows.push({\n                rowId: id,\n                ID: id\n            });\n\n});\n\n\n\n\n jQuery.ajax({\n\n                                                        url: 'https:\/\/digital.staff-capital.com\/wp-json\/uncanny_reporting\/v1\/table_data',\n                                                        method: 'POST',\n                                                        contentType: 'application\/x-www-form-urlencoded; charset=UTF-8',\n                                                        headers: {\n                                                            'X-WP-Nonce': '7b0f3d2281',\n                                                        },\n                                                        data: {\n                                                            courseId: data_courese_id,\n                                                            tableType: 'courseSingleTable',\n                                                            rows: rows\n                                                        }\n                                                    }).done(function(response11) {\n                                                        console.log('\u041e\u0442\u0432\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 one_course rez:', response11.data);\n\n\n\n                                                        ids.forEach(function(id) {\n\n                                                               const userData = res[id]; \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\n\n\n\n\n\n                                                                   resultHtml10  += `\n                                                                    <tr>\n\n\n                                                                        <td><span class=\"reporting-table-see-details_user\" data-group_name=\"${data_group_name}\" data-procent_quiz=\"${response11.data[id].quiz_average|| 0}\" data-procent_progress=\"${response11.data[id].progress||0}\" data-id_course=\"${data_courese_id}\" data_id_jump_course=\"${data_courese_id}\"  data-city=\"${userData.city|| \"-\"}\" data-company=\"${userData.company|| \"-\"}\"  data-job_title=\"${userData.job_title|| \"-\"}\"   data-avatar_url=\"${userData.avatar_url|| \"-\"}\" data-name=\"${users_overview[id][\"display_name\"]}\" data-email=\"${users_overview[id][\"user_email\"]}\" data-completeds=\"${users_overview[id][\"completed\"]}\" data-in_progress=\"${users_overview[id][\"in_progress\"]}\" data-enrolled=\"${users_overview[id][\"enrolled\"]}\" data-not_started=\"${users_overview[id][\"enrolled\"]-(users_overview[id][\"completed\"]+users_overview[id][\"in_progress\"])}\" data-id_user=\"${id}\">${users_overview[id][\"display_name\"]}<\/span><\/td>\n\n\n                                                                  \n\n                                                                         <td>${data_group_name|| \"-\"}<\/td>\n                                                                         <td>${res[id].company|| \"-\"}<\/td>\n                                                                       <td  title=\"${res[id].email}\">${\n                                                                          res[id].email\n                                                                            ? `<a href=\"mailto:${res[id].email}\">${res[id].email}<\/a>`\n                                                                            : \"-\"\n                                                                        }<\/td>\n\n\n                                                                         <td>${res[id].city|| \"-\"}<\/td>\n                                                                          <td>${res[id].job_title|| \"-\"}<\/td>\n\n\n                                                                          <td>${response11.data[id].progress} %<\/td>\n                                                                        <td>${response11.data[id].completed_date.display|| \"-\"}<\/td>\n                                                                      \n                                                                        <td>${response11.data[id].quiz_average|| \"-\"}<\/td>\n                                                                    <\/tr>\n                                                                `;\n\n                                                               \/\/ console.log(res[id].city); \n\n\n\n\n                                                        });\n\n\n\n\n  resultHtml10  += '<\/tbody><\/table>';\n    jQuery(\".rez_ajax10\").html(resultHtml10 );\n\n\n\n\nvar part6= jQuery(\".part6_user10\").attr(\"data-value\");\n\nconsole.log(part6);\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart10\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Enrolled_g,\n        \"value\": 100,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completions_g,\n        \"value\": part6,\n        \"color\": \"#00C219\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n        jQuery(\".button_back_10\").off('click').on('click', function() {\n\n              \n      \n              if(sourceTab == 5) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n                jQuery(\".rez_ajax10\").hide();\n                jQuery(\".rez_ajax8\").hide();\n                jQuery(\".rez_ajax9\").show();\n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_5\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='5']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 5;\n            }\n        });\n\n        jQuery(\".loading_box\").hide();\n\n\n        \/\/click_of_user_name(course_access_list, courseList, users_overview, in_progress);\n\n\n\n\n\n\n\n\/\/333333\n\nclick_of_user_name_get_lessons(course_access_list, courseList, users_overview, in_progress);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                    jQuery.ajax({\n                url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n                type: \"POST\",\n                cache: false,\n                data: { \n                    action: 'get_course_img',  \n                    id_course: data_courese_id                    \n                },\n                success: function(res1) {\n                    if (res1.success) {\n                         const data = res1.data;\n\n                       \/\/ jQuery('.text_header_user').text(data.title);\n                        jQuery('.link_course').attr('href', data.url);\n                        jQuery('.title_course').text(data.title);\n                        jQuery('.img_course').css('background-image', 'url(' + data.image_url + ')');\n                    } else {\n                        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445: ', res1);\n                    }\n                },\n                error: function(res1) {     \n                    console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', res1);                \n                }\n            });\n\n\n\n\n\n\n\n\n\n\n\n          jQuery(\".button_back.button_back10\").off('click').on('click', function() {\n\n            jQuery(\".rez_ajax8\").hide();\n             jQuery(\".rez_ajax10\").hide();\n                jQuery(\".rez_ajax9\").show();\n\n              \n         \n\n             if(sourceTab == 5) {\n                \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431\n          \n                \n                jQuery(\".box_content_tab div.tabs_content\").removeClass(\"tab_active\");\n                jQuery(\".box_content_tab .tab_num_5\").addClass(\"tab_active\");\n                \n                jQuery(\".tabs_box div.tab\").removeClass(\"tab_active\");\n                jQuery(\".tabs_box div.tab[data-tab_num='5']\").addClass(\"tab_active\");\n                \n                currentActiveTab = 5;\n            }\n\n\n        });\n\n\n        sort_table_click_col('#sortableTable10 th');\n\n        active_excel_export(10);\n\n\n\n           detectVisibleColumns(10,125,[0, 6]); \n   initRowModalViewer(10);\n\n      \/\/  active_search_table(10,1, [0, 1, 2, 3, 4, 5]);\n\n      center_number_field_tables(10);\n\n\n\n\n\n                            \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u044b\n                const customStatusFilters = [\n                  {\n                    name: \"Not completed\",\n                    colIndex: 7, \/\/ \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \"Completion Date\"\n                    condition: val => val.trim() === \"-\"\n                  },\n                  {\n                    name: \"Completed\",\n                    colIndex: 7,\n                    condition: val => val.trim() !== \"-\"\n                  }\n                ];\n\ninitColumnVisibility(10, customStatusFilters);\n\n active_search_table(10, 1, [0, 1, 2, 3, 4, 5], customStatusFilters);\n\/\/ status_filter_dropdown(10, customStatusFilters);\n\n center_number_field_tables(10);\n\n                                                        \n                                                        \n                                                          }).fail(function(xhr, status, error) {\n                                                        console.log('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430:', error);\n                                                    });\n\n                                             \n\n\n\n\n});\n\n\n\n\n\n\n\n\n         }); \/\/$.when.apply($, promises).then(function() {\n\n});\n\n\n\n\n\n\n\n\n\n\/\/-------------------------------------------------\u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043a\u0443\u0440\u0441\u0430------------------------------------------------------------------------\n     \/\/ \u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 AJAX-\u0437\u0430\u043f\u0440\u043e\u0441\u0430\n\n     \n                var users_ids_str11=\"\";\n\n             jQuery.each(users_overview, function(key, value) {\n                    users_ids_str11+=key+\",\"; \/\/id users\n             });\n\n\n\n                jQuery.ajax({\n                    url: 'https:\/\/digital.staff-capital.com\/wp-admin\/admin-ajax.php',\n                    type: \"POST\",\n                    cache: false,\n                    data: { \n                        action: 'get_field_company_user',  \n                        users_ids_str: users_ids_str11,                    \n                    },\n                success: function(res20) { \n                    \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043b\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d \u0437\u0430\u043f\u0440\u043e\u0441\n                    if (res20.success) {\n\n                         console.log(\"-------------------res\"); \/\/\n\n                        console.log(res); \/\/ \u0412\u044b\u0432\u043e\u0434 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 JSON\n\n                          console.log(\"===================res\"); \/\/\n\n\n\n\n\n\n\n\n\n\nvar uniqueData = {}; \/\/ \u041e\u0431\u044a\u0435\u043a\u0442 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0439 \u0438 \u0441\u0443\u043c\u043c\u0430\u0440\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044b\u0445 \u043a\u0443\u0440\u0441\u043e\u0432\n\n\n\n\n\n\n\n\/\/ \u0413\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435\n\/\/ \u0413\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435\nfor (var key in res) {\n    var company = res[key][\"company\"];\n    var city = res[key][\"city\"];\n    var completed = parseInt(users_overview[key][\"completed\"]) || 0;\n    var enrolled = parseInt(users_overview[key][\"enrolled\"]) || 0;\n\n    var totaleUserId = key;\n    var arr_course_ids = [];\n\n    jQuery.each(course_access_list, function (key0, value) {\n        jQuery.each(value, function (key1, value1) {\n            if (value1 == key) {\n                arr_course_ids.push(key0);\n            }\n        });\n    });\n\n    var totaleCourseUserIdStr = arr_course_ids.join(\",\");\n\n    if (company && company !== null) {\n        if (!uniqueData[company]) {\n            uniqueData[company] = { \n                totalUserCount: 0,            \/\/ \u041e\u0431\u0449\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439\n                userCountWithAccess: 0,       \/\/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u043e\u043c\n                totalCompleted: 0, \n                totaleEnrolled: 0, \n                totaleUserId: '', \n                totaleCourseUserId: '' \n            };\n        }\n\n        uniqueData[company].totalUserCount++; \/\/ \u0421\u0447\u0438\u0442\u0430\u0435\u043c \u0432\u0441\u0435\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439\n\n        if (arr_course_ids.length > 0) { \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043a\u0443\u0440\u0441\u0430\u043c\n            uniqueData[company].userCountWithAccess++; \n            uniqueData[company].totalCompleted += completed;\n            uniqueData[company].totaleEnrolled += enrolled;\n            uniqueData[company].totaleUserId += totaleUserId + \",\";\n            uniqueData[company].totaleCourseUserId += totaleCourseUserIdStr + \",\";\n        }\n    }\n}\n\n\n\n\nvar totalEnrolled = 0;\nvar totalNotStarted = 0;\nvar totalInProgress = 0;\nvar totalCompleted = 0;\n\n\nvar companies = new Set();\n\nfor (var key in users_overview) {\n\n\n\n    let enrolled = users_overview[key][\"enrolled\"] || 0;\n    let completed = users_overview[key][\"completed\"] || 0;\n    let inProgress = users_overview[key][\"in_progress\"] || 0;\n    let notStarted = enrolled - (completed + inProgress);\n\n    totalEnrolled += enrolled;\n    totalNotStarted += notStarted;\n    totalInProgress += inProgress;\n    totalCompleted += completed;\n\n\n    if (res[key] && res[key][\"company\"]) {\n        companies.add(res[key][\"company\"]);\n    }\n}\n\nvar size =  Object.keys(users_overview).length;\n\nvar sum_totaleEnrolled=0;\nvar sum_totalCompleted=0;\nvar sum_totalIn_progress=0;\n\n\n\n\n\n\n\n\n\nfor (var company in uniqueData) {\n\n     var  in_progress= 0;\n     var   completed= 0;\n\n    sum_totaleEnrolled+=uniqueData[company].totaleEnrolled;\n    sum_totalCompleted+=completed;\n    sum_totalIn_progress+=in_progress;\n}\n\n\n\n\nvar sum_Completition_Rate= (sum_totalCompleted\/sum_totaleEnrolled)*100;\n\nsum_Completition_Rate=  parseFloat(sum_Completition_Rate).toFixed(1);\n\n\n\/\/12121212121\n\nvar resultHtml5 =  `\n\n<br>\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Companies<\/div>\n\n                      <div class=\"grid_box_info_left\">\n                        \n                             <div class=\"part_user\">\n\n                                    <div class=\"title_info\" >Total Companies:<\/div>\n\n\n                                   <div class=\"count_text\">${companies.size}<\/div>\n\n                                    \n\n                             <\/div>\n                             <div class=\"part_user\">\n                            \n                               \n                             \n\n\n                                   <div class=\"title_info\" >Total Users:<\/div>\n\n                                    <div class=\"count_text\">${size}<\/div> \n                              \n                             <\/div>\n\n                        <\/div> \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user4\" data-value=\"${sum_totaleEnrolled}\">${sum_totaleEnrolled}<\/td>\n                                \n                            <\/tr>\n\n   <tr>\n\n\n                             <td>Not Started<\/td>    <td class=\"part6_user4\" data-value=\"${sum_totaleEnrolled-sum_totalCompleted}\">${sum_totaleEnrolled-sum_totalCompleted}<\/td>\n                                \n                            <\/tr>\n\n\n                               <tr>\n\n                                \n                                 <td>In Progress<\/td> <td class=\"part3_user4\" data-value=\"${sum_totalIn_progress}\">${sum_totalIn_progress}<\/td>\n                            <\/tr>\n\n                             <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part2_user4\" data-value=\"${sum_totalCompleted}\">${sum_totalCompleted}<\/td>\n                            <\/tr>\n\n\n                            \n\n\n\n                            \n\n                              \n\n                             \n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user4\" data-value=\"${sum_Completition_Rate}\">${sum_Completition_Rate}%<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Companies Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart4\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\/\/arr_course_ids = [...new Set(arr_course_ids)];\n\n\n\n\n\n\n\n\n\n\/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c HTML \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430\nresultHtml5 += '<table class=\"sort_tbl\" id=\"sortableTable5\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n\n   resultHtml5 += `\n                            <thead>\n                                <tr>\n                          \n                         \n                                <th data-type=\"text\">Company <span class=\"sort-icon\"><\/span><\/th>\n                              <th data-type=\"numeric\">Total users <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Enrolled users <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Enrollments <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n\n\n                                \n                                <th data-type=\"numeric\">Completitions<span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Completition Rate<span class=\"sort-icon\"><\/span><\/th>\n                            \n                            \n                                \n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                        `;\n\n\n\n\n\n\n\n\n\n\n\n   \nconsole.log(\"company_info_mass\");\n  console.log(company_info);\n\/*Object.keys(company_info).forEach(function(companyKey) {\n\n\n     var  in_progress= company_info[companyKey].in_progress;\n     var   completed= company_info[companyKey].completed;\n\n\n     console.log(\"company_info\",in_progress, completed );\n});\n*\/\n\n\nfor (var company in uniqueData) {\n\n       var  in_progress= 0;\n     var   completed= 0;\n\nvar total_user_of_company_procent_completed=(completed\/uniqueData[company].totaleEnrolled)*100;\n\n\ntotal_user_of_company_procent_completed = Math.round(total_user_of_company_procent_completed * 10) \/ 10;\n\n\n   \/\/ \u0420\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443 \u043d\u0430 \u043c\u0430\u0441\u0441\u0438\u0432\nlet courseIdsArray = uniqueData[company].totaleCourseUserId.split(\",\");\n\n\/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0443\u0431\u043b\u0438\u043a\u0430\u0442\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Set\nlet uniqueCourseIds = [...new Set(courseIdsArray)];\n\n\/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u0432 \u0441\u0442\u0440\u043e\u043a\u0443\nlet uniqueCourseIdsString = uniqueCourseIds.join(\",\");\n\n\nlet trimTotaleUserId = uniqueData[company].totaleUserId.endsWith(',') ? uniqueData[company].totaleUserId.slice(0, -1) : uniqueData[company].totaleUserId;\n\n \/\/   <td>${uniqueData[company].totaleEnrolled}<\/td>\n                                           \/\/ <td>${uniqueData[company].totalCompleted}<\/td>\n\n\n  \n         resultHtml5 += `\n                                    <tr>\n                                        <td><span class=\"reporting-table-see-details_company\" data-totale_enrolled=\"${uniqueData[company].totaleEnrolled}\"  data-total_completed=\"${uniqueData[company].totalCompleted}\" data-name_current_company=\"${company}\" data-users_ids=\"${trimTotaleUserId}\" data-courses_ids=\"${uniqueCourseIdsString}\">${company}<\/span><\/td>\n                                        <td>${uniqueData[company].totalUserCount}<\/td> <!-- \u041e\u0431\u0449\u0435\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 -->\n                                            <td>${uniqueData[company].userCountWithAccess}<\/td> <!-- \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441 \u0434\u043e\u0441\u0442\u0443\u043f\u043e\u043c -->\n                                        \n                                            <td>${uniqueData[company].totaleEnrolled}<\/td>\n                                              <td>${in_progress}<\/td>\n                                            <td>${completed}<\/td>\n                                            <td>${total_user_of_company_procent_completed}%<\/td>\n\n\n                                       \n\n                                        \n                                      \n                                     \n                                    \n                                        \n                                    <\/tr>\n                                `;\n\n}\n   resultHtml5 += '<\/tbody><\/table>';\n\/\/ \u0412\u044b\u0432\u043e\u0434 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\njQuery(\".rez_ajax5\").html(resultHtml5);\n\n\n\n\n\n\nvar part1= jQuery(\".part1_user4\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user4\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user4\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user4\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\n\nvar pat2 = ((part3 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\n\n\nvar notStarted =  (100 - ( parseFloat(pat1) + parseFloat(pat2) ));\n\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart4\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": notStarted,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat1,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat2,\n        \"color\": \"#ffa500\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\nclick_of_company_name(res, courseList, course_access_list, users_overview, get_types_courses, get_field_company_user, get_count_slides );\n\n\n\n\n\n\n\n\n\n\nsort_table_click_col('#sortableTable5 th');\nactive_excel_export(5);\n\n\n\n\ndetectVisibleColumns(5,125,[0, 6]); \ninitRowModalViewer(5);\n\ninitColumnVisibility(5,null);\n\n\n \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n active_search_table(5, 1, [0]);\n\n center_number_field_tables(5);\n\n\n\n\n\/\/${courses_count}\n\/\/${unique_user_id_all_Courses_Count}\n\n\nvar totalEnrolled = 0;\nvar totalNotStarted = 0;\nvar totalInProgress = 0;\nvar totalCompleted = 0;\n\n\nvar companies = new Set();\n\nfor (var key in users_overview) {\n\n\n\n    let enrolled = users_overview[key][\"enrolled\"] || 0;\n    let completed = users_overview[key][\"completed\"] || 0;\n    let inProgress = users_overview[key][\"in_progress\"] || 0;\n    let notStarted = enrolled - (completed + inProgress);\n\n    totalEnrolled += enrolled;\n    totalNotStarted += notStarted;\n    totalInProgress += inProgress;\n    totalCompleted += completed;\n\n\n    if (res[key] && res[key][\"company\"]) {\n        companies.add(res[key][\"company\"]);\n    }\n}\n\nvar size =  Object.keys(users_overview).length;\n\n\n\n\nvar sum_Completition_Rate1= (totalCompleted\/totalEnrolled)*100;\n\n                                    sum_Completition_Rate1=  parseFloat(sum_Completition_Rate1).toFixed(1);\n\n\n var  resultHtml3  =  `\n\n<br>\n             <div class=\"grid_box\"> \n\n                      <div class=\"box_user\">\n\n                      <div class=\"text_header_user\">Users<\/div>\n\n                      <div class=\"grid_box_info_left\">\n                        \n                             <div class=\"part_user\">\n\n                                    <div class=\"title_info\" >Total Users:<\/div>\n\n                                    <div class=\"count_text\">${size}<\/div> \n\n                             <\/div>\n                             <div class=\"part_user\">\n                            \n                               \n                                    <div class=\"title_info\" >Total Companies:<\/div>\n\n\n                                   <div class=\"count_text\">${companies.size}<\/div>\n                              \n                             <\/div>\n\n                        <\/div> \n\n                      <\/div>\n                     <div class=\"table_top_center_progress\">\n\n                           <table id=\"sortableTable05\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">\n                        <thead>\n                        <tr>\n\n                               \n                                <th colspan=\"2\">Overview<\/th>\n                              \n                              \n                            <\/tr>\n                     \n                        <\/thead>\n                        <tbody>\n\n                           <tr>\n\n\n                             <td>Enrollments<\/td>    <td class=\"part1_user3\" data-value=\"${totalEnrolled}\">${totalEnrolled}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                                 \n                             <td>Not Started<\/td>    <td class=\"part2_user3\" data-value=\"${totalNotStarted}\">${totalNotStarted}<\/td>\n                                \n                            <\/tr>\n\n                              <tr>\n\n                            \n                                 <td>In Progress<\/td> <td class=\"part3_user3\" data-value=\"${totalInProgress}\">${totalInProgress}<\/td>\n                                 \n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completions<\/td> <td class=\"part4_user3\" data-value=\"${totalCompleted}\">${totalCompleted}<\/td>\n                            <\/tr>\n\n                              <tr>\n\n                                \n                                 <td>Completition Rate<\/td> <td class=\"part5_user3\" data-value=\"${sum_Completition_Rate1}\">${sum_Completition_Rate1}%<\/td>\n                            <\/tr>\n\n\n                            \n                                <\/tbody>\n                    <\/table>\n\n                     <\/div>\n                     <div class=\"grafik\">\n\n\n\n\n                    <div class=\"reporting-metabox\" id=\"courseSingleOverviewPieChartContainer\">\n                        <div class=\"reporting-dashboard-col-heading\">Users Status<\/div>\n                        <div class=\"reporting-dashboard-col-content reporting-dashboard-col-content--no-padding reporting-dashboard-col-content--no-min-height\">\n                            <div class=\"reporting-metabox--hide-table-top reporting-metabox--table-one-result\">\n                                <div id=\"courseSingleOverviewPieChart3\" style=\"width: 100%; height: 200px;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n\n\n\n                     <\/div>\n            <\/div>\n            <br>\n\n\n        `;\n\n\n\n\n\n                     resultHtml3 += '<table class=\"sort_tbl\" id=\"sortableTable3\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" style=\"width: 100%; text-align: left; border-collapse: collapse;\">';\n                        resultHtml3 += `\n                            <thead>\n                                <tr>\n                               <th data-type=\"numeric\">ID <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"text\">Name <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"text\">Company <span class=\"sort-icon\"><\/span><\/th>\n                                 <th data-type=\"text\">Email <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"text\">City <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"text\">Job Title <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Courses Enrolled <span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Not Started<span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">In Progress<span class=\"sort-icon\"><\/span><\/th>\n                                <th data-type=\"numeric\">Completed <span class=\"sort-icon\"><\/span><\/th>\n                                \n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                        `;\n\n\n                            for (var key in users_overview) {\n\n\n                                 resultHtml3 += `\n                                    <tr>\n                                        <td>${key}<\/td>\n                                        <td><span class=\"reporting-table-see-details_user_start\" data-city=\"${res[key][\"city\"]|| \"-\"}\" data-company=\"${res[key][\"company\"]|| \"-\"}\"  data-job_title=\"${res[key][\"job_title\"]|| \"-\"}\"   data-avatar_url=\"${res[key][\"avatar_url\"]|| \"-\"}\" data-name=\"${users_overview[key][\"display_name\"]}\" data-email=\"${users_overview[key][\"user_email\"]}\" data-completeds=\"${users_overview[key][\"completed\"]}\" data-in_progress=\"${users_overview[key][\"in_progress\"]}\" data-enrolled=\"${users_overview[key][\"enrolled\"]}\" data-not_started=\"${users_overview[key][\"enrolled\"]-(users_overview[key][\"completed\"]+users_overview[key][\"in_progress\"])}\" data-id_user=\"${key}\">${users_overview[key][\"display_name\"]}<\/span><\/td>\n                                        <td  title=\"${res[key][\"company\"]|| \"-\"}\" >${res[key][\"company\"]|| \"-\"}<\/td>\n                                            <td  title=\"${res[key][\"email\"]}\">${\n                                                  res[key][\"email\"]\n                                                    ? `<a href=\"mailto:${res[key][\"email\"]}\">${res[key][\"email\"]}<\/a>`\n                                                    : \"-\"\n                                                }<\/td>\n\n                                        <td>${res[key][\"city\"]|| \"-\"}<\/td>\n                                        <td>${res[key][\"job_title\"]|| \"-\"}<\/td>\n                                        <td>${users_overview[key][\"enrolled\"]}<\/td>\n                                        <td>${users_overview[key][\"enrolled\"]-(users_overview[key][\"completed\"]+users_overview[key][\"in_progress\"])}<\/td>\n                                        <td>${users_overview[key][\"in_progress\"]}<\/td>\n                                        <td>${users_overview[key][\"completed\"]}<\/td>\n                                     \n                                    \n                                        \n                                    <\/tr>\n                                `;\n\n\n\n                            }\n\n                                resultHtml3 += '<\/tbody><\/table>';\n\n                          \/\/ \u0412\u044b\u0432\u043e\u0434\u0438\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\n\n                          jQuery(\".rez_ajax3\").hide();\n                        jQuery(\".rez_ajax3\").html(resultHtml3);\n\n\n\n\nvar part1= jQuery(\".part1_user3\").attr(\"data-value\");\nvar part2= jQuery(\".part2_user3\").attr(\"data-value\");\nvar part3= jQuery(\".part3_user3\").attr(\"data-value\");\nvar part4= jQuery(\".part4_user3\").attr(\"data-value\");\n\n\nvar one_procent=part1\/100;\n\n\n\n  \/\/ \u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430\nvar pat1 = ((part2 \/ part1) * 100).toFixed(1); \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u043d\u0435 \u043d\u0430\u0447\u0430\u0442\u044b\u0445\nvar pat2 = ((part4 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0445\nvar pat3 = ((part3 \/ part1) * 100).toFixed(1);  \/\/ \u041f\u0440\u043e\u0446\u0435\u043d\u0442 \u0432 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0435\n\n\nconsole.log(pat1);\nconsole.log(pat2);\nconsole.log(pat3);\n\n\n    \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b amCharts\nvar chart = AmCharts.makeChart(\"courseSingleOverviewPieChart3\", {\n    \"type\": \"pie\",\n    \"theme\": \"light\",\n    \"addClassNames\": true,\n    \"labelRadius\": 10,\n    \"labelText\": \"[[category]]: [[value]]%\",\n    \"dataProvider\": [{\n        \"category\": Not_Started_g,\n        \"value\": pat1,\n        \"color\": \"#E3E3E3\"\n    }, {\n        \"category\": Completed_g,\n        \"value\": pat2,\n        \"color\": \"#00C219\"\n    }, {\n        \"category\": In_Progress_g,\n        \"value\": pat3,\n        \"color\": \"#FF9E02\"\n    }],\n    \"valueField\": \"value\",\n    \"titleField\": \"category\",\n    \"outlineAlpha\": 0.4,\n    \"depth3D\": 0,\n    \"angle\": 0,\n    \"innerRadius\": \"50%\", \/\/ \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0443\u0431\u043b\u0438\u043a\u0430\n    \"colorField\": \"color\", \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u0430 \u0438\u0437 \u043f\u043e\u043b\u044f \"color\"\n    \"export\": {\n        \"enabled\": true\n    }\n});\n\n\n\n\n\n\n\/\/\u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430------------\n\n\nsort_table_click_col('#sortableTable3 th');\n\n  active_excel_export(3);\n\n\n\n\n   detectVisibleColumns(3,125,[1, 7]); \n   initRowModalViewer(3);\n\n\n\n   initColumnVisibility(3,null);\n\n\n\n\n   \/\/\u043d\u043e\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \/\/\u0412\u044b\u0431\u0440\u0430\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \/\/\u041c\u0430\u0441\u0441\u044b\u0432 \u043f\u043e\u043b\u0435\u0439 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430\n active_search_table(3, 2, [0, 1, 2, 3, 4, 5]);\n\n center_number_field_tables(3);\n\n\n\n\n\/\/ \u0442\u0430\u0431 1 ---------------- \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441 \u043a\u0443\u0440\u0441\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f----------\n\n\nclick_of_user_name_start(course_access_list, courseList, users_overview, in_progress, get_field_company_user, get_count_slides, get_types_courses);\n\n currentActiveTab=2;\n\n\n setTimeout(function() {\n\n \/\/jQuery(  '.rez_ajax3 .reporting-table-see-details_user_start[data-id_user=\"19\"]').trigger('click');\n\n\n  jQuery(  '.rez_ajax3 .reporting-table-see-details_user_start[data-id_user=\"0\"]').trigger('click');\n    \n },200);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n                      \n\n                    } else {\n                        console.log(\"\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435: \", res);\n                    }\n                },\n\n\n                    error: function(res1) {                      \n                        alert(\"\u041e\u0448\u0438\u0431\u043a\u0430!!!\");\n                        console.log(res1);\n                    }\n                });\n\n\n\n\/\/\u041f\u0435\u0440\u0432\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0442\u0430\u0431 ----------------------------------------------------------------------------------------------------------\n\n\/\/get_first_tab(response);\\\n get_first_tab(response_global, get_types_courses, get_field_company_user, get_count_slides);\n\n\n\n\n\n  \n\n\n\n\n\n\n\n\n\n\n\n\n}\n\n\n             else {\n                jQuery(\".rez_ajax\").html('<p>\u0414\u0430\u043d\u043d\u044b\u0435 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442.<\/p>');\n            }\n        },\n        error: function (xhr) {\n                jQuery(\".loading_box\").hide();\n            console.error('\u041e\u0448\u0438\u0431\u043a\u0430 AJAX:', xhr.responseText);\n            jQuery(\".rez_ajax\").html('<p>\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>');\n        }\n    });\n\n\n\n\n\n\n\n\n }\n\n\n\n\n\/*jQuery(document).ready(function ($) {\n\n\n\n\n});*\/\n\n\n\n\n<\/script>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":205,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-78018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/pages\/78018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/users\/205"}],"replies":[{"embeddable":true,"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/comments?post=78018"}],"version-history":[{"count":0,"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/pages\/78018\/revisions"}],"wp:attachment":[{"href":"https:\/\/digital.staff-capital.com\/en\/wp-json\/wp\/v2\/media?parent=78018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}