1 <div class="modal-header border border-bottom">
2 <h1><label>Document store | MongoDB</label></h1>
5 <div class="modal-body border-0">
7 <div class="form-group">
9 <div class="col-md-4"><label for="inputBucket">Bucket</label></div>
10 <div class="col-md-8">
11 <input class="form-control input-dl-field" id="inputBucket" type="text" placeholder="">
16 <div class="form-group">
18 <div class="col-md-4"><label for="inputHost">Host</label></div>
19 <div class="col-md-8">
20 <input class="form-control input-dl-field" id="inputHost" type="text" placeholder="">
25 <div class="form-group">
27 <div class="col-md-4"><label for="inputPort">Port</label></div>
28 <div class="col-md-8">
29 <input class="form-control input-dl-field" id="inputPort" type="text" placeholder="">
34 <div class="form-group">
36 <div class="col-md-4"><label for="inputUserName">Authentication</label></div>
37 <div class="col-md-8">
39 <div class="col-md-6">
40 <input class="form-control input-dl-field" id="inputUserName" type="text" placeholder="Username">
42 <div class="col-md-6">
43 <input class="form-control input-dl-field" id="inputPass" type="text" placeholder="Password">
50 <div class="form-group">
52 <div class="col-md-4"><label for="inputSsl">SSL</label></div>
53 <div class="col-md-8">
54 <div class="custom-control custom-checkbox">
55 <input type="checkbox" id="inputSsl" name="customRadio" class="custom-control-input">
56 <label class="custom-control-label" for="inputSsl">Enable</label>
63 <div class="modal-footer border-0">
65 <div class="d-flex align-items-start">
66 <div class="p-2 mr-auto">
67 <button type="button" class="btn btn-outline-dark">Verify</button>
70 <button type="button" class="btn btn-outline-dark">Save</button>
73 <button type="button" class="btn btn-outline-dark" (click)="activeModal.close('Close click')">Close</button>