|
| <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | <meta name="description" content="" /> |
| | <meta name="keywords" content="" /> |
| | <meta name="robots" content="index, follow" /> |
| | <title>Thi đấu - Trang chủ</title> |
| | <link rel="stylesheet" href="/public/template2/css/bootstrap.min.css?v=26112017" /> |
| | <link rel="stylesheet" href="/public/template2/css/style.css?v=26112017" /> |
| | <link rel="stylesheet" href="/public/template2/css/custom.css?v=26112017" /> |
| | <link rel="stylesheet" href="/public/template2/css/ionicons.min.css?v=26112017" /> |
| | <link rel="stylesheet" href="/public/template2/css/font-awesome.min.css?v=26112017" /> |
| | <link href="/public/template2/css/emoji.css?v=26112017" rel="stylesheet"> |
| | <link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i" rel="stylesheet"> |
| | <link rel="shortcut icon" type="image/png" href="/public/img/olm.png"/> |
| | <link rel="stylesheet" href="http://thidau.olm.vn:8080/competition/css/competition.css" /> |
| | <link rel="stylesheet" href="/public/css/math.css" /> |
| | <link rel="stylesheet" href="/public/css/grade.css" /> |
| | <link rel="stylesheet" href="/public/css/qlib.css" /> |
| | <link rel="stylesheet" href="/public/css/style.css" /> |
| | <link rel="stylesheet" href="/public/js/ckeditor/mathquill.css" /> |
| | <link rel="stylesheet" href="http://thidau.olm.vn:8080/chat/css/chat.css" /> |
| | <script src="/public/template2/js/jquery-3.1.1.min.js"></script> |
| | <script src="/public/js/notify.js"></script> |
| | <script src="/public/template2/js/bootstrap.min.js"></script> |
| | <script type='text/javascript' src='/public/js/jquery-ui.js'></script> |
| | <script type="text/javascript"> |
| | function ImgError(source) |
| | { |
| | source.src = "/public/img/picture.png"; |
| | source.onerror = ""; |
| | return true; |
| | } |
| | </script> |
| | </head> |
| | <body> |
| | <header id="header"> |
| | <nav class="navbar navbar-default navbar-fixed-top"> |
| | <div class="container"> |
| | <div class="navbar-header"> |
| | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> |
| | <span class="sr-only">Toggle navigation</span> |
| | <span class="icon-bar"></span> |
| | <span class="icon-bar"></span> |
| | <span class="icon-bar"></span> |
| | </button> |
| | <a class="navbar-brand" href="/"><img src="/public/img/award-64.png" width="48px" height="48px"/></a> |
| | </div> |
| | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
| | <ul class="nav navbar-nav"> |
| | <li class="active"><a href="/">Thi đấu <span class="sr-only">(current)</span></a></li> |
| | <li><a href="https://olm.vn" target="_blank">Online Math</a></li> |
| | <li><a href="/game/listgame">Trò chơi</a></li> |
| | |
| | <li class="dropdown"> |
| | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Hướng dẫn <span class="caret"></span></a> |
| | <ul class="dropdown-menu" role="menu"> |
| | |
| | <li><a href="/bai-viet/huong-dan-dang-nhap-tao-phong-va-tham-gia-mot-phong-dau-6">Hướng dẫn đăng nhập, tạo phòng và tham gia một phòng đấu</a></li> |
| | |
| | </ul> |
| | </li> |
| | </ul> |
| | |
| | <ul class="nav navbar-nav navbar-right"> |
| | <li class="dropdown"> |
| | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
| | <span class="glyphicon glyphicon-user"></span> |
| | <strong>daivaduy</strong> |
| | <span class="caret"></span> |
| | </a> |
| | <ul class="dropdown-menu"> |
| | <li> |
| | <div class="navbar-login"> |
| | <div class="row"> |
| | <div class="col-lg-4"> |
| | <p class="text-center"> |
| | |
| | <img src="https://olm.vn/images/avt/avt6/avt2902706_256by256.jpg" alt="Avatar" width="72px" height="72px" /> |
| | |
| | </p> |
| | </div> |
| | <div class="col-lg-8"> |
| | <p class="text-left"><strong>Siêu Nhân Gao Bay Lên Cao Rớt Xuống Ao</strong></p> |
| | <p class="text-left small"></p> |
| | <p class="text-left"> |
| | <a href="/profile" class="btn btn-primary btn-block btn-sm">Trang cá nhân</a> |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </li> |
| | <li class="divider"></li> |
| | <li> |
| | <div class="navbar-login navbar-login-session"> |
| | <div class="row"> |
| | <div class="col-lg-12"> |
| | <p> |
| | <a href="/user/logout" class="btn btn-danger btn-block">Đăng xuất</a> |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </li> |
| | </ul> |
| | </li> |
| | </ul> |
| | |
| | </div> |
| | </div> |
| | </nav> |
| | </header> |
| | <script type='text/javascript'> |
| | $("#username_login").focus(function(){$("#menu_login").show()}).blur(function(){setTimeout(function(){$("#menu_login").hide()}, 200);}); |
| | </script> |
| | <div id="page-contents"> |
| | <div class="container"> |
| | <div class="row"> |
| | <div class="col-md-12"> |
| | |
| | <div class="row chat-window col-xs-5 col-md-3" id="chat_window_1" style="margin-left:10px;"> |
| | <div class="col-xs-12 col-md-12"> |
| | <div class="panel panel-default"> |
| | <div class="panel-heading top-bar chat-heading"> |
| | <div class="col-md-7 col-xs-7"> |
| | <h3 class="panel-title"> |
| | <span id='chat-name' data-id='2902706'>Siêu Nhân Gao Bay Lên Cao Rớt Xuống Ao</span> |
| | <span class="badge" style="display:none">0</span> |
| | </h3> |
| | </div> |
| | <div class="col-md-5 col-xs-5" style="text-align: right;"> |
| | <div class="col-md-10 col-xs-10"> |
| | <select id='chat-channel' class='chat-channel form-control'></select> |
| | </div> |
| | <div class="col-md-2 col-xs-2 show-badge"> |
| | <a href="#"><span id="minim_chat_window" class="glyphicon glyphicon-minus icon_minim"></span></a> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="panel-body msg_container_base" id="chatlog"> |
| | </div> |
| | <div class="panel-footer"> |
| | <div class="input-group"> |
| | <input id="chat-textarea" type="text" class="form-control chat_input" placeholder="Nhập lời nhắn..." /> |
| | <span class="input-group-btn" id="btn-chat"> |
| | <button class="btn btn-primary btn-sm">Gửi</button> |
| | </span> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div id="lobby-content" class="row"> |
| | <div class="col-md-9"> |
| | <div class="lobby"> |
| | <div class="room-table"> |
| | <table class="table table-striped"> |
| | <thead> |
| | <tr> |
| | <th class="col-sm-1"> |
| | <div>ID</div> |
| | </th> |
| | <th class="col-sm-2"> |
| | <div class="header-input"> |
| | <label> |
| | <span for="name" class='glyphicon glyphicon-search'> </span> |
| | <input type='text' name='name' placeholder='Người Tạo' /> |
| | </label> |
| | </div> |
| | </th> |
| | <th class="col-sm-1"> |
| | <div>Loại</div> |
| | </th> |
| | <th class="col-sm-1"> |
| | <div class="header-input"> |
| | <select name="grade"> |
| | <option value="">Lớp</option> |
| | |
| | <option value=1>Lớp 1</option> |
| | |
| | <option value=2>Lớp 2</option> |
| | |
| | <option value=3>Lớp 3</option> |
| | |
| | <option value=4>Lớp 4</option> |
| | |
| | <option value=5>Lớp 5</option> |
| | |
| | <option value=6>Lớp 6</option> |
| | |
| | <option value=7>Lớp 7</option> |
| | |
| | <option value=8>Lớp 8</option> |
| | |
| | <option value=9>Lớp 9</option> |
| | |
| | </select> |
| | </div> |
| | </th> |
| | <th class="col-sm-4"> |
| | <div>Chủ Đề</div> |
| | </th> |
| | <th class="col-sm-1"> |
| | <div>Player</div> |
| | </th> |
| | </tr> |
| | </thead> |
| | <tbody id="room-list"> |
| | |
| | </tbody> |
| | </table> |
| | </div> |
| | <div class="overlay"> |
| | <div class="notification"></div> |
| | </div> |
| | <div class="room-pager"> |
| | <ul class="pager"> |
| | <li><a href="#"><span class="page-down glyphicon glyphicon-chevron-left"></span></a></li> |
| | <li><input class="form-control" id="room-page" type="number" name="page" min="1" value="1" disabled/></li> |
| | <li><a href="#"><span class="page-up glyphicon glyphicon-chevron-right"></span></a></li> |
| | <li><a class="btn create-room-modal">Tạo Phòng</a></li> |
| | </ul> |
| | </div> |
| | </div> |
| | |
| | <div id="room-maker" class="modal fade" role="dialog" tabindex="-1"> |
| | <div class="modal-dialog"> |
| | <div class="modal-content panel panel-primary"> |
| | <div class="modal-header panel-heading"> |
| | <span>Tạo Phòng</span> |
| | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
| | <span aria-hidden="true">×</span> |
| | </button> |
| | </div> |
| | <div class="modal-body"> |
| | <div class="form-group"> |
| | <label for="roomType">Loại Phòng</label> |
| | <select class="form-control" name="roomType"> |
| | </select> |
| | </div> |
| | <div class="form-group"> |
| | <label for="grade">Trình Độ</label> |
| | <select class="form-control" name="grade"> |
| | |
| | <option value=1>Lớp 1</option> |
| | |
| | <option value=2>Lớp 2</option> |
| | |
| | <option value=3>Lớp 3</option> |
| | |
| | <option value=4>Lớp 4</option> |
| | |
| | <option value=5>Lớp 5</option> |
| | |
| | <option value=6>Lớp 6</option> |
| | |
| | <option value=7>Lớp 7</option> |
| | |
| | <option value=8>Lớp 8</option> |
| | |
| | <option value=9>Lớp 9</option> |
| | |
| | <option value=10>Lớp 10</option> |
| | |
| | <option value=11>Lớp 11</option> |
| | |
| | <option value=12>Lớp 12</option> |
| | |
| | </select> |
| | </div> |
| | <div class="form-group"> |
| | <label for="subject">Môn</label> |
| | <select class="form-control" name="subject"> |
| | </select> |
| | </div> |
| | <div class="form-group"> |
| | <label for="category">Chủ Đề</label> |
| | <select class="form-control" name="category"> |
| | </select> |
| | <select class="form-control" name="subCategory" style="display:none;"> |
| | </select> |
| | </div> |
| | <button class="btn create-room" type="button">Tạo</button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | </div> |
| | <div class='col-md-3'> |
| | <div class='panel panel-info'> |
| | <div class='panel-heading'> |
| | <span class="glyphicon glyphicon-signal"></span><span> Bảng xếp hạng</span> |
| | </div> |
| | <div> |
| | <div class="leaderboard-heading list-group-item"> |
| | <span>Tên</span> |
| | <span class="float-right">Điểm</span> |
| | </div> |
| | <div id='lobby-lb' class="leaderboard list-group"> |
| | </div> |
| | </div> |
| | <div class='panel-footer' style='overflow:hidden;'> |
| | <div class="btn-group float-right"> |
| | <a target="_blank" href="/competition/leaderboard/0" class='btn btn-info glyphicon glyphicon-new-window'></a> |
| | <a class='btn btn-info glyphicon glyphicon-refresh' id="refresh-lb"></a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <script id="createRoomTemp" type="text/javascript"> |
| | var boards = {"1v1":{"name":"Đấu Đơn","maxPlayer":2},"1v9":{"name":"Đấu tập thể","maxPlayer":9}}; |
| | $('#createRoomTemp').remove(); |
| | </script> |
| | </div> |
| | <div id="room-content" class="row" style="display:none"> |
| | <div class="col-md-9"> |
| | <div id="playground" style="display: none;"></div> |
| | <div id="stage"></div> |
| | </div> |
| | <div class="col-md-3"> |
| | <div class="room-info panel panel-primary"> |
| | <div class="panel-heading"><span class="room-name"></span><span class="badge float-right"></span></div> |
| | <div class="panel-body"> |
| | <div class="leaderboard-heading list-group-item"> |
| | <span>Tên</span> |
| | <span class="float-right">Điểm</span> |
| | </div> |
| | <div class="leaderboard list-group"> |
| | </div> |
| | </div> |
| | <div class="panel-footer"> |
| | <div class="toggle-switch float-left"> |
| | <label class="switch ready"> |
| | <input type="checkbox" /> |
| | <span class="slider round"></span> |
| | </label> |
| | </div> |
| | <div class="float-right col-sm-4"> |
| | <button class="leave-room float-right btn btn-danger">Rời Phòng</button> |
| | </div> |
| | <div class="clearfix"></div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <script type="text/javascript"> |
| | $('#chat_window_1').hide(); |
| | </script> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <footer id="footer"> |
| | <div class="copyright"> |
| | <p>© 2017 - Trung tâm Khoa học Tính toán - ĐH Sư phạm Hà Nội && Công ty C.P. Khoa học và Công nghệ Giáo dục (email: a@olm.vn)</p> |
| | </div> |
| | </footer> |
| | <!--preloader--> |
| | <!-- <div id="spinner-wrapper"> |
| | <div class="spinner"></div> |
| | </div> --> |
| | <script src="/public/template2/js/jquery.sticky-kit.min.js"></script> |
| | <script src="/public/template2/js/jquery.scrollbar.min.js"></script> |
| | <script src="/public/template2/js/script.js?v=26112017"></script> |
| | <script src="http://thidau.olm.vn:8080/socket.io/socket.io.js"></script> |
| | <script src="http://thidau.olm.vn:8080/chat/js/chat.js"></script> |
| | <script src="/public/js/random-2.4.3.min.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/lobby.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/subject.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/qlib.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/math.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/room.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/game.js"></script> |
| | <script src="http://thidau.olm.vn:8080/competition/js/competition.js"></script> |
| | <!-- Global site tag (gtag.js) - Google Analytics --> |
| | <script async src="https://www.googletagmanager.com/gtag/js?id=UA-110305578-1"></script> |
| | <script> |
| | window.dataLayer = window.dataLayer || []; |
| | function gtag(){dataLayer.push(arguments);} |
| | gtag('js', new Date()); |
| | |
| | gtag('config', 'UA-110305578-1'); |
| | </script> |
| | </body> |
| | </html> |
|
| <!DOCTYPE html> | | | <html lang="en"> | | | <head> | | | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | | | <meta name="viewport" content="width=device-width, initial-scale=1"> | | | <meta name="description" content="" /> | | | <meta name="keywords" content="" /> | | | <meta name="robots" content="index, follow" /> | | | <title>Thi đấu - Trang chủ</title> | | | <link rel="stylesheet" href="/public/template2/css/bootstrap.min.css?v=26112017" /> | | | <link rel="stylesheet" href="/public/template2/css/style.css?v=26112017" /> | | | <link rel="stylesheet" href="/public/template2/css/custom.css?v=26112017" /> | | | <link rel="stylesheet" href="/public/template2/css/ionicons.min.css?v=26112017" /> | | | <link rel="stylesheet" href="/public/template2/css/font-awesome.min.css?v=26112017" /> | | | <link href="/public/template2/css/emoji.css?v=26112017" rel="stylesheet"> | | | <link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i" rel="stylesheet"> | | | <link rel="shortcut icon" type="image/png" href="/public/img/olm.png"/> | | | <link rel="stylesheet" href="http://thidau.olm.vn:8080/competition/css/competition.css" /> | | | <link rel="stylesheet" href="/public/css/math.css" /> | | | <link rel="stylesheet" href="/public/css/grade.css" /> | | | <link rel="stylesheet" href="/public/css/qlib.css" /> | | | <link rel="stylesheet" href="/public/css/style.css" /> | | | <link rel="stylesheet" href="/public/js/ckeditor/mathquill.css" /> | | | <link rel="stylesheet" href="http://thidau.olm.vn:8080/chat/css/chat.css" /> | | | <script src="/public/template2/js/jquery-3.1.1.min.js"></script> | | | <script src="/public/js/notify.js"></script> | | | <script src="/public/template2/js/bootstrap.min.js"></script> | | | <script type='text/javascript' src='/public/js/jquery-ui.js'></script> | | | <script type="text/javascript"> | | | function ImgError(source) | | | { | | | source.src = "/public/img/picture.png"; | | | source.onerror = ""; | | | return true; | | | } | | | </script> | | | </head> | | | <body> | | | <header id="header"> | | | <nav class="navbar navbar-default navbar-fixed-top"> | | | <div class="container"> | | | <div class="navbar-header"> | | | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | | | <span class="sr-only">Toggle navigation</span> | | | <span class="icon-bar"></span> | | | <span class="icon-bar"></span> | | | <span class="icon-bar"></span> | | | </button> | | | <a class="navbar-brand" href="/"><img src="/public/img/award-64.png" width="48px" height="48px"/></a> | | | </div> | | | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | | | <ul class="nav navbar-nav"> | | | <li class="active"><a href="/">Thi đấu <span class="sr-only">(current)</span></a></li> | | | <li><a href="https://olm.vn" target="_blank">Online Math</a></li> | | | <li><a href="/game/listgame">Trò chơi</a></li> | | | | | | <li class="dropdown"> | | | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Hướng dẫn <span class="caret"></span></a> | | | <ul class="dropdown-menu" role="menu"> | | | | | | <li><a href="/bai-viet/huong-dan-dang-nhap-tao-phong-va-tham-gia-mot-phong-dau-6">Hướng dẫn đăng nhập, tạo phòng và tham gia một phòng đấu</a></li> | | | | | | </ul> | | | </li> | | | </ul> | | | | | | <ul class="nav navbar-nav navbar-right"> | | | <li class="dropdown"> | | | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | | | <span class="glyphicon glyphicon-user"></span> | | | <strong>daivaduy</strong> | | | <span class="caret"></span> | | | </a> | | | <ul class="dropdown-menu"> | | | <li> | | | <div class="navbar-login"> | | | <div class="row"> | | | <div class="col-lg-4"> | | | <p class="text-center"> | | | | | | <img src="https://olm.vn/images/avt/avt6/avt2902706_256by256.jpg" alt="Avatar" width="72px" height="72px" /> | | | | | | </p> | | | </div> | | | <div class="col-lg-8"> | | | <p class="text-left"><strong>Siêu Nhân Gao Bay Lên Cao Rớt Xuống Ao</strong></p> | | | <p class="text-left small"></p> | | | <p class="text-left"> | | | <a href="/profile" class="btn btn-primary btn-block btn-sm">Trang cá nhân</a> | | | </p> | | | </div> | | | </div> | | | </div> | | | </li> | | | <li class="divider"></li> | | | <li> | | | <div class="navbar-login navbar-login-session"> | | | <div class="row"> | | | <div class="col-lg-12"> | | | <p> | | | <a href="/user/logout" class="btn btn-danger btn-block">Đăng xuất</a> | | | </p> | | | </div> | | | </div> | | | </div> | | | </li> | | | </ul> | | | </li> | | | </ul> | | | | | | </div> | | | </div> | | | </nav> | | | </header> | | | <script type='text/javascript'> | | | $("#username_login").focus(function(){$("#menu_login").show()}).blur(function(){setTimeout(function(){$("#menu_login").hide()}, 200);}); | | | </script> | | | <div id="page-contents"> | | | <div class="container"> | | | <div class="row"> | | | <div class="col-md-12"> | | | | | | <div class="row chat-window col-xs-5 col-md-3" id="chat_window_1" style="margin-left:10px;"> | | | <div class="col-xs-12 col-md-12"> | | | <div class="panel panel-default"> | | | <div class="panel-heading top-bar chat-heading"> | | | <div class="col-md-7 col-xs-7"> | | | <h3 class="panel-title"> | | | <span id='chat-name' data-id='2902706'>Siêu Nhân Gao Bay Lên Cao Rớt Xuống Ao</span> | | | <span class="badge" style="display:none">0</span> | | | </h3> | | | </div> | | | <div class="col-md-5 col-xs-5" style="text-align: right;"> | | | <div class="col-md-10 col-xs-10"> | | | <select id='chat-channel' class='chat-channel form-control'></select> | | | </div> | | | <div class="col-md-2 col-xs-2 show-badge"> | | | <a href="#"><span id="minim_chat_window" class="glyphicon glyphicon-minus icon_minim"></span></a> | | | </div> | | | </div> | | | </div> | | | <div class="panel-body msg_container_base" id="chatlog"> | | | </div> | | | <div class="panel-footer"> | | | <div class="input-group"> | | | <input id="chat-textarea" type="text" class="form-control chat_input" placeholder="Nhập lời nhắn..." /> | | | <span class="input-group-btn" id="btn-chat"> | | | <button class="btn btn-primary btn-sm">Gửi</button> | | | </span> | | | </div> | | | </div> | | | </div> | | | </div> | | | </div> | | | | | | <div id="lobby-content" class="row"> | | | <div class="col-md-9"> | | | <div class="lobby"> | | | <div class="room-table"> | | | <table class="table table-striped"> | | | <thead> | | | <tr> | | | <th class="col-sm-1"> | | | <div>ID</div> | | | </th> | | | <th class="col-sm-2"> | | | <div class="header-input"> | | | <label> | | | <span for="name" class='glyphicon glyphicon-search'> </span> | | | <input type='text' name='name' placeholder='Người Tạo' /> | | | </label> | | | </div> | | | </th> | | | <th class="col-sm-1"> | | | <div>Loại</div> | | | </th> | | | <th class="col-sm-1"> | | | <div class="header-input"> | | | <select name="grade"> | | | <option value="">Lớp</option> | | | | | | <option value=1>Lớp 1</option> | | | | | | <option value=2>Lớp 2</option> | | | | | | <option value=3>Lớp 3</option> | | | | | | <option value=4>Lớp 4</option> | | | | | | <option value=5>Lớp 5</option> | | | | | | <option value=6>Lớp 6</option> | | | | | | <option value=7>Lớp 7</option> | | | | | | <option value=8>Lớp 8</option> | | | | | | <option value=9>Lớp 9</option> | | | | | | </select> | | | </div> | | | </th> | | | <th class="col-sm-4"> | | | <div>Chủ Đề</div> | | | </th> | | | <th class="col-sm-1"> | | | <div>Player</div> | | | </th> | | | </tr> | | | </thead> | | | <tbody id="room-list"> | | | | | | </tbody> | | | </table> | | | </div> | | | <div class="overlay"> | | | <div class="notification"></div> | | | </div> | | | <div class="room-pager"> | | | <ul class="pager"> | | | <li><a href="#"><span class="page-down glyphicon glyphicon-chevron-left"></span></a></li> | | | <li><input class="form-control" id="room-page" type="number" name="page" min="1" value="1" disabled/></li> | | | <li><a href="#"><span class="page-up glyphicon glyphicon-chevron-right"></span></a></li> | | | <li><a class="btn create-room-modal">Tạo Phòng</a></li> | | | </ul> | | | </div> | | | </div> | | | | | | <div id="room-maker" class="modal fade" role="dialog" tabindex="-1"> | | | <div class="modal-dialog"> | | | <div class="modal-content panel panel-primary"> | | | <div class="modal-header panel-heading"> | | | <span>Tạo Phòng</span> | | | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | | | <span aria-hidden="true">×</span> | | | </button> | | | </div> | | | <div class="modal-body"> | | | <div class="form-group"> | | | <label for="roomType">Loại Phòng</label> | | | <select class="form-control" name="roomType"> | | | </select> | | | </div> | | | <div class="form-group"> | | | <label for="grade">Trình Độ</label> | | | <select class="form-control" name="grade"> | | | | | | <option value=1>Lớp 1</option> | | | | | | <option value=2>Lớp 2</option> | | | | | | <option value=3>Lớp 3</option> | | | | | | <option value=4>Lớp 4</option> | | | | | | <option value=5>Lớp 5</option> | | | | | | <option value=6>Lớp 6</option> | | | | | | <option value=7>Lớp 7</option> | | | | | | <option value=8>Lớp 8</option> | | | | | | <option value=9>Lớp 9</option> | | | | | | <option value=10>Lớp 10</option> | | | | | | <option value=11>Lớp 11</option> | | | | | | <option value=12>Lớp 12</option> | | | | | | </select> | | | </div> | | | <div class="form-group"> | | | <label for="subject">Môn</label> | | | <select class="form-control" name="subject"> | | | </select> | | | </div> | | | <div class="form-group"> | | | <label for="category">Chủ Đề</label> | | | <select class="form-control" name="category"> | | | </select> | | | <select class="form-control" name="subCategory" style="display:none;"> | | | </select> | | | </div> | | | <button class="btn create-room" type="button">Tạo</button> | | | </div> | | | </div> | | | </div> | | | </div> | | | | | | </div> | | | <div class='col-md-3'> | | | <div class='panel panel-info'> | | | <div class='panel-heading'> | | | <span class="glyphicon glyphicon-signal"></span><span> Bảng xếp hạng</span> | | | </div> | | | <div> | | | <div class="leaderboard-heading list-group-item"> | | | <span>Tên</span> | | | <span class="float-right">Điểm</span> | | | </div> | | | <div id='lobby-lb' class="leaderboard list-group"> | | | </div> | | | </div> | | | <div class='panel-footer' style='overflow:hidden;'> | | | <div class="btn-group float-right"> | | | <a target="_blank" href="/competition/leaderboard/0" class='btn btn-info glyphicon glyphicon-new-window'></a> | | | <a class='btn btn-info glyphicon glyphicon-refresh' id="refresh-lb"></a> | | | </div> | | | </div> | | | </div> | | | </div> | | | <script id="createRoomTemp" type="text/javascript"> | | | var boards = {"1v1":{"name":"Đấu Đơn","maxPlayer":2},"1v9":{"name":"Đấu tập thể","maxPlayer":9}}; | | | $('#createRoomTemp').remove(); | | | </script> | | | </div> | | | <div id="room-content" class="row" style="display:none"> | | | <div class="col-md-9"> | | | <div id="playground" style="display: none;"></div> | | | <div id="stage"></div> | | | </div> | | | <div class="col-md-3"> | | | <div class="room-info panel panel-primary"> | | | <div class="panel-heading"><span class="room-name"></span><span class="badge float-right"></span></div> | | | <div class="panel-body"> | | | <div class="leaderboard-heading list-group-item"> | | | <span>Tên</span> | | | <span class="float-right">Điểm</span> | | | </div> | | | <div class="leaderboard list-group"> | | | </div> | | | </div> | | | <div class="panel-footer"> | | | <div class="toggle-switch float-left"> | | | <label class="switch ready"> | | | <input type="checkbox" /> | | | <span class="slider round"></span> | | | </label> | | | </div> | | | <div class="float-right col-sm-4"> | | | <button class="leave-room float-right btn btn-danger">Rời Phòng</button> | | | </div> | | | <div class="clearfix"></div> | | | </div> | | | </div> | | | </div> | | | </div> | | | <script type="text/javascript"> | | | $('#chat_window_1').hide(); | | | </script> | | | </div> | | | </div> | | | </div> | | | </div> | | | <footer id="footer"> | | | <div class="copyright"> | | | <p>© 2017 - Trung tâm Khoa học Tính toán - ĐH Sư phạm Hà Nội && Công ty C.P. Khoa học và Công nghệ Giáo dục (email: a@olm.vn)</p> | | | </div> | | | </footer> | | | <!--preloader--> | | | <!-- <div id="spinner-wrapper"> | | | <div class="spinner"></div> | | | </div> --> | | | <script src="/public/template2/js/jquery.sticky-kit.min.js"></script> | | | <script src="/public/template2/js/jquery.scrollbar.min.js"></script> | | | <script src="/public/template2/js/script.js?v=26112017"></script> | | | <script src="http://thidau.olm.vn:8080/socket.io/socket.io.js"></script> | | | <script src="http://thidau.olm.vn:8080/chat/js/chat.js"></script> | | | <script src="/public/js/random-2.4.3.min.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/lobby.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/subject.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/qlib.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/math.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/room.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/game.js"></script> | | | <script src="http://thidau.olm.vn:8080/competition/js/competition.js"></script> | | | <!-- Global site tag (gtag.js) - Google Analytics --> | | | <script async src="https://www.googletagmanager.com/gtag/js?id=UA-110305578-1"></script> | | | <script> | | | window.dataLayer = window.dataLayer || []; | | | function gtag(){dataLayer.push(arguments);} | | | gtag('js', new Date()); | | | | | | gtag('config', 'UA-110305578-1'); | | | </script> | | | </body> | | | </html> | | |
|
2Giúp đỡ người khác. Có thể là cô ấy hoặc một ai đó khác trong phòng. Cô ấy có đang mang vác đồ vật nặng không? Hãy nói "để tôi giúp cô" sau đó mang đồ cho cô ấy. Có ai đó bị thiếu tiền không? Hãy cho họ mượn một chút tiền để họ có thể ăn trưa. Giữ cửa cho người tiếp theo bước vào, thậm chí kể cả khi họ vẫn chưa tới nơi. Nói cách khác, hãy tỏ ra là một người tử tế và hào phóng. Điều đó không chỉ thu hút sự chú ý của cô ấy mà còn khiến bạn cảm thấy tốt hơn về bản thân. Tuy nhiên, đừng giả vờ hay chỉ làm những việc tốt khi có cô ấy ở đó. Hãy giúp đỡ mọi người bất cứ khi nào có thể bằng nhiều cách khác nhau. Cô ấy và cả những người quen của cô ấy sẽ nhận ra được điều đó vậy nên nếu bạn có vô tình được nhắc tới trong cuộc nói chuyện của họ, họ sẽ nói "Anh ấy quả là một người tốt!" và cô ấy sẽ bắt đầu suy nghĩ "Ừm... Đúng vậy nhỉ?" 
3Thường xuyên tiếp xúc với các cô gái. Nếu bạn gặp một cô gái bạn thích, hãy tới và nói chuyện với cô ấy (lúc nào cũng được). Và hãy làm điều đó một cách thường xuyên. Nếu bạn chỉ ra ngoài một ngày và ngồi nhà trong suốt những ngày tiếp theo, điều đó sẽ không mang lại hiệu quả. Hãy thường xuyên ra ngoài và nói chuyện với các cô gái, ở siêu thị, thư viện, khu mua sắm, đường phố, các buổi giao lưu hay bất cứ nơi nào bạn có thể nghĩ tới. 
4Đừng sợ thất bại. Hãy nhớ rằng, nỗi sợ hãi bị từ chối là hoàn toàn phi lý. Nếu bạn gặp một cô gái hấp dẫn, hãy đi tới và nói chuyện với cô ấy. Thẳng thắn bày tỏ với cô ấy mục đích của bạn. Tuyệt đối không được nói những điều không liên quan ví dụ như "Xin chào, bạn thật đáng yêu. Mình rất muốn làm quen với bạn". Bạn đang tìm bạn gái chứ không phải một người bạn là 'con gái'. 
5Đừng cho bản thân thời gian để viện cớ. Khi bạn gặp một cô gái hấp dẫn, đừng tự viện cớ như 'có lẽ cô ấy đã có bạn trai', 'cô ấy đang nói chuyện điện thoại' hay 'cô ấy đang đi bộ thể dục', 'Trời ơi trông mình thật thảm hại'. Hãy tin rằng không có bất cứ lý do nào ngăn cản bạn tới bắt chuyện với cô ấy. Trường hợp tệ nhất đó là cô ấy nói 'không' và bỏ đi. Bạn cần phải thử làm vậy nhiều lần để có thể thực hiện tốt điều này. 
6Luôn vui vẻ. Điều này vô cùng quan trọng. Nếu tâm trạng của bạn không được tốt khi nói chuyện với một cô gái hay tìm kiếm người mà bạn mong muốn, bạn có thể sẽ quan trọng hóa vấn đề. Nhưng nếu bạn đang cảm thấy rất vui vẻ, bạn sẽ không quan tâm liệu mình có bị từ chối hay không và thể hiện được rằng bản thân là một chàng trai vô cùng phong độ và thú vị. 
7Là chính mình. Nếu bạn không cảm thấy điều cô ấy nói buồn cười, đừng cười chỉ vì cô ấy cười. Đừng cố ép buộc mình trở thành một người khác. 
8Giao thiệp. Bạn càng gặp càng nhiều người, bạn càng có nhiều sự lựa chọn. Đừng kén chọn những người bạn gặp hay cách mà bạn gặp họ - có thể ông bác tốt bụng dưới phố có một cô cháu gái vô cùng xinh đẹp và tầm tuổi bạn hay có thể cô gái ồn ào trong buổi tiệc tối qua có một người bạn vô cùng phù hợp với bạn.
9Chăm sóc cho ngoại hình của bản thân. Cho dù những mặt khác đối với phụ nữ cũng hết sức quan trọng, nhưng ngoại hình là một phần không thể thiếu trong quá trình hẹn hò. Hầu hết phụ nữ đều không thích một người đàn ông với cơ thể và hơi thở bốc mùi hay tóc bết bù xù. Hãy thường xuyên tắm táp, đánh răng hai lần mỗi ngày và giữ gìn vóc dáng. Bạn không cần phải là người ưa nhìn nhất nhưng bạn cần phải tạo ấn tượng tốt trong lần đầu tiên gặp mặt.
10Tập khen ngợi các cô gái một cách thật lòng. Thử thách bản thân tìm ra những điểm tốt của một cô gái bất kỳ. Nó không nhất thiết phải là ở ngoại hình mà có thể là một hành động đáng yêu, một vài nét đáng ngưỡng mộ, một năng khiếu hay kỹ năng nào đó. Công nhận và thể hiện sự ngưỡng mộ đối với các cô gái sẽ giúp bạn trở nên hấp dẫn hơn và ngược lại 
công cha như núi thái sơn
nghĩa mẹ như nước trong nguồn chảy ra
sao lại "Dịch hộ mk cái.."................. xong phía dưới" ( ko phải dịch ) "là sao ????