diff --git a/src/PHPDraft/Out/HTML/default.css b/src/PHPDraft/Out/HTML/default.css index 156c7c22..e44e0452 100644 --- a/src/PHPDraft/Out/HTML/default.css +++ b/src/PHPDraft/Out/HTML/default.css @@ -21,6 +21,12 @@ body .media h1.media-heading { margin-top: 20px; margin-bottom: 10px; } +body .media h1.media-heading .form-control{ + display: flex; + width: auto; + float: right; +} + .panel-title var, h4.response var { padding: 6px 12px; diff --git a/src/PHPDraft/Out/HTML/default.js b/src/PHPDraft/Out/HTML/default.js index 78e97a4d..efac227d 100644 --- a/src/PHPDraft/Out/HTML/default.js +++ b/src/PHPDraft/Out/HTML/default.js @@ -7,6 +7,19 @@ $(function () { } }); }); + var selectedhost = $('h1.media-heading select.form-control').val(); + $('h1.media-heading select.form-control').on('change', function () { + var html = $('body>div>div.row').html(); + var re = new RegExp(escapeRegExp(selectedhost), 'g'); + html = html.replace(re, $('h1.media-heading select.form-control').val()); + selectedhost = $('h1.media-heading select.form-control').val(); + $('body>div>div.row').html(html); + $('[data-toggle="popover"]').popover(); + }); + + function escapeRegExp(str) { + return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); + }; }); $('.collapse.request-panel').on('shown.bs.collapse', function () { diff --git a/src/PHPDraft/Out/HTML/default.phtml b/src/PHPDraft/Out/HTML/default.phtml index 61035a07..4c523f13 100644 --- a/src/PHPDraft/Out/HTML/default.phtml +++ b/src/PHPDraft/Out/HTML/default.phtml @@ -31,7 +31,16 @@ $base = $this->categories;
= $this->base_data['DESC']; ?>
= $transition->description; ?>
requests)): ?> - requests as $key=>$request): ?> + requests as $key => $request): ?>