From 1f38807599500b24626d68d2fd18d3d710715803 Mon Sep 17 00:00:00 2001 From: Jacek Pyziak Date: Fri, 11 Apr 2025 00:26:54 +0200 Subject: [PATCH] feat: Integrate JS Gantt Chart library and update styles - Added JS Gantt Chart library files including CSS and JS. - Updated existing Gantt chart styles for better visual representation. - Translated month and day names to Polish in the Gantt chart settings. - Implemented Gantt chart initialization in the main view with sample data. - Added a toggle switch for displaying tasks in the calendar. - Enhanced task edit form with a new checkbox for calendar visibility. - Improved the layout of the logged-in user template to include Gantt chart styles and scripts. --- .vscode/ftp-kr.sync.cache.json | 20 +- autoload/class.Cron.php | 2 +- autoload/controls/class.Tasks.php | 36 +- autoload/factory/class.Tasks.php | 8 +- layout/style.css | 2 +- layout/style.css.map | 2 +- layout/style.scss | 1 + .../JS-Gantt-Chart-master/.gitattributes | 2 + libraries/JS-Gantt-Chart-master/LICENSE | 21 + libraries/JS-Gantt-Chart-master/README.md | 29 ++ libraries/JS-Gantt-Chart-master/gantt.css | 106 +++++ libraries/JS-Gantt-Chart-master/gantt.js | 399 ++++++++++++++++++ libraries/JS-Gantt-Chart-master/gantt.min.css | 1 + libraries/JS-Gantt-Chart-master/gantt.min.js | 1 + .../sample-chart/index.html | 11 + .../sample-chart/initialize-gantt.js | 70 +++ libraries/jquery-gantt/jquery-gantt.css | 25 +- libraries/jquery-gantt/jquery-gantt.js | 25 +- templates/site/layout-logged.php | 2 + templates/tasks/main_view.php | 20 + templates/tasks/task_edit.php | 9 + 21 files changed, 765 insertions(+), 27 deletions(-) create mode 100644 libraries/JS-Gantt-Chart-master/.gitattributes create mode 100644 libraries/JS-Gantt-Chart-master/LICENSE create mode 100644 libraries/JS-Gantt-Chart-master/README.md create mode 100644 libraries/JS-Gantt-Chart-master/gantt.css create mode 100644 libraries/JS-Gantt-Chart-master/gantt.js create mode 100644 libraries/JS-Gantt-Chart-master/gantt.min.css create mode 100644 libraries/JS-Gantt-Chart-master/gantt.min.js create mode 100644 libraries/JS-Gantt-Chart-master/sample-chart/index.html create mode 100644 libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js diff --git a/.vscode/ftp-kr.sync.cache.json b/.vscode/ftp-kr.sync.cache.json index 9462a30..82c6ae1 100644 --- a/.vscode/ftp-kr.sync.cache.json +++ b/.vscode/ftp-kr.sync.cache.json @@ -56,20 +56,20 @@ "layout": { "style.css": { "type": "-", - "size": 21838, - "lmtime": 1740644284491, + "size": 22346, + "lmtime": 1743623979088, "modified": false }, "style.css.map": { "type": "-", - "size": 37961, - "lmtime": 1740644284491, + "size": 39015, + "lmtime": 1743623979088, "modified": false }, "style.scss": { "type": "-", - "size": 26476, - "lmtime": 1740644284325, + "size": 27154, + "lmtime": 1743623978938, "modified": false } }, @@ -97,8 +97,8 @@ }, "main_view.php": { "type": "-", - "size": 28190, - "lmtime": 1740517008484, + "size": 29103, + "lmtime": 1743623929427, "modified": false }, "task_edit.php": { @@ -109,8 +109,8 @@ }, "task_popup.php": { "type": "-", - "size": 6222, - "lmtime": 0, + "size": 6272, + "lmtime": 1743622901914, "modified": false }, "task_single.php": { diff --git a/autoload/class.Cron.php b/autoload/class.Cron.php index b60518e..8e2cdef 100644 --- a/autoload/class.Cron.php +++ b/autoload/class.Cron.php @@ -98,7 +98,7 @@ class Cron $status = 6; $new_task_id = \factory\Tasks::task_save( - null, $row['id'], $row['created_by'], $row['name'], $row['text'], $new_date_start, $new_date_end, $row['project_id'], $row['client_id'], $row['pay_rate'], $row['reminders_interval'], $row['recursively'] ? 'on' : 'off', $row['frequency'], $row['period'], $task_users, $row['date_end_month_day'], $row['date_start_month_day'], null, $row['task_change_status'], true, $status + null, $row['id'], $row['created_by'], $row['name'], $row['text'], $new_date_start, $new_date_end, $row['project_id'], $row['client_id'], $row['pay_rate'], $row['reminders_interval'], $row['recursively'] ? 'on' : 'off', $row['frequency'], $row['period'], $task_users, $row['date_end_month_day'], $row['date_start_month_day'], null, $row['task_change_status'], true, $status, $row['show_in_calendar'] ); if ( $new_task_id ) { diff --git a/autoload/controls/class.Tasks.php b/autoload/controls/class.Tasks.php index b354fd9..0ab1b76 100644 --- a/autoload/controls/class.Tasks.php +++ b/autoload/controls/class.Tasks.php @@ -2,6 +2,40 @@ namespace controls; class Tasks { + static public function gantt_json() { + global $mdb; + + $tasks = $mdb -> query( 'SELECT t.id, t.name, t.date_start, t.date_end, t.status FROM tasks AS t WHERE show_in_calendar = 1 AND status != 2' ) -> fetchAll( \PDO::FETCH_ASSOC ); + foreach ( $tasks as $task ) { + + $class = ''; + if ( $task['status'] == 6 ) + $class = 'ganttGrey'; + elseif ( $task['status'] == 5 ) + $class = 'ganttRed'; + + $task_json['name'] = $task['name']; + $task_json['desc'] = 'Lorem ipsum dolor sit amet.'; + $task_json['id'] = $task['id']; + $task_json['cssClass'] = 'redLabel'; + $task_json['values'] = [ + [ + 'from' => $task['date_start'] . ' 08:00', + 'to' => $task['date_end'] . ' 16:00', + 'label' => $task['name'], + 'desc' => '', + 'customClass' => $class + ] + ]; + $data[] = $task_json; + } + header('Content-Type: application/json'); + + // Zwróć dane jako JSON + echo json_encode($data); + exit; + } + static public function task_delete() { global $user; @@ -365,7 +399,7 @@ class Tasks $values = \S::json_to_array( \S::get( 'values' ) ); if ( $id = \factory\Tasks::task_save( - $values['id'], null, $user['id'], $values['name'], $values['text'], $values['date_start'], $values['date_end'], $values['project_id'], $values['client_id'], $values['pay_rate'], $values['reminders_interval'], $values['recursively'], $values['frequency'], $values['period'], $values['users'], null, null, $values['send_email_notification'], $values['status_change_mail'], false, $values['status'] + $values['id'], null, $user['id'], $values['name'], $values['text'], $values['date_start'], $values['date_end'], $values['project_id'], $values['client_id'], $values['pay_rate'], $values['reminders_interval'], $values['recursively'], $values['frequency'], $values['period'], $values['users'], null, null, $values['send_email_notification'], $values['status_change_mail'], false, $values['status'], $values['show_in_calendar'] ) ) { \factory\Tasks::clear_task_opened( $id ); diff --git a/autoload/factory/class.Tasks.php b/autoload/factory/class.Tasks.php index 85916b5..88172a2 100644 --- a/autoload/factory/class.Tasks.php +++ b/autoload/factory/class.Tasks.php @@ -311,7 +311,7 @@ class Tasks } // przy zmianach pamiętać o zadaniach z CRON - static public function task_save( $task_id, $parent_id = null, $user_id, $name, $text, $date_start, $date_end, $project_id, $client_id, $pay_rate, $reminders_interval, $recursively, $frequency, $period, $users, $date_end_month_day = null, $date_start_month_day = null, $send_email_notification = false, $status_change_mail, $rescursive = false, $status = 0 ) + static public function task_save( $task_id, $parent_id = null, $user_id, $name, $text, $date_start, $date_end, $project_id, $client_id, $pay_rate, $reminders_interval, $recursively, $frequency, $period, $users, $date_end_month_day = null, $date_start_month_day = null, $send_email_notification = false, $status_change_mail, $rescursive = false, $status = 0, $show_in_calendar ) { global $mdb; @@ -337,7 +337,8 @@ class Tasks 'date_start_month_day' => $date_start_month_day, 'status_change_mail' => $status_change_mail == 'on' ? 1 : 0, 'o' => ++$order, - 'status' => $status + 'status' => $status, + 'show_in_calendar' => $show_in_calendar == 'on' ? 1 : 0, ] ); $id = $mdb -> id(); @@ -377,7 +378,8 @@ class Tasks 'period' => $period, 'reminders_send' => 0, 'status_change_mail' => $status_change_mail == 'on' ? 1 : 0, - 'status' => $status + 'status' => $status, + 'show_in_calendar' => $show_in_calendar == 'on' ? 1 : 0, ], [ 'AND' => [ 'id' => $task_id diff --git a/layout/style.css b/layout/style.css index 4bdf558..0cbdb9d 100644 --- a/layout/style.css +++ b/layout/style.css @@ -1 +1 @@ -.default-btn,.task_popup .task_details .content .right .time a:not(.time_worked_toggle),.task_popup .task_details .content .right .time a.time_worked_toggle{display:flex;align-items:center;justify-content:center;height:40px;border-radius:.25rem;padding:0 15px;transition:all .3s ease}.default-btn:hover,.task_popup .task_details .content .right .time a:hover:not(.time_worked_toggle),.task_popup .task_details .content .right .time a.time_worked_toggle:hover{text-decoration:none}.animate{animation:mymove 3s infinite}.text-right{text-align:right}.nowrap{white-space:nowrap}table{border-collapse:collapse}small{font-size:.75em}table{font-size:13px}@keyframes mymove{50%{opacity:.33}}@keyframes gradient-animation{0%{background-position:15% 0%}50%{background-position:85% 100%}100%{background-position:15% 0%}}@keyframes frame-enter{0%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%)}25%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%)}50%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%)}75%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%)}100%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%)}}*{box-sizing:border-box}body{font-family:"Open Sans",sans-serif;margin:0;padding:0;font-size:15px;color:#4e5e6a}.btn{padding:12px 25px;transition:all .3s ease;color:#fff;border:0;border-radius:.25rem;cursor:pointer;display:inline-flex;text-decoration:none;gap:5px;justify-content:center;align-items:center}.btn.btn_small,.btn.btn-xs{padding:5px 7px;font-size:13px}.btn.btn_small i,.btn.btn-xs i{font-size:12px}.btn.btn-success{background:#099885}.btn.btn-success:hover{background:#4a9c3b}.btn.btn-primary{background:#6690f4}.btn.btn-primary:hover{background:#3164db}.btn.btn-danger{background:#cc563d}.btn.btn-danger:hover{background:#b30000}.hide{display:none}.form-error{color:#cc563d;font-size:13px}.input-group{margin-bottom:10px}input[type=checkbox]{border:1px solid #ebebeb}.form-control{border:1px solid #ebebeb;border-radius:3px;height:35px;width:100%;padding:5px;font-family:"Open Sans",sans-serif}.form-control option{padding:5px}.form-control:focus{border:1px solid #6690f4;outline:none}.unlogged{background:#eef1f9;display:flex;align-items:center;justify-content:center;height:100vh}.unlogged .box-login{background:#fff;padding:25px;border-radius:.25rem;width:400px}.unlogged .box-login .title{text-align:center;padding:10px 10px 25px;border-bottom:1px solid #ebebeb;font-size:20px;margin-bottom:25px}body>.top{background:#fff;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;align-items:center}body>.top .logo a{display:inline-flex;color:#6690f4;padding:10px;text-decoration:none}body>.top .logo a span{font-weight:600}body>.top .user-nav{position:relative;font-size:14px;padding:10px}body>.top .user-nav .trigger{cursor:pointer}body>.top .user-nav .trigger i{color:#6690f4}body>.top .user-nav ul{position:absolute;top:100%;left:0;background:#fff;margin:0;padding:0;width:100%;list-style-type:none;border:1px solid #ebebeb;display:none}body>.top .user-nav ul li{cursor:pointer}body>.top .user-nav ul li:hover{background:#f8f9fa}body>.top .user-nav ul li a{color:#333;display:block;text-decoration:none;padding:10px}body>.top .user-nav:hover ul{display:block}.main-menu{display:flex;box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.main-menu ul{display:flex;list-style-type:none;margin:0;padding:0;font-size:14px}.main-menu ul li{cursor:pointer}.main-menu ul li a{color:#333;text-decoration:none;display:inline-flex;padding:10px 15px}.main-menu ul li:hover a{background:#6690f4;color:#fff}.main-menu ul li ul{display:none}.main{padding:25px;background:#d9dee2;min-height:calc(100vh - 80px)}.tasks_container{display:grid;grid-template-columns:repeat(7, 1fr);gap:20px}.tasks_container .column{width:100%}.tasks_container .column h2{display:flex;padding:10px;background:#fff;margin-bottom:10px;font-size:15px;font-weight:300;border-radius:3px 3px 0 0;justify-content:space-between;align-items:center}.tasks_container .column h2 i{cursor:pointer}.tasks_container .column.tasks_suspended h2{border-bottom:5px solid #cc563d}.tasks_container .column.tasks_fvat h2{border-bottom:5px solid #a900fc}.tasks_container .column.tasks_new h2{border-bottom:5px solid #ccc}.tasks_container .column.tasks_bulk h2{border-bottom:5px solid #ff8c00}.tasks_container .column.tasks_to_do h2{border-bottom:5px solid #2aaf47}.tasks_container .column.tasks_to_review h2{border-bottom:5px solid #2535c9}.tasks_container .column.tasks_closed h2{border-bottom:5px solid #000}.tasks_container .column ul{list-style-type:none;margin:0;padding:0}.tasks_container .column ul .task{margin-bottom:5px;background:#fff;padding:10px;border-radius:0;display:flex;position:relative;border-radius:.25rem;flex-wrap:wrap}.tasks_container .column ul .task.notopened{border:2px solid #cc563d}.tasks_container .column ul .task .top{display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.tasks_container .column ul .task .top ._users{display:flex;gap:5px;flex-wrap:wrap}.tasks_container .column ul .task .top ._users .user{display:flex;width:25px;height:25px;border-radius:.25rem;justify-content:center;align-items:center;color:#fff;font-size:12px}.tasks_container .column ul .task .top ._timer{display:flex;gap:5px}.tasks_container .column ul .task .top ._timer .recursively{color:#fff;background:#405189;border-radius:3px;cursor:pointer;margin-bottom:5px;width:25px;height:25px;text-align:center;display:block}.tasks_container .column ul .task .top ._timer .recursively i{font-size:12px}.tasks_container .column ul .task .top ._timer .task_start{display:block;background:#099885;color:#fff;border-radius:.25rem;cursor:pointer;margin-bottom:5px;width:25px;height:25px;text-align:center}.tasks_container .column ul .task .top ._timer .task_start.hidden{display:none}.tasks_container .column ul .task .top ._timer .task_start i{font-size:12px}.tasks_container .column ul .task .top ._timer .task_end{background:#cc563d;display:block;color:#fff;border-radius:.25rem;cursor:pointer;margin-bottom:5px;width:25px;height:25px;text-align:center}.tasks_container .column ul .task .top ._timer .task_end.hidden{display:none}.tasks_container .column ul .task .top ._timer .task_end i{font-size:12px}.tasks_container .column ul .task .middle{width:100%}.tasks_container .column ul .task .name{font-size:14px;color:#333;text-decoration:none;display:block;margin-bottom:5px}.tasks_container .column ul .task .bottom{display:flex;justify-content:space-between}.tasks_container .column ul .task .client_info,.tasks_container .column ul .task .current_status{font-size:12px;font-weight:400}.tasks_container .column ul .task .client_info strong,.tasks_container .column ul .task .current_status strong{font-weight:600}.tasks_container .column ul .task .current_status{position:relative;cursor:pointer}.tasks_container .column ul .task .current_status .status_change{position:absolute;left:0;top:20px;background:#fff;padding:15px;border:1px solid #dfdfdf;border-radius:3px;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.1);z-index:99;display:none}.tasks_container .column ul .task .current_status .status_change select{width:250px;padding:10px;border:1px solid #ebebeb;border-radius:3px}.tasks_container .column ul .task .current_status .status_change select option{font-size:15px;padding:3px}.tasks_container .column ul .task .dates{margin-bottom:5px;display:flex;justify-content:space-between;font-size:12px}.tasks_container .column ul .task .dates .danger{color:#cc563d;font-weight:600}.tasks_container .column ul .task .dates .warning{color:#ff8c00}.tasks_container .column ul .task .dates i{font-size:12px;color:#c9ced4;margin-right:5px}.action_menu{display:flex;margin-bottom:25px;gap:20px}.action_menu .btn{display:inline-flex;padding:7px 15px;color:#fff;border-radius:3px;text-decoration:none;align-items:center;justify-content:center;gap:5px}.action_menu .btn.btn_add{background:#099885}.action_menu .btn.btn_add:hover{background:#4a9c3b}.action_menu .btn.btn_cancel{background:#cc563d}.action_menu .btn.btn_cancel:hover{background:#b30000}.action_menu .btn.disabled{opacity:.5}.form_container{background:#fff;padding:25px;max-width:1300px}.form_container.full{max-width:100%}.form_container .form_group{margin-bottom:10px;display:flex}.form_container .form_group>.label{width:300px;display:inline-flex;align-items:flex-start;justify-content:right;padding-right:10px}.form_container .form_group .input{width:calc(100% - 300px)}.fullscreen_description{position:fixed !important;top:25px;left:25px;right:25px;bottom:25px;z-index:9999;background:#fff;padding:20px;overflow:auto;border-radius:.25rem;box-shadow:0 0 20px rgba(0,0,0,.3)}.fullscreen{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff;background:#cc563d;display:inline-flex;height:40px;width:40px;border-radius:.25rem;align-items:center;justify-content:center;transition:all .3s ease}.fullscreen:hover{transform:scale(1.05);text-decoration:none}.task_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.task_popup .task_details{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:25px;border-radius:.25rem;max-width:1140px;width:100%;transition:all .3s ease;height:90vh}.task_popup .task_details .content{height:calc(100% - 50px)}.task_popup .task_details.open_works_time{max-width:1540px}.task_popup .task_details.open_works_time .content{grid-template-columns:1fr 300px 350px}.task_popup .task_details.open_works_time .content .task_work_details{display:block}.task_popup .task_details .title{font-size:20px;margin-bottom:25px;display:flex;align-items:center;gap:10px}.task_popup .task_details .title a{border:1px solid #099885;display:inline-flex;height:30px;width:30px;border-radius:.25rem;align-items:center;justify-content:center}.task_popup .task_details .title a:hover{text-decoration:none}.task_popup .task_details .title a i{color:#099885}.task_popup .task_details .title a.task-delete{border:1px solid #cc563d}.task_popup .task_details .title a.task-delete i{color:#cc563d}.task_popup .task_details .title a i{font-size:14px}.task_popup .task_details .close{position:absolute;top:10px;right:10px;cursor:pointer}.task_popup .task_details .content{display:grid;font-size:14px;grid-template-columns:1fr 300px;gap:30px;transition:all .3s ease}.task_popup .task_details .content h3{width:100%;margin-top:0;margin-bottom:5px;font-weight:500;color:#000;font-size:17px}.task_popup .task_details .content .left{height:100%;overflow:hidden}.task_popup .task_details .content .left .users{display:flex;gap:20px}.task_popup .task_details .content .left .users .user{display:flex;gap:10px;align-items:center;margin-bottom:10px}.task_popup .task_details .content .left .users .user .avatar{height:30px;width:30px;border-radius:.25rem;background:#ccc;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.task_popup .task_details .content .left .comments{border-radius:3px;margin-bottom:10px}.task_popup .task_details .content .left .comments .new_comment{margin-bottom:10px}.task_popup .task_details .content .left .comments .new_comment textarea{height:75px;margin-bottom:10px;border-radius:.25rem}.task_popup .task_details .content .left .comments .new_comment .add_comment{background:#099885;color:#fff;padding:10px;border-radius:.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:200px;text-decoration:none}.task_popup .task_details .content .left .comments .new_comment .add_comment:hover{background:#4a9c3b}.task_popup .task_details .content .left .comments ul{margin:0;padding:0;list-style-type:none}.task_popup .task_details .content .left .comments ul li{background:#ced4da;margin-bottom:5px;padding:15px;border-radius:.25rem;position:relative}.task_popup .task_details .content .left .comments ul li .delete_comment{position:absolute;top:10px;right:10px;cursor:pointer;color:#cc563d}.task_popup .task_details .content .left .comments ul li .author{font-weight:600;margin-bottom:5px;display:inline-flex;margin-right:10px}.task_popup .task_details .content .left .comments ul li .date{font-size:12px;margin-bottom:5px;display:inline-flex}.task_popup .task_details .content .left .comments ul li .text{margin-bottom:15px;font-size:13px}.task_popup .task_details .content .left .checklist{border-radius:3px;margin-bottom:10px}.task_popup .task_details .content .left .checklist .new_element{display:flex;margin-bottom:10px}.task_popup .task_details .content .left .checklist .new_element a{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:0 .25rem .25rem 0;text-decoration:none;width:35px;background:#099885;color:#fff}.task_popup .task_details .content .left .checklist ul{margin:0;padding:0;list-style-type:none;overflow-y:auto;max-height:calc(90vh - 400px)}.task_popup .task_details .content .left .checklist ul li{display:flex;gap:10px;margin-bottom:5px;background:#fff;border-radius:3px;padding:10px;border:1px solid #ebebeb;font-size:13px;align-items:flex-start}.task_popup .task_details .content .left .checklist ul li a{margin-left:auto;margin-right:0;cursor:pointer;background:#cc563d;display:flex;height:25px;width:25px;min-width:25px;justify-content:center;align-items:center;border:0;border-radius:3px;transition:all .3s ease}.task_popup .task_details .content .left .checklist ul li a:hover{text-decoration:none;background:#b30000}.task_popup .task_details .content .left .checklist ul li a i{color:#fff;font-size:12px}.task_popup .task_details .content .left .description{padding:15px;border-radius:.25rem;border:1px solid #ebebeb;margin-bottom:15px;max-height:202px;overflow-x:hidden;position:relative}.task_popup .task_details .content .right .box{margin-bottom:15px}.task_popup .task_details .content .right .time a.time_worked_toggle{color:#299cdb;display:inline-flex;border:1px solid #299cdb}.task_popup .task_details .content .right .time a.time_worked_toggle:hover{background:#dff0fa;text-decoration:none}.task_popup .task_details .content .right .time a.time_worked_toggle:active,.task_popup .task_details .content .right .time a.time_worked_toggle:focus{text-decoration:none}.task_popup .task_details .content .right .time a:not(.time_worked_toggle){margin-top:10px;text-decoration:none;gap:10px}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).task_start{background:#0ab39c;color:#fff}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).task_start:hover{background:#099885}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).task_end{background:#cc563d;color:#fff}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).hidden{display:none}.task_popup .task_details .content .right .dates{display:flex;justify-content:space-between;flex-wrap:wrap}.task_popup .task_details .content .right .dates .danger{color:#cc563d;font-weight:600}.task_popup .task_details .content .right .dates .warning{color:#ff8c00}.task_popup .task_details .content .right .dates i{color:#c9ced4;margin-right:5px}.task_popup .task_details .content .task_work_details{display:none;overflow-y:auto;max-height:508px;width:100%;padding-right:10px;padding-top:4px}.task_popup .task_details .content .task_work_details ._line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:5px}.task_popup .task_details .content .task_work_details ._line ._user{width:100%;font-size:13px}.task_popup .task_details .content .task_work_details ._line input{width:calc(50% - 25px);text-align:center;margin-left:2px;margin-right:2px}.task_popup .task_details .content .task_work_details ._work_delete{display:inline-flex;height:35px;width:35px;border-radius:.25rem;align-items:center;justify-content:center;cursor:pointer;border:1px solid #cc563d;margin-left:2px;transition:all .3s ease}.task_popup .task_details .content .task_work_details ._work_delete:hover{background:#cc563d}.task_popup .task_details .content .task_work_details ._work_delete:hover i{color:#fff}.task_popup .task_details .content .task_work_details ._work_delete i{transition:all .3s ease;color:#cc563d}.table{width:100%}.table th,.table td{border:1px solid #ebebeb;padding:5px}.table td.center{text-align:center}.table td.left{text-align:left}.projects_container{background:#fff;padding:15px;border-radius:.25rem;display:flex;gap:20px}.projects_container .left{width:calc(100% - 250px)}.projects_container .left ._projects,.projects_container .left ._users{display:flex;gap:20px;flex-wrap:wrap}.projects_container .right{width:250px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:20px;border-left:1px solid #ebebeb;padding-left:15px}.projects_container .right select{width:200px}.default_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.default_popup .popup_content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:25px;border-radius:.25rem;max-width:1140px;width:100%}.default_popup .popup_content .close{position:absolute;top:10px;right:10px;cursor:pointer}#fg-cron{margin:10px 0}#fg-cron .countdown{background:#099885;color:#fff;padding:10px}#fg-cron #cron-container{max-height:300px;overflow-x:hidden;overflow-y:auto}#fg-cron #cron-container .msg{font-size:13px;padding:5px;border-bottom:1px solid #e8e8e8}.card{background:#fff;padding:25px;border-radius:.25rem;color:#000;font-size:15px;max-width:1280px}.card.mb25{margin-bottom:25px}.card .card-header{font-weight:600}.card .card-body{padding-top:10px}.card .card-body table{border-collapse:collapse}.card .card-body table th,.card .card-body table td{font-size:14px}.card .card-body table th.bold,.card .card-body table td.bold{font-weight:600}.card .card-body table th.text-right,.card .card-body table td.text-right{text-align:right}.card .card-body table th.text-center,.card .card-body table td.text-center{text-align:center}.card .card-body table th .close-task,.card .card-body table td .close-task{text-decoration:none;color:#6690f4}.card .card-body table th .close-task:hover,.card .card-body table td .close-task:hover{color:#cc563d}.finance-summary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.finance-summary .panel{background:#fff;border-radius:.25rem;padding:15px}.finance-summary .panel h1{font-size:20px;margin:0}.finance-summary .panel span{font-size:.85em}.finance-manager{display:grid;gap:10px;grid-template-columns:200px 1fr 500px;padding-top:25px}.finance-manager .manage-menu{display:inline-block;margin-right:10px}.finance-manager .manage-menu a{color:#333;text-decoration:none;font-weight:300;display:block}.finance-manager .actions{width:100px;text-align:center}.finance-manager .actions a{display:inline-flex;margin:0 2px;height:25px;width:25px;align-items:center;justify-content:center;text-decoration:none;color:#000;border:1px solid #e7e7e7;font-size:11px;border-radius:3px;transition:all .3s ease}.finance-manager .actions a:hover{border:1px solid #6690f4}.bootstrap-tagsinput .tag{background:#6690f4;font-size:13px;padding:5px 10px;border-radius:12px}.bootstrap-tagsinput .tag [data-role=remove]{color:#fff !important}.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow:none !important;color:#000 !important}.finance-tags{display:flex;flex-wrap:wrap;gap:5px}.finance-tags a:not(.btn){display:flex;width:100%;text-decoration:none;color:#4e5e6a}.finance-tags a:not(.btn).zoom-100{font-size:130%}.finance-tags a:not(.btn).zoom-90{font-size:120%}.finance-tags a:not(.btn).zoom-80{font-size:110%}.finance-tags a:not(.btn).zoom-70{font-size:100%}.finance-tags a:not(.btn).zoom-60{font-size:95%}.finance-tags a:not(.btn).zoom-50{font-size:85%}.finance-tags a:not(.btn).zoom-40{font-size:80%}.finance-tags a:not(.btn).zoom-30{font-size:75%}.finance-tags a:not(.btn).zoom-20{font-size:75%}.finance-tags a:not(.btn).zoom-10{font-size:70%}.finance-tags a:not(.btn).zoom-0{font-size:70%}.manage-menu{position:relative}.manage-menu .context-menu{border-left:4px dotted #000;width:1px;height:100%}.manage-menu .context-menu-container{position:absolute;display:none;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.1);top:2px;left:2px}.manage-menu .context-menu-container ul{list-style-type:none;margin:0;padding:0}.manage-menu .context-menu-container ul li a{display:block;padding:7px 15px;white-space:nowrap}.manage-menu .context-menu-container ul li a:hover{background:#f8f8f8}.manage-menu:hover .context-menu-container{display:block}.wiki-categories{display:grid;gap:10px;margin-top:25px;grid-template-columns:1fr 1fr 1fr 1fr}.wiki-categories .category{background:#fff;padding:10px}.wiki-categories .category .users{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px}.wiki-categories .category .users .user{display:flex;height:25px;width:25px;border-radius:50%;background:#ccc;justify-content:center;align-items:center;color:#fff;font-size:12px}.wiki-categories .category .actions{display:grid;grid-template-columns:1fr 1fr}.wiki-categories .category .actions a{display:block;color:#4e5e6a;font-size:13px;text-align:center}.wiki-categories .category .title{margin-bottom:5px}.wiki-categories .category .title a{display:block;color:#4e5e6a;font-size:13px;font-weight:600}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +.default-btn,.task_popup .task_details .content .right .time a:not(.time_worked_toggle),.task_popup .task_details .content .right .time a.time_worked_toggle{display:flex;align-items:center;justify-content:center;height:40px;border-radius:.25rem;padding:0 15px;transition:all .3s ease}.default-btn:hover,.task_popup .task_details .content .right .time a:hover:not(.time_worked_toggle),.task_popup .task_details .content .right .time a.time_worked_toggle:hover{text-decoration:none}.animate{animation:mymove 3s infinite}.text-right{text-align:right}.nowrap{white-space:nowrap}table{border-collapse:collapse}small{font-size:.75em}table{font-size:13px}@keyframes mymove{50%{opacity:.33}}@keyframes gradient-animation{0%{background-position:15% 0%}50%{background-position:85% 100%}100%{background-position:15% 0%}}@keyframes frame-enter{0%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%)}25%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%)}50%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);clip-path:polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%)}75%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%)}100%{-webkit-clip-path:polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%)}}*{box-sizing:border-box}body{font-family:"Open Sans",sans-serif;margin:0;padding:0;font-size:15px;color:#4e5e6a}.btn{padding:12px 25px;transition:all .3s ease;color:#fff;border:0;border-radius:.25rem;cursor:pointer;display:inline-flex;text-decoration:none;gap:5px;justify-content:center;align-items:center}.btn.btn_small,.btn.btn-xs{padding:5px 7px;font-size:13px}.btn.btn_small i,.btn.btn-xs i{font-size:12px}.btn.btn-success{background:#099885}.btn.btn-success:hover{background:#4a9c3b}.btn.btn-primary{background:#6690f4}.btn.btn-primary:hover{background:#3164db}.btn.btn-danger{background:#cc563d}.btn.btn-danger:hover{background:#b30000}.hide{display:none}.form-error{color:#cc563d;font-size:13px}.input-group{margin-bottom:10px}input[type=checkbox]{border:1px solid #ebebeb}.form-control{border:1px solid #ebebeb;border-radius:3px;height:35px;width:100%;padding:5px;font-family:"Open Sans",sans-serif}.form-control option{padding:5px}.form-control:focus{border:1px solid #6690f4;outline:none}.unlogged{background:#eef1f9;display:flex;align-items:center;justify-content:center;height:100vh}.unlogged .box-login{background:#fff;padding:25px;border-radius:.25rem;width:400px}.unlogged .box-login .title{text-align:center;padding:10px 10px 25px;border-bottom:1px solid #ebebeb;font-size:20px;margin-bottom:25px}body>.top{background:#fff;border-bottom:1px solid #ebebeb;display:flex;justify-content:space-between;align-items:center}body>.top .logo a{display:inline-flex;color:#6690f4;padding:10px;text-decoration:none}body>.top .logo a span{font-weight:600}body>.top .user-nav{position:relative;font-size:14px;padding:10px}body>.top .user-nav .trigger{cursor:pointer}body>.top .user-nav .trigger i{color:#6690f4}body>.top .user-nav ul{position:absolute;top:100%;left:0;background:#fff;margin:0;padding:0;width:100%;list-style-type:none;border:1px solid #ebebeb;display:none}body>.top .user-nav ul li{cursor:pointer}body>.top .user-nav ul li:hover{background:#f8f9fa}body>.top .user-nav ul li a{color:#333;display:block;text-decoration:none;padding:10px}body>.top .user-nav:hover ul{display:block}.main-menu{display:flex;box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.main-menu ul{display:flex;list-style-type:none;margin:0;padding:0;font-size:14px}.main-menu ul li{cursor:pointer}.main-menu ul li a{color:#333;text-decoration:none;display:inline-flex;padding:10px 15px}.main-menu ul li:hover a{background:#6690f4;color:#fff}.main-menu ul li ul{display:none}.main{padding:25px;background:#d9dee2;min-height:calc(100vh - 80px)}.tasks_container{display:grid;grid-template-columns:repeat(7, 1fr);gap:20px}.tasks_container .column{width:100%}.tasks_container .column h2{display:flex;padding:10px;background:#fff;margin-bottom:10px;font-size:15px;font-weight:300;border-radius:3px 3px 0 0;justify-content:space-between;align-items:center}.tasks_container .column h2 i{cursor:pointer}.tasks_container .column.tasks_suspended h2{border-bottom:5px solid #cc563d}.tasks_container .column.tasks_fvat h2{border-bottom:5px solid #a900fc}.tasks_container .column.tasks_new h2{border-bottom:5px solid #ccc}.tasks_container .column.tasks_bulk h2{border-bottom:5px solid #ff8c00}.tasks_container .column.tasks_to_do h2{border-bottom:5px solid #2aaf47}.tasks_container .column.tasks_to_review h2{border-bottom:5px solid #2535c9}.tasks_container .column.tasks_closed h2{border-bottom:5px solid #000}.tasks_container .column ul{list-style-type:none;margin:0;padding:0}.tasks_container .column ul .task{margin-bottom:5px;background:#fff;padding:10px;border-radius:0;display:flex;position:relative;border-radius:.25rem;flex-wrap:wrap}.tasks_container .column ul .task.notopened{border:2px solid #cc563d}.tasks_container .column ul .task .top{display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.tasks_container .column ul .task .top ._users{display:flex;gap:5px;flex-wrap:wrap}.tasks_container .column ul .task .top ._users .user{display:flex;width:25px;height:25px;border-radius:.25rem;justify-content:center;align-items:center;color:#fff;font-size:12px}.tasks_container .column ul .task .top ._timer{display:flex;gap:5px}.tasks_container .column ul .task .top ._timer .recursively{color:#fff;background:#405189;border-radius:3px;cursor:pointer;margin-bottom:5px;width:25px;height:25px;text-align:center;display:block}.tasks_container .column ul .task .top ._timer .recursively i{font-size:12px}.tasks_container .column ul .task .top ._timer .task_start{display:block;background:#099885;color:#fff;border-radius:.25rem;cursor:pointer;margin-bottom:5px;width:25px;height:25px;text-align:center}.tasks_container .column ul .task .top ._timer .task_start.hidden{display:none}.tasks_container .column ul .task .top ._timer .task_start i{font-size:12px}.tasks_container .column ul .task .top ._timer .task_end{background:#cc563d;display:block;color:#fff;border-radius:.25rem;cursor:pointer;margin-bottom:5px;width:25px;height:25px;text-align:center}.tasks_container .column ul .task .top ._timer .task_end.hidden{display:none}.tasks_container .column ul .task .top ._timer .task_end i{font-size:12px}.tasks_container .column ul .task .middle{width:100%}.tasks_container .column ul .task .name{font-size:14px;color:#333;text-decoration:none;display:block;margin-bottom:5px}.tasks_container .column ul .task .bottom{display:flex;justify-content:space-between}.tasks_container .column ul .task .client_info,.tasks_container .column ul .task .current_status{font-size:12px;font-weight:400}.tasks_container .column ul .task .client_info strong,.tasks_container .column ul .task .current_status strong{font-weight:600}.tasks_container .column ul .task .current_status{position:relative;cursor:pointer}.tasks_container .column ul .task .current_status .status_change{position:absolute;left:0;top:20px;background:#fff;padding:15px;border:1px solid #dfdfdf;border-radius:3px;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.1);z-index:99;display:none}.tasks_container .column ul .task .current_status .status_change select{width:250px;padding:10px;border:1px solid #ebebeb;border-radius:3px}.tasks_container .column ul .task .current_status .status_change select option{font-size:15px;padding:3px}.tasks_container .column ul .task .dates{margin-bottom:5px;display:flex;justify-content:space-between;font-size:12px}.tasks_container .column ul .task .dates .danger{color:#cc563d;font-weight:600}.tasks_container .column ul .task .dates .warning{color:#ff8c00}.tasks_container .column ul .task .dates i{font-size:12px;color:#c9ced4;margin-right:5px}.action_menu{display:flex;margin-bottom:25px;gap:20px}.action_menu .btn{display:inline-flex;padding:7px 15px;color:#fff;border-radius:3px;text-decoration:none;align-items:center;justify-content:center;gap:5px}.action_menu .btn.btn_add{background:#099885}.action_menu .btn.btn_add:hover{background:#4a9c3b}.action_menu .btn.btn_cancel{background:#cc563d}.action_menu .btn.btn_cancel:hover{background:#b30000}.action_menu .btn.disabled{opacity:.5}.form_container{background:#fff;padding:25px;max-width:1300px}.form_container.full{max-width:100%}.form_container .form_group{margin-bottom:10px;display:flex}.form_container .form_group>.label{width:300px;display:inline-flex;align-items:flex-start;justify-content:right;padding-right:10px}.form_container .form_group .input{width:calc(100% - 300px)}.fullscreen_description{position:fixed !important;top:25px;left:25px;right:25px;bottom:25px;z-index:9999;background:#fff;padding:20px;overflow:auto;border-radius:.25rem;box-shadow:0 0 20px rgba(0,0,0,.3)}.fullscreen{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff;background:#cc563d;display:inline-flex;height:40px;width:40px;border-radius:.25rem;align-items:center;justify-content:center;transition:all .3s ease}.fullscreen:hover{transform:scale(1.05);text-decoration:none}.task_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;z-index:9999}.task_popup .task_details{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:25px;border-radius:.25rem;max-width:1140px;width:100%;transition:all .3s ease;height:90vh}.task_popup .task_details .content{height:calc(100% - 50px)}.task_popup .task_details.open_works_time{max-width:1540px}.task_popup .task_details.open_works_time .content{grid-template-columns:1fr 300px 350px}.task_popup .task_details.open_works_time .content .task_work_details{display:block}.task_popup .task_details .title{font-size:20px;margin-bottom:25px;display:flex;align-items:center;gap:10px}.task_popup .task_details .title a{border:1px solid #099885;display:inline-flex;height:30px;width:30px;border-radius:.25rem;align-items:center;justify-content:center}.task_popup .task_details .title a:hover{text-decoration:none}.task_popup .task_details .title a i{color:#099885}.task_popup .task_details .title a.task-delete{border:1px solid #cc563d}.task_popup .task_details .title a.task-delete i{color:#cc563d}.task_popup .task_details .title a i{font-size:14px}.task_popup .task_details .close{position:absolute;top:10px;right:10px;cursor:pointer}.task_popup .task_details .content{display:grid;font-size:14px;grid-template-columns:1fr 300px;gap:30px;transition:all .3s ease}.task_popup .task_details .content h3{width:100%;margin-top:0;margin-bottom:5px;font-weight:500;color:#000;font-size:17px}.task_popup .task_details .content .left{height:100%;overflow:hidden}.task_popup .task_details .content .left .users{display:flex;gap:20px}.task_popup .task_details .content .left .users .user{display:flex;gap:10px;align-items:center;margin-bottom:10px}.task_popup .task_details .content .left .users .user .avatar{height:30px;width:30px;border-radius:.25rem;background:#ccc;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px}.task_popup .task_details .content .left .comments{border-radius:3px;margin-bottom:10px}.task_popup .task_details .content .left .comments .new_comment{margin-bottom:10px}.task_popup .task_details .content .left .comments .new_comment textarea{height:75px;margin-bottom:10px;border-radius:.25rem}.task_popup .task_details .content .left .comments .new_comment .add_comment{background:#099885;color:#fff;padding:10px;border-radius:.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:200px;text-decoration:none}.task_popup .task_details .content .left .comments .new_comment .add_comment:hover{background:#4a9c3b}.task_popup .task_details .content .left .comments ul{margin:0;padding:0;list-style-type:none}.task_popup .task_details .content .left .comments ul li{background:#ced4da;margin-bottom:5px;padding:15px;border-radius:.25rem;position:relative}.task_popup .task_details .content .left .comments ul li .delete_comment{position:absolute;top:10px;right:10px;cursor:pointer;color:#cc563d}.task_popup .task_details .content .left .comments ul li .author{font-weight:600;margin-bottom:5px;display:inline-flex;margin-right:10px}.task_popup .task_details .content .left .comments ul li .date{font-size:12px;margin-bottom:5px;display:inline-flex}.task_popup .task_details .content .left .comments ul li .text{margin-bottom:15px;font-size:13px}.task_popup .task_details .content .left .checklist{border-radius:3px;margin-bottom:10px}.task_popup .task_details .content .left .checklist .new_element{display:flex;margin-bottom:10px}.task_popup .task_details .content .left .checklist .new_element a{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:0 .25rem .25rem 0;text-decoration:none;width:35px;background:#099885;color:#fff}.task_popup .task_details .content .left .checklist ul{margin:0;padding:0;list-style-type:none;overflow-y:auto;max-height:calc(90vh - 400px)}.task_popup .task_details .content .left .checklist ul li{display:flex;gap:10px;margin-bottom:5px;background:#fff;border-radius:3px;padding:10px;border:1px solid #ebebeb;font-size:13px;align-items:flex-start}.task_popup .task_details .content .left .checklist ul li a{margin-left:auto;margin-right:0;cursor:pointer;background:#cc563d;display:flex;height:25px;width:25px;min-width:25px;justify-content:center;align-items:center;border:0;border-radius:3px;transition:all .3s ease}.task_popup .task_details .content .left .checklist ul li a:hover{text-decoration:none;background:#b30000}.task_popup .task_details .content .left .checklist ul li a i{color:#fff;font-size:12px}.task_popup .task_details .content .left .description{padding:15px;border-radius:.25rem;border:1px solid #ebebeb;margin-bottom:15px;max-height:202px;overflow-x:hidden;position:relative}.task_popup .task_details .content .right .box{margin-bottom:15px}.task_popup .task_details .content .right .time a.time_worked_toggle{color:#299cdb;display:inline-flex;border:1px solid #299cdb}.task_popup .task_details .content .right .time a.time_worked_toggle:hover{background:#dff0fa;text-decoration:none}.task_popup .task_details .content .right .time a.time_worked_toggle:active,.task_popup .task_details .content .right .time a.time_worked_toggle:focus{text-decoration:none}.task_popup .task_details .content .right .time a:not(.time_worked_toggle){margin-top:10px;text-decoration:none;gap:10px}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).task_start{background:#0ab39c;color:#fff}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).task_start:hover{background:#099885}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).task_end{background:#cc563d;color:#fff}.task_popup .task_details .content .right .time a:not(.time_worked_toggle).hidden{display:none}.task_popup .task_details .content .right .dates{display:flex;justify-content:space-between;flex-wrap:wrap}.task_popup .task_details .content .right .dates .danger{color:#cc563d;font-weight:600}.task_popup .task_details .content .right .dates .warning{color:#ff8c00}.task_popup .task_details .content .right .dates i{color:#c9ced4;margin-right:5px}.task_popup .task_details .content .task_work_details{display:none;overflow-y:auto;max-height:508px;width:100%;padding-right:10px;padding-top:4px}.task_popup .task_details .content .task_work_details ._line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:5px}.task_popup .task_details .content .task_work_details ._line ._user{width:100%;font-size:13px}.task_popup .task_details .content .task_work_details ._line input{width:calc(50% - 25px);text-align:center;margin-left:2px;margin-right:2px}.task_popup .task_details .content .task_work_details ._work_delete{display:inline-flex;height:35px;width:35px;border-radius:.25rem;align-items:center;justify-content:center;cursor:pointer;border:1px solid #cc563d;margin-left:2px;transition:all .3s ease}.task_popup .task_details .content .task_work_details ._work_delete:hover{background:#cc563d}.task_popup .task_details .content .task_work_details ._work_delete:hover i{color:#fff}.task_popup .task_details .content .task_work_details ._work_delete i{transition:all .3s ease;color:#cc563d}.table{width:100%}.table th,.table td{border:1px solid #ebebeb;padding:5px}.table td.center{text-align:center}.table td.left{text-align:left}.projects_container{background:#fff;padding:15px;border-radius:.25rem;display:flex;gap:20px}.projects_container .left{width:calc(100% - 250px)}.projects_container .left ._projects,.projects_container .left ._users{display:flex;gap:20px;flex-wrap:wrap}.projects_container .right{width:250px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:20px;border-left:1px solid #ebebeb;padding-left:15px}.projects_container .right select{width:200px}.default_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.default_popup .popup_content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:25px;border-radius:.25rem;max-width:1140px;width:100%}.default_popup .popup_content .close{position:absolute;top:10px;right:10px;cursor:pointer}#fg-cron{margin:10px 0}#fg-cron .countdown{background:#099885;color:#fff;padding:10px}#fg-cron #cron-container{max-height:300px;overflow-x:hidden;overflow-y:auto}#fg-cron #cron-container .msg{font-size:13px;padding:5px;border-bottom:1px solid #e8e8e8}.card{background:#fff;padding:25px;border-radius:.25rem;color:#000;font-size:15px;max-width:1280px}.card.mb25{margin-bottom:25px}.card .card-header{font-weight:600}.card .card-body{padding-top:10px}.card .card-body table{border-collapse:collapse}.card .card-body table th,.card .card-body table td{font-size:14px}.card .card-body table th.bold,.card .card-body table td.bold{font-weight:600}.card .card-body table th.text-right,.card .card-body table td.text-right{text-align:right}.card .card-body table th.text-center,.card .card-body table td.text-center{text-align:center}.card .card-body table th .close-task,.card .card-body table td .close-task{text-decoration:none;color:#6690f4}.card .card-body table th .close-task:hover,.card .card-body table td .close-task:hover{color:#cc563d}.finance-summary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.finance-summary .panel{background:#fff;border-radius:.25rem;padding:15px}.finance-summary .panel h1{font-size:20px;margin:0}.finance-summary .panel span{font-size:.85em}.finance-manager{display:grid;gap:10px;grid-template-columns:200px 1fr 500px;padding-top:25px}.finance-manager .manage-menu{display:inline-block;margin-right:10px}.finance-manager .manage-menu a{color:#333;text-decoration:none;font-weight:300;display:block}.finance-manager .actions{width:100px;text-align:center}.finance-manager .actions a{display:inline-flex;margin:0 2px;height:25px;width:25px;align-items:center;justify-content:center;text-decoration:none;color:#000;border:1px solid #e7e7e7;font-size:11px;border-radius:3px;transition:all .3s ease}.finance-manager .actions a:hover{border:1px solid #6690f4}.bootstrap-tagsinput .tag{background:#6690f4;font-size:13px;padding:5px 10px;border-radius:12px}.bootstrap-tagsinput .tag [data-role=remove]{color:#fff !important}.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow:none !important;color:#000 !important}.finance-tags{display:flex;flex-wrap:wrap;gap:5px}.finance-tags a:not(.btn){display:flex;width:100%;text-decoration:none;color:#4e5e6a}.finance-tags a:not(.btn).zoom-100{font-size:130%}.finance-tags a:not(.btn).zoom-90{font-size:120%}.finance-tags a:not(.btn).zoom-80{font-size:110%}.finance-tags a:not(.btn).zoom-70{font-size:100%}.finance-tags a:not(.btn).zoom-60{font-size:95%}.finance-tags a:not(.btn).zoom-50{font-size:85%}.finance-tags a:not(.btn).zoom-40{font-size:80%}.finance-tags a:not(.btn).zoom-30{font-size:75%}.finance-tags a:not(.btn).zoom-20{font-size:75%}.finance-tags a:not(.btn).zoom-10{font-size:70%}.finance-tags a:not(.btn).zoom-0{font-size:70%}.manage-menu{position:relative}.manage-menu .context-menu{border-left:4px dotted #000;width:1px;height:100%}.manage-menu .context-menu-container{position:absolute;display:none;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.1);top:2px;left:2px}.manage-menu .context-menu-container ul{list-style-type:none;margin:0;padding:0}.manage-menu .context-menu-container ul li a{display:block;padding:7px 15px;white-space:nowrap}.manage-menu .context-menu-container ul li a:hover{background:#f8f8f8}.manage-menu:hover .context-menu-container{display:block}.wiki-categories{display:grid;gap:10px;margin-top:25px;grid-template-columns:1fr 1fr 1fr 1fr}.wiki-categories .category{background:#fff;padding:10px}.wiki-categories .category .users{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px}.wiki-categories .category .users .user{display:flex;height:25px;width:25px;border-radius:50%;background:#ccc;justify-content:center;align-items:center;color:#fff;font-size:12px}.wiki-categories .category .actions{display:grid;grid-template-columns:1fr 1fr}.wiki-categories .category .actions a{display:block;color:#4e5e6a;font-size:13px;text-align:center}.wiki-categories .category .title{margin-bottom:5px}.wiki-categories .category .title a{display:block;color:#4e5e6a;font-size:13px;font-weight:600}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/layout/style.css.map b/layout/style.css.map index ba97260..8b12dce 100644 --- a/layout/style.css.map +++ b/layout/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["$cBlue: #6690F4;\r\n$cRed: #cc563d;\r\n$cGreen: #099885;\r\n$cBlack: #4e5e6a;\r\n\r\n.default-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 40px;\r\n border-radius: .25rem;\r\n padding: 0 15px;\r\n transition: all .3s ease;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.animate {\r\n animation: mymove 3s infinite;\r\n}\r\n\r\n.text-right {\r\n text-align: right;\r\n}\r\n\r\n.nowrap {\r\n white-space: nowrap;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n}\r\n\r\nsmall {\r\n font-size: .75em;\r\n}\r\n\r\ntable {\r\n font-size: 13px;\r\n}\r\n\r\n@keyframes mymove {\r\n 50% {\r\n opacity: .33;\r\n }\r\n}\r\n\r\n/* motion */\r\n@keyframes gradient-animation {\r\n 0% {\r\n background-position: 15% 0%;\r\n }\r\n\r\n 50% {\r\n background-position: 85% 100%;\r\n }\r\n\r\n 100% {\r\n background-position: 15% 0%;\r\n }\r\n}\r\n\r\n@keyframes frame-enter {\r\n 0% {\r\n clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);\r\n }\r\n\r\n 25% {\r\n clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);\r\n }\r\n\r\n 50% {\r\n clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);\r\n }\r\n\r\n 75% {\r\n -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);\r\n }\r\n\r\n 100% {\r\n -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);\r\n }\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: \"Open Sans\", sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n font-size: 15px;\r\n color: #4e5e6a;\r\n}\r\n\r\n.btn {\r\n padding: 12px 25px;\r\n transition: all 0.3s ease;\r\n color: #FFF;\r\n border: 0;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n display: inline-flex;\r\n text-decoration: none;\r\n gap: 5px;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &.btn_small,\r\n &.btn-xs {\r\n padding: 5px 7px;\r\n font-size: 13px;\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n &.btn-success {\r\n background: $cGreen;\r\n\r\n &:hover {\r\n background: #4a9c3b;\r\n }\r\n }\r\n\r\n &.btn-primary {\r\n background: $cBlue;\r\n\r\n &:hover {\r\n background: #3164db;\r\n }\r\n }\r\n\r\n &.btn-danger {\r\n background: $cRed;\r\n\r\n &:hover {\r\n background: #b30000;\r\n }\r\n }\r\n}\r\n\r\n.hide {\r\n display: none;\r\n}\r\n\r\n.form-error {\r\n color: $cRed;\r\n font-size: 13px;\r\n}\r\n\r\n.input-group {\r\n margin-bottom: 10px;\r\n}\r\n\r\ninput[type=\"checkbox\"] {\r\n border: 1px solid #ebebeb;\r\n}\r\n\r\n.form-control {\r\n border: 1px solid #ebebeb;\r\n border-radius: 3px;\r\n height: 35px;\r\n width: 100%;\r\n padding: 5px;\r\n font-family: \"Open Sans\", sans-serif;\r\n\r\n option {\r\n padding: 5px;\r\n }\r\n\r\n &:focus {\r\n border: 1px solid $cBlue;\r\n outline: none;\r\n }\r\n}\r\n\r\n.unlogged {\r\n background: #EEF1F9;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100vh;\r\n\r\n .box-login {\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n width: 400px;\r\n\r\n .title {\r\n text-align: center;\r\n padding: 10px 10px 25px;\r\n border-bottom: 1px solid #ebebeb;\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n }\r\n }\r\n}\r\n\r\nbody>.top {\r\n background: #FFF;\r\n border-bottom: 1px solid #ebebeb;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n .logo {\r\n a {\r\n display: inline-flex;\r\n color: $cBlue;\r\n padding: 10px;\r\n text-decoration: none;\r\n\r\n span {\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n\r\n .user-nav {\r\n position: relative;\r\n font-size: 14px;\r\n padding: 10px;\r\n\r\n .trigger {\r\n cursor: pointer;\r\n\r\n i {\r\n color: $cBlue;\r\n }\r\n }\r\n\r\n ul {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background: #FFF;\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n list-style-type: none;\r\n border: 1px solid #ebebeb;\r\n display: none;\r\n\r\n li {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #F8F9FA;\r\n }\r\n\r\n a {\r\n color: #333;\r\n display: block;\r\n text-decoration: none;\r\n padding: 10px;\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.main-menu {\r\n display: flex;\r\n box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;\r\n\r\n ul {\r\n display: flex;\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n font-size: 14px;\r\n\r\n li {\r\n cursor: pointer;\r\n\r\n a {\r\n color: #333;\r\n text-decoration: none;\r\n display: inline-flex;\r\n padding: 10px 15px;\r\n }\r\n\r\n &:hover {\r\n a {\r\n background: $cBlue;\r\n color: #FFF;\r\n }\r\n }\r\n\r\n ul {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.main {\r\n padding: 25px;\r\n background: #D9DEE2;\r\n min-height: calc(100vh - 80px);\r\n}\r\n\r\n.tasks_container {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 20px;\r\n\r\n .column {\r\n width: 100%;\r\n\r\n h2 {\r\n display: flex;\r\n padding: 10px;\r\n background: #FFF;\r\n margin-bottom: 10px;\r\n font-size: 15px;\r\n font-weight: 300;\r\n border-radius: 3px 3px 0 0;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n i {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.tasks_suspended {\r\n h2 {\r\n border-bottom: 5px solid $cRed;\r\n }\r\n }\r\n\r\n &.tasks_fvat {\r\n h2 {\r\n border-bottom: 5px solid #a900fc;\r\n }\r\n }\r\n\r\n &.tasks_new {\r\n h2 {\r\n border-bottom: 5px solid #ccc;\r\n }\r\n }\r\n\r\n &.tasks_bulk {\r\n h2 {\r\n border-bottom: 5px solid #ff8c00;\r\n }\r\n }\r\n\r\n &.tasks_to_do {\r\n h2 {\r\n border-bottom: 5px solid #2aaf47;\r\n }\r\n }\r\n\r\n &.tasks_to_review {\r\n h2 {\r\n border-bottom: 5px solid #2535c9;\r\n }\r\n }\r\n\r\n &.tasks_closed {\r\n h2 {\r\n border-bottom: 5px solid #000;\r\n }\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n\r\n .task {\r\n margin-bottom: 5px;\r\n background: #FFF;\r\n padding: 10px;\r\n border-radius: 0;\r\n display: flex;\r\n position: relative;\r\n border-radius: .25rem;\r\n flex-wrap: wrap;\r\n\r\n &.notopened {\r\n border: 2px solid $cRed;\r\n }\r\n\r\n .top {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n\r\n ._users {\r\n display: flex;\r\n gap: 5px;\r\n flex-wrap: wrap;\r\n\r\n .user {\r\n display: flex;\r\n width: 25px;\r\n height: 25px;\r\n border-radius: .25rem;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n ._timer {\r\n display: flex;\r\n gap: 5px;\r\n\r\n .recursively {\r\n color: #FFF;\r\n background: #405189;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n width: 25px;\r\n height: 25px;\r\n text-align: center;\r\n display: block;\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .task_start {\r\n display: block;\r\n background: $cGreen;\r\n color: #FFF;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n width: 25px;\r\n height: 25px;\r\n text-align: center;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .task_end {\r\n background: $cRed;\r\n display: block;\r\n color: #FFF;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n width: 25px;\r\n height: 25px;\r\n text-align: center;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .middle {\r\n width: 100%;\r\n }\r\n\r\n .name {\r\n font-size: 14px;\r\n color: #333;\r\n text-decoration: none;\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .client_info,\r\n .current_status {\r\n font-size: 12px;\r\n font-weight: 400;\r\n\r\n strong {\r\n font-weight: 600;\r\n }\r\n }\r\n\r\n .current_status {\r\n position: relative;\r\n cursor: pointer;\r\n\r\n .status_change {\r\n position: absolute;\r\n left: 0;\r\n top: 20px;\r\n background: #fff;\r\n padding: 15px;\r\n border: 1px solid #dfdfdf;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);\r\n z-index: 99;\r\n display: none;\r\n\r\n select {\r\n width: 250px;\r\n padding: 10px;\r\n border: 1px solid #ebebeb;\r\n border-radius: 3px;\r\n\r\n option {\r\n font-size: 15px;\r\n padding: 3px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .dates {\r\n margin-bottom: 5px;\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 12px;\r\n\r\n .danger {\r\n color: $cRed;\r\n font-weight: 600;\r\n }\r\n\r\n .warning {\r\n color: #ff8c00;\r\n }\r\n\r\n i {\r\n font-size: 12px;\r\n color: #C9CED4;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.action_menu {\r\n display: flex;\r\n margin-bottom: 25px;\r\n gap: 20px;\r\n\r\n .btn {\r\n display: inline-flex;\r\n padding: 7px 15px;\r\n color: #FFF;\r\n border-radius: 3px;\r\n text-decoration: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n\r\n &.btn_add {\r\n background: $cGreen;\r\n\r\n &:hover {\r\n background: #4a9c3b;\r\n }\r\n }\r\n\r\n &.btn_cancel {\r\n background: $cRed;\r\n\r\n &:hover {\r\n background: #b30000;\r\n }\r\n }\r\n\r\n &.disabled {\r\n opacity: .5;\r\n }\r\n }\r\n}\r\n\r\n.form_container {\r\n background: #FFF;\r\n padding: 25px;\r\n max-width: 1300px;\r\n\r\n &.full {\r\n max-width: 100%;\r\n }\r\n\r\n .form_group {\r\n margin-bottom: 10px;\r\n display: flex;\r\n\r\n >.label {\r\n width: 300px;\r\n display: inline-flex;\r\n align-items: flex-start;\r\n justify-content: right;\r\n padding-right: 10px;\r\n }\r\n\r\n .input {\r\n width: calc(100% - 300px);\r\n }\r\n }\r\n}\r\n\r\n.fullscreen_description {\r\n position: fixed !important;\r\n top: 25px;\r\n left: 25px;\r\n right: 25px;\r\n bottom: 25px;\r\n z-index: 9999;\r\n background: white;\r\n padding: 20px;\r\n overflow: auto;\r\n border-radius: 0.25rem;\r\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.fullscreen {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n color: #FFF;\r\n background: $cRed;\r\n display: inline-flex;\r\n height: 40px;\r\n width: 40px;\r\n border-radius: .25rem;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n transform: scale(1.05);\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.task_popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: none;\r\n\r\n .task_details {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n max-width: 1140px;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n height: 90vh;\r\n\r\n .content {\r\n height: calc(100% - 50px);\r\n }\r\n\r\n &.open_works_time {\r\n max-width: 1540px;\r\n\r\n .content {\r\n grid-template-columns: 1fr 300px 350px;\r\n\r\n .task_work_details {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .title {\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n a {\r\n border: 1px solid $cGreen;\r\n display: inline-flex;\r\n height: 30px;\r\n width: 30px;\r\n border-radius: .25rem;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n\r\n i {\r\n color: $cGreen;\r\n }\r\n\r\n &.task-delete {\r\n border: 1px solid $cRed;\r\n\r\n i {\r\n color: $cRed;\r\n }\r\n }\r\n\r\n i {\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n }\r\n\r\n .content {\r\n display: grid;\r\n font-size: 14px;\r\n grid-template-columns: 1fr 300px;\r\n gap: 30px;\r\n transition: all 0.3s ease;\r\n\r\n h3 {\r\n width: 100%;\r\n margin-top: 0;\r\n margin-bottom: 5px;\r\n font-weight: 500;\r\n color: #000;\r\n font-size: 17px;\r\n }\r\n\r\n .left {\r\n height: 100%;\r\n overflow: hidden;\r\n\r\n .users {\r\n display: flex;\r\n gap: 20px;\r\n\r\n .user {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n\r\n .avatar {\r\n height: 30px;\r\n width: 30px;\r\n border-radius: .25rem;\r\n background: #ccc;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n\r\n .comments {\r\n border-radius: 3px;\r\n margin-bottom: 10px;\r\n\r\n .new_comment {\r\n margin-bottom: 10px;\r\n\r\n textarea {\r\n height: 75px;\r\n margin-bottom: 10px;\r\n border-radius: .25rem;\r\n }\r\n\r\n .add_comment {\r\n background: $cGreen;\r\n color: #FFF;\r\n padding: 10px;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 200px;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: #4a9c3b;\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n\r\n li {\r\n background: #ced4da;\r\n margin-bottom: 5px;\r\n padding: 15px;\r\n border-radius: .25rem;\r\n position: relative;\r\n\r\n .delete_comment {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n color: $cRed;\r\n }\r\n\r\n .author {\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n display: inline-flex;\r\n margin-right: 10px;\r\n }\r\n\r\n .date {\r\n font-size: 12px;\r\n margin-bottom: 5px;\r\n display: inline-flex;\r\n }\r\n\r\n .text {\r\n margin-bottom: 15px;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .checklist {\r\n border-radius: 3px;\r\n margin-bottom: 10px;\r\n\r\n .new_element {\r\n display: flex;\r\n margin-bottom: 10px;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n border-radius: 0 .25rem .25rem 0;\r\n text-decoration: none;\r\n width: 35px;\r\n background: $cGreen;\r\n color: #FFF;\r\n }\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n overflow-y: auto;\r\n max-height: calc(90vh - 400px);\r\n\r\n li {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 5px;\r\n background: #FFF;\r\n border-radius: 3px;\r\n padding: 10px;\r\n border: 1px solid #ebebeb;\r\n font-size: 13px;\r\n align-items: flex-start;\r\n\r\n a {\r\n margin-left: auto;\r\n margin-right: 0;\r\n cursor: pointer;\r\n background: $cRed;\r\n display: flex;\r\n height: 25px;\r\n width: 25px;\r\n min-width: 25px;\r\n justify-content: center;\r\n align-items: center;\r\n border: 0;\r\n border-radius: 3px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n background: #b30000;\r\n }\r\n\r\n i {\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .description {\r\n padding: 15px;\r\n border-radius: 0.25rem;\r\n border: 1px solid #ebebeb;\r\n margin-bottom: 15px;\r\n max-height: 202px;\r\n overflow-x: hidden;\r\n position: relative;\r\n }\r\n }\r\n\r\n .right {\r\n\r\n .box {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .time {\r\n a.time_worked_toggle {\r\n @extend .default-btn;\r\n color: #299cdb;\r\n display: inline-flex;\r\n border: 1px solid #299cdb;\r\n\r\n &:hover {\r\n background: #dff0fa;\r\n text-decoration: none;\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n a:not(.time_worked_toggle) {\r\n @extend .default-btn;\r\n margin-top: 10px;\r\n text-decoration: none;\r\n gap: 10px;\r\n\r\n &.task_start {\r\n background: #0ab39c;\r\n color: #FFF;\r\n\r\n &:hover {\r\n background: #099885;\r\n }\r\n }\r\n\r\n &.task_end {\r\n background: $cRed;\r\n color: #FFF;\r\n }\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .dates {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n\r\n .danger {\r\n color: $cRed;\r\n font-weight: 600;\r\n }\r\n\r\n .warning {\r\n color: #ff8c00;\r\n }\r\n\r\n i {\r\n color: #C9CED4;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n\r\n .task_work_details {\r\n display: none;\r\n overflow-y: auto;\r\n max-height: 508px;\r\n width: 100%;\r\n padding-right: 10px;\r\n padding-top: 4px;\r\n\r\n ._line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n\r\n ._user {\r\n width: 100%;\r\n font-size: 13px;\r\n }\r\n\r\n input {\r\n width: calc(50% - 25px);\r\n text-align: center;\r\n margin-left: 2px;\r\n margin-right: 2px;\r\n }\r\n }\r\n\r\n ._work_delete {\r\n display: inline-flex;\r\n height: 35px;\r\n width: 35px;\r\n border-radius: .25rem;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n border: 1px solid $cRed;\r\n margin-left: 2px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n background: $cRed;\r\n\r\n i {\r\n color: #FFF;\r\n }\r\n }\r\n\r\n i {\r\n transition: all 0.3s ease;\r\n color: $cRed;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n\r\n th,\r\n td {\r\n border: 1px solid #ebebeb;\r\n padding: 5px;\r\n }\r\n\r\n td.center {\r\n text-align: center;\r\n }\r\n\r\n td.left {\r\n text-align: left;\r\n }\r\n}\r\n\r\n.projects_container {\r\n background: #FFF;\r\n padding: 15px;\r\n border-radius: .25rem;\r\n display: flex;\r\n gap: 20px;\r\n\r\n .left {\r\n width: calc(100% - 250px);\r\n\r\n ._projects,\r\n ._users {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n .right {\r\n width: 250px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n justify-content: center;\r\n gap: 20px;\r\n border-left: 1px solid #ebebeb;\r\n padding-left: 15px;\r\n\r\n select {\r\n width: 200px;\r\n }\r\n }\r\n}\r\n\r\n.default_popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: none;\r\n\r\n .popup_content {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n max-width: 1140px;\r\n width: 100%;\r\n\r\n .close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n }\r\n }\r\n}\r\n\r\n#fg-cron {\r\n margin: 10px 0;\r\n\r\n .countdown {\r\n background: $cGreen;\r\n color: #FFF;\r\n padding: 10px;\r\n }\r\n\r\n #cron-container {\r\n max-height: 300px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n\r\n .msg {\r\n font-size: 13px;\r\n padding: 5px;\r\n border-bottom: 1px solid #e8e8e8;\r\n }\r\n }\r\n}\r\n\r\n.card {\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n color: #000;\r\n font-size: 15px;\r\n max-width: 1280px;\r\n\r\n &.mb25 {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .card-header {\r\n font-weight: 600;\r\n }\r\n\r\n .card-body {\r\n padding-top: 10px;\r\n\r\n table {\r\n border-collapse: collapse;\r\n\r\n th,\r\n td {\r\n font-size: 14px;\r\n\r\n &.bold {\r\n font-weight: 600;\r\n }\r\n\r\n &.text-right {\r\n text-align: right;\r\n }\r\n\r\n &.text-center {\r\n text-align: center;\r\n }\r\n\r\n .close-task {\r\n text-decoration: none;\r\n color: $cBlue;\r\n\r\n &:hover {\r\n color: $cRed;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.finance-summary {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n gap: 10px;\r\n\r\n .panel {\r\n background: #FFF;\r\n border-radius: .25rem;\r\n padding: 15px;\r\n\r\n h1 {\r\n font-size: 20px;\r\n margin: 0;\r\n }\r\n\r\n span {\r\n font-size: 0.85em;\r\n }\r\n }\r\n}\r\n\r\n.finance-manager {\r\n display: grid;\r\n gap: 10px;\r\n grid-template-columns: 200px 1fr 500px;\r\n padding-top: 25px;\r\n\r\n .manage-menu {\r\n display: inline-block;\r\n margin-right: 10px;\r\n\r\n a {\r\n color: #333333;\r\n text-decoration: none;\r\n font-weight: 300;\r\n display: block;\r\n }\r\n }\r\n\r\n .actions {\r\n width: 100px;\r\n text-align: center;\r\n\r\n a {\r\n display: inline-flex;\r\n margin: 0 2px;\r\n height: 25px;\r\n width: 25px;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n color: #000;\r\n border: 1px solid #e7e7e7;\r\n font-size: 11px;\r\n border-radius: 3px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n border: 1px solid $cBlue;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.bootstrap-tagsinput {\r\n .tag {\r\n background: $cBlue;\r\n font-size: 13px;\r\n padding: 5px 10px;\r\n border-radius: 12px;\r\n\r\n [data-role=\"remove\"] {\r\n color: #FFF !important;\r\n\r\n &:hover {\r\n box-shadow: none !important;\r\n color: #000 !important\r\n }\r\n }\r\n }\r\n}\r\n\r\n.finance-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n\r\n a:not(.btn) {\r\n display: flex;\r\n width: 100%;\r\n text-decoration: none;\r\n color: $cBlack;\r\n\r\n &.zoom-100 {\r\n font-size: 130%;\r\n }\r\n\r\n &.zoom-90 {\r\n font-size: 120%;\r\n }\r\n\r\n &.zoom-80 {\r\n font-size: 110%;\r\n }\r\n\r\n &.zoom-70 {\r\n font-size: 100%;\r\n }\r\n\r\n &.zoom-60 {\r\n font-size: 95%;\r\n }\r\n\r\n &.zoom-50 {\r\n font-size: 85%;\r\n }\r\n\r\n &.zoom-40 {\r\n font-size: 80%;\r\n }\r\n\r\n &.zoom-30 {\r\n font-size: 75%;\r\n }\r\n\r\n &.zoom-20 {\r\n font-size: 75%;\r\n }\r\n\r\n &.zoom-10 {\r\n font-size: 70%;\r\n }\r\n\r\n &.zoom-0 {\r\n font-size: 70%;\r\n }\r\n }\r\n}\r\n\r\n.manage-menu {\r\n position: relative;\r\n\r\n .context-menu {\r\n border-left: 4px dotted #000;\r\n width: 1px;\r\n height: 100%;\r\n }\r\n\r\n .context-menu-container {\r\n position: absolute;\r\n display: none;\r\n background: #FFF;\r\n box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);\r\n top: 2px;\r\n left: 2px;\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n\r\n li {\r\n a {\r\n display: block;\r\n padding: 7px 15px;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n background: #f8f8f8;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n .context-menu-container {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n.wiki-categories {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 25px;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n\r\n .category {\r\n background: #FFF;\r\n padding: 10px;\r\n\r\n .users {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n gap: 5px;\r\n\r\n .user {\r\n display: flex;\r\n height: 25px;\r\n width: 25px;\r\n border-radius: 50%;\r\n background: #ccc;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .actions {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n a {\r\n display: block;\r\n color: $cBlack;\r\n font-size: 13px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .title {\r\n margin-bottom: 5px;\r\n\r\n a {\r\n display: block;\r\n color: $cBlack;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n}"]} \ No newline at end of file +{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["$cBlue: #6690F4;\r\n$cRed: #cc563d;\r\n$cGreen: #099885;\r\n$cBlack: #4e5e6a;\r\n\r\n.default-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 40px;\r\n border-radius: .25rem;\r\n padding: 0 15px;\r\n transition: all .3s ease;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.animate {\r\n animation: mymove 3s infinite;\r\n}\r\n\r\n.text-right {\r\n text-align: right;\r\n}\r\n\r\n.nowrap {\r\n white-space: nowrap;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n}\r\n\r\nsmall {\r\n font-size: .75em;\r\n}\r\n\r\ntable {\r\n font-size: 13px;\r\n}\r\n\r\n@keyframes mymove {\r\n 50% {\r\n opacity: .33;\r\n }\r\n}\r\n\r\n/* motion */\r\n@keyframes gradient-animation {\r\n 0% {\r\n background-position: 15% 0%;\r\n }\r\n\r\n 50% {\r\n background-position: 85% 100%;\r\n }\r\n\r\n 100% {\r\n background-position: 15% 0%;\r\n }\r\n}\r\n\r\n@keyframes frame-enter {\r\n 0% {\r\n clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);\r\n }\r\n\r\n 25% {\r\n clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);\r\n }\r\n\r\n 50% {\r\n clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);\r\n }\r\n\r\n 75% {\r\n -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);\r\n }\r\n\r\n 100% {\r\n -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);\r\n }\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: \"Open Sans\", sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n font-size: 15px;\r\n color: #4e5e6a;\r\n}\r\n\r\n.btn {\r\n padding: 12px 25px;\r\n transition: all 0.3s ease;\r\n color: #FFF;\r\n border: 0;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n display: inline-flex;\r\n text-decoration: none;\r\n gap: 5px;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &.btn_small,\r\n &.btn-xs {\r\n padding: 5px 7px;\r\n font-size: 13px;\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n &.btn-success {\r\n background: $cGreen;\r\n\r\n &:hover {\r\n background: #4a9c3b;\r\n }\r\n }\r\n\r\n &.btn-primary {\r\n background: $cBlue;\r\n\r\n &:hover {\r\n background: #3164db;\r\n }\r\n }\r\n\r\n &.btn-danger {\r\n background: $cRed;\r\n\r\n &:hover {\r\n background: #b30000;\r\n }\r\n }\r\n}\r\n\r\n.hide {\r\n display: none;\r\n}\r\n\r\n.form-error {\r\n color: $cRed;\r\n font-size: 13px;\r\n}\r\n\r\n.input-group {\r\n margin-bottom: 10px;\r\n}\r\n\r\ninput[type=\"checkbox\"] {\r\n border: 1px solid #ebebeb;\r\n}\r\n\r\n.form-control {\r\n border: 1px solid #ebebeb;\r\n border-radius: 3px;\r\n height: 35px;\r\n width: 100%;\r\n padding: 5px;\r\n font-family: \"Open Sans\", sans-serif;\r\n\r\n option {\r\n padding: 5px;\r\n }\r\n\r\n &:focus {\r\n border: 1px solid $cBlue;\r\n outline: none;\r\n }\r\n}\r\n\r\n.unlogged {\r\n background: #EEF1F9;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100vh;\r\n\r\n .box-login {\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n width: 400px;\r\n\r\n .title {\r\n text-align: center;\r\n padding: 10px 10px 25px;\r\n border-bottom: 1px solid #ebebeb;\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n }\r\n }\r\n}\r\n\r\nbody>.top {\r\n background: #FFF;\r\n border-bottom: 1px solid #ebebeb;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n .logo {\r\n a {\r\n display: inline-flex;\r\n color: $cBlue;\r\n padding: 10px;\r\n text-decoration: none;\r\n\r\n span {\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n\r\n .user-nav {\r\n position: relative;\r\n font-size: 14px;\r\n padding: 10px;\r\n\r\n .trigger {\r\n cursor: pointer;\r\n\r\n i {\r\n color: $cBlue;\r\n }\r\n }\r\n\r\n ul {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background: #FFF;\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n list-style-type: none;\r\n border: 1px solid #ebebeb;\r\n display: none;\r\n\r\n li {\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: #F8F9FA;\r\n }\r\n\r\n a {\r\n color: #333;\r\n display: block;\r\n text-decoration: none;\r\n padding: 10px;\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n ul {\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.main-menu {\r\n display: flex;\r\n box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;\r\n\r\n ul {\r\n display: flex;\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n font-size: 14px;\r\n\r\n li {\r\n cursor: pointer;\r\n\r\n a {\r\n color: #333;\r\n text-decoration: none;\r\n display: inline-flex;\r\n padding: 10px 15px;\r\n }\r\n\r\n &:hover {\r\n a {\r\n background: $cBlue;\r\n color: #FFF;\r\n }\r\n }\r\n\r\n ul {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.main {\r\n padding: 25px;\r\n background: #D9DEE2;\r\n min-height: calc(100vh - 80px);\r\n}\r\n\r\n.tasks_container {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 20px;\r\n\r\n .column {\r\n width: 100%;\r\n\r\n h2 {\r\n display: flex;\r\n padding: 10px;\r\n background: #FFF;\r\n margin-bottom: 10px;\r\n font-size: 15px;\r\n font-weight: 300;\r\n border-radius: 3px 3px 0 0;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n i {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n &.tasks_suspended {\r\n h2 {\r\n border-bottom: 5px solid $cRed;\r\n }\r\n }\r\n\r\n &.tasks_fvat {\r\n h2 {\r\n border-bottom: 5px solid #a900fc;\r\n }\r\n }\r\n\r\n &.tasks_new {\r\n h2 {\r\n border-bottom: 5px solid #ccc;\r\n }\r\n }\r\n\r\n &.tasks_bulk {\r\n h2 {\r\n border-bottom: 5px solid #ff8c00;\r\n }\r\n }\r\n\r\n &.tasks_to_do {\r\n h2 {\r\n border-bottom: 5px solid #2aaf47;\r\n }\r\n }\r\n\r\n &.tasks_to_review {\r\n h2 {\r\n border-bottom: 5px solid #2535c9;\r\n }\r\n }\r\n\r\n &.tasks_closed {\r\n h2 {\r\n border-bottom: 5px solid #000;\r\n }\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n\r\n .task {\r\n margin-bottom: 5px;\r\n background: #FFF;\r\n padding: 10px;\r\n border-radius: 0;\r\n display: flex;\r\n position: relative;\r\n border-radius: .25rem;\r\n flex-wrap: wrap;\r\n\r\n &.notopened {\r\n border: 2px solid $cRed;\r\n }\r\n\r\n .top {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n\r\n ._users {\r\n display: flex;\r\n gap: 5px;\r\n flex-wrap: wrap;\r\n\r\n .user {\r\n display: flex;\r\n width: 25px;\r\n height: 25px;\r\n border-radius: .25rem;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n ._timer {\r\n display: flex;\r\n gap: 5px;\r\n\r\n .recursively {\r\n color: #FFF;\r\n background: #405189;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n width: 25px;\r\n height: 25px;\r\n text-align: center;\r\n display: block;\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .task_start {\r\n display: block;\r\n background: $cGreen;\r\n color: #FFF;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n width: 25px;\r\n height: 25px;\r\n text-align: center;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .task_end {\r\n background: $cRed;\r\n display: block;\r\n color: #FFF;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n margin-bottom: 5px;\r\n width: 25px;\r\n height: 25px;\r\n text-align: center;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n i {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .middle {\r\n width: 100%;\r\n }\r\n\r\n .name {\r\n font-size: 14px;\r\n color: #333;\r\n text-decoration: none;\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .bottom {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .client_info,\r\n .current_status {\r\n font-size: 12px;\r\n font-weight: 400;\r\n\r\n strong {\r\n font-weight: 600;\r\n }\r\n }\r\n\r\n .current_status {\r\n position: relative;\r\n cursor: pointer;\r\n\r\n .status_change {\r\n position: absolute;\r\n left: 0;\r\n top: 20px;\r\n background: #fff;\r\n padding: 15px;\r\n border: 1px solid #dfdfdf;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);\r\n z-index: 99;\r\n display: none;\r\n\r\n select {\r\n width: 250px;\r\n padding: 10px;\r\n border: 1px solid #ebebeb;\r\n border-radius: 3px;\r\n\r\n option {\r\n font-size: 15px;\r\n padding: 3px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .dates {\r\n margin-bottom: 5px;\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 12px;\r\n\r\n .danger {\r\n color: $cRed;\r\n font-weight: 600;\r\n }\r\n\r\n .warning {\r\n color: #ff8c00;\r\n }\r\n\r\n i {\r\n font-size: 12px;\r\n color: #C9CED4;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.action_menu {\r\n display: flex;\r\n margin-bottom: 25px;\r\n gap: 20px;\r\n\r\n .btn {\r\n display: inline-flex;\r\n padding: 7px 15px;\r\n color: #FFF;\r\n border-radius: 3px;\r\n text-decoration: none;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n\r\n &.btn_add {\r\n background: $cGreen;\r\n\r\n &:hover {\r\n background: #4a9c3b;\r\n }\r\n }\r\n\r\n &.btn_cancel {\r\n background: $cRed;\r\n\r\n &:hover {\r\n background: #b30000;\r\n }\r\n }\r\n\r\n &.disabled {\r\n opacity: .5;\r\n }\r\n }\r\n}\r\n\r\n.form_container {\r\n background: #FFF;\r\n padding: 25px;\r\n max-width: 1300px;\r\n\r\n &.full {\r\n max-width: 100%;\r\n }\r\n\r\n .form_group {\r\n margin-bottom: 10px;\r\n display: flex;\r\n\r\n >.label {\r\n width: 300px;\r\n display: inline-flex;\r\n align-items: flex-start;\r\n justify-content: right;\r\n padding-right: 10px;\r\n }\r\n\r\n .input {\r\n width: calc(100% - 300px);\r\n }\r\n }\r\n}\r\n\r\n.fullscreen_description {\r\n position: fixed !important;\r\n top: 25px;\r\n left: 25px;\r\n right: 25px;\r\n bottom: 25px;\r\n z-index: 9999;\r\n background: white;\r\n padding: 20px;\r\n overflow: auto;\r\n border-radius: 0.25rem;\r\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.fullscreen {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n color: #FFF;\r\n background: $cRed;\r\n display: inline-flex;\r\n height: 40px;\r\n width: 40px;\r\n border-radius: .25rem;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n transform: scale(1.05);\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.task_popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: none;\r\n z-index: 9999;\r\n\r\n .task_details {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n max-width: 1140px;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n height: 90vh;\r\n\r\n .content {\r\n height: calc(100% - 50px);\r\n }\r\n\r\n &.open_works_time {\r\n max-width: 1540px;\r\n\r\n .content {\r\n grid-template-columns: 1fr 300px 350px;\r\n\r\n .task_work_details {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .title {\r\n font-size: 20px;\r\n margin-bottom: 25px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n a {\r\n border: 1px solid $cGreen;\r\n display: inline-flex;\r\n height: 30px;\r\n width: 30px;\r\n border-radius: .25rem;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n\r\n i {\r\n color: $cGreen;\r\n }\r\n\r\n &.task-delete {\r\n border: 1px solid $cRed;\r\n\r\n i {\r\n color: $cRed;\r\n }\r\n }\r\n\r\n i {\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n }\r\n\r\n .content {\r\n display: grid;\r\n font-size: 14px;\r\n grid-template-columns: 1fr 300px;\r\n gap: 30px;\r\n transition: all 0.3s ease;\r\n\r\n h3 {\r\n width: 100%;\r\n margin-top: 0;\r\n margin-bottom: 5px;\r\n font-weight: 500;\r\n color: #000;\r\n font-size: 17px;\r\n }\r\n\r\n .left {\r\n height: 100%;\r\n overflow: hidden;\r\n\r\n .users {\r\n display: flex;\r\n gap: 20px;\r\n\r\n .user {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n\r\n .avatar {\r\n height: 30px;\r\n width: 30px;\r\n border-radius: .25rem;\r\n background: #ccc;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n\r\n .comments {\r\n border-radius: 3px;\r\n margin-bottom: 10px;\r\n\r\n .new_comment {\r\n margin-bottom: 10px;\r\n\r\n textarea {\r\n height: 75px;\r\n margin-bottom: 10px;\r\n border-radius: .25rem;\r\n }\r\n\r\n .add_comment {\r\n background: $cGreen;\r\n color: #FFF;\r\n padding: 10px;\r\n border-radius: .25rem;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 200px;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: #4a9c3b;\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n\r\n li {\r\n background: #ced4da;\r\n margin-bottom: 5px;\r\n padding: 15px;\r\n border-radius: .25rem;\r\n position: relative;\r\n\r\n .delete_comment {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n color: $cRed;\r\n }\r\n\r\n .author {\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n display: inline-flex;\r\n margin-right: 10px;\r\n }\r\n\r\n .date {\r\n font-size: 12px;\r\n margin-bottom: 5px;\r\n display: inline-flex;\r\n }\r\n\r\n .text {\r\n margin-bottom: 15px;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .checklist {\r\n border-radius: 3px;\r\n margin-bottom: 10px;\r\n\r\n .new_element {\r\n display: flex;\r\n margin-bottom: 10px;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n border-radius: 0 .25rem .25rem 0;\r\n text-decoration: none;\r\n width: 35px;\r\n background: $cGreen;\r\n color: #FFF;\r\n }\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n overflow-y: auto;\r\n max-height: calc(90vh - 400px);\r\n\r\n li {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 5px;\r\n background: #FFF;\r\n border-radius: 3px;\r\n padding: 10px;\r\n border: 1px solid #ebebeb;\r\n font-size: 13px;\r\n align-items: flex-start;\r\n\r\n a {\r\n margin-left: auto;\r\n margin-right: 0;\r\n cursor: pointer;\r\n background: $cRed;\r\n display: flex;\r\n height: 25px;\r\n width: 25px;\r\n min-width: 25px;\r\n justify-content: center;\r\n align-items: center;\r\n border: 0;\r\n border-radius: 3px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n background: #b30000;\r\n }\r\n\r\n i {\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .description {\r\n padding: 15px;\r\n border-radius: 0.25rem;\r\n border: 1px solid #ebebeb;\r\n margin-bottom: 15px;\r\n max-height: 202px;\r\n overflow-x: hidden;\r\n position: relative;\r\n }\r\n }\r\n\r\n .right {\r\n\r\n .box {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .time {\r\n a.time_worked_toggle {\r\n @extend .default-btn;\r\n color: #299cdb;\r\n display: inline-flex;\r\n border: 1px solid #299cdb;\r\n\r\n &:hover {\r\n background: #dff0fa;\r\n text-decoration: none;\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n a:not(.time_worked_toggle) {\r\n @extend .default-btn;\r\n margin-top: 10px;\r\n text-decoration: none;\r\n gap: 10px;\r\n\r\n &.task_start {\r\n background: #0ab39c;\r\n color: #FFF;\r\n\r\n &:hover {\r\n background: #099885;\r\n }\r\n }\r\n\r\n &.task_end {\r\n background: $cRed;\r\n color: #FFF;\r\n }\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .dates {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n\r\n .danger {\r\n color: $cRed;\r\n font-weight: 600;\r\n }\r\n\r\n .warning {\r\n color: #ff8c00;\r\n }\r\n\r\n i {\r\n color: #C9CED4;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n\r\n .task_work_details {\r\n display: none;\r\n overflow-y: auto;\r\n max-height: 508px;\r\n width: 100%;\r\n padding-right: 10px;\r\n padding-top: 4px;\r\n\r\n ._line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n\r\n ._user {\r\n width: 100%;\r\n font-size: 13px;\r\n }\r\n\r\n input {\r\n width: calc(50% - 25px);\r\n text-align: center;\r\n margin-left: 2px;\r\n margin-right: 2px;\r\n }\r\n }\r\n\r\n ._work_delete {\r\n display: inline-flex;\r\n height: 35px;\r\n width: 35px;\r\n border-radius: .25rem;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n border: 1px solid $cRed;\r\n margin-left: 2px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n background: $cRed;\r\n\r\n i {\r\n color: #FFF;\r\n }\r\n }\r\n\r\n i {\r\n transition: all 0.3s ease;\r\n color: $cRed;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n\r\n th,\r\n td {\r\n border: 1px solid #ebebeb;\r\n padding: 5px;\r\n }\r\n\r\n td.center {\r\n text-align: center;\r\n }\r\n\r\n td.left {\r\n text-align: left;\r\n }\r\n}\r\n\r\n.projects_container {\r\n background: #FFF;\r\n padding: 15px;\r\n border-radius: .25rem;\r\n display: flex;\r\n gap: 20px;\r\n\r\n .left {\r\n width: calc(100% - 250px);\r\n\r\n ._projects,\r\n ._users {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n .right {\r\n width: 250px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n justify-content: center;\r\n gap: 20px;\r\n border-left: 1px solid #ebebeb;\r\n padding-left: 15px;\r\n\r\n select {\r\n width: 200px;\r\n }\r\n }\r\n}\r\n\r\n.default_popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: none;\r\n\r\n .popup_content {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n max-width: 1140px;\r\n width: 100%;\r\n\r\n .close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n cursor: pointer;\r\n }\r\n }\r\n}\r\n\r\n#fg-cron {\r\n margin: 10px 0;\r\n\r\n .countdown {\r\n background: $cGreen;\r\n color: #FFF;\r\n padding: 10px;\r\n }\r\n\r\n #cron-container {\r\n max-height: 300px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n\r\n .msg {\r\n font-size: 13px;\r\n padding: 5px;\r\n border-bottom: 1px solid #e8e8e8;\r\n }\r\n }\r\n}\r\n\r\n.card {\r\n background: #FFF;\r\n padding: 25px;\r\n border-radius: .25rem;\r\n color: #000;\r\n font-size: 15px;\r\n max-width: 1280px;\r\n\r\n &.mb25 {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .card-header {\r\n font-weight: 600;\r\n }\r\n\r\n .card-body {\r\n padding-top: 10px;\r\n\r\n table {\r\n border-collapse: collapse;\r\n\r\n th,\r\n td {\r\n font-size: 14px;\r\n\r\n &.bold {\r\n font-weight: 600;\r\n }\r\n\r\n &.text-right {\r\n text-align: right;\r\n }\r\n\r\n &.text-center {\r\n text-align: center;\r\n }\r\n\r\n .close-task {\r\n text-decoration: none;\r\n color: $cBlue;\r\n\r\n &:hover {\r\n color: $cRed;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.finance-summary {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n gap: 10px;\r\n\r\n .panel {\r\n background: #FFF;\r\n border-radius: .25rem;\r\n padding: 15px;\r\n\r\n h1 {\r\n font-size: 20px;\r\n margin: 0;\r\n }\r\n\r\n span {\r\n font-size: 0.85em;\r\n }\r\n }\r\n}\r\n\r\n.finance-manager {\r\n display: grid;\r\n gap: 10px;\r\n grid-template-columns: 200px 1fr 500px;\r\n padding-top: 25px;\r\n\r\n .manage-menu {\r\n display: inline-block;\r\n margin-right: 10px;\r\n\r\n a {\r\n color: #333333;\r\n text-decoration: none;\r\n font-weight: 300;\r\n display: block;\r\n }\r\n }\r\n\r\n .actions {\r\n width: 100px;\r\n text-align: center;\r\n\r\n a {\r\n display: inline-flex;\r\n margin: 0 2px;\r\n height: 25px;\r\n width: 25px;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n color: #000;\r\n border: 1px solid #e7e7e7;\r\n font-size: 11px;\r\n border-radius: 3px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n border: 1px solid $cBlue;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.bootstrap-tagsinput {\r\n .tag {\r\n background: $cBlue;\r\n font-size: 13px;\r\n padding: 5px 10px;\r\n border-radius: 12px;\r\n\r\n [data-role=\"remove\"] {\r\n color: #FFF !important;\r\n\r\n &:hover {\r\n box-shadow: none !important;\r\n color: #000 !important\r\n }\r\n }\r\n }\r\n}\r\n\r\n.finance-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n\r\n a:not(.btn) {\r\n display: flex;\r\n width: 100%;\r\n text-decoration: none;\r\n color: $cBlack;\r\n\r\n &.zoom-100 {\r\n font-size: 130%;\r\n }\r\n\r\n &.zoom-90 {\r\n font-size: 120%;\r\n }\r\n\r\n &.zoom-80 {\r\n font-size: 110%;\r\n }\r\n\r\n &.zoom-70 {\r\n font-size: 100%;\r\n }\r\n\r\n &.zoom-60 {\r\n font-size: 95%;\r\n }\r\n\r\n &.zoom-50 {\r\n font-size: 85%;\r\n }\r\n\r\n &.zoom-40 {\r\n font-size: 80%;\r\n }\r\n\r\n &.zoom-30 {\r\n font-size: 75%;\r\n }\r\n\r\n &.zoom-20 {\r\n font-size: 75%;\r\n }\r\n\r\n &.zoom-10 {\r\n font-size: 70%;\r\n }\r\n\r\n &.zoom-0 {\r\n font-size: 70%;\r\n }\r\n }\r\n}\r\n\r\n.manage-menu {\r\n position: relative;\r\n\r\n .context-menu {\r\n border-left: 4px dotted #000;\r\n width: 1px;\r\n height: 100%;\r\n }\r\n\r\n .context-menu-container {\r\n position: absolute;\r\n display: none;\r\n background: #FFF;\r\n box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);\r\n top: 2px;\r\n left: 2px;\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n\r\n li {\r\n a {\r\n display: block;\r\n padding: 7px 15px;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n background: #f8f8f8;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n .context-menu-container {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n.wiki-categories {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 25px;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n\r\n .category {\r\n background: #FFF;\r\n padding: 10px;\r\n\r\n .users {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n gap: 5px;\r\n\r\n .user {\r\n display: flex;\r\n height: 25px;\r\n width: 25px;\r\n border-radius: 50%;\r\n background: #ccc;\r\n justify-content: center;\r\n align-items: center;\r\n color: #FFF;\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .actions {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n a {\r\n display: block;\r\n color: $cBlack;\r\n font-size: 13px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .title {\r\n margin-bottom: 5px;\r\n\r\n a {\r\n display: block;\r\n color: $cBlack;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n}"]} \ No newline at end of file diff --git a/layout/style.scss b/layout/style.scss index 7ed62e7..79378ad 100644 --- a/layout/style.scss +++ b/layout/style.scss @@ -673,6 +673,7 @@ body>.top { height: 100%; background: rgba(0, 0, 0, 0.5); display: none; + z-index: 9999; .task_details { position: absolute; diff --git a/libraries/JS-Gantt-Chart-master/.gitattributes b/libraries/JS-Gantt-Chart-master/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/libraries/JS-Gantt-Chart-master/LICENSE b/libraries/JS-Gantt-Chart-master/LICENSE new file mode 100644 index 0000000..2e94526 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 mmacdonald + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/libraries/JS-Gantt-Chart-master/README.md b/libraries/JS-Gantt-Chart-master/README.md new file mode 100644 index 0000000..e1e8bbc --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/README.md @@ -0,0 +1,29 @@ +# JS-Gantt-Chart +A Gantt Chart built using pure JS with CSS Grid and Flexbox + +### At the moment the chart works best with items that are all on the same day. + +The chart's constructor expects two parameters: + +1. The id for the element that will hold the chart. A string +2. An object holding a number of parameters for the chart: +``` +noDataFoundMessage: If the chart refreshes and does not receive any data, this message is displayed. A string or HTML +startTimeAlias: The name of the property within the objects of the array that holds the event's start time. A string +endTimeAlias: The name of the property within the objects of the array that holds the event's end time. A string +idAlias: The name of the property within the objects of the array that holds the id of the record. + Objects with the same id will be placed in the same row. An int +rowAlias: The name of the property within the objects of the array that holds the header that should be given to this object's row. A string +linkAlias: The name of the property within the objects of the array that holds the link that should be followed when the object's entry is clicked. + Passing in null will keep the chart from rendering links. A string +tooltipAlias: The name of the property within the objects of the array that holds the html content that should be displayed when the user hovers over the chart entry. A string +groupBy: This parameter functions like a SQL group by. Providing it to the chart will result in rows being grouped underneath collapsible headers. + The values should be in order of decreasing importance. + Each of the values in the string should be a property within the objects being provided to the chart. + ex. 'state, county, city' +groupByAlias: A comma delimited list of the properties in the given data that hold the names of each group. Should have the same number of entries as the groupBy parameter and will only be used if that parameter has also been provided. This is an optional parameter. If left null, the group names will be derived from the groupBy parameter instead. +refreshFunction: The function that the chart should call when its refreshData() function is invoked. This function should return an array of objects. +``` + + +The [sample-chart](sample-chart) has a barebones example of how the chart could be created. diff --git a/libraries/JS-Gantt-Chart-master/gantt.css b/libraries/JS-Gantt-Chart-master/gantt.css new file mode 100644 index 0000000..85b975d --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/gantt.css @@ -0,0 +1,106 @@ +.gfb-gantt-wrapper { + --entry-color: #033b6a; + --border-color: rgba(0, 0, 0, 0.1); + --background-color: #f9f9f9; + --hovered-background: #f0f0f0; +} + +.gfb-gantt-wrapper { + position: relative; + min-width: 550px; +} + +.gfb-gantt-headers { + display: grid; + background-color: var(--background-color); + border: 1px solid var(--border-color); + min-height: 40px; +} + +.gfb-gantt-headers>div:not(:last-child) { + border-right: 1px solid var(--border-color); +} + +.gfb-gantt-header { + display: flex; + padding: 5px 0px 5px 5px; +} + +.gfb-gantt-sidebar-header { + text-align: center; + padding: 10px 5px 10px 5px; + background-color: var(--background-color); + border-right: 1px solid var(--border-color); +} + +.gfb-gantt-content { + position: relative; +} + +.gfb-gantt-row { + display: grid; + min-height: 25px; + border: 1px solid var(--border-color); + border-top: 0; + border-right: 1px solid transparent; + +} + +.gfb-gantt-sub-row-wrapper { + max-height: 15px; + display: flex; + width: 100%; + height: 100%; +} + +.gfb-gantt-row-entry { + border-radius: 10px; + cursor: pointer; + background-color: var(--entry-color); +} + +.gfb-gantt-row-entry:hover { + box-shadow: var(--entry-color) 0px 0px 2px .1px; +} + +.gfb-gantt-lines-container { + display: grid; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + border: 1px solid var(--border-color); + z-index: 0; +} + +.gfb-gantt-lines-container>div:not(:last-child):not(.gfb-gantt-sidebar-template) { + border-right: 1px solid var(--border-color); +} + +.gfb-gantt-row-entry-tooltip { + position: absolute; + display: none; + max-width: 400px; + background-color: #ffffff; + box-shadow: 0 0 5px #aaa; + padding: 10px; + z-index: 20; +} + +.gfb-gantt-grouping-header { + background-color: var(--background-color); + padding: 5px 0; + border: 1px solid var(--border-color); + border-top: 0 transparent; + cursor: pointer; + user-select: none; +} + +.gfb-gantt-grouping-header:hover { + background-color: var(--hovered-background); +} + +.gfb-gantt { + overflow: auto; +} \ No newline at end of file diff --git a/libraries/JS-Gantt-Chart-master/gantt.js b/libraries/JS-Gantt-Chart-master/gantt.js new file mode 100644 index 0000000..01046f5 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/gantt.js @@ -0,0 +1,399 @@ +class Gantt { + constructor(staticID, params) { + this.staticID = staticID; + this.sidebarHeader = params.sidebarHeader || 'Unused parameter right now'; + this.noDataFoundMessage = params.noDataFoundMessage || 'No data found.'; + this.startTimeAlias = params.startTimeAlias || 'startTime'; + this.endTimeAlias = params.endTimeAlias || 'endTime'; + this.idAlias = params.idAlias || 'id'; + this.rowAlias = params.rowAlias || 'rowTitle'; + this.linkAlias = params.linkAlias; + this.tooltipAlias = params.tooltipAlias || 'tooltip'; + this.groupBy = params.groupBy ? params.groupBy.split(',').map(group => group.trim()) : []; + this.groupByAlias = this.groupBy ? (params.groupByAlias ? params.groupByAlias.split(',').map(group => group.trim()) : this.groupBy) : []; + this.data = {}; + this.rawData = []; + this.divisionCount = 0; + this.maxTime; + this.minTime; + this.refreshFunction = params.refreshFunction; + + this.wrapper = document.createElement('div'); + this.wrapper.classList.add('gfb-gantt-wrapper'); + document.getElementById(this.staticID).appendChild(this.wrapper); + this.refreshData(); + } + + refreshData() { + this.rawData = this.refreshFunction(); + this.empty(); + if(this.rawData.length < 1){ + this.noDataFound(); + return; + } + this.processData(); + this.render(); + } + + processData() { + //Have to reset the divisionCount here. Otherwise it keeps incrementing on the divisionCount of the previous data set. + this.divisionCount = 0; + + //Sorts the data by the start time ascending before anything else is done + //This ensures that the data is rendered in the proper location when we generate the chart. + let sortedData = this.rawData.sort((a, b) => new Date(a[this.startTimeAlias]) - new Date(b[this.startTimeAlias])), + groupedData = {}; + for (let dataRow of sortedData) { + this.groupArray(groupedData, dataRow); + //console.log(groupedData); + } + + this.data = groupedData; + + //Get the max and min datetimes in the dataset + //Used to determine the first and last times that are shown in the chart + let maxTime = this.rawData.reduce((max, curr) => !!curr[this.endTimeAlias] ? max > new Date(curr[this.endTimeAlias]) ? max : new Date(curr[this.endTimeAlias]) : max, new Date(0)); + let minTime = this.rawData.reduce((min, curr) => !!curr[this.startTimeAlias] ? min > new Date(curr[this.startTimeAlias]) ? new Date(curr[this.startTimeAlias]) : min : min, new Date(maxTime.getTime())); + this.maxTime = roundHourUp(maxTime); + this.minTime = roundHourDown(minTime); + + if(this.minTime === this.maxTime) + return; + + //Determines the number of columns(times) that will be shown in the chart. + //Mostly used for iteration later in the render process + for (let i = new Date(this.minTime.getTime()); i <= this.maxTime; i.setTime(i.getTime() + (60 * 60 * 1000))) { + this.divisionCount++; + } + + } + //Takes advantage of the fact that javascript is kind of pass-by-reference for object data types + //So every change to result here is actually a change to our groupedData variable + groupArray(result, entry, iter = 0) { + let nextResult; + if (iter === this.groupBy.length + 1) { + result.push(entry); + return; + } + + + let groupingProperty = result[entry[this.groupBy[iter]]]; + let chartEntry = result[entry[this.idAlias]]; + + //If we can't find a property within result for the groupBy parameter at this level we create a new one. + if (!result[entry[this.groupBy[iter]]] && iter < this.groupBy.length) { + result[entry[this.groupBy[iter]]] = {groupName: entry[this.groupByAlias[iter]]}; + nextResult = result[entry[this.groupBy[iter]]]; + } + else if (!result[entry[this.idAlias]] && iter === this.groupBy.length) { + result[entry[this.idAlias]] = []; + nextResult = result[entry[this.idAlias]]; + } + else if (result[entry[this.groupBy[iter]]]) { + nextResult = result[entry[this.groupBy[iter]]]; + } + else if (result[entry[this.idAlias]]) { + nextResult = result[entry[this.idAlias]]; + } + iter++; + this.groupArray(nextResult, entry, iter); + } + + //Creates the header for the Gantt chart + buildHeader() { + let headerDivs = `
`; + if (this.divisionCount > 1) { + for (let i = 0; i < this.divisionCount; i++) { + let date = new Date(this.minTime.getTime() + ((60 * 60 * 1000) * i)), + hour = date.getHours().toString().padStart(2, '0'), + minutes = date.getMinutes().toString().padStart(2, '0'); + headerDivs += `
${hour}:${minutes}
`; + } + } + return `
${headerDivs}
`; + } + + + buildLines() { + let lines = '
'; + for (let i = 0; i < this.divisionCount; i++) { + lines += `
`; + } + return `
${lines}
`; + } + + buildRow(rowArr, dataIndex) { + let totalTime = this.maxTime - this.minTime, + compositeRows = `
`; + for (let i = 0; i < rowArr.length; i++) { + //Check to see if the current entry has a start and end time. If not we break + if (!rowArr[i][this.startTimeAlias] || !rowArr[i][this.startTimeAlias]) + break; + let currElStart = new Date(rowArr[i][this.startTimeAlias]), + currElEnd = new Date(rowArr[i][this.endTimeAlias]), + currElRunPercent = ((currElEnd - currElStart) / totalTime) * 100; + if (i === 0 || (rowArr[i - 1] && new Date(rowArr[i - 1][this.endTimeAlias]) !== currElStart)) { + let baseTime = (i === 0 ? this.minTime : new Date(rowArr[i - 1][this.endTimeAlias])), + difference = ((currElStart - baseTime) / totalTime) * 100; + compositeRows += `
`; + } + //If we don't have a linkAlias we assume the entries are not meant to link anywhere, so we just render them as divs instead. + if (this.linkAlias) + compositeRows += ``; + else + compositeRows += `
`; + } + return compositeRows + '
'; + } + + buildContent() { + let body = ['
'], + header = this.buildHeader(), + this1 = this; + + buildContent(this.data, body); + body.push('
'); + + return `
${header}${body.join('')}
`; + + function buildContent(data, result, depth = 0, dataIndex = []) { + for (let prop in data) { + if (data[prop]) { + if(prop !== 'groupName') + dataIndex.push(prop); + + if (typeof data[prop] === "object" && !Array.isArray(data[prop])) { + result.push(`
${data[prop].groupName}
`); + depth += 1; + buildContent(data[prop], result, depth, dataIndex); + depth -= 1; + } + else if (Array.isArray(data[prop])) { + result.push(`
${data[prop][0][this1.rowAlias]}
${this1.buildRow(data[prop], dataIndex)}
`); + } + dataIndex.pop(); + } + } + result.push('
'); + } + + } + + buildChart() { + let content = this.buildContent(); + let lines = this.buildLines(); + return `${lines}${content}`; + } + + bindHover() { + let bindElements = document.querySelectorAll(`#${this.staticID} .gfb-gantt-row-entry`); + + bindElements.forEach(bindElement => { + let toolTipElement, + timeout; + bindElement.addEventListener('mouseover', e => { + let target = e.target, + indexArray = target.getAttribute('data-index').split('-'), + position = getElOffset(target), + targetHeight = getBoundingRect(target).height, + this1 = this; + indexArray.push(this.tooltipAlias); + position.top += (targetHeight + 5); + target.classList.add('hovering'); + //Set a delay on the tooltip appearing so that it doesn't immediately appear if the user happens to swipe their mouse across the screen. + //At the end of the delay we check to see if the mouse is still hovering, at which point we will show the tooltip + timeout = setTimeout(() => { + if (!target.classList.contains('hovering')) + return; + toolTipElement = document.createElement(`div`); + toolTipElement.classList.add('gfb-gantt-row-entry-tooltip'); + toolTipElement.innerHTML = getToolTipData(); + toolTipElement.style.top = `${position.top}px`; + toolTipElement.style.left = `${position.left}px`; + document.body.appendChild(toolTipElement); + fadeIn(toolTipElement, 300); + }, 300); + + function getToolTipData() { + let dataArray = this1.data; + for (let i = 0; i < indexArray.length; i++) { + if (i === indexArray.length - 1) + return dataArray[indexArray[i]] + else + dataArray = dataArray[indexArray[i]]; + } + } + }) + + bindElement.addEventListener('mouseout', e => { + let target = e.target; + + clearTimeout(timeout); + target.classList.remove('hovering'); + if (toolTipElement) + fadeOut(toolTipElement, 300, () => toolTipElement.remove()); + }) + }); + } + + bindCollapse(){ + let bindElements = document.querySelectorAll(`#${this.staticID} .gfb-gantt-grouping-header`); + + bindElements.forEach(bindElement => { + bindElement.addEventListener('click', e => { + let group = e.target.nextSibling, + duration = 300; + if(!group.classList.contains('gfb-gantt-group--collapsed')){ + slideUp(group, duration); + group.classList.add('gfb-gantt-group--collapsed'); + } + else{ + slideDown(group, duration); + group.classList.remove('gfb-gantt-group--collapsed'); + } + }) + }) + } + + render() { + this.wrapper.innerHTML = this.buildChart(); + + this.bindCollapse(); + + if (this.tooltipAlias) + this.bindHover(); + } + + noDataFound() { + this.wrapper.innerHTML = this.noDataFoundMessage; + } + + empty() { + this.wrapper.innerHTML = ''; + } + +} + +function roundHourUp(date) { + let m = 60 * 60 * 1000 + return new Date(Math.ceil(date.getTime() / m) * m); +} +function roundHourDown(date) { + let m = 60 * 60 * 1000; + return new Date(Math.floor(date.getTime() / m) * m); +} + +function fadeIn(element, ms, callback = null) { + let duration = ms, + interval = 50, + gap = interval / duration, + opacity = 0; + + element.style.display = 'block'; + element.style.opacity = opacity; + + let fading = window.setInterval(fade, interval); + + function fade() { + opacity = opacity + gap; + element.style.opacity = opacity; + + if (opacity <= 0) + element.style.display = 'none'; + if (opacity >= 1) { + window.clearInterval(fading); + if (callback) + callback(); + } + } +} +function fadeOut(element, ms, callback = null) { + let duration = ms, + interval = 50, + gap = interval / duration, + opacity = 1; + + let fading = window.setInterval(fade, interval); + + function fade() { + opacity = opacity - gap; + element.style.opacity = opacity; + + if (opacity <= 0) + element.style.display = 'none'; + if (opacity <= 0) { + window.clearInterval(fading); + if (callback) + callback(); + } + } +} + +function getElOffset(element) { + let boundingRect = getBoundingRect(element); + return { top: boundingRect.top + window.scrollY, left: boundingRect.left + window.scrollX }; +} +function getBoundingRect(element) { + return element.getBoundingClientRect(); +} + +function slideUp(element, ms){ + + setProperty(element, 'height', `${element.offsetHeight}px`); + setProperty(element, 'transition-property', 'height, margin, padding'); + setProperty(element, 'transition-duration', `${ms}ms`); + setProperty(element, 'box-sizing', 'border-box'); + + zeroMultiProperty(element, ['margin-bottom', 'margin-top', 'padding-top', 'padding-bottom']); + setProperty(element, 'overflow', 'hidden'); + + //Need a timeout otherwise the slide up animation is not performed + setTimeout(() => setProperty(element, 'height'), 0); + + setTimeout(() => { + setProperty(element, 'display', 'none'); + removeMultiProperty(element, ['height', 'padding-top', 'padding-bottom', 'margin-top', 'margin-bottom', 'overflow', 'transition-duration', 'transition-property']) + }, ms); +} +function slideDown(element, ms){ + + element.style.display = 'block'; + + let height = element.offsetHeight; + + setProperty(element, 'height'); + setProperty(element, 'transition-property', 'height, margin, padding'); + setProperty(element, 'transition-duration', `${ms}ms`); + setProperty(element, 'box-sizing', 'border-box'); + setProperty(element, 'overflow', 'hidden'); + + //Need a timeout otherwise the slide up animation is not performed + setTimeout(() => setProperty(element, 'height', `${height}px`), 0); + + setTimeout(() => { + removeMultiProperty(element, ['height', 'overflow', 'transition-duration', 'transition-property']); + }, ms); +} + +//Sets the inline property of the given element to the value provided. +//If not provided, the value is set to 0 +function setProperty(element, property, value = 0) { + element.style.setProperty(property, value); +} + +//Iteratively calls setProperty +function zeroMultiProperty(element, properties) { + for (property of properties) { + setProperty(element, property); + } +} + +//Iteratively calls removeProperty +function removeMultiProperty(element, properties){ + for(property of properties) + removeProperty(element, property); +} +//Removes the given property from the given element's inline styling +function removeProperty(element, property){ + element.style.removeProperty(property); +}; \ No newline at end of file diff --git a/libraries/JS-Gantt-Chart-master/gantt.min.css b/libraries/JS-Gantt-Chart-master/gantt.min.css new file mode 100644 index 0000000..82e0540 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/gantt.min.css @@ -0,0 +1 @@ +.gfb-gantt-wrapper{--entry-color:#033b6a;--border-color:rgba(0, 0, 0, 0.1);--background-color:#f9f9f9;--hovered-background:#f0f0f0}.gfb-gantt-wrapper{position:relative;min-width:550px}.gfb-gantt-headers{display:grid;background-color:var(--background-color);border:1px solid var(--border-color);min-height:40px}.gfb-gantt-headers>div:not(:last-child){border-right:1px solid var(--border-color)}.gfb-gantt-header{display:flex;padding:10px 0 10px 5px}.gfb-gantt-sidebar-header{text-align:center;padding:10px 5px 10px 5px;background-color:var(--background-color);border-right:1px solid var(--border-color)}.gfb-gantt-content{position:relative}.gfb-gantt-row{display:grid;min-height:25px;border:1px solid var(--border-color);border-top:0;border-right:1px solid transparent}.gfb-gantt-sub-row-wrapper{max-height:15px;display:flex;width:100%;height:100%}.gfb-gantt-row-entry{border-radius:10px;cursor:pointer;background-color:var(--entry-color)}.gfb-gantt-row-entry:hover{box-shadow:var(--entry-color) 0 0 2px .1px}.gfb-gantt-lines-container{display:grid;position:absolute;top:0;left:0;height:100%;width:100%;border:1px solid var(--border-color);z-index:0}.gfb-gantt-lines-container>div:not(:last-child):not(.gfb-gantt-sidebar-template){border-right:1px solid var(--border-color)}.gfb-gantt-row-entry-tooltip{position:absolute;display:none;max-width:400px;background-color:#fff;box-shadow:0 0 5px #aaa;padding:10px;z-index:20}.gfb-gantt-grouping-header{background-color:var(--background-color);padding:5px 0;border:1px solid var(--border-color);border-top:0 transparent;cursor:pointer;user-select:none}.gfb-gantt-grouping-header:hover{background-color:var(--hovered-background)}.gfb-gantt{overflow:auto} \ No newline at end of file diff --git a/libraries/JS-Gantt-Chart-master/gantt.min.js b/libraries/JS-Gantt-Chart-master/gantt.min.js new file mode 100644 index 0000000..36b3931 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/gantt.min.js @@ -0,0 +1 @@ +class Gantt{constructor(staticID,params){this.staticID=staticID,this.sidebarHeader=params.sidebarHeader||"Unused parameter right now",this.noDataFoundMessage=params.noDataFoundMessage||"No data found.",this.startTimeAlias=params.startTimeAlias||"startTime",this.endTimeAlias=params.endTimeAlias||"endTime",this.idAlias=params.idAlias||"id",this.rowAlias=params.rowAlias||"rowTitle",this.linkAlias=params.linkAlias,this.tooltipAlias=params.tooltipAlias||"tooltip",this.groupBy=params.groupBy?params.groupBy.split(",").map(group=>group.trim()):[],this.groupByAlias=this.groupBy?params.groupByAlias?params.groupByAlias.split(",").map(group=>group.trim()):this.groupBy:[],this.data={},this.rawData=[],this.divisionCount=0,this.maxTime,this.minTime,this.refreshFunction=params.refreshFunction,this.wrapper=document.createElement("div"),this.wrapper.classList.add("gfb-gantt-wrapper"),document.getElementById(this.staticID).appendChild(this.wrapper),this.refreshData()}refreshData(){this.rawData=this.refreshFunction(),this.empty(),this.rawData.length<1?this.noDataFound():(this.processData(),this.render())}processData(){this.divisionCount=0;let sortedData=this.rawData.sort((a,b)=>new Date(a[this.startTimeAlias])-new Date(b[this.startTimeAlias])),groupedData={};for(let dataRow of sortedData)this.groupArray(groupedData,dataRow);this.data=groupedData;let maxTime=this.rawData.reduce((max,curr)=>curr[this.endTimeAlias]?max>new Date(curr[this.endTimeAlias])?max:new Date(curr[this.endTimeAlias]):max,new Date(0)),minTime=this.rawData.reduce((min,curr)=>curr[this.startTimeAlias]&&min>new Date(curr[this.startTimeAlias])?new Date(curr[this.startTimeAlias]):min,new Date(maxTime.getTime()));if(this.maxTime=roundHourUp(maxTime),this.minTime=roundHourDown(minTime),this.minTime!==this.maxTime)for(let i=new Date(this.minTime.getTime());i<=this.maxTime;i.setTime(i.getTime()+36e5))this.divisionCount++}groupArray(result,entry,iter=0){let nextResult;if(iter===this.groupBy.length+1)return void result.push(entry);let groupingProperty=result[entry[this.groupBy[iter]]],chartEntry=result[entry[this.idAlias]];!result[entry[this.groupBy[iter]]]&&iter1)for(let i=0;i12?date.getHours()-12:date.getHours(),amPm=date.getHours()>12?"PM":"AM",minutes;headerDivs+=`
${hour}:${1===date.getMinutes().toString().length?"0"+date.getMinutes():date.getMinutes()} ${amPm}
`}return`
${headerDivs}
`}buildLines(){let lines='
';for(let i=0;i';return`
${lines}
`}buildRow(rowArr,dataIndex){let totalTime=this.maxTime-this.minTime,compositeRows=`
`;for(let i=0;i
`}this.linkAlias?compositeRows+=``:compositeRows+=`
`}return compositeRows+"
"}buildContent(){let body=['
'],header=this.buildHeader(),this1=this;return buildContent(this.data,body),body.push("
"),`
${header}${body.join("")}
`;function buildContent(data,result,depth=0,dataIndex=[]){for(let prop in data)data[prop]&&("groupName"!==prop&&dataIndex.push(prop),"object"!=typeof data[prop]||Array.isArray(data[prop])?Array.isArray(data[prop])&&result.push(`
${data[prop][0][this1.rowAlias]}
${this1.buildRow(data[prop],dataIndex)}
`):(result.push(`
${data[prop].groupName}
`),depth+=1,buildContent(data[prop],result,depth,dataIndex),depth-=1),dataIndex.pop());result.push("
")}}buildChart(){let content=this.buildContent(),lines;return`${this.buildLines()}${content}`}bindHover(){let bindElements;document.querySelectorAll(`#${this.staticID} .gfb-gantt-row-entry`).forEach(bindElement=>{let toolTipElement,timeout;bindElement.addEventListener("mouseover",e=>{let target=e.target,indexArray=target.getAttribute("data-index").split("-"),position=getElOffset(target),targetHeight=getBoundingRect(target).height,this1=this;function getToolTipData(){let dataArray=this1.data;for(let i=0;i{target.classList.contains("hovering")&&(toolTipElement=document.createElement("div"),toolTipElement.classList.add("gfb-gantt-row-entry-tooltip"),toolTipElement.innerHTML=getToolTipData(),toolTipElement.style.top=`${position.top}px`,toolTipElement.style.left=`${position.left}px`,document.body.appendChild(toolTipElement),fadeIn(toolTipElement,300))},300)}),bindElement.addEventListener("mouseout",e=>{let target=e.target;clearTimeout(timeout),target.classList.remove("hovering"),toolTipElement&&fadeOut(toolTipElement,300,()=>toolTipElement.remove())})})}bindCollapse(){let bindElements;document.querySelectorAll(`#${this.staticID} .gfb-gantt-grouping-header`).forEach(bindElement=>{bindElement.addEventListener("click",e=>{let group=e.target.nextSibling,duration=300;group.classList.contains("gfb-gantt-group--collapsed")?(slideDown(group,300),group.classList.remove("gfb-gantt-group--collapsed")):(slideUp(group,300),group.classList.add("gfb-gantt-group--collapsed"))})})}render(){this.wrapper.innerHTML=this.buildChart(),this.bindCollapse(),this.tooltipAlias&&this.bindHover()}noDataFound(){this.wrapper.innerHTML=this.noDataFoundMessage}empty(){this.wrapper.innerHTML=""}}function roundHourUp(date){let m=36e5;return new Date(Math.ceil(date.getTime()/m)*m)}function roundHourDown(date){let m=36e5;return new Date(Math.floor(date.getTime()/m)*m)}function fadeIn(element,ms,callback=null){let duration,interval=50,gap=50/ms,opacity=0;element.style.display="block",element.style.opacity=opacity;let fading=window.setInterval(fade,50);function fade(){opacity+=gap,element.style.opacity=opacity,opacity<=0&&(element.style.display="none"),opacity>=1&&(window.clearInterval(fading),callback&&callback())}}function fadeOut(element,ms,callback=null){let duration,interval=50,gap=50/ms,opacity=1,fading=window.setInterval(fade,50);function fade(){opacity-=gap,element.style.opacity=opacity,opacity<=0&&(element.style.display="none"),opacity<=0&&(window.clearInterval(fading),callback&&callback())}}function getElOffset(element){let boundingRect=getBoundingRect(element);return{top:boundingRect.top+window.scrollY,left:boundingRect.left+window.scrollX}}function getBoundingRect(element){return element.getBoundingClientRect()}function slideUp(element,ms){setProperty(element,"height",`${element.offsetHeight}px`),setProperty(element,"transition-property","height, margin, padding"),setProperty(element,"transition-duration",`${ms}ms`),setProperty(element,"box-sizing","border-box"),zeroMultiProperty(element,["margin-bottom","margin-top","padding-top","padding-bottom"]),setProperty(element,"overflow","hidden"),setTimeout(()=>setProperty(element,"height"),0),setTimeout(()=>{setProperty(element,"display","none"),removeMultiProperty(element,["height","padding-top","padding-bottom","margin-top","margin-bottom","overflow","transition-duration","transition-property"])},ms)}function slideDown(element,ms){element.style.display="block";let height=element.offsetHeight;setProperty(element,"height"),setProperty(element,"transition-property","height, margin, padding"),setProperty(element,"transition-duration",`${ms}ms`),setProperty(element,"box-sizing","border-box"),setProperty(element,"overflow","hidden"),setTimeout(()=>setProperty(element,"height",`${height}px`),0),setTimeout(()=>{removeMultiProperty(element,["height","overflow","transition-duration","transition-property"])},ms)}function setProperty(element,property,value=0){element.style.setProperty(property,value)}function zeroMultiProperty(element,properties){for(property of properties)setProperty(element,property)}function removeMultiProperty(element,properties){for(property of properties)removeProperty(element,property)}function removeProperty(element,property){element.style.removeProperty(property)} \ No newline at end of file diff --git a/libraries/JS-Gantt-Chart-master/sample-chart/index.html b/libraries/JS-Gantt-Chart-master/sample-chart/index.html new file mode 100644 index 0000000..bfaf513 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/sample-chart/index.html @@ -0,0 +1,11 @@ + + + + + + +
+ + + + \ No newline at end of file diff --git a/libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js b/libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js new file mode 100644 index 0000000..2b0cb86 --- /dev/null +++ b/libraries/JS-Gantt-Chart-master/sample-chart/initialize-gantt.js @@ -0,0 +1,70 @@ +let data = [ + { + recordID: 1, + row: "Row for ID #1", + tooltip: "Tooltips here! Get your tooltips!", + start: "Wed Jun 03 2020 14:21:55", + end: "Wed Jun 03 2020 20:21:55", + group: "This is a group with a new name", + groupId: 5 + }, + { + recordID: 2, + row: "Row for ID #2", + tooltip: "Tooltip for row 2", + start: "Jun 03 2020 11:00:00", + end: "Jun 03 2020 15:23:43", + group: "empty", + groupId: 1 + }, + { + recordID: 1, + row: "Row for ID #1", + tooltip: "Tooltip unique to this item", + start: "Wed Jun 03 2020 06:00:00", + end: "Wed Jun 03 2020 10:00:00", + group: "test", + groupId: 2, + subGroupId: 1, + subGroup: "Subgroup #1" + }, + { + recordID: 5, + row: "Now we have grouping", + tooltip: "Tooltip after grouping", + start: "Wed Jun 03 2020 06:00:00", + end: "Wed Jun 03 2020 10:00:00", + group: "test", + groupId: 2, + subGroupId: 1, + subGroup: "Subgroup #1" + } + ]; + + +//This could be an API call to grab data +function refreshFunction() { + return data; +} + +//Parameters that the chart expects +let params = { + sidebarHeader: "Unused right now", + noDataFoundMessage: "No data found", + startTimeAlias: "start", + endTimeAlias: "end", + idAlias: "recordID", + rowAlias: "row", + linkAlias: null, + tooltipAlias: "tooltip", + groupBy: "groupId,subGroupId", + groupByAlias: "group,subGroup", + refreshFunction: refreshFunction +} + +//Create the chart. +//On first render the chart will call its refreshData function on its own. +let ganttChart = new Gantt("chart", params); + +//To refresh the chart's data +ganttChart.refreshData(); \ No newline at end of file diff --git a/libraries/jquery-gantt/jquery-gantt.css b/libraries/jquery-gantt/jquery-gantt.css index 4684dbc..fbe3374 100644 --- a/libraries/jquery-gantt/jquery-gantt.css +++ b/libraries/jquery-gantt/jquery-gantt.css @@ -55,7 +55,7 @@ display: inline-block; margin: 0 0 0 5px; color: #484A4D; - width: 110px; + width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -204,17 +204,36 @@ border-radius: 3px; } +.fn-gantt .bar.ganttGrey { + background-color: #f0f0f0; + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; +} + +/* ganttRed */ +.fn-gantt .bar.ganttRed { + background-color: #772626; + -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; + -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; +} + .fn-gantt .bar .fn-label { line-height: 18px; - font-weight: bold; + font-weight: 400; white-space: nowrap; width: 100%; - color: #414B57 !important; + color: #414B57; text-align: center; font-size: 11px; text-indent: 5px; } +.fn-content .bar.ganttRed .fn-label { + color: #FFF; +} + .fn-gantt .gantt10 { background-color: #cc0000; } diff --git a/libraries/jquery-gantt/jquery-gantt.js b/libraries/jquery-gantt/jquery-gantt.js index d415706..06fbe33 100644 --- a/libraries/jquery-gantt/jquery-gantt.js +++ b/libraries/jquery-gantt/jquery-gantt.js @@ -11,8 +11,8 @@ var settings = { source: [], itemsPerPage: 7, - months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], - dow: ["S", "M", "T", "W", "T", "F", "S"], + months: ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"], + dow: ["N", "P", "W", "Ś", "C", "P", "S"], // Niedziela, Poniedziałek, Wtorek, Środa, Czwartek, Piątek, Sobota navigate: "buttons", scale: "days", useCookie: false, @@ -1711,11 +1711,22 @@ } switch (settings.scale) { - //case "hours": this.headerRows = 5; this.scaleStep = 8; break; - case "hours": this.headerRows = 5; this.scaleStep = 12; break; - case "weeks": this.headerRows = 3; this.scaleStep = 13; break; - case "months": this.headerRows = 2; this.scaleStep = 14; break; - default: this.headerRows = 4; this.scaleStep = 13; break; + case "hours": + this.headerRows = 5; + this.scaleStep = settings.scaleStep || 12; + break; + case "weeks": + this.headerRows = 3; + this.scaleStep = settings.scaleStep || 13; + break; + case "months": + this.headerRows = 2; + this.scaleStep = settings.scaleStep || 14; + break; + default: + this.headerRows = 4; + this.scaleStep = settings.scaleStep || 13; + break; } this.scrollNavigation = { diff --git a/templates/site/layout-logged.php b/templates/site/layout-logged.php index ade6465..2cabca2 100644 --- a/templates/site/layout-logged.php +++ b/templates/site/layout-logged.php @@ -20,6 +20,7 @@ + @@ -28,6 +29,7 @@ + diff --git a/templates/tasks/main_view.php b/templates/tasks/main_view.php index 48a6d52..34f332d 100644 --- a/templates/tasks/main_view.php +++ b/templates/tasks/main_view.php @@ -3,6 +3,7 @@ Dodaj zadanie +
@@ -156,6 +157,25 @@