|
|
|
@ -13,12 +13,11 @@ |
|
|
|
<div class="col-lg-3 divCol3"> |
|
|
|
<div class="col-lg-3 divCol3"> |
|
|
|
<div class="avatar"> |
|
|
|
<div class="avatar"> |
|
|
|
<div class="avatarInset"> |
|
|
|
<div class="avatarInset"> |
|
|
|
{# {% thumbnail contractor.avatar "235x224" crop="center" as im %}#} |
|
|
|
|
|
|
|
{# <img src="{{ im.url }}" alt="profile-image">#} |
|
|
|
|
|
|
|
{# {% endthumbnail %}#} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% if contractor.avatar %} |
|
|
|
{% if contractor.avatar %} |
|
|
|
<img src="{{ contractor.avatar.url }}" alt="profile-image"> |
|
|
|
{% thumbnail contractor.avatar "235x224" crop="center" as im %} |
|
|
|
|
|
|
|
<img src="{{ im.url }}" alt="profile-image"> |
|
|
|
|
|
|
|
{% endthumbnail %} |
|
|
|
|
|
|
|
|
|
|
|
{% else %} |
|
|
|
{% else %} |
|
|
|
<img src="{% static 'img/profile.jpg' %}" alt="profile-image"> |
|
|
|
<img src="{% static 'img/profile.jpg' %}" alt="profile-image"> |
|
|
|
{% endif %} |
|
|
|
{% endif %} |
|
|
|
@ -33,12 +32,7 @@ |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
<span></span> |
|
|
|
<span></span> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li class="icon_um1"> |
|
|
|
|
|
|
|
<a href="{% url 'users:user-profile-edit' pk=contractor.pk %}"> |
|
|
|
|
|
|
|
редактировать профиль |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
<span></span> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
{% endif %} |
|
|
|
{% endif %} |
|
|
|
|
|
|
|
|
|
|
|
{% if contractor.pk != request.user.pk and request.user.is_contractor %} |
|
|
|
{% if contractor.pk != request.user.pk and request.user.is_contractor %} |
|
|
|
@ -76,13 +70,14 @@ |
|
|
|
<p class="nameUser"> |
|
|
|
<p class="nameUser"> |
|
|
|
{{ contractor.get_full_name }} [{{ contractor.username }}] |
|
|
|
{{ contractor.get_full_name }} [{{ contractor.username }}] |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<p class="cityUser">Россия, Москва</p> |
|
|
|
<p class="cityUser">{{ contractor.get_location }}</p> |
|
|
|
<p class="navv">На сайте 8 лет и 3 месяца</p> |
|
|
|
<p class="navv">На сайте c {{ contractor.created|date:"d M Y"}}</p> |
|
|
|
|
|
|
|
|
|
|
|
{% if contractor.contractor_status == 'free' %} |
|
|
|
{% if contractor.contractor_status == 'free' %} |
|
|
|
<div class="statusUser">Свободен</div> |
|
|
|
<div class="statusUser">Свободен</div> |
|
|
|
|
|
|
|
{% else %} |
|
|
|
|
|
|
|
<div class="statusUser busy">Занят</div> |
|
|
|
{% endif %} |
|
|
|
{% endif %} |
|
|
|
|
|
|
|
|
|
|
|
<a href="#" data-toggle="modal" data-target="#contact-contactor-modal" class="showCon">показать контакты</a> |
|
|
|
<a href="#" data-toggle="modal" data-target="#contact-contactor-modal" class="showCon">показать контакты</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-lg-4"> |
|
|
|
<div class="col-lg-4"> |
|
|
|
@ -99,6 +94,7 @@ |
|
|
|
{% endif %} |
|
|
|
{% endif %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div id="contact-contactor-modal" class="modal fade"> |
|
|
|
<div id="contact-contactor-modal" class="modal fade"> |
|
|
|
<div class="modal-dialog"> |
|
|
|
<div class="modal-dialog"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-content"> |
|
|
|
@ -108,11 +104,27 @@ |
|
|
|
<h4 class="modal-title">Контакты владельца </h4> |
|
|
|
<h4 class="modal-title">Контакты владельца </h4> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="modal-body"> |
|
|
|
<div class="modal-body"> |
|
|
|
<h2>Здесь находятся контакты владельца</h2> |
|
|
|
<div class="row" style="height: 100px;"> |
|
|
|
|
|
|
|
<div class="col-lg-8 col-lg-offset-1"> |
|
|
|
|
|
|
|
<ul class="list-summ"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% if contractor.website %} |
|
|
|
|
|
|
|
<li>{{ contractor.website }}</li> |
|
|
|
|
|
|
|
{% endif %} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li>{{ contractor.email }}</li> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% if contractor.phone %} |
|
|
|
|
|
|
|
<li>{{ contractor.phone }}</li> |
|
|
|
|
|
|
|
{% endif %} |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-lg-9"> |
|
|
|
<div class="col-lg-9"> |
|
|
|
<div class="profileTabs2"> |
|
|
|
<div class="profileTabs2"> |
|
|
|
<ul class="nav nav-tabs nav-justified"> |
|
|
|
<ul class="nav nav-tabs nav-justified"> |
|
|
|
@ -161,10 +173,15 @@ |
|
|
|
{% for p in contractor.portfolios.all %} |
|
|
|
{% for p in contractor.portfolios.all %} |
|
|
|
<div class="col-lg-4"> |
|
|
|
<div class="col-lg-4"> |
|
|
|
<div class="insetCol box-sizing disTab"> |
|
|
|
<div class="insetCol box-sizing disTab"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% thumbnail p.get_cover "224x224" crop="center" as im %} |
|
|
|
<div class="imgGal" |
|
|
|
<div class="imgGal" |
|
|
|
style="background:rgba(0, 0, 0, 0) url('{{ p.get_cover }}') no-repeat scroll center center / cover ;"> |
|
|
|
style="background:rgba(0, 0, 0, 0) url('{{ im.url }}') no-repeat scroll center center / cover ;"> |
|
|
|
<div class="imgFigure"></div> |
|
|
|
<a class="open-modal-image" href="{{ p.get_cover.url }}"><div class="imgFigure"></div></a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{% endthumbnail %} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="insetCol2 box-sizing disTab"> |
|
|
|
<div class="insetCol2 box-sizing disTab"> |
|
|
|
<p>{{ p.name }}</p> |
|
|
|
<p>{{ p.name }}</p> |
|
|
|
@ -231,7 +248,7 @@ |
|
|
|
{% thumbnail ws.get_cover "224x224" crop="center" as im %} |
|
|
|
{% thumbnail ws.get_cover "224x224" crop="center" as im %} |
|
|
|
<div class="imgGal" |
|
|
|
<div class="imgGal" |
|
|
|
style="background:rgba(0, 0, 0, 0) url('{{ im.url }}') no-repeat scroll center center / cover ;"> |
|
|
|
style="background:rgba(0, 0, 0, 0) url('{{ im.url }}') no-repeat scroll center center / cover ;"> |
|
|
|
<div class="imgFigure"></div> |
|
|
|
<a class="open-modal-image" href="{{ ws.get_cover.url }}"><div class="imgFigure"></div></a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{% endthumbnail %} |
|
|
|
{% endthumbnail %} |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
@ -480,10 +497,20 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% block js_block %} |
|
|
|
{% block js_block %} |
|
|
|
|
|
|
|
<script type="text/javascript" src='{% static "js/jquery.magnific-popup.min.js" %}'></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
<script type="text/javascript"> |
|
|
|
var userId = '{{ contractor.pk }}'; |
|
|
|
var userId = '{{ contractor.pk }}'; |
|
|
|
$(function () { |
|
|
|
$(function () { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var hash = window.location.hash; |
|
|
|
|
|
|
|
if (hash == '#open-contact'){ |
|
|
|
|
|
|
|
$("#contact-contactor-modal").modal(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('.open-modal-image').magnificPopup({ |
|
|
|
|
|
|
|
type: 'image' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#resume-edit-form').on('submit', function (e) { |
|
|
|
$('#resume-edit-form').on('submit', function (e) { |
|
|
|
e.preventDefault(); |
|
|
|
e.preventDefault(); |
|
|
|
|