booblegum
9 years ago
commit
254f5002a0
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