proekton.com/users/templates/user_profile_edit.html

{% extends 'partials/base.html' %}

{% load thumbnail %}


{% block content %}
    {% include 'partials/header.html' %}
    
    <div class="container mainScore">
        <div class="row">
            <form action="{% url 'users:user-profile-edit' pk=pk %}" method="POST" enctype="multipart/form-data" novalidate>
                {% csrf_token %}
                
                {% if request.user.is_customer %}
                    <input type="hidden" name="next" value="{% url 'users:customer-profile-open-projects' pk=pk %}">
                {% elif request.user.is_contractor %}
                    <input type="hidden" name="next" value="{% url 'users:contractor-profile' pk=pk %}">
                {% endif %}
                
                <div class="projectsBlock disTab">
                    <div class="col-lg-12">
                        <div class="col-lg-3 divCol3 -live-image-upload-container">
                            <div class="avatar">
                                <div class="avatarInset">
                                    {% if request.user.avatar %}
                                        {% thumbnail request.user.avatar "235x224" crop="center" as avatar %}
                                            <img src="{{ avatar.url }}" alt="profile-image" class="-avatar-image">
                                        {% endthumbnail %}
                                    {% else %}
                                        <img src="{% static 'img/profile.jpg' %}" alt="profile-image" class="-avatar-image">
                                    {% endif %}
                                </div>
                            </div>
                            
