metphone
/
EDU


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
							<html lang="vi">
<head>
    <meta name="robots" content="noodp,index,follow" />
    <meta name='revisit-after' content='1 days' />
    <meta name="csrf-token" content="zrSRsMJhgev3IlwnEaYJH0cQtMOgaJvdFP6EhrLb" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="google-site-verification" content="O1Tv2BAc_RQe2R7MemSe_guYT-kowX6ymuCPN7Gxpb0" />
    <link rel="canonical" href="#" />
    <meta name="author" content="voca.vn" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta property="fb:app_id" content="1554472698103925" /><!-- CHANGE API-->
    <meta property="fb:admins" content="100011896126791" />
    <meta property="og:url" content="#" />
    <title>USTUDY | SMART ENGLISH LEARNING SYSTEM</title>
    <meta name="description" content="" />

    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/voca-main.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/voca-application.css" />

    @*<script type="text/javascript" src="~/Content/assets/js/lang-vi.js"></script>*@
    @*<script type="text/javascript" src="~/Content/assets/js/config.js"></script>*@
    <script type="text/javascript" src="~/Content/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/voca-main.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/voca-application.js"></script>

</head>

@using NEducation.Content.Texts;
@{
    var msisdn = "";
    if (Session["account"] != null)
    {
        var res = Session["account"] as NEducation.NEduService.response;
        msisdn = res.msisdn.Substring(3);
    }
    String navitab = Session["navitab"] as String;
}

