добавлена модальная форма для редактирования созданных объектовremotes/origin/HEAD
booblegum
9 years ago
parent
d293a32700
commit
29a46da7d3
19 changed files with 2439 additions and 35 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,162 @@ |
||||
import SelectedContainer from 'components/SelectedContainer'; |
||||
import SelectedContainerCreate from 'components/SelectedContainerCreate'; |
||||
import NoTreeSelect from 'components/NoTreeSelect'; |
||||
import TreeSelect from 'components/TreeSelect'; |
||||
import SingleTreeSelect from 'components/SingleTreeSelect' |
||||
import SelectOrCreate from 'components/SelectOrCreate' |
||||
import {getCookie} from './utils' |
||||
|
||||
$(function () { |
||||
// function createSpecs(url) {
|
||||
// // SPECIALIZATIONS
|
||||
// let sb_main = new TreeSelect($('#select-box-1'), {url, visible: true, required: true});
|
||||
// // sb_main.setHeader("Специальность");
|
||||
// let select_container = new SelectedContainer($('#selected-spec'),
|
||||
// {
|
||||
// obj: sb_main,
|
||||
// onlyOne: true
|
||||
// });
|
||||
// sb_main.connectSelectedContainer(select_container);
|
||||
// let sb_1 = new TreeSelect($('#select-box-2'), {obj: sb_main});
|
||||
// let sb_2 = new TreeSelect($('#select-box-3'), {obj: sb_main});
|
||||
// let sb_3 = new TreeSelect($('#select-box-4'), {obj: sb_main});
|
||||
// let sb_4 = new TreeSelect($('#select-box-5'), {obj: sb_main});
|
||||
//
|
||||
// select_container.on("add", () => {
|
||||
// let $container = $('#spec-value');
|
||||
// $container.html($('#selected-spec').find(".selected-element").find(".name").html());
|
||||
// });
|
||||
//
|
||||
// sb_main.setNearbySelectBox(sb_1);
|
||||
// sb_1.setNearbySelectBox(sb_2, sb_main);
|
||||
// sb_2.setNearbySelectBox(sb_3, sb_1);
|
||||
// sb_3.setNearbySelectBox(sb_4, sb_2);
|
||||
// sb_4.setNearbySelectBox("", sb_3);
|
||||
//
|
||||
// }
|
||||
|
||||
function createBuildingClass(url) { |
||||
// BUILDING-CLASSIFICATION
|
||||
sb_build_main = new TreeSelect($('#sb-building-classification'), {url, visible: true}); |
||||
sb_build_main.setHeader("Классификация здания"); |
||||
|
||||
let sb_build_1 = new TreeSelect($('#sb-building-sub-classification'), {obj: sb_build_main}); |
||||
|
||||
let select_build_container = new SelectedContainer($('#selected-building-classification'), |
||||
{ |
||||
obj: sb_build_main, |
||||
onlyOne: true |
||||
}); |
||||
sb_build_main.connectSelectedContainer(select_build_container); |
||||
|
||||
sb_build_main.setNearbySelectBox(sb_build_1); |
||||
sb_build_1.setNearbySelectBox("", sb_build_main); |
||||
} |
||||
|
||||
function createConstructionType(url) { |
||||
sb_constr_main = new NoTreeSelect($('#sb-construction-type'), {url, visible: true}); |
||||
sb_constr_main.setHeader("Вид строительства"); |
||||
let select_constr_type = new SelectedContainer($('#selected-construction-type'), { |
||||
obj: sb_constr_main, |
||||
noTree: true, |
||||
onlyOne: true |
||||
}); |
||||
sb_constr_main.connectSelectedContainer(select_constr_type); |
||||
} |
||||
|
||||
function createLocations(url) { |
||||
sb_loc_main = new TreeSelect($('#sb-location-1'), {url, visible: true}); |
||||
sb_loc_main.setHeader("Местоположение"); |
||||
let select_loc = new SelectedContainer($('#selected-location'), |
||||
{ |
||||
obj: sb_loc_main, |
||||
onlyOne: true |
||||
}); |
||||
sb_loc_main.connectSelectedContainer(select_loc); |
||||
let sb_loc_1 = new TreeSelect($('#sb-location-2'), {obj: sb_loc_main}); |
||||
let sb_loc_2 = new TreeSelect($('#sb-location-3'), {obj: sb_loc_main}); |
||||
|
||||
sb_loc_main.setNearbySelectBox(sb_loc_1); |
||||
sb_loc_1.setNearbySelectBox(sb_loc_2, sb_loc_main); |
||||
sb_loc_2.setNearbySelectBox("", sb_loc_1); |
||||
} |
||||
|
||||
function createRealty(url) { |
||||
sb_realty = new SelectOrCreate($('#sb-realty'), {url, visible: false}); |
||||
sb_realty.setHeader(" "); |
||||
select_realty = new SelectedContainerCreate($('#selected-realty'), |
||||
{ |
||||
obj: sb_realty, |
||||
noTree: true, |
||||
onlyOne: true, |
||||
noHeader: true |
||||
}); |
||||
sb_realty.connectSelectedContainer(select_realty); |
||||
sb_realty.setLinkBoxes([sb_loc_main, sb_constr_main, sb_build_main]); |
||||
select_realty.on("add", (args)=> { |
||||
$('#checkbox-sb-realty').prop("checked", true); |
||||
sb_realty.show(); |
||||
let id = args[0]; |
||||
|
||||
sb_realty.selectedEl.id = id; |
||||
sb_realty._fillBoxes(); |
||||
}) |
||||
} |
||||
|
||||
let sb_realty; |
||||
let select_realty; |
||||
|
||||
function setRealty(id) { |
||||
console.log('setRealty id -->', id); |
||||
Promise.all(sb_realty.boxes.map((box)=>box.dataPromise)).then(()=> { |
||||
sb_realty.boxes.map((box)=>{ |
||||
try { |
||||
box.clearAllNext() |
||||
} catch (TypeError){ |
||||
box.clear() |
||||
} |
||||
}); |
||||
sb_realty.setElementById(id); |
||||
select_realty.add(id); |
||||
|
||||
}); |
||||
} |
||||
|
||||
function updateRealty($form, user_id) { |
||||
// console.log("form action = ", $form.attr("action"));
|
||||
let formData = $form.serialize(); |
||||
let id = $('input[name=realty]').val(); |
||||
console.log('user_id = ', user_id); |
||||
$.ajax({ |
||||
// url: $form.attr("action"),
|
||||
url: `/object/${id}/edit/`, |
||||
data: formData, |
||||
// async: false,
|
||||
method: 'post', |
||||
beforeSend: function (xhr) { |
||||
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')) |
||||
}, |
||||
success: function (data) { |
||||
console.log("success -->", data); |
||||
sortRealtyBy({sortBy: 'name', user_id: user_id, state: 'active'}, '#_objects'); |
||||
$('#realtyEditModal').modal('toggle'); |
||||
}, |
||||
error: function (xhr, ajaxOptions, thrownError) { |
||||
console.log("error -->", xhr); |
||||
} |
||||
}) |
||||
} |
||||
|
||||
let sb_loc_main, sb_constr_main, sb_build_main; |
||||
|
||||
// createSpecs('/api/specializations_flat');
|
||||
window.setRealty = setRealty; |
||||
window.updateRealty = updateRealty; |
||||
|
||||
createBuildingClass('/api/building_classifications'); |
||||
createConstructionType('/api/construction_type'); |
||||
createLocations('/api/locations_flat'); |
||||
|
||||
createRealty('/api/realties/current_user') |
||||
|
||||
}); |
||||
@ -0,0 +1,80 @@ |
||||
{% load sass_tags %} |
||||
<div class="modal fade" id="realtyEditModal" tabindex="-1"> |
||||
<div class="modal-dialog" role="document" style="width: 900px"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<button type="button" class="close" data-dismiss="modal"><span>×</span></button> |
||||
<h4 class="modal-title">Редактировать Объект</h4> |
||||
</div> |
||||
|
||||
<div class="modal-body"> |
||||
<div class="container"> |
||||
<form action="" method="POST" novalidate> |
||||
<div class="row mod-align-bottom" style="display: none"> |
||||
<div class="col-lg-3"> |
||||
<div id="sb-realty"></div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="selected-container horizontal" id="selected-realty"> |
||||
<input class="-id" type="hidden" name="realty" |
||||
value="{{ form.realty.value }}"> |
||||
<input class="-name" type="hidden" name="new_realty_name" value=""> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-6"> |
||||
<div class="simple-field"> |
||||
<div class="header">Название объекта</div> |
||||
<i class="fa fa-question-circle-o" aria-hidden="true"></i> |
||||
<span class="required ">Обязательно</span> |
||||
<input value="" name="name" class="simple-input" autocomplete="off"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="sb-building-classification"> |
||||
</div> |
||||
<div class="vertical-child" id="sb-building-sub-classification"> |
||||
</div> |
||||
<div class="selected-container" id="selected-building-classification"> |
||||
<input type="hidden" |
||||
name="building_classification" |
||||
value="{{ realty_form.building_classification.value }}"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="sb-construction-type"> |
||||
</div> |
||||
<div class="selected-container" id="selected-construction-type"> |
||||
<input type="hidden" |
||||
name="construction_type" |
||||
value="{{ realty_form.construction_type.value }}"> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-3"> |
||||
<div class="vertical-child" id="sb-location-1"></div> |
||||
<div class="vertical-child" id="sb-location-2"></div> |
||||
<div class="vertical-child" id="sb-location-3"></div> |
||||
<div class="selected-container" id="selected-location"> |
||||
<input type="hidden" |
||||
name="location" |
||||
value="{{ realty_form.location.value }}"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button> |
||||
<button type="button" |
||||
onclick="updateRealty($('#realtyEditModal').find('form'), {{ customer.id }}); return null" |
||||
class="btn btn-primary -action-button"> |
||||
Сохранить |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
Loading…
Reference in new issue