/var/www/hkosl.com/imusiccircle/_dialog.php


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<div class="modal fade" id="myModal" role="dialog">
    <div class="PopUpformSection">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><b><?= _lang("Tutor"?></b> <?= _lang("sign up"?></h4>
            </div>
            <div class="modal-body">
                <form action="_process.php" method="post" enctype="multipart/form-data" role="form" id="LiTutorSignUpForm">
                    <input type="hidden" name="action" value="tutor_signup"/>
                    <div class="form-group has-feedback">
                        <input type="text" name="email" class="form-control" placeholder="<?=_lang("Email")?>"/>
                        <i class="form-control-feedback glyphicon glyphicon-envelope" style="color:#555;"></i>
                        <div style="color:#F00; display:none;" class="error" id="emailError"><?=_lang("Please enter email.")?></div>
                        <div style="color:#F00; display:none;" class="error" id="emailError2"><?=_lang("Please check email format.")?></div>
                        <div style="color:#F00; display:none;" class="error" id="emailError3"><?=_lang("This email has used by someone.")?></div>
                    </div>
                    <div class="form-group has-feedback">
                        <input name="mobno" type="text" class="form-control" placeholder="<?=_lang("Mobile")?>" maxlength="8"/>
                        <i class="form-control-feedback glyphicon glyphicon-phone" style="color:#555;"></i>
                          <div style="color:#F00; display:none;" class="error" id="mobnoError"><?= _lang("Please enter mobile number."?></div>
                        <div style="color:#F00; display:none;" class="error" id="mobnoError2"><?= _lang("Mobile number should be digital number."?></div>
                        <div style="color:#F00; display:none;" class="error" id="mobnoError3"><?= _lang("Mobile number has used by someone."?></div>
                    </div> 
                    <div class="form-group has-feedback">
                        <input name="password" type="password" class="form-control" placeholder="<?=_lang("Password")?>" maxlength="15"/>
                        <i class="form-control-feedback glyphicon glyphicon-lock" style="color:#555;"></i>
                        <div style="color:#0012ff;" id="passwordBox"><?=_lang('Password should between 8-15, include lower letter, upper letter, number and special characters.');?></div>
                        <div style="color:#F00; display:none;" class="error" id="passwordError"><?=_lang("Please enter password.")?></div>
                        <div style="color:#F00; display:none;" class="error" id="passwordError3"><?=_lang("Password must contain at least 8 characters.")?></div>
                        <div style="color:#F00; display:none;" class="error" id="passwordError2"><?=_lang("Password and confirm password should be same.")?></div>
                        <div style="color:#F00; display:none;" class="error" id="passwordError4"><?=_lang("Password strength is not enough. Password should include lower letter, upper letter, number and special characters.")?></div>
                    </div>
                    <div class="form-group has-feedback">
                        <input type="password" name="repassword" class="form-control" placeholder="<?=_lang("Confirm Password")?>"/>
                        <i class="form-control-feedback glyphicon glyphicon-lock" style="color:#555;"></i>
                        <div style="color:#F00; display:none;" class="error" id="repasswordError"><?=_lang("Please enter confirm password.")?></div>
                    </div>
                    <input type="button" id="LiTutorSignUpBtn" class="SignUpSubmit" value="<?=_lang('Sign Up')?>">
                </form>
                <br>
                <div class="AgreeTerms"><?=_lang('By click "Sign up" you confirm that you agree to our')?> <a href="tnc.php" target="_blank"><?=_lang('terms of service')?></a></div>
            </div>
            <div class="modal-footer"><?=_lang('Already have an account?')?> <a href="#" data-toggle="modal" data-target="#myModa2" data-dismiss="modal"><?=_lang('Sign in')?>?</a></div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModa2" role="dialog">
  <div class="PopUpformSection">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"><b><?=_lang('LOG IN')?></b></h4>
      </div>
      <div class="modal-body"> 
        <? if($_SESSION['login']=='fail'){ unset($_SESSION['login'])?>
        <div style="color:#F00; margin-bottom:10px;"><?=_lang("Login fail. User name or password is wrong. Please try again.")?></div>
        <? }?>
        <button type="button" class="FBSignIn" onclick="statusChangeCallback('login')"><img src="img/fbSignInIcon.png"> <?=_lang('LOG IN WITH FACEBOOK')?></button>
        <!--<button class="GoogleSignIn"><img src="img/GoolgePlusIcon.png"> Sign up with Google</button>-->
        <div class="OR"><?=_lang('OR');?></div>
        <form action="_process.php" method="post" enctype="multipart/form-data" role="form" id="LiLoginForm" >
          <input type="hidden" name="facebook_id" value=""/>
          <input type="hidden" name="action" value="login"/>
          <div class="form-group has-feedback">
            <input type="text" name="email" class="form-control" placeholder="<?=_lang("Email")?>" />
            <i class="form-control-feedback glyphicon glyphicon-envelope" style="color:#555;"></i>
            <div style="color:#F00; display:none;" class="error" id="emailError"><?=_lang("Please enter email.")?></div>
            <div style="color:#F00; display:none;" class="error" id="emailError2"><?=_lang("Please check email format.")?></div>
          </div>
          <div class="form-group has-feedback">
            <input type="password" name="password" class="form-control" placeholder="<?=_lang("Password")?>" />
            <i class="form-control-feedback glyphicon glyphicon-lock" style="color:#555;"></i>
            <div style="color:#F00; display:none;" class="error" id="lpasswordError"><?=_lang("Please enter password.")?></div>
            <div style="color:#F00; display:none;" class="error" id="lpasswordError2"><?=_lang("Password must contain at least 8 characters.")?></div>
          </div>
          <input type="button" class="SignUpSubmit" id="LiLoginBtn" value="<?=_lang('Log in')?>">
        </form>
        <div class="ForgotPW"><a href="#" data-toggle="modal" data-target="#myModapassword" onclick="$('#myModa2 .close').click()"><?=_lang('Forgot your password?')?></a></div>
      </div>
      <div class="modal-footer" id="LogInFooter"> <?=_lang('Sign up as a')?> <a href="#" data-toggle="modal" data-target="#myModal3" data-dismiss="modal"><?=_lang('Student')?></a> <?=_lang('or')?> <br>
        <?=_lang('Sign up as a')?> <a href="#" data-toggle="modal" data-target="#myModal" data-dismiss="modal"><?=_lang('Tutor');?></a> </div>
    </div>
  </div>
</div>
<div class="modal fade" id="myModal3" role="dialog">
    <div class="PopUpformSection">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><b><?=_lang('Student')?></b> <?= _lang("sign up"?></h4>
            </div>
            <div class="modal-body">
                <?php /*if(!isset($_SESSION["temp_admin"])){ ?>
                    <? if($langcode == 'cn'){?>
                        學生帳戶登記快將推出!
                        請立即登記你的電郵地址!
                    <? }else if($langcode == 'en'){?>
                        Student account registration will be available very soon!
                        STAY TUNED – Email Subscription Now!
                    <? }?>
                    <form action="_process.php" method="post" enctype="multipart/form-data" role="form" id="LiStudentSubscribeForm">
                        <input type="hidden" name="action" value="subscribe"/>
                        <input type="text" name="subscribe_email" id="subscribe_email" placeholder="<?= _lang('Email') ?>"> <br>
                        <button type="button" class="EmailSubBT" onclick="submit_subscribe_email('LiStudentSubscribeForm');"><?= _lang('Subscribe') ?></button>
                    </form>
                <?php }else { */
?>
                    <form action="_process.php" method="post" enctype="multipart/form-data" role="form" id="LiStudentSignUpForm">
                        <input type="hidden" name="action" value="student_signup"/>
                        <div class="form-group has-feedback">
                            <input type="text" name="email" class="form-control" placeholder="<?=_lang("Email")?>"/>
                            <i class="form-control-feedback glyphicon glyphicon-envelope" style="color:#555;"></i>
                            <div style="color:#F00; display:none;" class="error" id="emailError"><?=_lang("Please enter email.")?></div>
                            <div style="color:#F00; display:none;" class="error" id="emailError2"><?=_lang("Please check email format.")?></div>
                            <div style="color:#F00; display:none;" class="error" id="emailError3"><?=_lang("This email has used by someone.")?></div>
                        </div>
                        <div class="form-group has-feedback">
                            <input name="mobno" type="text" class="form-control" placeholder="<?=_lang("Mobile")?>" maxlength="8"/>
                            <i class="form-control-feedback glyphicon glyphicon-phone" style="color:#555;"></i>
                            <div style="color:#F00; display:none;" class="error" id="mobnoError"><?= _lang("Please enter mobile number."?></div>
                            <div style="color:#F00; display:none;" class="error" id="mobnoError2"><?= _lang("Mobile number should be digital number."?></div>
                            <div style="color:#F00; display:none;" class="error" id="mobnoError3"><?= _lang("Mobile number has used by someone."?></div>
                        </div>
                        <div class="form-group has-feedback">
                            <input type="password" name="password" class="form-control" placeholder="<?=_lang("Password")?>"/>
                            <i class="form-control-feedback glyphicon glyphicon-lock" style="color:#555;"></i>
                            <div style="color:#0012ff;" id="passwordBox"><?=_lang('Password should between 8-15, include lower letter, upper letter, number and special characters.');?></div>
                            <div style="color:#F00; display:none;" class="error" id="passwordError"><?=_lang("Please enter password.")?></div>
                            <div style="color:#F00; display:none;" class="error" id="passwordError3"><?=_lang("Password must contain at least 8 characters.")?></div>
                            <div style="color:#F00; display:none;" class="error" id="passwordError2"><?=_lang("Password and confirm password should be same.")?></div>
                            <div style="color:#F00; display:none;" class="error" id="passwordError4"><?=_lang("Password strength is not enough. Password should include lower letter, upper letter, number and special characters.")?></div>
                        </div>
                        <div class="form-group has-feedback">
                            <input type="password" name="repassword" class="form-control" placeholder="<?=_lang("Password")?>"/>
                            <i class="form-control-feedback glyphicon glyphicon-lock" style="color:#555;"></i>
                            <div style="color:#F00; display:none;" class="error" id="repasswordError"><?=_lang("Please enter password.")?></div>
                        </div>
                        <input type="button" id="LiStudentSignUpBtn" class="SignUpSubmit" value="<?=_lang('Sign Up')?>">
                    </form>
                <?php //} ?>
                <br>
                <div class="AgreeTerms"><?=_lang('By click "Sign up" you confirm that you agree to our')?> <a href="tnc.php" target="_blank"><?=_lang('terms of service')?></a></div>
            </div>
            
            <div class="modal-footer"><?=_lang('Already have an account?')?> <a href="#" data-toggle="modal" data-target="#myModa2" data-dismiss="modal"><?=_lang('Sign in')?>?</a></div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModapassword" role="dialog">
  <div class="PopUpformSection">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"><b><?=_lang('Forgot Your Password')?></b></h4>
      </div>
      <div class="modal-body">
        <form action="_process.php" method="post" enctype="multipart/form-data" role="form" id="LiForgetForm" >
          <input type="hidden" name="action" value="forgetpassword"/>
          <div class="form-group has-feedback">
            <input type="text" name="email" class="form-control" placeholder="<?=_lang('電郵地址')?>" />
            <i class="form-control-feedback glyphicon glyphicon-envelope" style="color:#555;"></i>
            <div style="color:#F00; display:none;" class="error" id="emailError"><?=_lang("Please enter email.")?></div>
            <div style="color:#F00; display:none;" class="error" id="emailError2"><?=_lang("Please check email format.")?></div>
          </div>
          <input type="button" class="SignUpSubmit" id="LiForgetBtn" value="<?=_lang('Submit')?>">
        </form>
      </div>
    </div>
  </div>
</div>