{#                            <div class="menuUser upload-img disTab">#}
{#                                <div class="upload2 up-l1">#}
{#                                    <input type="file" name="image" data-url="{% url 'common:live-image-upload-create' %}" class="-live-image-upload">#}
{#                                    #}
{#                                    <p>Загрузить фотографию</p>#}
{#                                </div>#}
{#                            </div>#}
{#                            #}
{#                            <div s--tyle="display: none">#}
{#                                <input type="text" value="{{ form.live_images.value }}" name="{{ form.live_images.html_name }}" class="-live-image-id">#}
{#                            </div>#}
                        </div>
                        <div class="col-lg-9 divCol9">
                            <div class="col-lg-4">
                                <p class="name-edit-p">ФИО</p>
                                
                                <input type="text" value="{{ form.last_name.value }}" name="{{ form.last_name.html_name }}" class="box-sizing inp-edit">
                                <input type="text" value="{{ form.first_name.value }}" name="{{ form.first_name.html_name }}" class="box-sizing inp-edit">
                                <input type="text" value="{{ form.patronym.value }}" name="{{ form.patronym.html_name }}" class="box-sizing inp-edit">
                            </div>
                            
                            {% if request.user.is_contractor %}
                                <div class="col-lg-4">
                                    <p class="name-edit-p">Специализации</p>
                                    
                                    <div id="simpleSpecContainer">
                                        <div class="polsF1 pols-edit disTab -simple-spec-widget" style="display: none">
                                            <input type="hidden" class="-simple-spec-select" style="width: 100%">
                                            <input type="hidden" class="-chosen-simple-spec-id" name="{{ form.contractor_specializations.html_name }}">
                                        </div>
                                        
                                        {% for spec_id in form.contractor_specializations.value %}
                                            <div class="polsF1 pols-edit disTab -simple-spec-widget">
                                                <input type="hidden" class="-simple-spec-select" style="width: 100%">
                                                <input type="hidden" class="-chosen-simple-spec-id" name="{{ form.contractor_specializations.html_name }}" value="{{ spec_id }}">
                                            </div>
                                        {% endfor %}
                                    </div>
                                    
                                    <a href="#" onclick="return false" class="add-edit" id="addSpec">
                                        Добавить еще
                                    </a>
                                </div>
                            {% endif %}
                            
                            <div class="col-lg-4">
                                <p class="name-edit-p">Местоположение</p>
                                
                                <div class="polsF1 pols-edit disTab">
                                    <div><input type="hidden" class="-location-select -location-select-country" style="width: 100%"></div>
                                    <div><input type="hidden" class="-location-select -location-select-region" style="width: 100%"></div>
                                    <div><input type="hidden" class="-location-select -location-select-city" style="width: 100%"></div>
                                    
                                    <input type="hidden" id="chosenLocationId" name="{{ form.location.html_name }}" value="{{ form.location.value }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="buttonGP btn-edit disTab">
                    <div class="btn-group valProject valProject2" role="group">
                        <a href="{% url 'users:user-profile-edit' pk=pk %}" class="btn btn-default active">Общая информация</a>
                        <a href="{% url 'users:user-financial-info-edit' pk=pk %}" class="btn btn-default">Финансовая информация</a>
                    </div>
                </div>
                
                <div class="col-lg-12 col12 new-filter">
                    <div class="filter clearfix">
                        <div class="titleF1 disTab">
                            <div class="col-lg-7">Дата рождения</div>
                            <div class="col-lg-5">Пол</div>
                        </div>
                        
                        <div class="polsF1 disTab">
                            <div class="col-lg-7 birth_edit_dat">
                                {{ form.date_of_birth }}
                            </div>
                            
                            <div class="col-lg-5 dog-new ed-new">
                                {% for id, text in form.gender.field.choices %}
                                    <label>
                                        <input
                                            type="radio"
                                            name="{{ form.gender.html_name }}"
                                            value="{{ id }}"
                                            {% if form.gender.value == id %}checked{% endif %}>
                                        
                                        <span></span>
                                    </label>
                                    
                                    <p>{{ text }}&nbsp;&nbsp;&nbsp;&nbsp;</p>
                                {% endfor %}
                            </div>
                        </div>
                        
                        <div class="titleF1 titleF2 disTab">
                            <div class="col-lg-3">Сайт</div>
                            <div class="col-lg-3">Skype</div>
                            <div class="col-lg-3">Телефон</div>
                            <div class="col-lg-3">Телефон 2</div>
                        </div>
                        
                        <div class="searchF1 polsF1 polsFF polsF3">
                            <div class="col-lg-3">
                                <input type="text" name="{{ form.website.html_name }}" value="{{ form.website.value }}" class="box-sizing surr surr2" placeholder="beeg.com">
                            </div>
                            
                            <div class="col-lg-3">
                                <input type="text" name="{{ form.skype.html_name }}" value="{{ form.skype.value }}" class="box-sizing surr surr2" placeholder="nokia770">
                            </div>
                            
                            <div class="col-lg-3">
                                <input type="text" name="{{ form.phone.html_name }}" value="{{ form.phone.value }}" class="box-sizing surr surr2" placeholder="+7 999 999 44 02">
                            </div>
                            
                            <div class="col-lg-3">
                                <input type="text" name="{{ form.phone2.html_name }}" value="{{ form.phone2.value }}" class="box-sizing surr surr2" placeholder="+7 999 999 44 02">
                            </div>
                        </div>
                        
                        <div class="col-lg-12">
                            <div class="col-lg-12 make-new make-eed">
                                <label>{{ form.cro }}<span></span></label>
                                <p>Есть допуск СРО</p>
                            </div>
                        </div>
                        
                        <div class="searchF1 polsF1 polsFF links-filter">
                            <input class="btn-submit-link" type="submit" value="Сохранить">
                        </div>
                    </div>
                </div>
            </form>
            
            {% include 'partials/footer.html' %}
        </div>
    </div>
{% endblock %}

{% block js_block %}
    <script>
{#        $('.-live-image-upload').first().fileupload({#}
{#            dataType: 'json',#}
{#            #}
{#            done: function($evt, data) {#}
{#                console.log('###################################')#}
{#                console.log('Uploading a file...')#}
{#                console.log('###################################')#}
{#                #}
{#                $('.-avatar-image').attr('src', data.result.files[0].thumbnailUrl)#}
{#            }#}
{#        })#}
    </script>
{% endblock %}