|
54 | 54 | {{template "base/modal_actions_confirm" (dict "ModalButtonTypes" "confirm")}}
|
55 | 55 | </div>
|
56 | 56 |
|
57 |
| - <div class="ui g-modal-confirm modal" id="test-modal-blue"> |
58 |
| - <div class="header">Blue dialog</div> |
59 |
| - <div class="content">hello, this is the modal dialog content</div> |
60 |
| - {{template "base/modal_actions_confirm" (dict "ModalButtonColors" "blue")}} |
61 |
| - </div> |
62 |
| - |
63 |
| - <div class="ui g-modal-confirm modal" id="test-modal-yellow"> |
64 |
| - <div class="header">yellow dialog</div> |
65 |
| - <div class="content">hello, this is the modal dialog content</div> |
66 |
| - {{template "base/modal_actions_confirm" (dict "ModalButtonColors" "yellow")}} |
67 |
| - </div> |
68 |
| - |
69 | 57 | <div class="ui g-modal-confirm modal" id="test-modal-danger">
|
70 | 58 | {{svg "octicon-x" 16 "inside close"}}
|
71 | 59 | <div class="header">dangerous action dialog</div>
|
72 | 60 | <div class="content">hello, this is the modal dialog content, this is a dangerous operation</div>
|
73 | 61 | {{template "base/modal_actions_confirm" (dict "ModalButtonDangerText" "I know and must do this is dangerous operation")}}
|
74 | 62 | </div>
|
75 | 63 |
|
76 |
| - <div class="modal-buttons flex-text-block tw-flex-wrap"></div> |
| 64 | + <div class="modal-buttons flex-text-block tw-flex-wrap tw-p-3"></div> |
77 | 65 | <script type="module">
|
78 | 66 | for (const el of $('.ui.modal')) {
|
79 |
| - const $btn = $('<button>').text(`${el.id}`).on('click', () => { |
| 67 | + const $btn = $('<button class="ui button">').text(`${el.id}`).on('click', () => { |
80 | 68 | $(el).modal({onApprove() {alert('confirmed')}}).modal('show');
|
81 | 69 | });
|
82 | 70 | $('.modal-buttons').append($btn);
|
|
0 commit comments