<page-header
  title="'Container inspect'"
  breadcrumbs="[
    { label:'Containers', link:'docker.containers' },
    { 
      label:(containerInfo.Name | trimcontainername),
      link: 'docker.containers.container', 
      linkParams:containerInfo.Id
    }, 'Inspect']"
>
</page-header>

<div class="row">
  <div class="col-lg-12 col-md-12 col-xs-12">
    <rd-widget>
      <rd-widget-header icon="circle" feather-icon="true" title-text="Inspect">
        <span class="btn-group btn-group-sm">
          <label class="btn btn-light" ng-model="state.DisplayTextView" uib-btn-radio="false"><pr-icon icon="'code'" feather="true"></pr-icon>Tree</label>
          <label class="btn btn-light" ng-model="state.DisplayTextView" uib-btn-radio="true"><pr-icon icon="'file'" feather="true"></pr-icon>Text</label>
        </span>
      </rd-widget-header>
      <rd-widget-body>
        <pre ng-show="state.DisplayTextView">{{ containerInfo | json: 4 }}</pre>
        <json-tree ng-hide="state.DisplayTextView" object="containerInfo" root-name="containerInfo.Id" start-expanded="true"></json-tree>
      </rd-widget-body>
    </rd-widget>
  </div>
</div>
