Changeset 16799


Ignore:
Timestamp:
Oct 20, 2017, 5:38:17 PM (14 months ago)
Author:
adriano.campos
Message:

Change registor to one step register

Location:
internals/2017/FrontEndPlataformaSocial/Social_Plataform/client
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/scripts/Registation/userRegistation.js

    r16683 r16799  
    4141      type: "password"
    4242    }
    43   }
     43  },
     44  work: {
     45      type: String,
     46      label: 'Who are you?',
     47      allowedValues: [ 'Private', 'PBS', 'Beja', 'Braga', 'Bragança', 'CasteloBranco',
     48      'Coimbra', 'C', 'A', 'P','Q', 'O', 'Y', 'I', 'W','Evora', 'Faro','Guarda','Leiria','Lisboa'],
     49      autoform: {
     50        firstOption: "(Select one area)",
     51        options: {
     52          Private: "Private Person",
     53          PBS: "Property Buyer/Seller",
     54          Beja: "Real Estate Consulting",
     55          Braga: "Real Estate Development",
     56          CasteloBranco: "Architecture & Engineering",
     57          Coimbra: "Project Manager",
     58          C: "Investor",
     59          A: "Lawyer",
     60          P: "Real Estate Broker",
     61          Q: "Asset Manager",
     62          O: "Facilities Manager",
     63          I: "Economic Region / Municipality",
     64          Y: "Association",
     65          W: "Lawmaker",
     66          Evora: "IT in Real Estate Business",
     67          Faro: "Real Estate Marketing",
     68          Guarda: "Real Estate Education",
     69          Leiria: "Sustainable Building",
     70          Lisboa: "Manufacturers & Services"
     71        }
     72      }
     73    }
    4474}, { tracker: Tracker }));
    4575
    4676AutoForm.addHooks('user', {
    4777  onSubmit: function() {
    48       Router.go('userRegistationStep2');
    49       return false;     
     78      Router.go('privateUserProfile');
     79      return false;
    5080    }
    5181});
     
    6898        Coimbra: "Project Manager",
    6999        C: "Investor",
    70         A: "Lawyer", 
     100        A: "Lawyer",
    71101        P: "Real Estate Broker",
    72102        Q: "Asset Manager",
     
    88118  onSubmit: function() {
    89119      Router.go('privateUserProfile');
    90       return false;     
     120      return false;
    91121    }
    92122});
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/styleshits/app.css

    r16791 r16799  
    213213
    214214.regist{
    215   margin-top: 160px;
     215  margin-top: 80px;
    216216}
    217217
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/templates/FrontPage/home.html

    r16774 r16799  
    88          <tbody>
    99            <tr>
    10               <td><form class="subscribe_form" method="post" action="/typeOfUserV2" >
     10              <td><form class="subscribe_form" method="post" action="/userRegist" >
    1111                <input value="" placeholder="Enter your email..." type="email" style="outline: none;" required>
    1212                <input class="subscribe" name="email" value="Sign Me Up!" type="submit">
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/templates/Registation/SingleUser/userRegistation.html

    r16788 r16799  
    44    <div class="container">
    55      <div class="row">
    6         <div class="col-sm-8 col-md-6 col-md-offset-3">
    7           <div class="well regist formUser" style="padding: 2px 43px 10px;">
     6        <div class="col-md-6 col-md-offset-3">
     7          <div class="well regist formUser" style="padding: 2px 43px 5px;">
    88            {{#autoForm collection="UserRegist" id="user" style="padding: 10px;"}}
    9               <center><h3 style="color: rgb(235, 74, 61);">About Me</h3></center>
    10               <hr>
    11               <div class="row">
    12                 {{> afQuickField name='firstName' }}
     9            <center><h3 style="color: rgb(235, 74, 61);">Sign up</h3></center>
     10            <div class="row">
     11              <form class="form-horizontal well" role="form">
     12                <div class="row">
     13                  <div class="col-xs-4">
     14                    <img src="/sell.png" alt="" class="img-responsive img-radio" align="middle">
     15                    <button type="button" class="btn btn-primary btn-radio">Individual</button>
     16                    <input type="checkbox" id="left-item" class="hidden">
     17                  </div>
     18                  <div class="col-xs-4">
     19                  </div>
     20                  <div class="col-xs-4">
     21                    <img src="/education.png" alt="" class="img-responsive img-radio" align="middle">
     22                    <button type="button" class="btn btn-primary btn-radio">Company</button>
     23                    <input type="checkbox" id="right-item" class="hidden">
     24                  </div>
     25                </div>
     26              </form>
     27            </div>
     28            <script type="text/javascript">
     29            $(function () {
     30                $('.btn-radio').click(function(e) {
     31                    $('.btn-radio').not(this).removeClass('active')
     32                                .siblings('input').prop('checked',false)
     33                        .siblings('.img-radio').css('opacity','0.2');
     34                        $(this).addClass('active')
     35                        .siblings('input').prop('checked',true)
     36                                .siblings('.img-radio').css('opacity','1');
     37                });
     38            });
     39            </script>
     40
     41            <div class="row">
     42              {{> afQuickField name='firstName' }}
     43            </div>
     44            <div class="row">
     45              {{> afQuickField name='lastName'}}
     46            </div>
     47            <div class="row">
     48              <div class="col-xs-6" style="padding-right: 10px; padding-left: 0px">
     49              {{> afQuickField name='password'}}
     50            </div>
     51              <div class="col-xs-6" style="padding-right: 0px; padding-left: 10px">
     52              {{> afQuickField name='repassword'}}
    1353              </div>
    14               <div class="row">
    15                 {{> afQuickField name='lastName'}}
    16               </div>
    17               <div class="row">
    18                 {{> afQuickField name='password'}}
    19               </div>
    20               <div class="row">
    21                 {{> afQuickField name='repassword'}}
    22               </div>
    23               <div class="row buttons-form">
    24                 <span class="pull-right" >
    25                   <button type="submit" class="btn btn-primary" >Next</button>
    26                 </span>
    27                 <span class="pull-left">
    28                   <button class="btn btn-default" onclick="window.location.href='/typeOfUser'">Previous</button>
    29                 </span>
    30               </div>
     54            </div>
     55            <div class="row">
     56              {{> afQuickField name='work'}}
     57            </div>
     58            <div class="row buttons-form">
     59              <span class="pull-right" >
     60                <button type="submit" class="btn btn-primary" >Finish</button>
     61              </span>
     62              <span class="pull-left">
     63                <button class="btn btn-default" onclick="window.location.href='/'">Back</button>
     64              </span>
     65            </div>
    3166            {{/autoForm}}
    3267          </div>
    3368        </div>
    3469      </div>
     70
    3571    </div>
    3672  </div>
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/templates/Registation/typeOfUserV2.css

    r16788 r16799  
     1.btn-radio {
     2        width: 100%;
     3}
     4.img-radio {
     5        opacity: 0.2;
     6  width: 60%;
     7        margin-bottom: 5px;
     8  margin-left: auto;
     9  margin-right: auto;
     10}
     11
     12.space-20 {
     13    margin-top: 20px;
     14}
     15
    116.typeOfUserV2 {
    217  height: 100%;
Note: See TracChangeset for help on using the changeset viewer.