GitHub-Mirror/huginn
2
0
Fork 0
mirror of https://github.com/Fishwaldo/huginn.git synced 2025-03-16 03:41:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Factor out dynamic modal dialog creation into Utils.showDynamicModal().

Browse source
This commit is contained in:
Akinori MUSHA 2015-03-15 17:33:59 +09:00
parent ba73dd4c8f
commit f4a177debe
3 changed files with 40 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/assets/javascripts/components/utils.js.coffee
View file

@ -12,3 +12,24 @@ class @Utils
window.currentPage = new klass()
else
new klass()
@showDynamicModal: (content = '', { title, body, onHide } = {}) ->
$("body").append """
<div class="modal fade" tabindex="-1" id='dynamic-modal' role="dialog" aria-labelledby="dynamic-modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="dynamic-modal-label"></h4>
</div>
<div class="modal-body">#{content}</div>
</div>
</div>
</div>
"""
modal = document.querySelector('#dynamic-modal')
$(modal).find('.modal-title').text(title || '').end().on 'hidden.bs.modal', ->
$('#dynamic-modal').remove()
onHide?()
body?(modal.querySelector('.modal-body'))
$(modal).modal('show')

43
app/assets/javascripts/pages/agent-edit-page.js.coffee
View file

@ -141,34 +141,21 @@ class @AgentEditPage
.always =>
$("body").css(cursor: 'auto')
.done (json) =>
$("body").append """
<div class="modal fade" tabindex="-1" id='dynamic-modal' role="dialog" aria-labelledby="dynamic-modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="dynamic-modal-label"></h4>
</div>
<div class="modal-body">
<h5>Log</h5>
<pre class="agent-dry-run-log"></pre>
<h5>Events</h5>
<pre class="agent-dry-run-events"></pre>
<h5>Memory</h5>
<pre class="agent-dry-run-memory"></pre>
</div>
</div>
</div>
</div>
"""
$('#dynamic-modal').find('.modal-title').text "Dry Run Results"
$('#dynamic-modal').find('.modal-body').
find('.agent-dry-run-log').text(json.log).end().
find('.agent-dry-run-events').text(json.events).end().
find('.agent-dry-run-memory').text(json.memory)
$('#dynamic-modal').modal('show').on 'hidden.bs.modal', ->
$('#dynamic-modal').remove()
$(button).prop('disabled', false)
Utils.showDynamicModal """
<h5>Log</h5>
<pre class="agent-dry-run-log"></pre>
<h5>Events</h5>
<pre class="agent-dry-run-events"></pre>
<h5>Memory</h5>
<pre class="agent-dry-run-memory"></pre>
""",
body: (body) ->
$(body).
find('.agent-dry-run-log').text(json.log).end().
find('.agent-dry-run-events').text(json.events).end().
find('.agent-dry-run-memory').text(json.memory)
title: 'Dry Run Results',
onHide: -> $(button).prop('disabled', false)
.fail (xhr, status, error) ->
alert('Error: ' + error)
$(button).prop('disabled', false)

20
app/assets/javascripts/pages/agent-show-page.js.coffee
View file

@ -19,22 +19,10 @@ class @AgentShowPage
$button = $(this)
$button.on 'click', (e) ->
e.preventDefault()
$("body").append """
<div class="modal fade" tabindex="-1" id='dynamic-modal' role="dialog" aria-labelledby="dynamic-modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="dynamic-modal-label"></h4>
</div>
<div class="modal-body"><pre></pre></div>
</div>
</div>
</div>
"""
$('#dynamic-modal').find('.modal-title').text $button.data('modal-title')
$('#dynamic-modal').find('.modal-body pre').text $button.data('modal-content')
$('#dynamic-modal').modal('show').on 'hidden.bs.modal', -> $('#dynamic-modal').remove()
Utils.showDynamicModal '<pre></pre>',
title: $button.data('modal-title'),
body: (body) ->
$(body).find('pre').text $button.data('modal-content')
$("#logs .spinner").stop(true, true).fadeOut ->
$("#logs .refresh, #logs .clear").show()