2 <div layout="row" class="layout-padding-lr15 layout-row">
3 <ul class="breadcrumbs">
4 <li class="breadcrumb" ng-click="deselectContract()" role="button">Contracts</li>
5 <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
6 <li class="breadcrumb" ng-click="openSidePanelTpl('contract')" role="button">{{selectedNode.data.id}}</li>
7 <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
8 <li class="breadcrumb">{{selectedNode.data.clause[clauseIndex].name}}</li>
11 <md-divider></md-divider>
12 <md-divider></md-divider>
13 <md-subheader class="md-primary">Clause info</md-subheader>
14 <div layout="row" class="layout-padding-lr15 layout-row layout-padding-b15">
15 <span flex="50" class="flex-50"><strong>Clause name</strong></span>
16 <span flex="" class="ng-binding flex">{{selectedNode.data.clause[clauseIndex].name}}</span>
18 <md-divider></md-divider>
19 <md-subheader class="md-primary">Subject refs ({{selectedNode.data.clause[clauseIndex]['subject-refs'].length}})</md-subheader>
21 <ng-repeat ng-repeat="ref in selectedNode.data.clause[clauseIndex]['subject-refs']">
22 <md-list-item ng-click="toggleExpanded(ref)">
24 <md-content ng-show="ref.expanded" class="md-whiteframe-2dp ng-scope flex layout-margin">
25 <div layout="row" class="layout-row">
26 <span flex="50" class="flex-50"><strong>Subject refs</strong></span>
27 <span flex class="ng-binding flex">{{ref}}</span>