@@ -54,42 +61,104 @@ const htmlTemplate = ({header, selectBox, id, classes}) =>
+`;
+
+const htmlTemplate = ({header, selectBox, id = "", classes = "", tmpl_selectBoxOptions = () => "", tmpl_selectBoxResults = () => ""}) =>
+ `
+
+
+
+ ${selectBox}
+
+
+ ${tmpl_selectBoxOptions()}
+ ${tmpl_selectBoxResults()}
`;
let tmpl_light = (el) => `
${el}`;
+let tmpl_preloader = () => `
`;
+
export default class AbsBaseSelect {
- // constructor($container, data, hasEditableContainer, verticalChild) {
- constructor({$container, data, hasEditableContainer = false}) {
+ constructor($container, {url, obj, hasEditableContainer = false, visible = false}) {
if (new.target === AbsBaseSelect) {
throw new TypeError("Cannot construct Abstract instances directly");
}
+ if (obj && url) {
+ throw new URIError("Must be either the date or url");
+ }
+
+ const self = this;
//TODO: проверка наличия id контейнера
this.containerId = $container.attr("id");
- this.dataTree = data;
- // console.log("data = ", data);
- // Вариант не выбран
+ this.$container = $container;
this.hasEditableContainer = hasEditableContainer;
- let classes = $container.attr('class');
- if (classes) classes = classes.split(/\s+/);
- let template = this.getTemplate(classes);
- $container.replaceWith(template);
- this._buildComponents();
- this._bindEvents();
+ this.visible = visible;
+ // Быстрая заглушка, до отображения данных
+ if (visible) {
+ let preloaderTemplate = tmpl_preloader();
+ let selectBox = this.hasEditableContainer
+ ? tmpl_selectBoxEditCont({preloaderTemplate})
+ : tmpl_selectBox({preloaderTemplate});
+ let plugTemplate = tmpl_plug({header: "Loading...", selectBox});
+ $container.html(plugTemplate);
+
+ this.$preloader = $container.find('#component-preloader');
+ this.$spinner = this.$preloader.find('.spinner');
+ }
+ if (url) this.dataPromise = this.getData(url);
+ let _dataPromise;
+ if (url) {
+ _dataPromise = this.dataPromise;
+ } else {
+ _dataPromise = obj.dataPromise
+ }
+ // if (dataTree) this.dataTree = dataTree;
+ _dataPromise
+ .then(
+ self._buildComponents.bind(self)
+ )
+ .catch(
+ self._onLoadDataError.bind(self)
+ );
+
// INIT EMPTY PROP
this.selectedEl = {id: undefined, value: undefined};
this.parentId = undefined;
- this.hide();
}
// getTemplate(header, id, editable_container, vertical_child) {
getTemplate(classes) {
let selectBox = this.hasEditableContainer ? tmpl_selectBoxEditCont() : tmpl_selectBox();
- classes = classes ? classes.join(" "): "";
- return htmlTemplate({header: "TestHeader", selectBox, id: this.containerId, classes})
+ classes = classes ? classes.join(" ") : "";
+ return htmlTemplate({
+ header: "TestHeader", selectBox, id: this.containerId, classes,
+ tmpl_selectBoxOptions, tmpl_selectBoxResults
+ })
}
+ getData(url, data = {}) {
+ const self = this;
+ return Promise.resolve($.ajax({
+ url: url,
+ dataType: 'json',
+ data: data,
+ // success: self._buildComponents.bind(self),
+ // error: self._onLoadDataError.bind(self),
+ }))
+ }
+
+ hidePreloader() {
+ // console.log("hide preloader ", this.$preloader);
+ this.$spinner.fadeOut();
+ return Promise.resolve(this.$preloader.delay(500).fadeOut(2000));
+ }
+
+
static getHeader(catChain, {separator = " / ", maxLen = 60}) {
function toShortString(string, maxLen) {
return string.slice(0, maxLen) + (string.length > maxLen ? "..." : "");
@@ -145,14 +214,16 @@ export default class AbsBaseSelect {
}
setHeader(header) {
- this.$header.html(header);
+
+ if (this.$header){this.$header.html(header)} else {this.header = header}
// default hide
- this.show();
+ // this.show();
}
setParent(parentId) {
this.parentId = parentId;
this._fillOptionsData();
+ this.$searchInput.addClass('active');
}
connectSelectedContainer(selectedContainer) {
@@ -182,21 +253,31 @@ export default class AbsBaseSelect {
}
- _buildComponents() {
+ _buildComponents(data) {
+ // AFTER PRELOAD
+ // this.hidePreloader().then(() => console.log("END -)"));
+ let classes = this.$container.attr('class');
+ if (classes) classes = classes.split(/\s+/);
+ let template = this.getTemplate(classes);
+ this.$container.replaceWith(template);
+
this.$selectBox = $(`#${this.containerId}`);
this.$header = this.$selectBox.find('.select-box-header .header');
+ this.$header.html(this.header);
this.$resultsBox = this.$selectBox.find('.select-box-results');
this.$optionsBox = this.$selectBox.find('.select-box-options');
this.$searchInput = this.$selectBox.find('input.select-box-search');
this.$buttonAdd = this.$selectBox.find('.button-add.results');
this.$buttonAddOptions = this.$selectBox.find('.button-add.options');
this.$editableContainer = this.$selectBox.find('.editable-container');
- if (this.hasEditableContainer) this.$editableContainer.hide();
- this._fillOptionsData();
this.$resultsBox.hide();
this.$optionsBox.hide();
this.$buttonAddOptions.hide();
// TODO: сделать проверку на наличие всех нужных элементов и их корректый jq select
+
+ // REDEFINE IN CHILD
+ // this.dataTree = data;
+ // this._bindEvents();
}
_fillOptionsData() {
@@ -227,14 +308,13 @@ export default class AbsBaseSelect {
$container.html("");
$('.other-part').show();
let searchRes = search({searchText, parentCategoryId, excludeCategoryId});
+ // || (!excludeCategoryId && parentCategoryId === null)
if (!searchRes.length) {
if ($container.closest('div').hasClass('main-part')) {
$container.append('
Ничего не найдено');
self.$resultsBox.find('.button-add.results').hide();
- // console.log('not found main-part');
} else {
$('.other-part').hide();
- // console.log('not found other-part');
}
return;
}
@@ -256,7 +336,6 @@ export default class AbsBaseSelect {
$('.other-part').hide();
} else {
$container = this.$resultsBox.find('.other-part ul');
- // console.log("Fill other-part");
fillContainer($container, tmpl_elementResult, {searchText: searchText, excludeCategoryId: self.parentId});
}
this.$resultsBox.find('div.header').hide();
@@ -289,6 +368,7 @@ export default class AbsBaseSelect {
_onButtonAddOptions(e) {
this._addToSelectedContainer(this.selectedEl.id);
this.clear();
+ this.$searchInput.removeClass('active');
e.preventDefault();
return false;
}
@@ -304,6 +384,10 @@ export default class AbsBaseSelect {
return false;
}
+ _onLoadDataError(error) {
+ console.log("Error loading data -->", error);
+ }
+
_addToSelectedContainer(id) {
this.selectedContainer.add(id)
}
diff --git a/assets/lib/proekton-components/src/data/DataTree.js b/assets/lib/proekton-components/js/src/data/DataTree.js
similarity index 94%
rename from assets/lib/proekton-components/src/data/DataTree.js
rename to assets/lib/proekton-components/js/src/data/DataTree.js
index c95bd6b..85ab10f 100644
--- a/assets/lib/proekton-components/src/data/DataTree.js
+++ b/assets/lib/proekton-components/js/src/data/DataTree.js
@@ -14,8 +14,6 @@ class Node {
data.node = this;
this.children = data.children.map(function (el_obj) {
let el = tree._getElementById(el_obj.id);
- if(!el) console.log("el not found with id", el_obj.id);
- // console.log("el = ", el, "el.id = ", el_obj.id);
if (el.node) return el.node;
el.node = new Node(el, tree);
return el.node
@@ -36,7 +34,6 @@ export default class DataTree {
*/
_getElementById(id) {
for (let i = 0; i < this.baseData.length; i++) {
- // console.log(this.baseData[i].id, " / ", id);
if (this.baseData[i].id == id) return this.baseData[i]
}
}
@@ -71,7 +68,6 @@ export default class DataTree {
}
hasChildren(elId){
- console.log('id = ', elId);
return (this.getElementById(elId).children.length) ? true : false
}
diff --git a/assets/lib/proekton-components/src/data/NoTreeData.js b/assets/lib/proekton-components/js/src/data/NoTreeData.js
similarity index 100%
rename from assets/lib/proekton-components/src/data/NoTreeData.js
rename to assets/lib/proekton-components/js/src/data/NoTreeData.js
diff --git a/assets/lib/proekton-components/js/src/init.js b/assets/lib/proekton-components/js/src/init.js
new file mode 100644
index 0000000..5781caa
--- /dev/null
+++ b/assets/lib/proekton-components/js/src/init.js
@@ -0,0 +1,89 @@
+// `
+import SelectedContainer from './SelectedContainer';
+import NoTreeSelect from './NoTreeSelect';
+import TreeSelect from './TreeSelect';
+
+$(function () {
+ function createFilterSpecs(url) {
+ // SPECIALIZATIONS FILTER
+ let sb_main = new TreeSelect($('#select-box-1'), {url, hasEditableContainer: true});
+ sb_main.setHeader("Специализации");
+ let select_container = new SelectedContainer($('#selected-spec'), {obj: sb_main});
+ 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});
+ // let sb_2 = new TreeSelect({$container: $('#select-box-3'), data: data});
+ // let sb_3 = new TreeSelect({$container: $('#select-box-4'), data: data});
+ // let sb_4 = new TreeSelect({$container: $('#select-box-5'), data: data});
+
+ 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 createFilterBuildingClass(url) {
+ // BUILDING-CLASSIFICATION FILTER
+ let 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});
+ sb_build_main.connectSelectedContainer(select_build_container);
+
+ sb_build_main.setNearbySelectBox(sb_build_1);
+ sb_build_1.setNearbySelectBox("", sb_build_main);
+ }
+
+ function createFilterConstructionType(url) {
+ let 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});
+ sb_constr_main.connectSelectedContainer(select_constr_type);
+ }
+
+ function createFilerLocations(url) {
+ let 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});
+ 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);
+
+ }
+
+ createFilterSpecs('/api/specializations_flat');
+ createFilterBuildingClass('/api/building_classifications');
+ createFilterConstructionType('/api/construction_type');
+ createFilerLocations('/api/locations_flat');
+
+ // let data = [];
+
+ // function fullData(_data) {
+ // data = data.concat(_data.results.length ? _data.results : []);
+ // let url = _data.next;
+ // if (url) {
+ // $.ajax({
+ // url: url,
+ // dataType: 'json',
+ // data: {},
+ // success: fullData
+ // });
+ // } else {
+ // createFilerLocations(data);
+ // }
+ // return data;
+ // }
+ //
+ // fullData({next: '/api/locations_flat', results: []});
+
+});
\ No newline at end of file
diff --git a/assets/lib/proekton-components/js/src/init_example.js b/assets/lib/proekton-components/js/src/init_example.js
new file mode 100644
index 0000000..bd3a6fb
--- /dev/null
+++ b/assets/lib/proekton-components/js/src/init_example.js
@@ -0,0 +1,59 @@
+import SelectedContainer from './SelectedContainer';
+import NoTreeSelect from './NoTreeSelect';
+import TreeSelect from './TreeSelect';
+import TreeSelectPreload from './TreeSelectPreload';
+
+$(function () {
+ const url_root = "http://127.0.0.1:8000";
+
+ let sb_main = new TreeSelect($('#select-box-1'),
+ {url: url_root + '/api/specializations_flat/', hasEditableContainer: true});
+ sb_main.setHeader("Специализации");
+ let select_container = new SelectedContainer($('#selected-spec'), {obj: sb_main});
+ //
+ 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});
+ // let sb_2 = new TreeSelect({$container: $('#select-box-3'), data: data});
+ // let sb_3 = new TreeSelect({$container: $('#select-box-4'), data: data});
+ // let sb_4 = new TreeSelect({$container: $('#select-box-5'), data: data});
+
+ 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);
+
+ let building_classification = new NoTreeSelect($('#construction-type'),
+ {url: url_root + '/api/construction_type/'});
+ building_classification.setHeader('Классификация');
+ let select_ct = new SelectedContainer($('#select-construction-type'), {obj: building_classification, noTree: true});
+ building_classification.connectSelectedContainer(select_ct);
+
+ function tuneCheckBoxes($boxes) {
+ let currentState = $boxes.find("input").prop("checked") ? 'checked' : 'not-checked';
+
+ $boxes.find("div").hide();
+ $boxes.find("div." + currentState).show();
+ }
+
+ //PRELOAD-BOX
+ let pr_1 = new TreeSelect($('#preload-1'), {url: url_root + '/api/locations_flat', visible: true});
+ let pr_2 = new TreeSelect($('#preload-2'), {url: url_root + '/api/locations_flat'});
+ let pr_3 = new TreeSelect($('#preload-3'), {url: url_root + '/api/locations_flat'});
+
+ // CUSTOM CHECK-BOX
+ let $boxes = $('.custom-check');
+ tuneCheckBoxes($boxes);
+ $boxes.on("click", function (e) {
+ let inside_checkBox = $(e.target).parent().find("input");
+ inside_checkBox.prop("checked", !inside_checkBox.prop("checked"));
+ tuneCheckBoxes($boxes);
+ e.preventDefault();
+ return false;
+ });
+
+});
\ No newline at end of file
diff --git a/assets/lib/proekton-components/src/init.js b/assets/lib/proekton-components/src/init.js
deleted file mode 100644
index d1b5fbc..0000000
--- a/assets/lib/proekton-components/src/init.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import SelectedContainer from './SelectedContainer';
-import NoTreeSelect from './NoTreeSelect';
-import TreeSelect from './TreeSelect';
-
-// `
-
-$(function () {
- function createFilterSpecs(_data) {
- // SPECIALIZATIONS FILTER
- let data = _data.results;
- let sb_main = new TreeSelect({$container: $('#select-box-1'), data: data, hasEditableContainer: true});
- sb_main.setHeader("Специализации");
- let select_container = new SelectedContainer($('#selected-spec'), data);
- sb_main.connectSelectedContainer(select_container);
- let sb_1 = new TreeSelect({$container: $('#select-box-2'), data: data});
- let sb_2 = new TreeSelect({$container: $('#select-box-3'), data: data});
- let sb_3 = new TreeSelect({$container: $('#select-box-4'), data: data});
- let sb_4 = new TreeSelect({$container: $('#select-box-5'), data: data});
-
- 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 createFilterBuildingClass(_data) {
- // BUILDING-CLASSIFICATION FILTER
- let data = _data.results;
- let sb_build_main = new TreeSelect({$container: $('#sb-building-classification'), data: data});
- sb_build_main.setHeader("Классификация здания");
-
- let sb_build_1 = new TreeSelect({$container: $('#sb-building-sub-classification'), data: data});
-
- let select_build_container = new SelectedContainer($('#selected-building-classification'), data);
- sb_build_main.connectSelectedContainer(select_build_container);
-
- sb_build_main.setNearbySelectBox(sb_build_1);
- sb_build_1.setNearbySelectBox("", sb_build_main);
- }
-
- function createFilterConstructionType(_data) {
- let data = _data.results;
- let sb_constr_main = new NoTreeSelect({$container: $('#sb-construction-type'), data: data});
- sb_constr_main.setHeader("Вид строительства");
- let select_constr_type = new SelectedContainer($('#selected-construction-type'), data, true);
- sb_constr_main.connectSelectedContainer(select_constr_type);
- }
-
- function createFilerLocations(data) {
- let sb_loc_main = new TreeSelect({$container: $('#sb-location-1'), data: data});
- sb_loc_main.setHeader("Местоположение");
- let select_loc = new SelectedContainer($('#selected-location'), data);
- sb_loc_main.connectSelectedContainer(select_loc);
- let sb_loc_1 = new TreeSelect({$container: $('#sb-location-2'), data: data});
- let sb_loc_2 = new TreeSelect({$container: $('#sb-location-3'), data: data});
-
- sb_loc_main.setNearbySelectBox(sb_loc_1);
- sb_loc_1.setNearbySelectBox(sb_loc_2, sb_loc_main);
- sb_loc_2.setNearbySelectBox("", sb_loc_1);
- //TODO: Временно прелоадер на самом тяжелом объекте
- // hidePreloader()
-
- }
-
- $.ajax({
- url: '/api/specializations_flat',
- dataType: 'json',
- data: {},
- success: createFilterSpecs
- });
-
- $.ajax({
- url: '/api/building_classifications',
- dataType: 'json',
- data: {},
- success: createFilterBuildingClass
- });
-
- $.ajax({
- url: '/api/construction_type',
- dataType: 'json',
- data: {},
- success: createFilterConstructionType
- });
-
- let data = [];
-
- function fullData(_data) {
- data = data.concat(_data.results.length ? _data.results : []);
- let url = _data.next;
- if (url) {
- $.ajax({
- url: url,
- dataType: 'json',
- data: {},
- success: fullData
- });
- } else {
- createFilerLocations(data);
- }
- return data;
- }
-
- fullData({next: '/api/locations_flat', results: []});
-
- function tuneCheckBoxes($boxes) {
- let currentState = $boxes.find("input").prop("checked") ? 'checked' : 'not-checked';
- $boxes.find("div").hide();
- $boxes.find("div." + currentState).show();
- }
-
- let $boxes = $('.custom-check');
- tuneCheckBoxes($boxes);
- $boxes.on("click", function (e) {
- let inside_checkBox = $(e.target).parent().find("input");
- inside_checkBox.prop("checked", !inside_checkBox.prop("checked"));
- tuneCheckBoxes($boxes);
- e.preventDefault();
- return false;
- });
-
- // $(window).on('load',
- // function hidePreloader() {
- // var $preloader = $('#page-preloader'),
- // $spinner = $preloader.find('.spinner');
- // $spinner.fadeOut();
- // $preloader.delay(350).fadeOut('slow');
- // }
-
-
- // $("#myBtn").click(function () {
- // $('
' +
- // '' +
- // 'modal info...' +
- // '
').appendTo("#alerts");
- // });
-
-
-});
\ No newline at end of file
diff --git a/assets/projects-filter.js b/assets/projects-filter.js
index 294e7d7..fc12b86 100644
--- a/assets/projects-filter.js
+++ b/assets/projects-filter.js
@@ -1,3 +1,48 @@
+$(function () {
+ let $buttonF1 = $('.resButton');
+ if ($('.slide').hasClass("active")) $buttonF1.css('transform', 'rotate(180deg)');
+
+ $buttonF1.on("click", function (e) {
+ e.preventDefault();
+ let $slide = $('.slide');
+ if ($slide.hasClass("active")) {
+ $buttonF1.css('transform', 'rotate(0deg)');
+ $slide.slideUp(300);
+ } else {
+ $buttonF1.css('transform', 'rotate(180deg)');
+ $slide.slideDown(300);
+ }
+ $slide.toggleClass("active");
+ });
+
+ function tuneCheckBoxes($boxes) {
+ let currentState = $boxes.find("input").prop("checked") ? 'checked' : 'not-checked';
+ $boxes.find("div").hide();
+ $boxes.find("div." + currentState).show();
+ }
+
+ let $boxes = $('.custom-check');
+ tuneCheckBoxes($boxes);
+ $boxes.on("click", function (e) {
+ let inside_checkBox = $(e.target).parent().find("input");
+ inside_checkBox.prop("checked", !inside_checkBox.prop("checked"));
+ tuneCheckBoxes($boxes);
+ e.preventDefault();
+ return false;
+ });
+
+
+ // $("#myBtn").click(function () {
+ // $('
' +
+ // '' +
+ // 'modal info...' +
+ // '
').appendTo("#alerts");
+ // });
+});
+
function getFormData($form, pageNum) {
var unindexed_array = $form.serializeArray();
var indexed_array = {};
diff --git a/projects/static/css/project_filter.css b/projects/static/css/project_filter.css
new file mode 100644
index 0000000..e9b895e
--- /dev/null
+++ b/projects/static/css/project_filter.css
@@ -0,0 +1,95 @@
+body {
+ font-size: 11pt;
+ font-family: Arial-MT-Regular, Arial, sans-serif;
+}
+
+.wrapper {
+ background-color: #f2f2f2;
+ padding: 40px;
+ margin: 50px 30px;
+}
+
+.form-container {
+ padding: 50px 45px;
+}
+
+.separator {
+ margin-top: 35px;
+ margin-bottom: 5px;
+}
+
+.vertical-child {
+ margin-top: 30px;
+}
+
+.custom-check{
+ cursor: pointer;
+ display: inline-block
+}
+
+.custom-check .checked{
+ background: url("../img/checkbox_Check.png.png") no-repeat center;
+ background-size: 210px 51px;
+ width: 210px;
+ height: 51px;
+}
+
+.custom-check .not-checked {
+ background: url("../img/checkbox_notCheck.png") no-repeat center;
+ background-size: 210px 51px;
+ width: 210px;
+ height: 51px;
+}
+
+.resButton {
+ width: 50px;
+ height: 50px;
+ background-color: white;
+ border: 1px solid #CFCFCF;
+ color: #FF0029;
+ text-align: center;
+ font-size: 16px;
+ float: left;
+ border-radius: 100%;
+ margin: -15px 20px 0 28px;
+ -webkit-transition: all 0.3s ease-out;
+ -moz-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out;
+}
+
+button.resButton:focus {outline:0;}
+
+.flex {
+ display: flex;
+}
+
+.flex .header{
+ font-size: 12pt;
+ padding-right: 10px;
+}
+.header .fa {
+ padding-left: 3px;
+ color: #5e5e5e;
+ position: relative;
+ top: 0;
+}
+
+.border {
+ flex: 1 1 auto;
+ float: left;
+ margin: 10px 0 0 0;
+ border-top: 1px solid #CFCFCF;
+}
+
+.slide {
+ display: none;
+}
+
+.slide.active {
+ display: block;
+}
+
+.revert {
+ margin-left: -15px;
+ margin-right: -15px;
+}
\ No newline at end of file
diff --git a/assets/lib/proekton-components/img/rect02.png b/projects/static/img/checkbox_Check.png.png
similarity index 100%
rename from assets/lib/proekton-components/img/rect02.png
rename to projects/static/img/checkbox_Check.png.png
diff --git a/assets/lib/proekton-components/img/rect01.png b/projects/static/img/checkbox_notCheck.png
similarity index 100%
rename from assets/lib/proekton-components/img/rect01.png
rename to projects/static/img/checkbox_notCheck.png
diff --git a/projects/templates/partials/inc-projects-filter.html b/projects/templates/partials/inc-projects-filter.html
index 243cdce..79f5c3b 100644
--- a/projects/templates/partials/inc-projects-filter.html
+++ b/projects/templates/partials/inc-projects-filter.html
@@ -1,4 +1,4 @@
-