booblegum
9 years ago
commit
741e584126
28 changed files with 2318 additions and 69 deletions
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,228 @@ |
|||||||
|
/******/ (function(modules) { // webpackBootstrap
|
||||||
|
/******/ // The module cache
|
||||||
|
/******/ var installedModules = {}; |
||||||
|
|
||||||
|
/******/ // The require function
|
||||||
|
/******/ function __webpack_require__(moduleId) { |
||||||
|
|
||||||
|
/******/ // Check if module is in cache
|
||||||
|
/******/ if(installedModules[moduleId]) |
||||||
|
/******/ return installedModules[moduleId].exports; |
||||||
|
|
||||||
|
/******/ // Create a new module (and put it into the cache)
|
||||||
|
/******/ var module = installedModules[moduleId] = { |
||||||
|
/******/ exports: {}, |
||||||
|
/******/ id: moduleId, |
||||||
|
/******/ loaded: false |
||||||
|
/******/ }; |
||||||
|
|
||||||
|
/******/ // Execute the module function
|
||||||
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); |
||||||
|
|
||||||
|
/******/ // Flag the module as loaded
|
||||||
|
/******/ module.loaded = true; |
||||||
|
|
||||||
|
/******/ // Return the exports of the module
|
||||||
|
/******/ return module.exports; |
||||||
|
/******/ } |
||||||
|
|
||||||
|
|
||||||
|
/******/ // expose the modules object (__webpack_modules__)
|
||||||
|
/******/ __webpack_require__.m = modules; |
||||||
|
|
||||||
|
/******/ // expose the module cache
|
||||||
|
/******/ __webpack_require__.c = installedModules; |
||||||
|
|
||||||
|
/******/ // __webpack_public_path__
|
||||||
|
/******/ __webpack_require__.p = ""; |
||||||
|
|
||||||
|
/******/ // Load entry module and return exports
|
||||||
|
/******/ return __webpack_require__(0); |
||||||
|
/******/ }) |
||||||
|
/************************************************************************/ |
||||||
|
/******/ ([ |
||||||
|
/* 0 */ |
||||||
|
/***/ function(module, exports, __webpack_require__) { |
||||||
|
|
||||||
|
'use strict'; |
||||||
|
|
||||||
|
var _custom_check = __webpack_require__(1); |
||||||
|
|
||||||
|
var _extended_field = __webpack_require__(2); |
||||||
|
|
||||||
|
var _ajax_set_filter = __webpack_require__(3); |
||||||
|
|
||||||
|
var _filter_toggle = __webpack_require__(4); |
||||||
|
|
||||||
|
function paginateTo(pageNum) { |
||||||
|
var $form = $('#filter-form'); |
||||||
|
var postfix = "&page=" + pageNum; |
||||||
|
var $container = $('#resultsBlock'); |
||||||
|
|
||||||
|
(0, _ajax_set_filter.sendData)($form, $container, pageNum); |
||||||
|
(0, _ajax_set_filter.modUrl)($form, postfix); |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
$(function () { |
||||||
|
(0, _custom_check.customCheckInit)(); |
||||||
|
(0, _extended_field.extendedFieldInit)(); |
||||||
|
(0, _filter_toggle.filterToggleInit)(); |
||||||
|
window.sendFilterData = _ajax_set_filter.sendFilterData; |
||||||
|
window.paginateTo = paginateTo; |
||||||
|
}); |
||||||
|
|
||||||
|
/***/ }, |
||||||
|
/* 1 */ |
||||||
|
/***/ function(module, exports) { |
||||||
|
|
||||||
|
"use strict"; |
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", { |
||||||
|
value: true |
||||||
|
}); |
||||||
|
function customCheckInit() { |
||||||
|
function tuneCheckBoxes($boxes) { |
||||||
|
var currentState = $boxes.find("input").prop("checked") ? 'checked' : 'not-checked'; |
||||||
|
$boxes.find("div").hide(); |
||||||
|
$boxes.find("div." + currentState).show(); |
||||||
|
} |
||||||
|
|
||||||
|
var $boxes = $('.custom-check'); |
||||||
|
tuneCheckBoxes($boxes); |
||||||
|
$boxes.on("click", function (e) { |
||||||
|
var inside_checkBox = $(e.target).parent().find("input"); |
||||||
|
inside_checkBox.prop("checked", !inside_checkBox.prop("checked")); |
||||||
|
tuneCheckBoxes($boxes); |
||||||
|
e.preventDefault(); |
||||||
|
return false; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
exports.customCheckInit = customCheckInit; |
||||||
|
|
||||||
|
/***/ }, |
||||||
|
/* 2 */ |
||||||
|
/***/ function(module, exports) { |
||||||
|
|
||||||
|
'use strict'; |
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", { |
||||||
|
value: true |
||||||
|
}); |
||||||
|
function extendedFieldInit() { |
||||||
|
|
||||||
|
var $buttonF1 = $('.resButton'); |
||||||
|
if ($('.slide').hasClass("active")) $buttonF1.css('transform', 'rotate(0deg)'); |
||||||
|
|
||||||
|
$buttonF1.on("click", function (e) { |
||||||
|
e.preventDefault(); |
||||||
|
var $slide = $('.slide'); |
||||||
|
if ($slide.hasClass("active")) { |
||||||
|
$buttonF1.css('transform', 'rotate(180deg)'); |
||||||
|
$slide.slideUp(300); |
||||||
|
} else { |
||||||
|
$buttonF1.css('transform', 'rotate(0deg)'); |
||||||
|
$slide.slideDown(300); |
||||||
|
} |
||||||
|
$slide.toggleClass("active"); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
exports.extendedFieldInit = extendedFieldInit; |
||||||
|
|
||||||
|
/***/ }, |
||||||
|
/* 3 */ |
||||||
|
/***/ function(module, exports) { |
||||||
|
|
||||||
|
'use strict'; |
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", { |
||||||
|
value: true |
||||||
|
}); |
||||||
|
function getFormData($form, pageNum) { |
||||||
|
var unindexed_array = $form.serializeArray(); |
||||||
|
var indexed_array = {}; |
||||||
|
|
||||||
|
$.map(unindexed_array, function (n, i) { |
||||||
|
indexed_array[n['name']] = n['value']; |
||||||
|
}); |
||||||
|
indexed_array["page"] = pageNum || ""; |
||||||
|
return indexed_array; |
||||||
|
} |
||||||
|
|
||||||
|
// TODO: Восстановление фильтров из URL
|
||||||
|
function modUrl($form, postfix) { |
||||||
|
var curLoc = '?' + $form.serialize() + (postfix || ""); |
||||||
|
try { |
||||||
|
history.replaceState($form.serialize(), null, curLoc); |
||||||
|
} catch (e) { |
||||||
|
console.log("Error!"); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function sendData($form, $update_container, pageNum) { |
||||||
|
function updateResults(html) { |
||||||
|
$update_container.html(html); |
||||||
|
var title = $('#titleScore').val(); |
||||||
|
$('.search-num').html(title); |
||||||
|
} |
||||||
|
|
||||||
|
console.log("form method = ", $form.attr("method")); |
||||||
|
$.ajax({ |
||||||
|
url: $form.attr("action"), |
||||||
|
type: $form.attr("method"), |
||||||
|
dataType: 'html', |
||||||
|
data: getFormData($form, pageNum), |
||||||
|
beforeSend: function beforeSend(xhr) { |
||||||
|
xhr.setRequestHeader("X-CSRFToken", $.cookie('csrftoken')); |
||||||
|
}, |
||||||
|
success: updateResults, |
||||||
|
error: function error(data) { |
||||||
|
return console.log("Error", data); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function sendFilterData($form, $update_container) { |
||||||
|
sendData($form, $update_container); |
||||||
|
modUrl($form); |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
exports.sendFilterData = sendFilterData; |
||||||
|
exports.sendData = sendData; |
||||||
|
exports.modUrl = modUrl; |
||||||
|
|
||||||
|
/***/ }, |
||||||
|
/* 4 */ |
||||||
|
/***/ function(module, exports) { |
||||||
|
|
||||||
|
'use strict'; |
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", { |
||||||
|
value: true |
||||||
|
}); |
||||||
|
function filterToggleInit() { |
||||||
|
var $group = $('.btn-group.toggle'); |
||||||
|
var $buttons = $group.find('a.btn').add('.link-sort a.btn'); |
||||||
|
// let $input = $('input[name="party_types"]');
|
||||||
|
|
||||||
|
$buttons.on("click", function (e) { |
||||||
|
e.preventDefault(); |
||||||
|
var $target = $(e.target); |
||||||
|
var $parent = $target.parent(); |
||||||
|
// console.log('parent class = ', $parent.attr("class"));
|
||||||
|
$parent.children().removeClass('active'); |
||||||
|
$target.addClass('active'); |
||||||
|
// console.log('type = ', $target.data("type"));
|
||||||
|
$parent.find('input').val($target.data("type")); |
||||||
|
// console.log('click');
|
||||||
|
sendFilterData($('#filter-form'), $('#resultsBlock')); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
exports.filterToggleInit = filterToggleInit; |
||||||
|
|
||||||
|
/***/ } |
||||||
|
/******/ ]); |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
// `
|
||||||
|
import SelectedContainer from 'components/SelectedContainer'; |
||||||
|
import NoTreeSelect from 'components/NoTreeSelect'; |
||||||
|
import TreeSelect from 'components/TreeSelect'; |
||||||
|
|
||||||
|
$(function () { |
||||||
|
function createFilterSpecs(url) { |
||||||
|
// SPECIALIZATIONS FILTER
|
||||||
|
let sb_main = new TreeSelect($('#select-box-1'), {url, visible: true, 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}); |
||||||
|
|
||||||
|
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'); |
||||||
|
}); |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
import {customCheckInit} from './seeds/custom_check' |
||||||
|
import {extendedFieldInit} from './seeds/extended_field' |
||||||
|
import {sendFilterData, sendData, modUrl} from './seeds/ajax_set_filter' |
||||||
|
import {filterToggleInit} from './seeds/filter_toggle' |
||||||
|
|
||||||
|
function paginateTo(pageNum) { |
||||||
|
const $form = $('#filter-form'); |
||||||
|
const postfix = "&page=" + pageNum; |
||||||
|
const $container = $('#resultsBlock'); |
||||||
|
|
||||||
|
sendData($form, $container, pageNum); |
||||||
|
modUrl($form, postfix); |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
$(function () { |
||||||
|
customCheckInit(); |
||||||
|
extendedFieldInit(); |
||||||
|
filterToggleInit(); |
||||||
|
window.sendFilterData = sendFilterData; |
||||||
|
window.paginateTo = paginateTo; |
||||||
|
}); |
||||||
@ -0,0 +1,78 @@ |
|||||||
|
@import "base/variavles" |
||||||
|
$size: 250px |
||||||
|
$figure_size: 50px |
||||||
|
.cards |
||||||
|
display: flex |
||||||
|
align-items: flex-start |
||||||
|
flex-flow: row wrap |
||||||
|
.worksell-card |
||||||
|
//&:first-child |
||||||
|
// margin-left: 0 |
||||||
|
// margin-right: 0 |
||||||
|
margin: 15px |
||||||
|
display: inline-block |
||||||
|
a |
||||||
|
-webkit-transition: all 0.3s ease-out |
||||||
|
-moz-transition: all 0.3s ease-out |
||||||
|
transition: all 0.3s ease-out |
||||||
|
display: inline-block |
||||||
|
color: #235080 |
||||||
|
a:hover, |
||||||
|
a:visited |
||||||
|
.img-figure |
||||||
|
opacity: 1 |
||||||
|
transform: scale(1.06) |
||||||
|
text-decoration: none |
||||||
|
color: #121880 |
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,0.7) |
||||||
|
.img-block |
||||||
|
width: $size |
||||||
|
//border: 1px solid red |
||||||
|
position: relative |
||||||
|
.img |
||||||
|
width: $size |
||||||
|
height: $size |
||||||
|
border: 10px solid #F2F2F2 |
||||||
|
background: |
||||||
|
repeat: no-repeat |
||||||
|
position: center |
||||||
|
size: cover |
||||||
|
.cost-wrapper |
||||||
|
position: absolute |
||||||
|
bottom: 0 |
||||||
|
width: 100% |
||||||
|
text-align: center |
||||||
|
.cost |
||||||
|
color: #fb2c2d |
||||||
|
font-size: 18px |
||||||
|
display: inline-block |
||||||
|
min-width: $size*0.8 |
||||||
|
background-color: white |
||||||
|
padding: 4px 8px |
||||||
|
//border: 1px solid black |
||||||
|
|
||||||
|
.name-block |
||||||
|
margin-top: 15px |
||||||
|
max-width: $size |
||||||
|
text-align: center |
||||||
|
|
||||||
|
.img-figure |
||||||
|
width: $figure_size |
||||||
|
height: $figure_size |
||||||
|
-webkit-transition: all 0.3s ease-out |
||||||
|
-moz-transition: all 0.3s ease-out |
||||||
|
transition: all 0.3s ease-out |
||||||
|
border-radius: 100% |
||||||
|
background: |
||||||
|
image: url("#{$static}/img/img.png") |
||||||
|
repeat: no-repeat |
||||||
|
position: center |
||||||
|
//size: cover |
||||||
|
color: rgba(211,211,211,0.8) |
||||||
|
position: absolute |
||||||
|
top: 50% |
||||||
|
left: 50% |
||||||
|
margin-left: -$figure_size/2 |
||||||
|
margin-top: -$figure_size/2 |
||||||
|
opacity: 0 |
||||||
|
|
||||||
@ -0,0 +1,147 @@ |
|||||||
|
<form id="filter-form" action="{% url 'work_sell:filter' %}" method="POST" novalidate> |
||||||
|
|
||||||
|
<div class="filter form-container"> |
||||||
|
<div class="triangle1"></div> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<div id="select-box-1"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-3"> |
||||||
|
<div class="vertical-child" id="select-box-2"></div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3"> |
||||||
|
<div class="vertical-child" id="select-box-3"></div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3"> |
||||||
|
<div class="vertical-child" id="select-box-4"></div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3"> |
||||||
|
<div class="vertical-child" id="select-box-5"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<div class="selected-container horizontal" id="selected-spec"> |
||||||
|
<input type="hidden" name="specialization" |
||||||
|
value="{{ specialization }}"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="row separator"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<div class="flex"> |
||||||
|
<span class="header" style="margin-right: 10px"> |
||||||
|
<span>Поиск по ключевым словам и фразам </span> |
||||||
|
<i class="fa fa-question-circle-o" aria-hidden="true" title="bla-bla-bla..."></i> |
||||||
|
</span> |
||||||
|
<div class="border"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-6"> |
||||||
|
<input |
||||||
|
type="text" |
||||||
|
name="keywords" |
||||||
|
{# onkeydown="event.keyCode === 13 && $(this).closest('form').submit()"#} |
||||||
|
value="{{ keywords }}" |
||||||
|
class="select-box-search" |
||||||
|
placeholder="Ключевые слова, фразы"> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3"> |
||||||
|
{# $(this).closest('form').submit(); return false#} |
||||||
|
<a href="" class="findReal" |
||||||
|
onclick="sendFilterData($('#filter-form'), $('#resultsBlock')); return false"> |
||||||
|
найти проект |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3"> |
||||||
|
<a href="{% url 'work_sell:filter' %}" class="clearSearch"> |
||||||
|
{# TODO: Сделать очистку, без перезагрузки#} |
||||||
|
Очистить фильтр |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<div class="row separator"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<div class="flex"> |
||||||
|
<span class="header">Расширенные поля</span> |
||||||
|
<button class="resButton"> |
||||||
|
<span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span> |
||||||
|
</button> |
||||||
|
<div class="border"></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="slide {% if has_additional_fields %} active{% endif %}"> |
||||||
|
<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="{{ building_classification }}"> |
||||||
|
</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="{{ construction_type }}"> |
||||||
|
</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="{{ location }}"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3"> |
||||||
|
<div class="select-box-header vertical-child"> |
||||||
|
<span style="font-size: 11pt" class="header">Требуется электронная версия</span> |
||||||
|
<i class="fa fa-question-circle-o" aria-hidden="true" |
||||||
|
title="bla-bla-bla..."></i> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="custom-check"> |
||||||
|
<div class="checked"></div> |
||||||
|
<div style="display: none" class="not-checked"></div> |
||||||
|
<input name="el_format" type="checkbox" hidden {% if el_format %} checked{% endif %}> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{# <p class="title-scope search-num">#} |
||||||
|
{# #} |
||||||
|
{# </p>#} |
||||||
|
<div class="row title-scope" style="border-bottom: none"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<p class="search-num"> |
||||||
|
{{ display_msg }} |
||||||
|
</p> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="link-sort"> |
||||||
|
<p>Сортировать по:</p> |
||||||
|
{% for val, text in choices %} |
||||||
|
<a class="btn btn-default" |
||||||
|
data-type="{{ val }}" |
||||||
|
onclick=""> |
||||||
|
{{ text }} |
||||||
|
</a> |
||||||
|
{% endfor %} |
||||||
|
<input type="hidden" name="order_by" value=""> |
||||||
|
</div> |
||||||
|
</form> |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
{% load sass_tags %} |
||||||
|
|
||||||
|
<input id="titleScore" type="hidden" value="{{ display_msg }}"> |
||||||
|
|
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-12 cards"> |
||||||
|
{% for work in worksells %} |
||||||
|
{# <div class="col-lg-3">#} |
||||||
|
{% include 'partials/inc-worksell_card.html' %} |
||||||
|
{# </div>#} |
||||||
|
{% endfor %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-12 pagin"> |
||||||
|
{% include 'partials/ajax_pagination.html' %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
{% load staticfiles %} |
||||||
|
{% load thumbnail %} |
||||||
|
{#/static/sass/elements/worksell_card.sass - стиль карточки отдельно#} |
||||||
|
<div class="worksell-card"> |
||||||
|
<a href="{% url 'work_sell:detail' work.pk %}"> |
||||||
|
<div class="img-block"> |
||||||
|
<div class="img" style="background-image: url('{{ work.get_cover.url }}')"></div> |
||||||
|
<div class="img-figure"></div> |
||||||
|
<div class="cost-wrapper"> |
||||||
|
<span class="cost"> |
||||||
|
{{ work.budget }}<i class="fa fa-rub"></i> |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="name-block"> |
||||||
|
{{ work }} |
||||||
|
</div> |
||||||
|
</a> |
||||||
|
</div> |
||||||
@ -0,0 +1,39 @@ |
|||||||
|
{% extends 'partials/_base.html' %} |
||||||
|
{% load sass_tags %} |
||||||
|
{% load static %} |
||||||
|
{% block personal_css %} |
||||||
|
<link rel='stylesheet' href='{% sass_src "sass/components/custom-components.sass" %}'> |
||||||
|
<link rel='stylesheet' href='{% sass_src "lib/proekton-components/sass/components.sass" %}'> |
||||||
|
<link rel='stylesheet' href='{% sass_src "sass/elements/worksell_card.sass" %}'> |
||||||
|
{% endblock %} |
||||||
|
|
||||||
|
{% block content %} |
||||||
|
<div class="container main-scope"> |
||||||
|
<div class="row title-scope" style="border-bottom: none"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<p> |
||||||
|
Поиск готовых проектов |
||||||
|
</p> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-lg-12"> |
||||||
|
{% include 'partials/inc-worksell-filter.html' %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="resultsBlock"> |
||||||
|
{% include 'partials/inc-worksell-results.html' %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endblock %} |
||||||
|
|
||||||
|
{% block personal_js %} |
||||||
|
<script src='{% static "js/build/init_worksell_filter.js" %}'></script> |
||||||
|
<script src='{% static "js/build/worksell_filter.js" %}'></script> |
||||||
|
{% endblock %} |
||||||
Loading…
Reference in new issue