- <div role='tabpanel' class='tab-pane fade' id='all_props'>
- <entity-list list-title='All properties' list-entities='mentity.all_mproperties'
- list-object-filter='{}' />
+ </div>
+ <div role='tabpanel' class='tab-pane fade' id='metrics'>
+ <div class='card'>
+ <div class='card-heading'>
+ <h3 class='card-title'>Class inheritance</h3>
+ </div>
+ <div class='card-body container-fluid'>
+ <div class='col-sm-6'>
+ <h4>
+ Inheritance kind
+ <small>({{metrics.mclass['cnoa'].values[mentity.full_name].value}}
+ ancestors)</small>
+ </h4>
+ <chart-class-inheritance-kind chart-id='chartInheritanceKind'
+ chart-metrics='metrics.mclass' />
+ </div>
+ <div class='col-sm-6'>
+ <h4>
+ Inheritance metrics
+ </h4>
+ <dl class='dl-horizontal'>
+ <dt>{{metrics.mclass.cnoa.values[mentity.full_name].value}}</dt>
+ <dd>ancestors</dd>
+ <dt>{{metrics.mclass.cnop.values[mentity.full_name].value}}</dt>
+ <dd>direct parents</dd>
+ <dt>{{metrics.mclass.cnoc.values[mentity.full_name].value}}</dt>
+ <dd>direct children</dd>
+ <dt>{{metrics.mclass.cnod.values[mentity.full_name].value}}</dt>
+ <dd>descendants</dd>
+ </dl>
+ <dl class='dl-horizontal'>
+ <dt>{{metrics.mclass.cdit.values[mentity.full_name].value}}</dt>
+ <dd>Depth in Inheritance Tree</dd>
+ </dl>
+ </div>
+ </div>