Commit 210e6c32 by Kálmán Viktor

dashboard: reworked modal creation with ajax

parent 23688646
...@@ -4,26 +4,7 @@ $(function () { ...@@ -4,26 +4,7 @@ $(function () {
type: 'GET', type: 'GET',
url: '/dashboard/vm/create/', url: '/dashboard/vm/create/',
success: function(data) { success: function(data) {
// TODO this is still ugly $('body').append(data);
var html = '<div class="modal fade" id="vm-create-modal" tabindex="-1" role="dialog">' +
'<div class="modal-dialog">' +
'<div class="modal-content">' +
'<div class="modal-header">' +
'<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>' +
'<h4 class="modal-title">Create VM</h4>' +
'</div>' +
'<div class="modal-body"> ' +
data +
'</div>' +
/*'<div class="modal-footer">' +
'<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>' +
'<button type="button" class="btn btn-primary">Save changes</button>' +
'</div>' + */
'</div><!-- /.modal-content -->' +
'</div><!-- /.modal-dialog -->' +
'</div>';
$('body').append(html);
vmCreateLoaded(); vmCreateLoaded();
$('#vm-create-modal').modal('show'); $('#vm-create-modal').modal('show');
$('#vm-create-modal').on('hidden.bs.modal', function() { $('#vm-create-modal').on('hidden.bs.modal', function() {
......
<div class="modal fade" id="vm-create-modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">{{ box_title }}</h4>
</div>
<div class="modal-body">
{% include template %}
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>-->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
...@@ -94,17 +94,16 @@ class VmCreate(TemplateView): ...@@ -94,17 +94,16 @@ class VmCreate(TemplateView):
def get_template_names(self): def get_template_names(self):
if self.request.is_ajax(): if self.request.is_ajax():
return ['dashboard/vm-create.html'] return ['dashboard/modal-wrapper.html']
else: else:
return ['dashboard/ajax-wrapper.html'] return ['dashboard/nojs-wrapper.html']
def get(self, request, *args, **kwargs): def get(self, request, *args, **kwargs):
context = self.get_context_data(**kwargs) context = self.get_context_data(**kwargs)
if not request.is_ajax(): context.update({
context.update({ 'template': 'dashboard/vm-create.html',
'template': 'dashboard/vm-create.html', 'box_title': 'Create a VM'
'box_title': 'Create a VM' })
})
return self.render_to_response(context) return self.render_to_response(context)
def get_context_data(self, **kwargs): def get_context_data(self, **kwargs):
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment