{% extends widget.get_base_template %}

{% block content %}
<div id="{{ widget.fe_identifier }}-graph" class="indented-tree"></div>
<script>
$(document).ready(function() {
  var placeholder = '#{{ widget.fe_identifier }}-graph';
  var parent_box = $(placeholder).parent();
  width = parent_box.width();
  var config = {
    'width': width,
    'height': width,
    'placeholder': placeholder,
    'data_source': "{{ widget.get_data }}"
  }
  indented_tree(config);
});
</script>
{% endblock %}