Advertisement
tanmoklepasha

profile

Dec 29th, 2016
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.05 KB | None | 0 0
  1. {% extends "base.html" %}
  2.  
  3.  
  4. {% block content %}
  5. {% load i18n static %}
  6.  
  7. <script src="{% static 'registration/js/profile.js' %}"></script>
  8. <link rel="stylesheet" type="text/css" href="{% static 'registration/css/profile.css' %}">
  9. <link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css"
  10. integrity="sha384-Wrgq82RsEean5tP3NK3zWAemiNEXofJsTwTyHmNb/iL3dP/sZJ4+7sOld1uqYJtE" crossorigin="anonymous">
  11.  
  12.  
  13.  
  14.  
  15.  
  16. <section>
  17.  
  18. <div class="container" style="margin-top: 30px;">
  19. <div class="profile-head">
  20. <div class="col-md- col-sm-4 col-xs-12">
  21. <img src="{{user.avatar.url}}" class="img-responsive" />
  22. <h6>{{user.get_full_name}}</h6>
  23. </div><!--col-md-4 col-sm-4 col-xs-12 close-->
  24.  
  25.  
  26. <div class="col-md-5 col-sm-5 col-xs-12">
  27. <h5>{{user.get_full_name}}</h5>
  28. <p>{{user.profession}}</p>
  29. <ul>
  30. <li><span class="glyphicon glyphicon-briefcase"></span> {{ user.work_time }} </li>
  31. <li><span class="glyphicon glyphicon-map-marker"></span> {{ user.location }} </li>
  32. <li><span class="glyphicon glyphicon-home"></span> {{ user.address }} </li>
  33. <li><span class="glyphicon glyphicon-phone"></span> <a href="#" title="call">{{ user.phone }}</a></li>
  34. <li><span class="glyphicon glyphicon-envelope"></span><a href="#" title="mail">{{ user.email }}</a></li>
  35.  
  36. </ul>
  37.  
  38.  
  39. </div><!--col-md-8 col-sm-8 col-xs-12 close-->
  40.  
  41.  
  42.  
  43.  
  44. </div><!--profile-head close-->
  45. </div><!--container close-->
  46.  
  47.  
  48. <div id="sticky" class="container">
  49.    
  50.     <!-- Nav tabs -->
  51.     <ul class="nav nav-tabs nav-menu" role="tablist">
  52.       <li class="active">
  53.           <a href="#profile" role="tab" data-toggle="tab">
  54.               <i class="fa fa-male"></i> {% trans 'პროფილი' %}
  55.           </a>
  56.       </li>
  57.       <li><a href="#change" role="tab" data-toggle="tab">
  58.           <i class="fa fa-key"></i> {% trans 'პროფილის რედაქტირება' %}
  59.           </a>
  60.       </li>
  61.     </ul><!--nav-tabs close-->
  62.    
  63.     <!-- Tab panes -->
  64.     <div class="tab-content">
  65.     <div class="tab-pane fade active in" id="profile">
  66.     <div class="container">
  67. <div class="col-sm-11" style="float:left;">
  68. <div class="hve-pro">
  69. <p>{{ user.status }}</p>
  70. </div><!--hve-pro close-->
  71. </div><!--col-sm-12 close-->
  72. <br clear="all" />
  73. <div class="row">
  74. <div class="col-md-12">
  75. <h4 class="pro-title">{% trans 'ბიოგრაფია' %}</h4>
  76. </div><!--col-md-12 close-->
  77.  
  78.  
  79. <div class="col-md-6">
  80.  
  81. <div class="table-responsive responsiv-table">
  82.   <table class="table bio-table">
  83.       <tbody>
  84.      <tr>      
  85.         <td>{% trans 'სახელი' %}</td>
  86.         <td>: {{ user.first_name }}</td>
  87.      </tr>
  88.      <tr>    
  89.         <td>{% trans 'გვარი' %}</td>
  90.         <td>: {{ user.last_name }}</td>      
  91.      </tr>
  92.      <tr>    
  93.         <td>{% trans 'დაბადების თარიღი' %}</td>
  94.         <td>: {{ user.born }}</td>      
  95.     </tr>
  96.     <tr>    
  97.         <td>{% trans 'მდებარეობა' %}</td>
  98.         <td>: {{ user.location }}</td>      
  99.     </tr>
  100.     <tr>
  101.         <td>{% trans 'პროფესია' %}</td>
  102.         <td>: {{ user.profession }}</td>
  103.      </tr>
  104.  
  105.     </tbody>
  106.   </table>
  107.   </div><!--table-responsive close-->
  108. </div><!--col-md-6 close-->
  109.  
  110. <div class="col-md-6">
  111.  
  112. <div class="table-responsive responsiv-table">
  113.   <table class="table bio-table">
  114.       <tbody>
  115.      <tr>  
  116.         <td>{% trans 'ემაილი' %}</td>
  117.         <td>: {{ user.email }}</td>
  118.      </tr>
  119.      <tr>    
  120.         <td>{% trans 'მობილური :' %}</td>
  121.         <td>: {{ user.phone }}</td>      
  122.      </tr>
  123.      <tr>    
  124.         <td>{% trans 'სახ.ტელ' %}</td>
  125.         <td>: {{ user.home_phone }}</td>      
  126.     </tr>
  127.     <tr>    
  128.         <td>{% trans 'სამუშაო გამოცდილება' %}</td>
  129.         <td>: {{ user.experience }}</td>      
  130.     </tr>
  131.     <tr>
  132.         <td>{% trans 'facebook' %}</td>
  133.         <td>: {{ user.facebook }}</td>
  134.      </tr>
  135.  
  136.     </tbody>
  137.   </table>
  138.   </div><!--table-responsive close-->
  139. </div><!--col-md-6 close-->
  140.  
  141. </div><!--row close-->
  142.  
  143.  
  144.  
  145.  
  146. </div><!--container close-->
  147. </div><!--tab-pane close-->
  148.      
  149.      
  150. <div class="tab-pane fade" id="change">
  151. <div class="container fom-main">
  152. <div class="row">
  153. <div class="col-sm-12">
  154. <h2 class="register">{% trans 'პროფილის რედაქტირება' %}</h2>
  155. </div><!--col-sm-12 close-->
  156.  
  157. </div><!--row close-->
  158. <br />
  159. <div class="row">
  160.  
  161. <form class="form-horizontal main_form text-left" action=" " method="post"  id="contact_form">{% csrf_token %}
  162. <fieldset>
  163.  
  164. <!-- {% for error in form.errors %}
  165.  {{error}}
  166. {% endfor %}
  167. -->
  168. {% for field in form %}
  169.   {% if field.name == "avatar" %}
  170.  
  171.         <div class="col-md-12 text-left">
  172.       <div class="uplod-picture">
  173.       <span class="btn btn-default uplod-file">
  174.           {{field.label_tag}} {{field}}
  175.             {% for error in field.errors %}
  176.                 {{error}}
  177.             {% endfor %}
  178.       </span>
  179.       </div>
  180.       </div>
  181.    
  182.   {% else %}
  183.        <div class="form-group col-md-12">
  184.   <label class="col-md-10 control-label">{{field.label_tag}}</label>  
  185.     <div class="col-md-12 inputGroupContainer">
  186.     <div class="input-group">
  187.  
  188.     {{field}}
  189.  
  190.   {% for error in field.errors %}
  191.     {{error}}
  192.   {% endfor %}
  193.       </div>
  194.   </div>
  195. </div>
  196.  {% endif %}
  197. {% endfor %}
  198.  
  199. <!-- Button -->
  200. <div class="form-group col-md-10">
  201.   <div class="col-md-6">
  202.     <button type="submit" class="btn btn-warning submit-button" >{% trans 'შენახვა' %}</button>
  203.     <button type="submit" class="btn btn-warning submit-button" >{% trans 'გაუქმება' %}</button>
  204.  
  205.   </div>
  206. </div>
  207.  
  208.       <div class="form-group col-md-12">
  209.           <label class="col-md-10 control-label">{{passform.password.label_tag}}</label>  
  210.         <div class="col-md-12 inputGroupContainer">
  211.           <div class="input-group">
  212.  
  213.             {{passform.password}}
  214.  
  215.             {% for error in passform.password.errors %}
  216.                   {{error}}
  217.           </div>
  218.         </div>
  219.       </div>
  220.  
  221.       <div class="form-group col-md-12">
  222.           <label class="col-md-10 control-label">{{passform.confpassword.label_tag}}</label>  
  223.         <div class="col-md-12 inputGroupContainer">
  224.           <div class="input-group">
  225.  
  226.             {{passform.confpassword}}
  227.  
  228.             {% for error in passform.confpassword.errors %}
  229.                     {{error}}
  230.           </div>
  231.         </div>
  232.       </div>
  233.  
  234.  
  235.  
  236. <!-- Button -->
  237. <div class="form-group col-md-10">
  238.   <div class="col-md-6">
  239.     <button type="submit" class="btn btn-warning submit-button" >{% trans 'შენახვა' %}</button>
  240.     <button type="submit" class="btn btn-warning submit-button" >{% trans 'გაუქმება' %}</button>
  241.  
  242.   </div>
  243. </div>
  244. </fieldset>
  245. </form>
  246. </div><!--row close-->
  247. </div><!--container close -->          
  248. </div><!--tab-pane close-->
  249. </div><!--tab-content close-->
  250. </div><!--container close-->
  251.  
  252. </section><!--section close-->
  253.  
  254. {% endblock content %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement