|
| <!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" onerror="ImgError(this)" /> |
| | |
| | </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" onerror="ImgError(this)" /> | | | | | | </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> | | |
|
- Trời tưởng được chứ
có coi được đâu cha
- Thì có nó dc đâu
<iframe width="560" height="315" src="https://www.youtube.com/embed/5MKIBHIpIGI" frameborder="0" allowfullscreen></iframe>
hông hiểu cái trang web đó luôn