source: pro-violet-viettel/sourcecode/application/modules/frontend/views/home.php @ 633

Last change on this file since 633 was 633, checked in by namnd, 11 years ago
File size: 9.0 KB
Line 
1<?php $base_url = base_url();?>
2<!DOCTYPE html>
3<html lang="en">
4        <head>
5                <meta charset="utf-8" />
6                <title>SBG Online</title>
7
8                <meta name="description" content="User login page" />
9                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10
11                <!-- basic styles -->
12                <link href="<?php echo $base_url; ?>assets/css/bootstrap.min.css" rel="stylesheet" />
13                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/font-awesome.min.css" />
14
15                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace-fonts.css" />
16
17                <!-- ace styles -->
18
19                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace.min.css" />
20                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace-rtl.min.css" />
21                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/custom.css" />
22
23                <!--[if lte IE 8]>
24                  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
25                <![endif]-->
26
27                <!-- inline styles related to this page -->
28
29                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
30
31                <!--[if lt IE 9]>
32                <script src="assets/js/html5shiv.js"></script>
33                <script src="assets/js/respond.min.js"></script>
34                <![endif]-->
35        </head>
36
37        <body class="login-layout">
38                <div class="main-container no-margin">
39                        <div class="main-content">
40                                <div class="row">
41                                        <div class="space-6"></div>
42                                        <div class="col-md-8 site-info">
43                                                <div class="title-box col-md-8">
44                                                        <img src="<?php echo $base_url; ?>assets/img/logo_soanbai_online_black.png" class="img-responsive">
45                                                        <div class="row">
46                                                                <img src="<?php echo $base_url; ?>assets/img/logo_Violet.png" class="img-responsive col-md-3">
47                                                                <img src="<?php echo $base_url; ?>assets/img/logo_viettel.png" class="img-responsive col-md-3" style="margin-top:20px">
48                                                        </div>
49                                                </div>
50                                        </div>
51                                       
52                                        <div class="col-md-4">
53                                                <div class="login-container">
54                                                        <div class="position-relative">
55                                                                <div id="login-box" class="login-box visible widget-box no-border" style="background: transparent">
56                                                                        <div class="widget-body" style="background:transparent">
57                                                                                <div class="widget-main" style="background:transparent">
58                                                                                        <h4 class="header blue lighter bigger">
59                                                                                                <i class="icon-cloud-upload green"></i>
60                                                                                                SBGOnline | <small><a href="#" data-toggle="modal" data-target="#modal-signup">Đăng kÃœ</a></small>
61                                                                                        </h4>
62                                                                                        <form action="<?php echo $base_url; ?>frontend/home/signin" id="validation-form" method="POST">
63                                                                                                <fieldset>
64                                                                                                        <label class="block clearfix has-error">
65                                                                                                                <div class="help-block">
66                                                                                                                <?php
67                                                                                                                        if($this->session->flashdata('login_error')){
68                                                                                                                                echo 'ThÃŽng tin đăng nhập khÃŽng chính xác!';
69                                                                                                                        }
70                                                                                                                        if($this->session->flashdata('login_api_error')){
71                                                                                                                                echo 'Tạm thời bạn khÃŽng thể đăng nhập được !';
72                                                                                                                        }
73                                                                                                                ?>
74                                                                                                                </div>
75                                                                                                        </label>
76                                                                                                        <label class="block clearfix has-error">
77                                                                                                                <span class="block input-icon input-icon-right">
78                                                                                                                        <input type="text" class="form-control" name="username" placeholder="Số điện thoại" />
79                                                                                                                        <i class="icon-user"></i>
80                                                                                                                </span>
81                                                                                                                <div class="help-block"></div>
82                                                                                                        </label>
83
84                                                                                                        <label class="block clearfix">
85                                                                                                                <span class="block input-icon input-icon-right">
86                                                                                                                        <input type="password" class="form-control" name="password" placeholder="Mật khẩu" />
87                                                                                                                        <i class="icon-lock"></i>
88                                                                                                                </span>
89                                                                                                                <div class="help-block"> </div>
90                                                                                                        </label>
91                                                                                                        <h4>
92                                                                                                        <small><a href="#" data-toggle="modal" data-target="#modal-forgotpass">Quên mật khẩu</a></small>
93                                                                                                        </h4>   
94                                                                                                        <div class="space"></div>
95                                                               
96                                                                                                        <div class="clearfix">
97                                                                                                                <label class="inline">
98                                                                                                                        <input type="checkbox" name="remember_me" class="ace" />
99                                                                                                                        <span class="lbl"> Ghi nhớ</span>
100                                                                                                                </label>
101
102                                                                                                                <!--a href="index-user.html" title=""-->
103                                                                                                                        <button type="submit" name="submit" id="login-button" class="pull-right btn btn-sm btn-primary">
104                                                                                                                                <i class="icon-key"></i>
105                                                                                                                                Đăng nhập
106                                                                                                                        </button>
107                                                                                                                <!--/a-->
108                                                                                                        </div>
109
110                                                                                                        <div class="space-4"></div>
111                                                                                                </fieldset>
112                                                                                        </form>
113                                                                                </div><!-- /widget-main -->
114                                                                        </div><!-- /widget-body -->
115                                                                </div><!-- /login-box -->
116
117                                                        </div><!-- /position-relative -->
118                                                </div>
119                                        </div><!-- /.col -->
120                                </div><!-- /.row -->
121
122                        </div>
123                </div><!-- /.main-container -->
124
125                <div class="modal fade" id="modal-signup" tabindex="-1" role="dialog"aria-hidden="true">
126                  <div class="modal-dialog">
127                    <div class="modal-content">
128                      <div class="modal-header">
129                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
130                        <h4 class="modal-title">Đăng kÃœ tài khoản</h4>
131                      </div>
132                      <div class="modal-body">
133                        <div class="alert alert-block alert-success" style="text-align: justify;">
134       
135                                                <p>
136                                                        Để đăng kÃœ tài khoản tài khoản trên hệ thống Soạn Bài giảng trá»±c tuyến (SBG Online), QuÃœ vị hãy soạn tin nhắn theo cú pháp:
137                                                <strong>
138                                                        SBG DK
139                                                </strong>
140                                                gá»­i tới
141                                                <strong>
142                                                8062</strong> (500đ/tin).
143                                                </p>
144                                                <p>
145                                                Sau khi nhận được tin nhắn Đăng kí tài khoản của QuÃœ vị, hệ thống SBG Online sẜ gá»­i lại thÃŽng tin Đăng nhập vào điện thoại của QuÃœ vị.
146                                                </p>
147                                                <p>
148                                                Nếu đã nhận được thÃŽng tin Đăng nhập hệ thống SBG Online gá»­i tới điện thoại của mình, QuÃœ vị hãy điền thÃŽng tin và nhấn vào <strong>Đăng nhập</strong> để đăng nhập vào hệ thống.
149                                                </p>
150                                                <p>
151                                                Nếu có vướng mắc gì về việc Đăng kí, QuÃœ vị hãy gọi số <strong>01662860000</strong> để được hỗ trợ.
152                                                </p>
153                                </div>
154                      </div>
155                    </div>
156                  </div>
157                </div>
158               
159                <div class="modal fade" id="modal-forgotpass" tabindex="-1" role="dialog"aria-hidden="true">
160                  <div class="modal-dialog">
161                    <div class="modal-content">
162                      <div class="modal-header">
163                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
164                        <h4 class="modal-title">Quên mật khẩu</h4>
165                      </div>
166                      <div class="modal-body">
167                        <div class="alert alert-block alert-success">                                           
168                                                        <p>
169                                                                Để lấy lại mật khẩu của mình trên hệ thống SBG Online, QuÃœ vị hãy dùng <strong>số điện thoại đã đăng kí tài khoản</strong> và soạn tin theo cú pháp: <strong>SBG MK</strong> gá»­i tới <strong>8062 </strong>(500đ/tin).
170                                                        </p>
171                                </div>
172                      </div>
173                    </div>
174                  </div>
175                </div>
176                <!-- basic scripts -->
177
178                <!--[if !IE]> -->
179
180                <script type="text/javascript">
181                        window.jQuery || document.write("<script src='<?php echo $base_url; ?>assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
182                </script>
183                <script src="<?php echo $base_url; ?>assets/js/bootstrap.min.js"></script>
184                <script src="<?php echo $base_url; ?>assets/js/jquery.validate.min.js"></script>
185
186                <script src="<?php echo $base_url; ?>assets/js/ace-elements.min.js"></script>
187                <script src="<?php echo $base_url; ?>assets/js/ace.min.js"></script>
188                <!-- <![endif]-->
189
190                <!--[if IE]>
191<script type="text/javascript">
192 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
193</script>
194<![endif]-->
195
196                <script type="text/javascript">
197                        if("ontouchend" in document) document.write("<script src='<?php echo $base_url; ?>assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
198                </script>
199
200                <!-- inline scripts related to this page -->
201
202                <script type="text/javascript">
203                        function show_box(id) {
204                         jQuery('.widget-box.visible').removeClass('visible');
205                         jQuery('#'+id).addClass('visible');
206                        }
207
208                        $('#register-button').click(function(){
209                                        $('#modal-login').modal('show')
210                        })
211
212                        $('#validation-form').validate({
213                                errorElement: 'label',
214                                errorClass: 'help-block',
215                                focusInvalid: true,
216                                rules: {
217                                        password: {
218                                                required: true,
219                                        },
220                                        username: {
221                                                required: true
222                                        }
223                                },
224               
225                                messages: {
226                                        username: {
227                                                required: "Vui lòng nhập tài khoản hoặc số điện thoại",
228                                        },
229                                        password: {
230                                                required: "Vui lòng nhập mật khẩu.",
231                                        }
232                                },
233
234                                highlight: function (e) {
235                                        $(e).closest('label').removeClass('has-info').addClass('has-error');
236                                },
237               
238                                success: function (e) {
239                                        $(e).closest('label').removeClass('has-error').addClass('has-info');
240                                        $(e).remove();
241                                },
242                        });
243                </script>
244        </body>
245</html>
Note: See TracBrowser for help on using the repository browser.