You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
307 lines
12 KiB
307 lines
12 KiB
{% extends 'partials/base.html' %}
|
|
|
|
{% load staticfiles %}
|
|
{% load thumbnail %}
|
|
|
|
{% block content %}
|
|
{% include 'partials/header.html' %}
|
|
|
|
<div class="container mainScore">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<p class="titleScore">Личный кабинет</p>
|
|
</div>
|
|
|
|
<div class="profileTabs">
|
|
<ul class="nav nav-tabs nav-justified">
|
|
<li role="presentation">
|
|
<a href="#">Поиск исполнителей</a>
|
|
</li>
|
|
|
|
<li role="presentation" class="active">
|
|
<a href="#">Мои группы</a>
|
|
<div class="roundsCount">
|
|
<div class="countR">1</div>
|
|
<div class="countG">2</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li role="presentation">
|
|
<a href="#">Открытые проекты</a>
|
|
<span class="desPresent">
|
|
в процессе обсуждения
|
|
</span>
|
|
<div class="roundsCount">
|
|
<div class="countR">1</div>
|
|
<div class="countG">2</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li role="presentation">
|
|
<a href="#">Проекты в работе</a>
|
|
<div class="roundsCount">
|
|
<div class="countG">2</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="buttonGP disTab">
|
|
<div class="btn-group valProject2 val-pro3" role="group" aria-label="...">
|
|
<button type="button" class="btn btn-default">
|
|
Группа 1
|
|
<span><mark>7</mark></span>
|
|
</button>
|
|
{% if contractor.is_owner_team %}
|
|
<button type="button" class="btn btn-default add-group" data-toggle="modal" data-target="#myModal">
|
|
+ Добавить группу
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title" id="myModalLabel">Добавление новой группы</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
{{ form_team }}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
|
|
<button type="button" class="btn btn-primary">Сохранить</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="projectsBlock disTab">
|
|
<div class="col-lg-12">
|
|
<div class="col-lg-3 divCol3">
|
|
<div class="avatar">
|
|
<div class="avatarInset">
|
|
{% thumbnail contractor.avatar "265x264" crop="center" as im %}
|
|
<img src="{{ im.url }}" alt="profile-image">
|
|
{% endthumbnail %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menuUser disTab">
|
|
<a href="javascript:void(0)" class="add-man">
|
|
добавить участника
|
|
</a>
|
|
|
|
<div class="block-users">
|
|
<p>Состав группы</p>
|
|
|
|
{% for p in participants %}
|
|
|
|
<div class="message-new">
|
|
|
|
<div class="imgMess">
|
|
{% thumbnail p.avatar "60x60" crop="center" as im %}
|
|
<img src="{{ im.url }}" alt="mess-image">
|
|
{% endthumbnail %}
|
|
</div>
|
|
|
|
<p class="nameMess">
|
|
<a href="#">{{ p.get_full_name }}</a>
|
|
</p>
|
|
|
|
<span>Программист</span>
|
|
</div>
|
|
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-9 divCol9">
|
|
<div class="col-lg-4">
|
|
<p class="nameUser">
|
|
{{ contractor.team }}
|
|
</p>
|
|
<p class="cityUser">Россия, Москва</p>
|
|
{# <p class="navv">На сайте 8 лет и 3 месяца</p>#}
|
|
<p class="navv">На сайте {{ contractor.team.created }}</p>
|
|
<p class="navv">
|
|
Кол-во человек: <span>{{participants_count}}</span>
|
|
</p>
|
|
<p class="navv">
|
|
Выполненных проектов: <span>0</span>
|
|
</p>
|
|
<div class="statusUser st-new">Свободен</div>
|
|
<a href="javascript:void(0)" class="new-prop new-prop2 new-prop3">написать сообщение</a>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<div class="dashedCol4">
|
|
<p class="specUser">
|
|
Специализации:
|
|
</p>
|
|
<div class="insetSpec">
|
|
<span>Интерьеры</span>
|
|
<span>2-й</span>
|
|
</div>
|
|
<div class="insetSpec">
|
|
<span>Визуализация/3D</span>
|
|
<span>45-й</span>
|
|
</div>
|
|
<div class="insetSpec">
|
|
<span>Экстерьеры</span>
|
|
<span>10-й</span>
|
|
</div>
|
|
<div class="insetSpec">
|
|
<span>Архитектура</span>
|
|
<span>3-й</span>
|
|
</div>
|
|
<div class="insetSpec">
|
|
<span>3D Моделирование</span>
|
|
<span>100-й</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<ul class="rettList">
|
|
<li><a href="javascript:void(0)">Рейтинг: <span> 1245</span></a></li>
|
|
<li><a href="javascript:void(0)">Безопасные сделки: <span> 5</span></a></li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
Отзывы:
|
|
<span> + 385</span>
|
|
<small> 0</small>
|
|
<mark> - 0</mark>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="sroUser">
|
|
<div class="iconSRO"></div>
|
|
<p>Есть допуск СРО</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-lg-9">
|
|
<div class="profileTabs2">
|
|
<ul class="nav nav-tabs nav-justified">
|
|
<li role="presentation" class="active">
|
|
<a href="#tab11" data-toggle="tab">Портфолио</a>
|
|
</li>
|
|
<li role="presentation">
|
|
<a href="#tab12" data-toggle="tab">Готовые проекты</a>
|
|
</li>
|
|
<li role="presentation">
|
|
<a href="#tab13" data-toggle="tab">Отзывы</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-content">
|
|
<div id="tab11" class="tab-pane fade in active">
|
|
|
|
<div class="galleryWork2 disTab">
|
|
{% for p in portfolios %}
|
|
<div class="col-lg-4">
|
|
<div class="insetCol box-sizing disTab">
|
|
<div class="imgGal"
|
|
style="background:rgba(0, 0, 0, 0) url('{{ p.get_cover }}') no-repeat scroll center center / cover ;">
|
|
<div class="imgFigure"></div>
|
|
</div>
|
|
</div>
|
|
<div class="insetCol2 box-sizing disTab">
|
|
<p>{{ p.name }}</p>
|
|
<div class="buttonsImg" disTab>
|
|
<a href="{% url 'projects:contractor-portfolio-edit' p.pk %}">
|
|
<div class="insetBI insetBI1">
|
|
<i class="fa fa-pencil"></i>
|
|
</div>
|
|
</a>
|
|
<div class="insetBI insetBI2">
|
|
<i class="fa fa-times"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-9 col-lg-offset-3">
|
|
<div class="linkElse">
|
|
<a href="javascript:void(0)" class="showElse">показать еще</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab12" class="tab-pane fade">
|
|
|
|
<div class="galleryWork2 disTab">
|
|
{% for ws in work_sells %}
|
|
<div class="col-lg-4">
|
|
<div class="insetCol box-sizing disTab">
|
|
<div class="imgGal"
|
|
style="background:rgba(0, 0, 0, 0) url('/media/{{ ws.img }}') no-repeat scroll center center / cover ;">
|
|
<div class="imgFigure"></div>
|
|
</div>
|
|
<div class="cenaImg box-sizing">
|
|
<div class="cenaImgInset">
|
|
{{ ws.budget }} <i class="fa fa-rub"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="insetCol2 box-sizing disTab">
|
|
<p>{{ ws }}</p>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="col-lg-9 col-lg-offset-3">
|
|
<div class="linkElse">
|
|
<a href="javascript:void(0)" class="showElse">показать еще</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab13" class="tab-pane fade">
|
|
<div class="new-comm-44">
|
|
<div class="col-lg-12">
|
|
<p class="nameComm">
|
|
<a href="#">Иванов Петр Иванович</a>
|
|
</p>
|
|
<span class="dateComm44">
|
|
Безопасная сделка
|
|
</span>
|
|
<div class="stars box-sizing">
|
|
<span class="glyphicon glyphicon-star starAct" aria-hidden="true"></span>
|
|
<span class="glyphicon glyphicon-star starAct" aria-hidden="true"></span>
|
|
<span class="glyphicon glyphicon-star starAct" aria-hidden="true"></span>
|
|
<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
|
|
<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
|
|
<a href="#">положительный отзыв</a>
|
|
</div>
|
|
<p class="textComm44">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% include 'partials/footer.html' %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|