<body>
    <!-- main content -->
    <div class="main-body">

        <div class="main-wrapper">

            <link href="~/Content/assets/css/learning-main.css" rel="stylesheet" type="text/css" />

            <div class="learning-main-header  promotion-main-header" style="position:fixed;">
                <div class="header-cover">
                    <div class="header-left">
                        @*<a href="/Voca/Lesson?" class="button-back"></a>*@
                        @{
                            if (navitab == "Ebook")
                            {
                                <a href="@Url.Action("Video", "Ebook", new {   })" class="button-back">
                                    @ViewBag.lessonName
                                </a>
                            }
                            else
                            {
                                <a href="@Url.Action("Lesson", "Common", new {   })" class="button-back">
                                    @ViewBag.lessonName
                                </a>
                            }
                        }
                    </div>
                    <div class="header-logo">
                        <a href="/">
                            <img src="~/Content/assets/imgs/student.png" />
                        </a>

                    </div>

                    <div class="header-right">
                        <div class="header-avatar" style=" z-index: 10000;">
                            <div class="dropdown">
                                <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i style="color:white">
                                        @Lang.Welcome
                                        , @msisdn
                                    </i>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="/Home/Profile">@Lang.Profile</a></li>
                                    <li><a href="/Home/Logout">@Lang.SignOut</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script type="text/javascript">
                $(window).scroll(function () {
                    var pos = $(window).scrollTop();
                    if (pos >= 2) {
                        $('.learning-main-header').css('position', 'fixed');
                        $('.learning-main-header').css('top', '0');

                    } else {
                        $('.learning-main-header').css('position', 'relative');
                        $('.learning-main-header').css('top', '0');

                    }
                });
            </script>

            <div class="learning-main-body">
                @RenderBody()
            </div>

            <!-- Modal -->
            <div class="modal fade" id="modal-pin-word" tabindex="-1"></div>

            <!-- Script -->
            <script type="text/javascript">

                // Go to page create product
                $(document).on('click', '#get-page-create-product', function () {
                    $(".md-pin-product-empty").fadeOut(200, function () {
                        $(".md-pin-product-create").fadeIn(200);
                        $("#md-product-name").val('');
                        $("#md-product-name").focus();
                        $('#button-create-product').removeClass('button-active');
                    });
                });
                $(document).on('click', '.md-pin-product-create-orther', function () {
                    $(".md-pin-product-select").fadeOut(200, function () {
                        $(".md-pin-product-create").fadeIn(200);
                        $("#md-product-name").val('');
                        $("#md-product-name").focus();
                        $('#button-create-product').removeClass('button-active');
                    });
                });

                // Cancel create product
                $(document).on('click', '#button-cancel-create', function () {

                    $(".md-pin-product-create").fadeOut(200, function () {

                        if ($('.md-pin-product-select .md-pin-product-list .pin-product-item').length > 0) {
                            $(".md-pin-product-select").fadeIn(200);
                        } else {
                            $(".md-pin-product-empty").fadeIn(200);
                        }
                    });
                });

                // Active button create product
                $(document).on('change keyup', '#md-product-name', function () {
                    var nameP = $(this).val();

                    if (nameP.length > 0) {
                        $('#button-create-product').addClass('button-active');
                    } else {
                        $('#button-create-product').removeClass('button-active');
                    }
                });


                // Active button pin word
                $(document).on('change', '.pin-product-item input[type="radio"]', function () {

                    if ($(this).val().length > 0) {
                        $("#button-pin-word-to-product").addClass('button-active');
                    } else {
                        $("#button-pin-word-to-product").removeClass('button-active');
                    }

                })


                // Get data before show modal
                $('#modal-pin-word').on('show.bs.modal', function () {


                    if ($('.md-pin-product-select .md-pin-product-list .pin-product-item').length > 0) {
                        $(".md-pin-product-select").css('display', 'block');
                        $(".md-pin-product-empty").css('display', 'none');
                    } else {
                        $(".md-pin-product-select").css('display', 'none');
                        $(".md-pin-product-empty").css('display', 'block');
                    }

                    $(".md-pin-product-create").css('display', 'none');
                    $("#notify-word-exits").css('display', 'none');
                    $("#button-pin-word-to-product").removeClass('button-active');
                    $('.pin-product-item input[type="radio"]').prop('checked', false);
                })


            </script>


            <script type="text/javascript">
                $(document).ready(function () {
                    $('.button-review, .button-learning-continue, .button-learning-relearn').click(function () {
                        console.log("Click relearn");
                        var isReview = $(this).attr('is_review');
                        if (isReview == undefined || isReview != 1) {
                            if ($(this).hasClass('button-learning-relearn')) {
                                $('#learning-modal .learning-modal-btn a.learning-modal-btn-learning').text('@NEducation.Content.Texts.Lang.Relearn');
                                $('#learning-modal .learning-modal-btn a.learning-modal-btn-testing').html('@NEducation.Content.Texts.Lang.Retest');
                            } else {
                                $('#learning-modal .learning-modal-btn a.learning-modal-btn-learning').text('Học tiếp');
                                $('#learning-modal .learning-modal-btn a.learning-modal-btn-testing').text('Kiểm tra');
                            }
                            if ($(this).hasClass('button-learning-continue')) {
                                var text = $(this).attr('text');
                                if (text != undefined) {
                                    $('#learning-modal .learning-modal-btn a.learning-modal-btn-learning').text(text);
                                }
                            }
                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-result').css('display', 'none');

                        } else {
                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-result').css('display', 'block');
                            var resultLink = $(this).attr('result_link');
                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-result').attr('href', resultLink);


                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-learning').text('@NEducation.Content.Texts.Lang.Relearn');
                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-testing').html('@NEducation.Content.Texts.Lang.Retest');
                        }


                        var isTesting = $(this).attr('is_testing');
                        if (isTesting != undefined && isTesting == 1) {
                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-learning').css('display', 'none');
                        } else {
                            $('#learning-modal .learning-modal-btn a.learning-modal-btn-learning').css('display', 'block');
                        }
                        var isUnknow = $(this).attr('is_unknow');
                        var isFinish = $(this).attr('is_finish');
                        var topic = $(this).attr('topic');
                        var parent = $(this).attr('parent');
                        $('#learning-modal-info').attr('is_unknow', isUnknow);
                        $('#learning-modal-info').attr('is_finish', isFinish);
                        $('#learning-modal-info').attr('is_review', isReview);
                        $('#learning-modal-info').attr('topic', topic);
                        $('#learning-modal-info').attr('parent', parent);
                        $('#learning-modal').modal();

                        if (isFinish == 1 && isUnknow == 0) {

                            $('.learning-modal-btn-unknow').css('display', 'none');
                            $('#learning-modal-btn-unknow-content').css('display', 'none');
                        } else {

                            $('.learning-modal-btn-unknow').css('display', 'block');
                            if (isFinish == 0) {
                                var unknowContent = $('#learning-modal-btn-unknow-content').attr('unfinish');
                            } else {
                                var unknowContent = $('#learning-modal-btn-unknow-content').attr('unknow');
                            }
                            $('.learning-modal-btn-unknow').text(unknowContent);
                        }

                        //testing link
                        //var testingLink = $('.learning-modal-btn-testing').attr('link');
                        //$('.learning-modal-btn-testing').attr('href', testingLink + '/' + topic + '-' + parent);


                    });


                    $('.button-learning-now').click(function () {
                        var isReview = 0;
                        var isUnknow = $(this).attr('is_unknow');
                        var isFinish = $(this).attr('is_finish');
                        if (isFinish == undefined) {
                            isFinish = 1;
                        }
                        var topic = $(this).attr('topic');
                        var parent = $(this).attr('parent');
                        $('#learning-modal-info').attr('is_unknow', isUnknow);
                        $('#learning-modal-info').attr('is_finish', isFinish);
                        $('#learning-modal-info').attr('is_review', isReview);
                        $('#learning-modal-info').attr('topic', topic);
                        $('#learning-modal-info').attr('parent', parent);


                        if (isFinish == 1 && isUnknow == 0) {

                            $('.learning-modal-btn-unknow').css('display', 'none');
                            $('#learning-modal-btn-unknow-content').css('display', 'none');
                        } else {

                            $('.learning-modal-btn-unknow').css('display', 'block');
                            if (isFinish == 1) {
                                var unknowContent = $('#learning-modal-btn-unknow-content').attr('unknow');
                            } else {
                                var unknowContent = $('#learning-modal-btn-unknow-content').attr('unfinish');
                            }
                            $('.learning-modal-btn-unknow').text(unknowContent);

                        }
                        $('#learning-question-modal').modal();

                    });


                    $('.button-learning').click(function () {

                        var topic = $(this).attr('topic');
                        var parent = $(this).attr('parent');
                        $('#learning-modal-info').attr('topic', topic);
                        $('#learning-modal-info').attr('parent', parent);
                        var isUnknow = $(this).attr('is_unknow');
                        var isFinish = $(this).attr('is_finish');
                        if (isUnknow != undefined) {
                            $('#learning-modal-info').attr('is_unknow', isUnknow);

                        } else {
                            isUnknow = 0;
                        }
                        if (isFinish != undefined) {
                            $('#learning-modal-info').attr('is_finish', isFinish);
                        } else {
                            isFinish = 1;
                        }
                        if (isFinish == 1 && isUnknow == 0) {

                            $('.learning-modal-btn-unknow').css('display', 'none');
                            $('#learning-modal-btn-unknow-content').css('display', 'none');
                        } else {

                            $('.learning-modal-btn-unknow').css('display', 'block');
                            if (isFinish == 1) {
                                var unknowContent = $('#learning-modal-btn-unknow-content').attr('unknow');
                            } else {
                                var unknowContent = $('#learning-modal-btn-unknow-content').attr('unfinish');
                            }

                            $('.learning-modal-btn-unknow').text(unknowContent);
                        }
                    });
                });

            </script>


        </div>
    </div>

</body>
</html>