booblegum
9 years ago
commit
924e66ef6e
83 changed files with 2801 additions and 1124 deletions
@ -1,12 +0,0 @@ |
||||
DATABASES = { |
||||
'default': { |
||||
'ENGINE': 'django.db.backends.postgresql_psycopg2', |
||||
'NAME': 'proekton2', |
||||
'USER': 'postgres', |
||||
'PASSWORD': 'gum1756', |
||||
'HOST': 'localhost', |
||||
'PORT': '', |
||||
} |
||||
} |
||||
|
||||
TEMPLATE_DEBUG = True |
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 257 KiB After Width: | Height: | Size: 257 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 57 KiB |
@ -0,0 +1,81 @@ |
||||
/******/ (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 _popupYoutube = __webpack_require__(12); |
||||
|
||||
$(function () { |
||||
(0, _popupYoutube.popupYoutubeInit)(); |
||||
}); |
||||
|
||||
/***/ }, |
||||
|
||||
/***/ 12: |
||||
/***/ function(module, exports) { |
||||
|
||||
'use strict'; |
||||
|
||||
Object.defineProperty(exports, "__esModule", { |
||||
value: true |
||||
}); |
||||
function popupYoutubeInit() { |
||||
$('.popup-youtube').magnificPopup({ |
||||
disableOn: 700, |
||||
type: 'iframe', |
||||
mainClass: 'mfp-fade', |
||||
removalDelay: 160, |
||||
preloader: false, |
||||
fixedContentPos: false |
||||
}); |
||||
} |
||||
|
||||
exports.popupYoutubeInit = popupYoutubeInit; |
||||
|
||||
/***/ } |
||||
|
||||
/******/ }); |
||||
@ -0,0 +1,5 @@ |
||||
import {popupYoutubeInit} from './seeds/popup-youtube' |
||||
|
||||
$(function () { |
||||
popupYoutubeInit() |
||||
}); |
||||
@ -0,0 +1,67 @@ |
||||
const $form = $('#form-registration'); |
||||
|
||||
function clearErrors() { |
||||
let $error_tags = $form.find('.errorlist'); |
||||
if ($error_tags.length > 0) $error_tags.remove(); |
||||
} |
||||
|
||||
function sendData(form_data) { |
||||
// console.log("form_data = ", form_data);
|
||||
$.ajax({ |
||||
url: '/users/register/', |
||||
type: 'post', |
||||
data: form_data, |
||||
success: function (data) { |
||||
// console.log("success data -->", data);
|
||||
$('#registrationFormModal').modal('toggle'); |
||||
$('input[name=not_auth_user_id]').val(data.pk); |
||||
$('#not_customer').hide(); |
||||
$('#is_customer').show(); |
||||
}, |
||||
error: function (xhr, ajaxOptions, thrownError) { |
||||
let status = xhr.status; |
||||
if (status == 400) { |
||||
let data = JSON.parse(xhr.responseText); |
||||
$.each(data, function (key, value) { |
||||
let ul = $("<ul class='errorlist'></ul>"); |
||||
for (let error of value) { |
||||
ul.append(`<li>${error}</li>`) |
||||
} |
||||
let $field; |
||||
if (key == 'captcha_html') { |
||||
// console.log("captcha html = ", key, '/', value);
|
||||
$form.find('.captcha').html(value); |
||||
return; |
||||
} else if (key == 'captcha') { |
||||
$field = $form.find('.g-recaptcha'); |
||||
} else if (key == 'tos') { |
||||
$field = $form.find(`input[name=${key}]`).parent(); |
||||
} else { |
||||
$field = $form.find(`input[name=${key}]`); |
||||
if ($field.length == 0) console.log(`!!!field ${key} not found`); |
||||
} |
||||
if ($field.length > 0) $field.parent().append(ul); |
||||
|
||||
}); |
||||
// console.log('captcha error = ', data.captcha);
|
||||
// console.log('data type = ', typeof data);
|
||||
} |
||||
// console.log("data = ", xhr.responseText);
|
||||
// console.log(ajaxOptions);
|
||||
// console.log(thrownError);
|
||||
} |
||||
}) |
||||
} |
||||
|
||||
function ajaxRegistrationInit(user_type) { |
||||
// const $form = $('#form-registration');
|
||||
$form.on("submit", function (e) { |
||||
e.preventDefault(); |
||||
// get form data and add user_type
|
||||
clearErrors(); |
||||
let form_data = $form.serialize() + "&user_type=" + encodeURIComponent(user_type); |
||||
sendData(form_data); |
||||
}) |
||||
} |
||||
|
||||
export {ajaxRegistrationInit} |
||||
@ -0,0 +1,12 @@ |
||||
function popupYoutubeInit() { |
||||
$('.popup-youtube').magnificPopup({ |
||||
disableOn: 700, |
||||
type: 'iframe', |
||||
mainClass: 'mfp-fade', |
||||
removalDelay: 160, |
||||
preloader: false, |
||||
fixedContentPos: false |
||||
}); |
||||
} |
||||
|
||||
export {popupYoutubeInit} |
||||
@ -1,6 +1,17 @@ |
||||
function sendData(){ |
||||
function sendData(form_data) { |
||||
console.log("form_data = ", form_data); |
||||
$.ajax({ |
||||
url: '', |
||||
|
||||
url: '/users/register/', |
||||
type: 'post', |
||||
data: form_data, |
||||
success: function (data) { |
||||
console.log("success data -->", data) |
||||
}, |
||||
error: function (xhr, ajaxOptions, thrownError) { |
||||
console.log("status = ", xhr.status); |
||||
console.log("data = ", xhr.responseText); |
||||
console.log(ajaxOptions); |
||||
console.log(thrownError); |
||||
} |
||||
}) |
||||
} |
||||
@ -1,6 +1,24 @@ |
||||
.mod-align-bottom, |
||||
.vertical-bottom |
||||
//deprecated |
||||
display: flex |
||||
-ms-flex-align: end |
||||
-webkit-align-items: flex-end |
||||
-webkit-box-align: end |
||||
align-items: flex-end |
||||
|
||||
.mod-align-center |
||||
display: flex |
||||
-ms-flex-align: center |
||||
-webkit-align-items: center |
||||
-webkit-box-align: center |
||||
align-items: flex-end |
||||
align-items: center |
||||
|
||||
.mod-no-padding |
||||
padding: 0 !important |
||||
|
||||
.mod-row-eq-height |
||||
display: -webkit-box |
||||
display: -webkit-flex |
||||
display: -ms-flexbox |
||||
display: flex |
||||
|
||||
@ -0,0 +1,16 @@ |
||||
import os |
||||
|
||||
PORT = 8888 |
||||
|
||||
settings = { |
||||
'cookie_secret': '__TODO:_GENERATE_YOUR_OWN_RANDOM_VALUE_HERE__', |
||||
'template_path': os.path.join(os.path.dirname(__file__), 'templates'), |
||||
'static_path': os.path.join(os.path.dirname(__file__), 'static'), |
||||
'login_url': '/login', |
||||
'xsrf_cookies': True, |
||||
'debug': True, |
||||
'autoreload': True, |
||||
'server_traceback': True, |
||||
} |
||||
|
||||
DATABASE_DSN = 'dbname=archilance user=postgres password=postgres host=localhost' |
||||
@ -0,0 +1,6 @@ |
||||
from .base import * |
||||
|
||||
try: |
||||
from .local import * |
||||
except ImportError: |
||||
pass |
||||
@ -0,0 +1,56 @@ |
||||
{% load thumbnail %} |
||||
{% load static %} |
||||
{% load user_tags %} |
||||
<style> |
||||
div.icon_mm1 { |
||||
display: inline-block; |
||||
height: 20px; |
||||
width: 20px; |
||||
margin-right: 5px; |
||||
background-size: cover; |
||||
background: url('/static/img/menu2.png') no-repeat 0 0; |
||||
} |
||||
|
||||
div.icon_mm2 { |
||||
display: inline-block; |
||||
height: 20px; |
||||
width: 20px; |
||||
margin-right: 5px; |
||||
background-size: cover; |
||||
background: url('/static/img/menu2.png') no-repeat 0 -20px; |
||||
} |
||||
|
||||
</style> |
||||
<div class="message messd user-block" id="userBlock{{ contact.pk }}" data-id="{{ contact.pk }}"> |
||||
<div class="imgMess"> |
||||
{% if contact.avatar %} |
||||
{% thumbnail contact.avatar "60x60" crop="center" as im %} |
||||
<img src="{{ im.url }}" alt="mess-image"> |
||||
{% endthumbnail %} |
||||
{% else %} |
||||
<img src="{% static 'img/profile.jpg' %}" alt="mess-image"> |
||||
{% endif %} |
||||
</div> |
||||
<p class="nameMess"> |
||||
{% if contact.is_contractor %} |
||||
{% url "users:contractor-profile" pk=contact.pk as contact_url %} |
||||
{% else %} |
||||
{% url "users:customer-profile-open-projects" pk=contact.pk as contact_url %} |
||||
{% endif %} |
||||
<div style="display: flex; align-items: center"> |
||||
{% if request.user.is_contractor %} |
||||
<div class="icon_mm1"></div> |
||||
{% else %} |
||||
<div class="icon_mm2"></div> |
||||
{% endif %} |
||||
<a href="{{ contact_url }}" style="color:black;">{{ contact.username }}</a> |
||||
</div> |
||||
</p> |
||||
|
||||
<a href="#" data-id="{{ contact.id }}" class="conMess">Контакты</a> |
||||
<span class="contact-count-{{ contact.pk|add:request.user.pk }}"> |
||||
{% get_new_count_for_contact contact request.user %}</span> |
||||
<a href="#" class="deleteMess" data-recipent-id="{{ contact.pk }}"> |
||||
Удалить контакт |
||||
</a> |
||||
</div> |
||||
@ -0,0 +1,26 @@ |
||||
# from django.core.context_processors import request |
||||
from django.db.models import Sum |
||||
from wallets.models import InvoiceHistory |
||||
from chat.models import NewMessage |
||||
from projects.models import Order |
||||
|
||||
|
||||
def user_info(request): |
||||
if request.user.is_authenticated(): |
||||
current_sum_info = InvoiceHistory.objects.filter(user=request.user, type="score").aggregate(Sum('sum')) |
||||
user_balance = current_sum_info['sum__sum'] or 0 |
||||
|
||||
new_messages_count = NewMessage.objects.filter(user=request.user).count() |
||||
num_orders_in_work = request.user.orders.filter(status='process').count() |
||||
try: |
||||
fist_order_id = request.user.orders.all()[0].id |
||||
except IndexError: |
||||
fist_order_id = "" |
||||
return { |
||||
"user_balance": user_balance, |
||||
"new_messages_count": new_messages_count, |
||||
"num_orders_in_work": num_orders_in_work, |
||||
"fist_order_id": fist_order_id |
||||
} |
||||
|
||||
return {} |
||||
@ -1,100 +1,150 @@ |
||||
{% extends 'partials/base.html' %} |
||||
{% load staticfiles %} |
||||
{% load sass_tags %} |
||||
{% load thumbnail %} |
||||
{% block old_css %}{% endblock %} |
||||
{% block head_css %} |
||||
<link rel='stylesheet' href='{% static "js/magnific-popup.css" %}'> |
||||
<link rel='stylesheet' href='{% sass_src "sass/main.sass" %}'> |
||||
<link rel='stylesheet' href='{% sass_src "partials/sass/home.sass" %}'> |
||||
{% endblock %} |
||||
|
||||
{% block content %} |
||||
<section class="mainContainer"> |
||||
{% include 'partials/header.html' %} |
||||
|
||||
<div class="container-fluid"> |
||||
<div class="home"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12"> |
||||
<p class="welcomeMain">{{ main_settings.heading }}</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="container-fluid"> |
||||
<div class="row"> |
||||
<div class="col-lg-6"> |
||||
<div class="changeBlock changeBlock2"> |
||||
<div class="row mod-row-eq-height"> |
||||
<div class="col-lg-5 col-lg-offset-1 mod-no-padding"> |
||||
<div class="infoBlock customer"> |
||||
{% if request.user.is_authenticated and request.user.is_customer %} |
||||
<a href="{% url 'users:customer-profile-open-projects' pk=request.user.pk %}">Я заказчик</a> |
||||
<a class="to-profile" |
||||
href="{% url 'users:customer-profile-open-projects' pk=request.user.pk %}">Я заказчик</a> |
||||
{% else %} |
||||
<a href="{% url 'registration_register' %}?type=customer">Я заказчик</a> |
||||
<a class="to-profile" href="{% url 'registration_register' %}?type=customer">Я заказчик</a> |
||||
{% endif %} |
||||
<p> |
||||
{{ main_settings.customer_text|safe }} |
||||
</p> |
||||
<ul class="customer-list"> |
||||
<li> |
||||
<div class="icon-1"></div> |
||||
<div class="text"> |
||||
Ресурс для специалистов по проектированию, дизайну, оформлению и сопровождению |
||||
проектной документации |
||||
</div> |
||||
<div class="square"> |
||||
<div class="insetSquare"></div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-2"></div> |
||||
<div class="text"> |
||||
Удобный и быстрый поиск исполнителей |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-3"></div> |
||||
<div class="text"> |
||||
Готовые сформированные группы исполнителей |
||||
</div> |
||||
<div class="col-lg-6"> |
||||
<div class="changeBlock changeBlock1"> |
||||
</li> |
||||
<li> |
||||
<div class="icon-4"></div> |
||||
<div class="text"> |
||||
Безопасная сделка (договор без риска) |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-5"></div> |
||||
<div class="text"> |
||||
Адекватная оценка стоимости работы |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-6"></div> |
||||
<div class="text"> |
||||
Возможность купить готовые проекты, работы |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</p> |
||||
<a class="create" href="{% url 'projects:customer-project-create' %}">Разместить заказ</a> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-5 mod-no-padding"> |
||||
<div class="infoBlock contractor"> |
||||
{% if request.user.is_authenticated and request.user.is_contractor %} |
||||
<a href="{% url 'users:contractor-profile' pk=request.user.pk %}">Я исполнитель</a> |
||||
<a class="to-profile" href="{% url 'users:contractor-profile' pk=request.user.pk %}">Я |
||||
исполнитель</a> |
||||
{% else %} |
||||
<a href="{% url 'registration_register' %}?type=contractor">Я исполнитель</a> |
||||
<a class="to-profile" href="{% url 'registration_register' %}?type=contractor">Я |
||||
исполнитель</a> |
||||
{% endif %} |
||||
<p> |
||||
{{ main_settings.contractor_text|safe }} |
||||
</p> |
||||
<ul class="contractor-list"> |
||||
<li> |
||||
<div class="icon-7"></div> |
||||
<div class="text"> |
||||
Большой выбор заказов для исполнителей |
||||
</div> |
||||
|
||||
</li> |
||||
<li> |
||||
<div class="icon-8"></div> |
||||
<div class="text"> |
||||
Удобный и быстрый поиск заказчиков |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-9"></div> |
||||
<div class="text"> |
||||
Безопасная сделка (договор без риска) |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-10"></div> |
||||
<div class="text"> |
||||
Печать, брошюровка и доставка проектной документации |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-11"></div> |
||||
<div class="text"> |
||||
Возможность продать готовые проекты, работы |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div class="icon-12"></div> |
||||
<div class="text"> |
||||
Платформа разработана для проектировщиков дизайнеров и технических заказчиков |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</p> |
||||
<a class="create" href="{% url 'work_sell:create' %}">Разместить проект</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<div class="container-fluid"> |
||||
<div class="row"> |
||||
<a class="popup-youtube" href="{{ main_settings.video_code }}"> |
||||
<div class="youtube"></div> |
||||
<div class="col-lg-12"> |
||||
<a class="popup-youtube youtube" href="{{ main_settings.video_code }}"> |
||||
</a> |
||||
|
||||
{# <!-- Modal HTML -->#} |
||||
{# <div id="myModal" class="modal fade">#} |
||||
{# <div class="modal-dialog">#} |
||||
{# <div class="modal-content">#} |
||||
{# <div class="modal-header">#} |
||||
{# <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>#} |
||||
{# <h4 class="modal-title">Видео</h4>#} |
||||
{# </div>#} |
||||
{# <div class="modal-body">#} |
||||
{# <div id="modal-body-video">#} |
||||
{# {{ main_settings.video_code | safe }}#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div style="background-color: #F7F7F7;"> |
||||
<div class="container"> |
||||
{% include 'partials/footer.html' %} |
||||
</div> |
||||
</div> |
||||
{% endblock %} |
||||
|
||||
{% block old_js %} |
||||
<script src='{% static "js/bootstrap.min.js" %}'></script> |
||||
{% endblock %} |
||||
{% block js_block %} |
||||
<script> |
||||
$(document).ready(function() { |
||||
$('.popup-youtube').magnificPopup({ |
||||
disableOn: 700, |
||||
type: 'iframe', |
||||
mainClass: 'mfp-fade', |
||||
removalDelay: 160, |
||||
preloader: false, |
||||
fixedContentPos: false |
||||
}); |
||||
}); |
||||
|
||||
{# $(document).ready(function(){#} |
||||
{# var modalBodyVideo = $("#modal-body-video").clone(true);#} |
||||
{# #} |
||||
{# $("#myModal").on('hide.bs.modal', function(){#} |
||||
{# $("#modal-body-video").remove();#} |
||||
{# });#} |
||||
{# #} |
||||
{# $("#myModal").on('show.bs.modal', function(){#} |
||||
{# $("#modal-body-video").remove();#} |
||||
{# modalBodyVideo.appendTo('.modal-body');#} |
||||
{# });#} |
||||
{# });#} |
||||
</script> |
||||
{{ block.super }} |
||||
<script src='{% static "js/jquery.magnific-popup.js" %}'></script> |
||||
<script src='{% static "js/build/home_page.js" %}'></script> |
||||
{% endblock %} |
||||
|
||||
@ -0,0 +1,3 @@ |
||||
{{ form.captcha }} |
||||
{{ user_form.captcha }} |
||||
{{ form.captcha.errors }} |
||||
@ -0,0 +1,61 @@ |
||||
{% load sass_tags %} |
||||
<link rel='stylesheet' href='{% sass_src "partials/sass/registration.sass" %}'> |
||||
<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script> |
||||
<div class="form-regestration"> |
||||
<form method="post" id="form-registration">{% csrf_token %} |
||||
{{ form.non_field_errors }} |
||||
|
||||
{% if not hide_user_type %} |
||||
<div class="col-lg-12 select-reg polsF1"> |
||||
{{ form.user_type }} |
||||
{{ form.user_type.errors }} |
||||
</div> |
||||
{% endif %} |
||||
|
||||
<div class="col-lg-12 select-reg"> |
||||
<input type="text" name="username" value="{{ form.username.value }}" |
||||
class="box-sizing email-reg" |
||||
placeholder="Nickname"> |
||||
{{ form.username.errors }} |
||||
</div> |
||||
<div class="col-lg-12 select-reg "> |
||||
<input type="text" name="email" class="box-sizing email-reg" |
||||
value="{{ form.email.value }}" placeholder="Электронная почта"> |
||||
{{ form.email.errors }} |
||||
</div> |
||||
<div class="col-lg-12 select-reg"> |
||||
<input type="password" name="password1" class="box-sizing pass-reg" |
||||
placeholder="Пароль"> |
||||
{{ form.password1.errors }} |
||||
</div> |
||||
|
||||
<div class="col-lg-12 select-reg"> |
||||
<input type="password" name="password2" class="box-sizing pass-reg" |
||||
placeholder="Пароль"> |
||||
{{ form.password2.errors }} |
||||
</div> |
||||
|
||||
<div class="col-lg-12 select-reg captcha"> |
||||
{% include 'partials/inc-captcha.html' %} |
||||
</div> |
||||
<div class="col-lg-12 select-reg"> |
||||
<button class="reg-sub">Зарегистрироваться</button> |
||||
</div> |
||||
<div class="clearfix"></div> |
||||
|
||||
{% include 'registration/social.html' %} |
||||
|
||||
<div class="col-lg-12 select-reg"> |
||||
<div class="check-reg"> |
||||
<label><input type="checkbox" name="tos" {{ form.tos.value }} /><span></span></label> |
||||
<p>Регистрируясь, я подтверждаю свое согласие у условиями <a href="#">пользовательского соглашения</a> |
||||
</p> |
||||
{{ form.tos.errors }} |
||||
</div> |
||||
</div> |
||||
</form> |
||||
<div class="col-lg-12 select-reg"> |
||||
<a href="{% url 'auth_login' %}" class="have-ac">Я уже зарегистрирован на ресурсе</a> |
||||
</div> |
||||
|
||||
</div> |
||||
@ -0,0 +1,19 @@ |
||||
<div class="modal fade" id="registrationFormModal" tabindex="-2"> |
||||
<div class="modal-dialog" role="document"> |
||||
<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"> |
||||
{% include 'partials/inc-registration_form.html' %} |
||||
</div> |
||||
|
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button> |
||||
{# <button type="button" class="btn btn-primary -action-button">Предложить</button>#} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,174 @@ |
||||
@import "base/variavles" |
||||
@import "base/fonts" |
||||
|
||||
.home |
||||
background: |
||||
image: url("#{$static}/img/main.png") |
||||
repeat: no-repeat |
||||
position: center |
||||
size: cover |
||||
|
||||
.icons |
||||
display: inline-block |
||||
width: 24px |
||||
height: 24px |
||||
background: |
||||
image: url("#{$static}/img/sprite.png") |
||||
repeat: no-repeat |
||||
|
||||
.welcomeMain |
||||
width: 100% |
||||
float: left |
||||
font-size: 48px |
||||
text-align: center |
||||
padding: 54px 0 39px 0 |
||||
font-family: 'pfbeausanspro-thin', sans-serif |
||||
|
||||
.welcomeMain |
||||
line-height: 48px |
||||
font-family: 'pfdintextcomppro-regular', sans-serif |
||||
font-size: 43px |
||||
|
||||
.infoBlock |
||||
//padding: 113px 0 0 0 |
||||
height: 100% |
||||
text-align: center |
||||
padding: 80px 0 40px |
||||
ul |
||||
&.customer-list, |
||||
&.contractor-list |
||||
text-align: left |
||||
padding-left: 60px |
||||
padding-right: 20px |
||||
li |
||||
display: flex |
||||
align-items: center |
||||
padding-top: 10px |
||||
list-style: none |
||||
font-size: 12px |
||||
.text |
||||
padding-left: 10px |
||||
display: inline-block |
||||
.icon |
||||
&-1 |
||||
@extend .icons |
||||
width: 40px |
||||
background-position: 0 0 |
||||
&-2 |
||||
@extend .icons |
||||
background-position: 0 -24px |
||||
&-3 |
||||
@extend .icons |
||||
background-position: 0 -48px |
||||
&-4 |
||||
@extend .icons |
||||
background-position: 0 -72px |
||||
&-5 |
||||
@extend .icons |
||||
background-position: 0 -96px |
||||
&-6 |
||||
@extend .icons |
||||
background-position: 0 -120px |
||||
&-7 |
||||
@extend .icons |
||||
background-position: 0 -144px |
||||
&-8 |
||||
@extend .icons |
||||
background-position: 0 -168px |
||||
&-9 |
||||
@extend .icons |
||||
background-position: 0 -192px |
||||
&-10 |
||||
@extend .icons |
||||
background-position: 0 -216px |
||||
&-11 |
||||
@extend .icons |
||||
background-position: 0 -240px |
||||
&-12 |
||||
@extend .icons |
||||
background-position: 0 -264px |
||||
|
||||
&.customer-list |
||||
li |
||||
color: #c7c5c5 |
||||
&.contractor-list |
||||
li |
||||
color: #353434 |
||||
|
||||
|
||||
|
||||
a |
||||
text-decoration: none |
||||
border: none |
||||
cursor: pointer |
||||
& > a.to-profile |
||||
height: 40px |
||||
border-radius: 40px |
||||
font-size: 20px |
||||
text-transform: uppercase |
||||
font-family: 'pfdintextcomppro-regular', sans-serif |
||||
letter-spacing: 4px |
||||
position: relative |
||||
display: table |
||||
margin: 0 auto |
||||
a.create |
||||
font-family: Myriad, sans-serif |
||||
font-weight: normal |
||||
font-size: 20px |
||||
letter-spacing: 4px |
||||
display: inline-block |
||||
margin-top: 40px |
||||
text-transform: uppercase |
||||
&.customer |
||||
background-color: rgba(0, 0, 0, 0.7) |
||||
p, a.create |
||||
color: #c7c5c5 |
||||
&:hover |
||||
color: #f3f1f1 |
||||
& > a.to-profile |
||||
&:link, &:visited |
||||
background: url('#{$static}/img/button2.png') no-repeat 27px, white |
||||
color: black |
||||
padding: 24px 26px 20px 72px |
||||
&:hover |
||||
box-shadow: 0 0 15px rgba(255, 255, 255, 0.8) |
||||
-webkit-transform: scale(1.04) |
||||
-moz-transform: scale(1.04) |
||||
transform: scale(1.04) |
||||
&.contractor |
||||
background-color: rgba(255, 0, 6, 0.7) |
||||
p, a.create |
||||
color: #353434 |
||||
&:hover |
||||
color: #141313 |
||||
& > a.to-profile |
||||
&:link, &:visited |
||||
background: url('#{$static}/img/button1.png') no-repeat 25px, black |
||||
color: white |
||||
padding: 24px 26px 20px 72px |
||||
&:hover |
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) |
||||
-webkit-transform: scale(1.04) |
||||
-moz-transform: scale(1.04) |
||||
transform: scale(1.04) |
||||
|
||||
.youtube |
||||
display: block |
||||
border-radius: 50% |
||||
width: 80px |
||||
height: 80px |
||||
margin: 20px auto 40px |
||||
//border-radius: 100% |
||||
cursor: pointer |
||||
background: |
||||
image: url('#{$static}/img/youtube.png') |
||||
repeat: no-repeat |
||||
position: center |
||||
size: cover |
||||
&:hover |
||||
box-shadow: 0 0 15px rgba(255, 19, 19, 0.8) |
||||
-webkit-transform: scale(1.04) |
||||
-moz-transform: scale(1.04) |
||||
transform: scale(1.04) |
||||
&:focus |
||||
outline: none |
||||
@ -0,0 +1,119 @@ |
||||
@import "base/variavles" |
||||
|
||||
.form-regestration |
||||
display: table |
||||
width: 100% |
||||
float: left |
||||
margin: 0 0 80px 0 |
||||
padding: 67px 0 |
||||
//padding: 20px 0 67px 0 |
||||
background-color: #ddd |
||||
text-align: center |
||||
a, a:hover |
||||
text-decoration: none |
||||
a:hover |
||||
color: #6f7bff |
||||
|
||||
.select-reg |
||||
.btn-group |
||||
display: inline-block |
||||
vertical-align: top |
||||
&.captcha |
||||
text-align: center |
||||
.g-recaptcha |
||||
display: inline-table |
||||
margin: 25px 0 0 0 |
||||
input[type="checkbox"] + span |
||||
position: absolute |
||||
left: 0 |
||||
top: 0 |
||||
width: 100% |
||||
height: 100% |
||||
background: |
||||
image: url('#{$static}/img/check.png') |
||||
repeat: no-repeat |
||||
position: 0 0 |
||||
size: cover |
||||
cursor: pointer |
||||
label |
||||
width: 23px |
||||
height: 23px |
||||
display: block |
||||
position: relative |
||||
margin-right: 10px |
||||
|
||||
input[type="checkbox"]:checked + span |
||||
background-position: 0 -23px |
||||
|
||||
.email-reg, .pass-reg |
||||
width: 360px |
||||
height: 51px |
||||
display: inline-block |
||||
vertical-align: top |
||||
padding: 0 15px |
||||
font-size: 15px |
||||
background-color: white |
||||
color: black |
||||
margin: 20px 0 0 0 |
||||
font-family: 'Arial-MT-Regular', sans-serif |
||||
border: none !important |
||||
|
||||
.reg-sub |
||||
width: 360px |
||||
height: 51px |
||||
color: white |
||||
text-align: center |
||||
font-family: 'pfdintextcomppro-regular', sans-serif |
||||
letter-spacing: 2px |
||||
line-height: 51px |
||||
border: none |
||||
background-color: #42B476 |
||||
border-radius: 40px |
||||
display: inline-block |
||||
vertical-align: top |
||||
margin-top: 20px |
||||
font-size: 15px |
||||
text-transform: uppercase |
||||
&:active, &:focus |
||||
outline: none !important |
||||
|
||||
.check-reg |
||||
width: 360px |
||||
display: inline-block |
||||
vertical-align: top |
||||
margin-top: 20px |
||||
label |
||||
float: left |
||||
p |
||||
font-family: 'Arial-MT-Regular', sans-serif |
||||
color: #6c6c6c |
||||
font-size: 15px |
||||
float: left |
||||
/*margin: -2px 0 0 10px; |
||||
line-height: 18px |
||||
width: 90% |
||||
text-align: left |
||||
> a |
||||
color: #009DD9 |
||||
&:link, &:visited |
||||
color: #009DD9 |
||||
&:hover |
||||
color: #6f7bff |
||||
|
||||
.have-ac, .have-ac:link, .have-ac:visited |
||||
color: #009DD9 |
||||
font-size: 17px |
||||
font-family: 'Arial-MT-Regular', sans-serif |
||||
text-transform: uppercase |
||||
display: inline-block |
||||
|
||||
.form-regestration |
||||
.errorlist |
||||
color: red |
||||
//width: 360px |
||||
//margin: 0 auto |
||||
//text-align: left |
||||
font-family: 'Arial-MT-Regular', sans-serif |
||||
font-size: 15px |
||||
li |
||||
list-style: none |
||||
@ -0,0 +1,186 @@ |
||||
{% load staticfiles %} |
||||
{% load thumbnail %} |
||||
{% load user_tags %} |
||||
{% load activeurl %} |
||||
{% load sass_tags %} |
||||
{% load common_tags %} |
||||
|
||||
{% if request.user.is_contractor %} |
||||
{% url 'users:contractor-profile' pk=request.user.pk as profile_url %} |
||||
{% elif request.user.is_customer %} |
||||
{% url 'users:customer-profile-open-projects' pk=request.user.pk as profile_url %} |
||||
{% endif %} |
||||
|
||||
<link rel='stylesheet' href='{% sass_src "partials/sass/header.sass" %}'> |
||||
|
||||
<div class="wrTop {% if request.user.is_authenticated %} disTab {% endif %}"> |
||||
<div class="container-fluid topMain"> |
||||
<div class="row"> |
||||
<div style="float: left"> |
||||
<a href="/"> |
||||
<div class="logo"></div> |
||||
</a> |
||||
</div> |
||||
|
||||
{% activeurl %} |
||||
<div style="height: 100%; display: inline-block; text-align: center"> |
||||
{% if request.user.is_authenticated %} |
||||
|
||||
<ul class="mainMenu"> |
||||
<li class="icon_tm1"> |
||||
<a href="{% url 'projects:project-filter' %}">Поиск заказов</a> |
||||
<span></span> |
||||
</li> |
||||
|
||||
{% if request.user.is_contractor %} |
||||
<li class="officeList icon_tml"> |
||||
<a href="{% url 'users:contractor-office' %}"> |
||||
Мой офис {% count_new_message_orders request.user %} |
||||
</a> |
||||
<span></span> |
||||
</li> |
||||
<li class="icon_tm3"> |
||||
<a href="{% url 'work_sell:list' %}">Готовые проекты</a> |
||||
<span></span> |
||||
</li> |
||||
{% endif %} |
||||
|
||||
{% if request.user.is_customer %} |
||||
<li class="icon_tm2"> |
||||
<a href="{% url 'users:contractor-filter' %}">Поиск исполнителей</a> |
||||
<span></span> |
||||
</li> |
||||
<li class="icon_tm3"> |
||||
<a href="{% url 'work_sell:list' %}">Готовые проекты</a> |
||||
<span></span> |
||||
</li> |
||||
{% endif %} |
||||
</ul> |
||||
<div style="clear: both"></div> |
||||
{% else %} |
||||
<ul class="mainMenu"> |
||||
<li class="icon_tm1"> |
||||
<a href="{% url 'projects:project-filter' %}">Поиск заказов</a> |
||||
<span></span> |
||||
</li> |
||||
<li class="icon_tm2"> |
||||
<a href="{% url 'users:contractor-filter' %}">Поиск исполнителей</a> |
||||
<span></span> |
||||
</li> |
||||
<li class="icon_tm3"> |
||||
<a href="{% url 'work_sell:list' %}">Готовые проекты</a> |
||||
<span></span> |
||||
</li> |
||||
</ul> |
||||
|
||||
{% endif %} |
||||
</div> |
||||
{% endactiveurl %} |
||||
<div style="float: right"> |
||||
{% if request.user.is_authenticated %} |
||||
{% if request.user.is_contractor %} |
||||
{% contractor_indicator request.user %} |
||||
{% endif %} |
||||
|
||||
<div class="infoProfile disTab"> |
||||
<div class="btn-group" role="group"> |
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" |
||||
aria-haspopup="true" aria-expanded="false"> |
||||
<span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> |
||||
</button> |
||||
<ul class="dropdown-menu menu-drop-new"> |
||||
{% if request.user.is_contractor %} |
||||
<li class="icon_mm1"> |
||||
<a href="{% url 'auth_login' %}"> |
||||
Войти заказчиком |
||||
<span></span> |
||||
</a> |
||||
</li> |
||||
{% else %} |
||||
<li class="icon_mm2"> |
||||
<a href="{% url 'auth_login' %}"> |
||||
Войти исполнителем |
||||
<span></span> |
||||
</a> |
||||
</li> |
||||
{% endif %} |
||||
<li class="icon_mm8"> |
||||
<a href="{{ profile_url }}"> |
||||
Профиль<span></span> |
||||
</a> |
||||
</li> |
||||
<li class="icon_chat"> |
||||
<a href="{% url 'chat:chat-user' %}">Сообщения<span></span></a> |
||||
{% if request.user %} |
||||
<div class="circle js-all-messages">{{ new_messages_count| max_count:99 }}</div> |
||||
{# {% count_new_message request.user %}#} |
||||
{% endif %} |
||||
</li> |
||||
<li class="icon_mm4"> |
||||
<a href="{% url 'wallets:score-detail' pk=request.user.pk %}">Счет<span></span></a> |
||||
</li> |
||||
<li class="icon_mm5"> |
||||
<a href="{% url 'users:user-profile-edit' pk=request.user.pk %}">Настройки<span></span></a> |
||||
</li> |
||||
|
||||
<li class="icon_mm6"> |
||||
<a href="/pages/faq">FAQ<span></span></a> |
||||
</li> |
||||
{% if request.user.is_contractor %} |
||||
<li class="icon_mm2"> |
||||
<a href="{% url 'auth_logout' %}">Выйти<span></span></a> |
||||
</li> |
||||
{% else %} |
||||
<li class="icon_mm7"> |
||||
<a href="{% url 'auth_logout' %}">Выйти<span></span></a> |
||||
</li> |
||||
{% endif %} |
||||
|
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div class="imgProfile"> |
||||
{% if request.user.is_contractor %} |
||||
<a href="{{ profile_url }}"> |
||||
{% if request.user.avatar %} |
||||
{% thumbnail request.user.avatar "75x75" crop="center" as im %} |
||||
<img src="{{ im.url }}" alt="profile-image"> |
||||
{% endthumbnail %} |
||||
{% else %} |
||||
<img src="{% static 'img/profile.jpg' %}" alt="profile-image"> |
||||
{% endif %} |
||||
</a> |
||||
{% elif request.user.is_customer %} |
||||
<a href="{{ profile_url }}"> |
||||
{% if request.user.avatar %} |
||||
{% thumbnail request.user.avatar "75x75" crop="center" as im %} |
||||
<img src="{{ im.url }}" alt="profile-image"> |
||||
{% endthumbnail %} |
||||
{% else %} |
||||
<img src="{% static 'img/profile.jpg' %}" alt="profile-image"> |
||||
{% endif %} |
||||
</a> |
||||
{% endif %} |
||||
</div> |
||||
{% if request.user.is_contractor %} |
||||
<div class="user-info"> |
||||
<a href="{% url 'wallets:score-detail' pk=request.user.pk %}" |
||||
class="cash">{{ user_balance|floatformat:2 }}р</a> |
||||
<a href="{% url 'chat:chat-user' %}#order{{ fist_order_id }}" |
||||
class="icon_hand">{{ num_orders_in_work }}</a> |
||||
<a href="{% url 'chat:chat-user' %}" class="icon_chat js-all-messages"> |
||||
{{ new_messages_count| max_count:99 }} |
||||
</a> |
||||
</div> |
||||
{% endif %} |
||||
|
||||
{% else %} |
||||
<a href="{% url 'registration_register' %}" class="reg">Регистрация</a> |
||||
<a href="{% url 'auth_login' %}"> |
||||
<div class="lock"></div> |
||||
</a> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,370 @@ |
||||
@import "base/variavles" |
||||
|
||||
.wrTop |
||||
width: 100% |
||||
background-color: black |
||||
|
||||
.topMain |
||||
width: 1200px |
||||
margin: 0 auto |
||||
color: #ffffff |
||||
.dropdown-menu > li > a |
||||
display: inline-block |
||||
.col-lg-7 |
||||
width: 55% |
||||
.col-lg-2 |
||||
width: 19% |
||||
.mainMenu li |
||||
cursor: pointer |
||||
padding-right: 25px |
||||
a |
||||
font-size: 15px |
||||
//&:hover |
||||
cursor: pointer |
||||
|
||||
.user-info |
||||
float: right |
||||
height: 100% |
||||
a |
||||
display: block |
||||
color: white |
||||
cursor: pointer |
||||
&:hover |
||||
text-decoration: none |
||||
color: #FF0029 |
||||
.cash |
||||
text-align: right |
||||
padding-top: 4px |
||||
.icon_hand |
||||
padding-left: 26px |
||||
background: |
||||
image: url("#{$static}/img/icons/icon_hands.png") |
||||
size: 24px 24px |
||||
repeat: no-repeat |
||||
&:hover |
||||
background-image: url("#{$static}/img/icons/icon_hands_red.png") |
||||
.icon_chat |
||||
margin-top: 4px |
||||
padding-left: 26px |
||||
background: |
||||
image: url("#{$static}/img/icons/icon_speach-ball.png") |
||||
size: 18px 18px |
||||
repeat: no-repeat |
||||
&:hover |
||||
background-image: url("#{$static}/img/icons/icon_speach-ball_red.png") |
||||
|
||||
.circle |
||||
background-color: red |
||||
border-radius: 50% |
||||
width: 30px |
||||
height: 30px |
||||
line-height: 30px |
||||
display: inline-block |
||||
text-align: center |
||||
//align-items: center |
||||
|
||||
.logo |
||||
width: 183px |
||||
height: 36px |
||||
background: url('#{$static}/img/logo.png') no-repeat center |
||||
background-size: cover |
||||
float: left |
||||
margin: 18px 0 21px 10px |
||||
cursor: pointer |
||||
|
||||
.mainMenu |
||||
float: left |
||||
margin: 26px 0 0 0 |
||||
padding-left: 60px |
||||
li |
||||
float: left |
||||
position: relative |
||||
padding-right: 30px |
||||
list-style: none |
||||
a |
||||
text-decoration: none |
||||
border-bottom: 3px solid transparent |
||||
-webkit-transition: all 0.4s ease-out |
||||
-moz-transition: all 0.4s ease-out |
||||
transition: all 0.4s ease-out |
||||
&:hover a |
||||
border-color: #ff0029 |
||||
span |
||||
content: '' |
||||
position: absolute |
||||
height: 23px |
||||
left: 0 |
||||
top: -1px |
||||
.icon_tm1 span |
||||
width: 26px |
||||
//background: url('../img/listMain.png') no-repeat left |
||||
background-size: cover |
||||
background: url('#{$static}/img/listMain.png') no-repeat 0 0 |
||||
.icon_tm2 span |
||||
width: 22px |
||||
background-size: cover |
||||
background: url('#{$static}/img/listMain.png') no-repeat -26px 0 |
||||
.icon_tm3 span |
||||
width: 24px |
||||
background-size: cover |
||||
background: url('#{$static}/img/listMain.png') no-repeat -48px 0 |
||||
|
||||
.icon_tml span |
||||
content: '' |
||||
position: absolute |
||||
width: 27px |
||||
height: 24px |
||||
//left: -35px |
||||
top: 0 |
||||
background: url('#{$static}/img/list4.png') no-repeat center !important |
||||
background-size: cover !important |
||||
|
||||
.icon_tml:hover span |
||||
background: url('#{$static}/img/list4tml.png') no-repeat center !important |
||||
background-size: cover !important |
||||
|
||||
.icon_tm1:hover span |
||||
width: 26px |
||||
background: url('#{$static}/img/listMain2.png') no-repeat left !important |
||||
background-size: cover |
||||
background-position: 0 0 !important |
||||
|
||||
.icon_tm2:hover span |
||||
width: 22px |
||||
background: url('#{$static}/img/listMain2.png') no-repeat left !important |
||||
background-size: cover |
||||
background-position: -26px 0 !important |
||||
|
||||
.icon_tm3:hover span |
||||
width: 26px !important |
||||
background: url('#{$static}/img/listMain2.png') no-repeat left !important |
||||
background-size: cover |
||||
background-position: -49px 0 !important |
||||
|
||||
.rating |
||||
width: 46px |
||||
height: 46px |
||||
float: right |
||||
border-radius: 100% |
||||
background-color: #4D4D4D |
||||
margin: 15px 0 0 10px |
||||
position: relative |
||||
|
||||
.ratingInset |
||||
width: 46px |
||||
height: 46px |
||||
border-radius: 100% |
||||
background-color: #FF0027 |
||||
position: absolute |
||||
/*left:-1.859px;*/ |
||||
/*bottom: 3px;*/ |
||||
clip: rect(0, 22px, 50px, 0) |
||||
transform: rotate(-90deg) |
||||
|
||||
.iconRating |
||||
width: 100% |
||||
height: 100% |
||||
position: absolute |
||||
left: 0 |
||||
top: 0 |
||||
background: url('#{$static}/img/button12.png') no-repeat center |
||||
|
||||
.ratingPer |
||||
color: #ff2c2c |
||||
font-size: 18px |
||||
font-family: 'pfdintextcomppro-regular', sans-serif |
||||
float: right |
||||
margin: 28px 0 0 9px |
||||
cursor: pointer |
||||
|
||||
.mainMenu li |
||||
&:last-child |
||||
padding-right: 0 |
||||
a |
||||
color: white |
||||
font-size: 18px |
||||
padding: 30px 0 27px 40px |
||||
font-family: 'pfbeausanspro-reg', sans-serif |
||||
&.active > a |
||||
border-color: #ff0029 |
||||
&.icon_tm1.active span |
||||
background: url('#{$static}/img/listMain2.png') no-repeat !important |
||||
&.officeList.active span |
||||
background: url('#{$static}/img/list4tml.png') no-repeat center !important |
||||
&.icon_tm2.active span |
||||
background: url('#{$static}/img/listMain2.png') no-repeat center !important |
||||
&.icon_tm3.active span |
||||
background: url('#{$static}/img/listMain2.png') no-repeat right !important |
||||
|
||||
li.officeList.icon_tml > a > .count |
||||
display: inline-block |
||||
color: red |
||||
font-family: 'pfbeausanspro-reg', sans-serif |
||||
//padding: 5px 7px 3px 7px |
||||
background: none |
||||
border-radius: 0 |
||||
position: inherit |
||||
//right: -34px |
||||
//top: -4px |
||||
|
||||
.reg, .reg:link, .reg:visited |
||||
color: #fb1818 |
||||
font-size: 16px |
||||
text-transform: uppercase |
||||
float: left |
||||
line-height: 75px |
||||
font-family: 'pfdintextcomppro-regular', sans-serif |
||||
letter-spacing: 4px |
||||
text-decoration: none |
||||
|
||||
.lock |
||||
width: 75px |
||||
height: 75px |
||||
background: url('#{$static}/img/lock.png') no-repeat center, white |
||||
float: right |
||||
cursor: pointer |
||||
margin-left: 20px |
||||
margin-right: 0 |
||||
|
||||
.imgProfile |
||||
width: 75px |
||||
height: 75px |
||||
float: right |
||||
margin: 0 |
||||
padding-left: 5px |
||||
img |
||||
display: block |
||||
width: 100% |
||||
height: 100% |
||||
|
||||
.infoProfile |
||||
float: right |
||||
.btn-group |
||||
.btn |
||||
width: 75px |
||||
height: 75px |
||||
float: left |
||||
border-radius: 0 !important |
||||
background-color: black |
||||
border: none |
||||
span |
||||
color: white |
||||
font-size: 26px |
||||
.dropdown-toggle |
||||
&:hover, &:active, &:focus |
||||
-webkit-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99) |
||||
-moz-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99) |
||||
box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99) |
||||
background-color: rgb(255, 0, 39) |
||||
.dropdown-menu |
||||
border-radius: 0 |
||||
background-color: black |
||||
left: -174px |
||||
margin: -1px 100% 0 0 |
||||
float: left |
||||
width: 250px |
||||
height: auto |
||||
padding: 30px 20px 15px 40px |
||||
border-top: 3px solid #ff2c2c |
||||
li |
||||
margin-bottom: 10px |
||||
&:last-child |
||||
margin-bottom: 0 |
||||
a |
||||
color: white |
||||
font-size: 17px |
||||
font-family: 'pfbeausanspro-reg', sans-serif |
||||
position: relative |
||||
&:link, &:visited |
||||
color: white |
||||
font-size: 17px |
||||
font-family: 'pfbeausanspro-reg', sans-serif |
||||
position: relative |
||||
&:hover, &:active |
||||
background-color: black !important |
||||
color: #ff2c2c |
||||
span |
||||
content: '' |
||||
position: absolute |
||||
width: 20px |
||||
left: -18px |
||||
top: 4px |
||||
.icon_mm1 a span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 0 |
||||
.icon_mm2 a span |
||||
height: 22px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 -20px |
||||
.icon_mm3 a span |
||||
height: 13px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 -42px |
||||
top: 6px |
||||
.icon_mm4 a span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 -55px |
||||
.icon_mm5 a span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 -75px |
||||
.icon_mm6 a span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 -95px |
||||
.icon_mm7 a span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu.png') no-repeat 0 0 |
||||
.icon_mm8 a span |
||||
height: 20px |
||||
background-size: contain |
||||
background: url('#{$static}/img/user-5.png') no-repeat 0 0 |
||||
.icon_chat a span |
||||
height: 20px |
||||
background: |
||||
image: url("#{$static}/img/icons/icon_speach-ball.png") |
||||
size: contain |
||||
repeat: no-repeat |
||||
|
||||
.icon_mm1 a:hover span |
||||
height: 20px |
||||
background: url('#{$static}/img/menu2.png') no-repeat center !important |
||||
background-size: cover !important |
||||
background-position: 0 0 !important |
||||
.icon_mm2 a:hover span |
||||
height: 22px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu2.png') no-repeat 0 -20px |
||||
.icon_mm3 a:hover span |
||||
height: 13px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu2.png') no-repeat 0 -42px |
||||
.icon_mm4 a:hover span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu2.png') no-repeat 0 -55px |
||||
.icon_mm5 a:hover span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu2.png') no-repeat 0 -75px |
||||
.icon_mm6 a:hover span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu2.png') no-repeat 0 -95px |
||||
.icon_mm7 a:hover span |
||||
height: 20px |
||||
background-size: cover |
||||
background: url('#{$static}/img/menu2.png') no-repeat 0 0 |
||||
.icon_mm8 a:hover span |
||||
height: 20px |
||||
background-size: contain |
||||
background: url('#{$static}/img/user-4.png') no-repeat 0 0 |
||||
.icon_chat a:hover span |
||||
height: 20px |
||||
background: |
||||
image: url("#{$static}/img/icons/icon_speach-ball_red.png") |
||||
size: contain |
||||
repeat: no-repeat |
||||
@ -0,0 +1,100 @@ |
||||
{% extends 'partials/base.html' %} |
||||
|
||||
{% block content %} |
||||
<section class="mainContainer"> |
||||
{% include 'partials/header.html' %} |
||||
|
||||
<div class="container-fluid"> |
||||
<div class="row"> |
||||
<p class="welcomeMain">{{ main_settings.heading }}</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="container-fluid"> |
||||
<div class="row"> |
||||
<div class="col-lg-6"> |
||||
<div class="changeBlock changeBlock2"> |
||||
{% if request.user.is_authenticated and request.user.is_customer %} |
||||
<a href="{% url 'users:customer-profile-open-projects' pk=request.user.pk %}">Я заказчик</a> |
||||
{% else %} |
||||
<a href="{% url 'registration_register' %}?type=customer">Я заказчик</a> |
||||
{% endif %} |
||||
<p> |
||||
{{ main_settings.customer_text|safe }} |
||||
</p> |
||||
</div> |
||||
<div class="square"> |
||||
<div class="insetSquare"></div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6"> |
||||
<div class="changeBlock changeBlock1"> |
||||
{% if request.user.is_authenticated and request.user.is_contractor %} |
||||
<a href="{% url 'users:contractor-profile' pk=request.user.pk %}">Я исполнитель</a> |
||||
{% else %} |
||||
<a href="{% url 'registration_register' %}?type=contractor">Я исполнитель</a> |
||||
{% endif %} |
||||
<p> |
||||
{{ main_settings.contractor_text|safe }} |
||||
</p> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
<div class="container-fluid"> |
||||
<div class="row"> |
||||
<a class="popup-youtube" href="{{ main_settings.video_code }}"> |
||||
<div class="youtube"></div> |
||||
</a> |
||||
|
||||
{# <!-- Modal HTML -->#} |
||||
{# <div id="myModal" class="modal fade">#} |
||||
{# <div class="modal-dialog">#} |
||||
{# <div class="modal-content">#} |
||||
{# <div class="modal-header">#} |
||||
{# <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>#} |
||||
{# <h4 class="modal-title">Видео</h4>#} |
||||
{# </div>#} |
||||
{# <div class="modal-body">#} |
||||
{# <div id="modal-body-video">#} |
||||
{# {{ main_settings.video_code | safe }}#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
{# </div>#} |
||||
</div> |
||||
</div> |
||||
</section> |
||||
{% endblock %} |
||||
|
||||
{% block js_block %} |
||||
<script> |
||||
$(document).ready(function() { |
||||
$('.popup-youtube').magnificPopup({ |
||||
disableOn: 700, |
||||
type: 'iframe', |
||||
mainClass: 'mfp-fade', |
||||
removalDelay: 160, |
||||
preloader: false, |
||||
fixedContentPos: false |
||||
}); |
||||
}); |
||||
|
||||
{# $(document).ready(function(){#} |
||||
{# var modalBodyVideo = $("#modal-body-video").clone(true);#} |
||||
{# #} |
||||
{# $("#myModal").on('hide.bs.modal', function(){#} |
||||
{# $("#modal-body-video").remove();#} |
||||
{# });#} |
||||
{# #} |
||||
{# $("#myModal").on('show.bs.modal', function(){#} |
||||
{# $("#modal-body-video").remove();#} |
||||
{# modalBodyVideo.appendTo('.modal-body');#} |
||||
{# });#} |
||||
{# });#} |
||||
</script> |
||||
{% endblock %} |
||||
@ -1,5 +1,5 @@ |
||||
<p class="ratingPer">{{ current_indicator }}%</p> |
||||
<div class="rating"> |
||||
<div class="ratingInset" style="clip:rect(0px, {{ current_indicator_px }}px, 50px, 0px);"></div> |
||||
<div class="iconRating"></div> |
||||
<p class="ratingPer">{{ current_indicator }}%</p> |
||||
</div> |
||||
|
||||
@ -1 +1 @@ |
||||
<span class="badge badge-count">{{ new_count }}</span> |
||||
<div class="circle">{{ new_count }}</div> |
||||
|
||||
@ -1 +1 @@ |
||||
<p>{{ new_count }}</p> |
||||
<div id="my_office" class="count">{{ new_count }}</div> |
||||
|
||||
Loading…
Reference in new issue