nitweb/angular: add DocDown snippets page
[nit.git] / share / nitweb / views / docdown.html
1 <div class='container-fluid'>
2 <div class='page-header'>
3 <h2>Docdown snippets</h2>
4 <p class='text-muted'>Sharable documentation snippets.</p>
5 <div class="input-group">
6 <span ng-if='edit' class="input-group-btn">
7 <button class='btn btn-success' ng-click='docdownCtrl.editMode(false)'>
8 <span class='glyphicon glyphicon-link' /> View
9 </button>
10 </span>
11 <span ng-if='!edit' class="input-group-btn">
12 <button class='btn btn-success' ng-click='docdownCtrl.editMode(true)'>
13 <span class='glyphicon glyphicon-edit' /> Edit
14 </button>
15 </span>
16 <input class='form-control' type='text' ng-model='link' />
17 </div>
18 </div>
19 <div class='row'>
20 <div ng-show='edit' class='col-xs-6'>
21 <div class='card'>
22 <textarea ng-model='markdown' ng-model-options='{ debounce: 100 }' ng-change='docdownCtrl.updateSnippet()' class='form-control' rows='20'></textarea>
23 </div>
24 </div>
25 <div ng-class='edit ? "col-xs-6" : "col-xs-12"'>
26 <div class='card'>
27 <div class='card-body nitdoc'>
28 <div ng-bind-html='html' />
29 </div>
30 </div>
31 </div>
32 </div>
33 </div>