{call_header}
{assign var="actionReturn" value=$obj->actionReturn}
{literal}
 <link rel="stylesheet" href="{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}library/jstree/themes/default/style.min.css" />
<style>
ul.jstree-children li.jstree-leaf a i{
  display:none;
}
</style>
 {/literal}

<section class="content_area clearfix">
    <h2>Download PSDP Knowledge Base Documents</h2>
<!--
<div class="left_sidebar">
  <ul class="menu">
{foreach key=num item=item from=$actionReturn.files}
         {if !( $num == 0  || $num == 1 ) }
    <li id="{$num}"><a style="cursor:pointer;" id="{$actionReturn.sqn}">{$item}</a></li>
    {/if}
  {/foreach}
    </ul>
</div>
-->
<div class="right_cntnt_sdebr" style="border:none;width:100%;">
  <div class="tree_structure">
            
 {if $obj->currentAction  ==  "Listing"}
            
                
    <div id="jstree">
    <ul>
    {foreach from=$actionReturn.data item=data key=year} 
      <li>{$year}
        <ul>
             {foreach key=num item=item from=$data}
             <li>
                 {*if $item.visibility_status == 'public'*}
                 <a href="{$item.document_path} " target="_blank">{$item.document_name} &nbsp;&nbsp;&nbsp;<img src="{$smarty.const.CONST_SITE_ADDRESS}images/old_acrobat.gif" />  </a>
          {*/if*}
          <!--
          {if $item.visibility_status == 'private'}
          <a href="##">{$item.document_name} &nbsp;&nbsp;&nbsp;<img src="{$smarty.const.CONST_SITE_ADDRESS}images/acrobat.gif" />  </a>
           {/if}
           -->  
             </li>
              {/foreach}
        </ul>
      </li>
      {/foreach}
    </ul>
</div>
{/if}

{literal}
  <!-- 4 include the jQuery library -->
  <script src="{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}library/jstree/libs/jquery.js"></script>
  <!-- 5 include the minified jstree source -->
  <script src="{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}library/jstree/jstree.min.js"></script>
  <script>
  $(function () {
    // 6 create an instance when the DOM is ready
    $('#jstree').jstree();
    // 7 bind to events triggered on the tree
    $('#jstree').on("changed.jstree", function (e, data) {
      //console.log(data.selected);
     

    });
    
    $('#jstree').bind('select_node.jstree', function(e,data) {
         var href = data.node.a_attr.href;
         //alert(); exit;
         if(href.length == 2){
             alert("You have no permission to access the file")
         }
         if( href.length > 10 ){
            window.open("{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}psdp_docs.php?uid="+href+"&base=true");
         }
    });
    
    $('ul.menu li').click(function() {
       //alert( this.id );
       var id = this.id;
       var sheet_id = $('#'+id+' a').attr('id');
       var uid = $('#'+id+' a').text();
       //alert(uid); exit;
       window.open("{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}display_excel2.php?uid="+uid+"&sqn="+sheet_id);
       
    });

    
    
    
    
    // 8 interact with the tree - either way is OK
//    $('button').on('click', function () {
//    alert(111);
//      $('#jstree').jstree(true).select_node('child_node_1');
//      $('#jstree').jstree('select_node', 'child_node_1');
//      $.jstree.reference('#jstree').select_node('child_node_1');
//    });
  });
  </script>
  {/literal}
  </div>
</div>



</section>

</div>
{call_footer}