nitweb/ng: clean card css
[nit.git] / share / nitweb / views / module.html
1 <ul class='nav nav-tabs'>
2 <li role='presentation' class='active'>
3 <a data-toggle='tab' data-target='#doc'>
4 <span class='glyphicon glyphicon-book'/> Doc
5 </a>
6 </li>
7 <li role='presentation'>
8 <a data-toggle='tab' data-target='#graph' ng-click="entityCtrl.loadEntityGraph()">
9 <span class='glyphicon glyphicon-object-align-vertical'/> Imports
10 </a>
11 </li>
12 <li role='presentation'>
13 <a data-toggle='tab' data-target='#code' ng-click="entityCtrl.loadEntityCode()">
14 <span class='glyphicon glyphicon-console'/> Code
15 </a>
16 </li>
17 <li role='presentation'>
18 <a data-toggle='tab' data-target='#defs' ng-click="entityCtrl.loadEntityDefs()">
19 <span class='glyphicon glyphicon-asterisk'/> Class definitions
20 </a>
21 </li>
22 <li role='presentation'>
23 <a data-toggle='tab' role='tab' data-target='#metrics' aria-controls='metrics' ng-click='entityCtrl.loadStructuralMetrics()'>
24 <span class='glyphicon glyphicon-stats'/> Metrics
25 </a>
26 </li>
27 </ul>
28
29 <div class='tab-content'>
30 <div role='tabpanel' class='tab-pane fade in active' id='doc'>
31 <entity-card mentity='mentity' default-tab='doc' no-synopsis='true' />
32
33 <entity-list list-title='Imported modules' list-entities='mentity.imports'
34 list-object-filter='{}' />
35
36 <entity-list list-title='Introduced classes' list-entities='mentity.intro_mclasses'
37 list-object-filter='{}' />
38
39 <entity-list list-title='Class redefinitions' list-entities='mentity.redef_mclassdefs'
40 list-object-filter='{}' />
41
42 </div>
43 <div role='tabpanel' class='tab-pane fade' id='code'>
44 <div class='card'>
45 <div class='card-body'>
46 <pre ng-bind-html='code' />
47 <entity-location mentity='mentity' />
48 </div>
49 </div>
50 </div>
51 <div role='tabpanel' class='tab-pane fade' id='defs'>
52 <entity-list list-title='Class definitions' list-entities='defs'
53 list-object-filter='{}' />
54 </div>
55 <div class='tab-pane fade' id='graph'>
56 <div class='card'>
57 <div class='card-body text-center'>
58 <entity-graph mentity='mentity' graph='graph' />
59 </div>
60 </div>
61 </div>
62 <div role='tabpanel' class='tab-pane fade' id='metrics'>
63 <div class='card'>
64 <div class='card-heading'>
65 <h3 class='card-title'>Module importation</h3>
66 </div>
67 <div class='card-body container-fluid'>
68 <div class='col-sm-6'>
69 <h4>
70 Importation metrics
71 </h4>
72 <dl class='dl-horizontal'>
73 <dt>{{metrics.mmodule.mnoa.values[mentity.full_name].value}}</dt>
74 <dd>ancestors</dd>
75 <dt>{{metrics.mmodule.mnop.values[mentity.full_name].value}}</dt>
76 <dd>direct parents</dd>
77 <dt>{{metrics.mmodule.mnoc.values[mentity.full_name].value}}</dt>
78 <dd>direct children</dd>
79 <dt>{{metrics.mmodule.mnod.values[mentity.full_name].value}}</dt>
80 <dd>descendants</dd>
81 </dl>
82 <dl class='dl-horizontal'>
83 <dt>{{metrics.mmodule.mdit.values[mentity.full_name].value}}</dt>
84 <dd>Depth in Inheritance Tree</dd>
85 </dl>
86 </div>
87 </div>
88 </div>
89 <div class='card'>
90 <div class='card-heading'>
91 <h3 class='card-title'>Module definitions</h3>
92 </div>
93 <div class='card-body container-fluid'>
94 <div class='col-sm-6'>
95 <h4>
96 Class definition kinds
97 <small>({{metrics.mmodule['mnbi'].values[mentity.full_name].value +
98 metrics.mclass['mnbc'].values[mentity.full_name].value}}
99 class definitions)</small>
100 </h4>
101 <chart-module-definitions-kind chart-id='chartDefinitionsKind'
102 chart-metrics='metrics.mmodule' />
103 </div>
104 <div class='col-sm-6'>
105 <h4>
106 Class definition inheritance
107 <small>({{metrics.mmodule['mnbd'].values[mentity.full_name].value}}
108 accessible definitions)</small>
109 </h4>
110 <chart-module-definitions-inh chart-id='chartDefinitionsInh'
111 chart-metrics='metrics.mmodule' />
112 </div>
113 </div>
114 </div>
115 <metrics-list
116 list-id='classes_inheritance'
117 list-title='Classes inheritance'
118 list-metrics='metrics.mclasses'
119 list-metrics-names='["cdit", "cnoa", "cnop", "cnoc", "cnod"]'
120 list-metrics-default='"cdit"' />
121 <metrics-list
122 list-id='classes_properties'
123 list-title='Classes properties'
124 list-metrics='metrics.mclasses'
125 list-metrics-names='["cnbp", "cnba", "cnbip", "cnbrp", "cnbhp", "cnblp"]'
126 list-metrics-default='"cnbp"' />
127 </div>
128 </div>