Exclude Statistic from form wizard, make some 'friendly' UI for selects, cheking for organiser to add exposition
Ivan Kovalkovskyi
11 years ago
parent
a0e4654cf5
commit
c6e45fbe3b
16 changed files with 359 additions and 199 deletions
@ -0,0 +1,167 @@ |
|||||||
|
/** |
||||||
|
* Created by dev on 07.09.2015. |
||||||
|
*/ |
||||||
|
$(document).ready(function () { |
||||||
|
$('select').select2({ |
||||||
|
width: 'element', |
||||||
|
allowClear: true |
||||||
|
}); |
||||||
|
|
||||||
|
$('#id_country').change(function () { |
||||||
|
$.get( |
||||||
|
"/admin/ajax_city/", {'id': $(this).val()}, function (j) { |
||||||
|
|
||||||
|
$('#id_city').html(j); |
||||||
|
$('#id_city').attr('disabled', false); |
||||||
|
|
||||||
|
}); |
||||||
|
}); |
||||||
|
$('#id_place').select2({ |
||||||
|
placeholder:"Место проведения", |
||||||
|
widht: 400 |
||||||
|
}); |
||||||
|
|
||||||
|
$('#id_city').select2({ |
||||||
|
placeholder: "Город", |
||||||
|
width: 300, |
||||||
|
ajax: { |
||||||
|
|
||||||
|
url: "/admin/city/search/", |
||||||
|
dataType: "json", |
||||||
|
quietMillis: 200, |
||||||
|
|
||||||
|
data: function (term, page, country) { |
||||||
|
var country = $('#id_country').val() |
||||||
|
return { |
||||||
|
term: term, |
||||||
|
page: page, |
||||||
|
country: country |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
results: function (data) { |
||||||
|
var results = []; |
||||||
|
$.each(data, function (index, item) { |
||||||
|
results.push({ |
||||||
|
id: item.id, |
||||||
|
text: item.label |
||||||
|
}); |
||||||
|
}); |
||||||
|
return {results: results}; |
||||||
|
} |
||||||
|
}, |
||||||
|
initSelection: function (element, callback) { |
||||||
|
var id = $(element).val(); |
||||||
|
var text = $(element).attr('data-init-text'); |
||||||
|
callback({id: id, text: text}); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
$('#id_0-periodic').select2({ |
||||||
|
placeholder: "Периодичность", |
||||||
|
width: '350px' |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
$('#id_tag').select2({ |
||||||
|
placeholder: "Теги", |
||||||
|
width: '350px', |
||||||
|
multiple: true, |
||||||
|
ajax: { |
||||||
|
|
||||||
|
url: "/admin/theme/tag/search/", |
||||||
|
dataType: "json", |
||||||
|
quietMillis: 200, |
||||||
|
multiple: true, |
||||||
|
|
||||||
|
data: function (term, page, theme) { |
||||||
|
var theme = $('#id_theme').serialize().replace(/0-theme/g, 'theme'); |
||||||
|
return { |
||||||
|
term: term, |
||||||
|
page: page, |
||||||
|
theme: theme |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
results: function (data) { |
||||||
|
var results = []; |
||||||
|
$.each(data, function (index, item) { |
||||||
|
results.push({ |
||||||
|
id: item.id, |
||||||
|
text: item.label |
||||||
|
}); |
||||||
|
}); |
||||||
|
return {results: results}; |
||||||
|
} |
||||||
|
}, |
||||||
|
initSelection: function (element, callback) { |
||||||
|
var data = []; |
||||||
|
$(element.val().split(",")).each(function (i) { |
||||||
|
var item = this.split(':'); |
||||||
|
data.push({ |
||||||
|
id: item[0], |
||||||
|
text: item[1] |
||||||
|
}); |
||||||
|
}); |
||||||
|
callback(data); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
// end selects
|
||||||
|
/* |
||||||
|
*/ |
||||||
|
// theme change
|
||||||
|
|
||||||
|
$('#id_theme').change(function () { |
||||||
|
$.get( |
||||||
|
"/admin/ajax_tag/", {'id': $(this).serialize().replace(/0-theme/g, 'theme')}, function (data) { |
||||||
|
var optionValues = []; |
||||||
|
var getValues = []; |
||||||
|
var selectedValues = []; |
||||||
|
//push values sended from server in array
|
||||||
|
$.each(data, function (i, elem) { |
||||||
|
getValues.push(elem[0].toString()) |
||||||
|
}); |
||||||
|
//delete options if they aren't in getvalues
|
||||||
|
//otherwise push it in array
|
||||||
|
//also push in array already selected values
|
||||||
|
$('#id_tag option').each(function () { |
||||||
|
var check = $.inArray($(this), getValues); |
||||||
|
if ($(this).is(':selected')) { |
||||||
|
selectedValues.push($(this).val()) |
||||||
|
} |
||||||
|
if (check == -1) { |
||||||
|
$(this).remove() |
||||||
|
} |
||||||
|
else { |
||||||
|
optionValues.push($(this).val()); |
||||||
|
} |
||||||
|
}); |
||||||
|
//generate new options
|
||||||
|
//old options unchanged
|
||||||
|
var html = ''; |
||||||
|
$.each(data, function (i, elem) { |
||||||
|
var check = $.inArray(elem[0].toString(), optionValues); |
||||||
|
|
||||||
|
if (check == -1) { |
||||||
|
html += '<option value="'; |
||||||
|
html += elem[0]; |
||||||
|
html += '">'; |
||||||
|
html += elem[1]; |
||||||
|
html += '</option>'; |
||||||
|
} |
||||||
|
}); |
||||||
|
$('#id_tag').append(html); |
||||||
|
//select previous selected values
|
||||||
|
$('#id_tag option').each(function () { |
||||||
|
var check = $.inArray($(this).val(), selectedValues) |
||||||
|
if (check != -1) { |
||||||
|
$(this).attr('selected', 'selected'); |
||||||
|
} |
||||||
|
}); |
||||||
|
});//end get
|
||||||
|
});//end change
|
||||||
|
console.log("hello from wizard.js"); |
||||||
|
}); |
||||||
@ -1,8 +1,7 @@ |
|||||||
from django.conf.urls import patterns, url, include |
from django.conf.urls import patterns, url |
||||||
|
from .views import ExpoWizard |
||||||
|
from .forms import ExpoForm1, ExpoForm2,ExpoForm3 |
||||||
|
|
||||||
from wizard.views import wizard_view |
formlist = [ExpoForm1,ExpoForm2, ExpoForm3] |
||||||
|
|
||||||
urlpatterns = patterns('', |
urlpatterns = patterns('', url(r'^$', ExpoWizard.as_view(formlist), name = 'add_exposition')) |
||||||
# url(r'^ajax/$', 'wizard.views.ajax_view'), |
|
||||||
url(r'^$', wizard_view) |
|
||||||
) |
|
||||||
Loading…
Reference in new issue