Skip to content

Instantly share code, notes, and snippets.

@HadiElnemr

HadiElnemr/WholeCourseView.html

Created September 30, 2022 22:47
Show Gist options
  • Save HadiElnemr/68159bfc03b3a16fa09c863dc74b7a31 to your computer and use it in GitHub Desktop.
Save HadiElnemr/68159bfc03b3a16fa09c863dc74b7a31 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
course_subpage_html
<div class="page-title-wrapper">
<div class="page-title-heading">
</div>
<div class="container-fluid p-0 m-0 ">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHolderright$ContentPlaceHoldercontent$HiddenFieldcourseid" id="HiddenFieldcourseid" value="2505">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHolderright$ContentPlaceHoldercontent$HiddenFieldstaffid" id="HiddenFieldstaffid" value="31835">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHolderright$ContentPlaceHoldercontent$HiddenFieldseasonid" id="HiddenFieldseasonid" value="58">
<div class="row">
<div class="col-md-12 col-lg-12 col-xl-12">
<div class="card-shadow-primary profile-responsive card-border mb-3 card">
<div class="dropdown-menu-header">
<div class="dropdown-menu-header-inner bg-primary">
<div class="menu-header-image" style="background-image: url('/template/1.jpg')"></div>
<div class="menu-header-content btn-pane-right">
<div>
<h5 class="menu-header-title">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_LabelCourseName">(|MCTR1021|) Optimization Techniques for Multi-Cooperative Systems (2505)</span></h5>
<h6 class="menu-header-subtitle">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_LabelseasonName">Winter 2022</span></h6>
</div>
<div class="menu-header-btn-pane">
</div>
</div>
</div>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="row" style="width: 100%">
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6">
<div class="widget-content-left p-2">
<div class="card mb-3 widget-chart">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg bg-primary"></div>
<i class="fa fa-calendar text-primary"></i>
</div>
<div class="widget-numbers">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labeltotalweeks">1</span>
</div>
<div class="widget-subheading">Total Weeks</div>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6">
<div class="widget-content-left p-2">
<div class="card mb-3 widget-chart">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg bg-primary"></div>
<i class="fa fa-file-archive text-primary"></i>
</div>
<div class="widget-numbers">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labelunseencontent">2</span>
</div>
<div class="widget-subheading">Content</div>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6">
<div class="widget-content-left p-2" id="posts">
<div class="card mb-3 widget-chart">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg bg-primary"></div>
<i class="pe-7s-albums text-primary"></i>
</div>
<div class="widget-numbers">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labelposts">0</span>
</div>
<div class="widget-subheading">Discussion Posts</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<br>
<div class="row" style="overflow-x:auto;">
<div class="col-md-12 col-lg-12 col-xl-12">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labelstatus" style="color:Red;"></span>
<div class="row">
<div class="col-md-12 col-lg-12 col-xl-12">
<h5>Course Announcements:</h5><br>
<div id="ContentPlaceHolderright_ContentPlaceHoldercontent_desc" style="overflow-x:auto;" class="p-xl-2">
</div>
<hr>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPlaceHolderright_ContentPlaceHoldercontent_Filter" class="card mb-5">
<div class="card-header">
<div class="menu-header-title">
Filter Weeks
</div>
</div>
<div class="row body card-body">
<div class="col-md-12 col-lg-12 col-sm-12 ">
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12 text-center">
<div class="row">
<div class="text-left">
Choose Tag Filter:
</div>
<ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav">
<li class="nav-item" style="max-width:200px;">
<a role="tab" class="nav-link filterli active show" href="javascript:void(0);" aria-selected="true" data-id="0">
<span>No Filter</span>
</a>
</li>
<li class="nav-item" style="max-width:200px;">
<a role="tab" class="nav-link filterli" href="javascript:void(0);" aria-selected="true" data-id="189">
<span>Lectures </span>
</a>
</li>
</ul>
</div>
<div class="row" id="stafffilter" style="display: none;">
<div class="text-left">
Choose Staff:
</div>
<ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav" id="linew"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-5 weeksdata" data-id="189" data-username="omar.mohamad">
<div class="card-header" style="height:150%">
<div class="col-lg-6 col-md-6 col-sm-12">
<h2 class="text-big">Week: 2022-9-24</h2>
<div class="text-muted small mt-1">By omar.mohamad <a href="javascript:void(0)" class="text-muted"></a></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="menu-header-title text-right">
(Lectures)
</div>
</div>
</div>
<div class="p-3">
<div style="display:none;">
<div><strong>Announcement</strong></div>
<p class="m-2 p2"></p>
</div>
<div>
<div><strong>Description</strong></div>
<p class="m-2 p2">Lectures' Material</p>
</div>
<div>
<div><strong>Content</strong></div>
<div class="card mb-4">
<div class="card-body">
<div><strong>1 - MCTR1021_Optimization-L00_Course Policy</strong> (Lecture slides)</div>
<div>Overview about the course policy and assessment details.</div>
<div>
<div>
<a href="/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T08_58_28.pdf" id="download" download="MCTR1021_Optimization-L00_Course Policy" class="btn btn-primary contentbtn" data-contentid="97829" data-seen="no" style="display:yes;">Download Content</a>
<input id="" type="button" value="Watch Video" class="btn btn-primary vodbutton contentbtn" data-url="/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T08_58_28.pdf" data-toggle="modal" data-target="#modalvod" style="display:none;" data-contentid="97829" data-seen="no">
<input type="button" class="btn btn-danger complaint" value="Report and Issue" data-id="97829" data-toggle="modal" data-target="#modalcomplaint">
</div>
<div>
<input id="Text" class="ratedata" type="text" style="display: none;" data-id="97829" data-rate="0">
<span class="rating-star">
<input type="radio" name="rating97829" value="5" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="4" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="3" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="2" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="1" class="rate" data-id="97829"><span class="star"></span>
</span>
<span id="selected-rating97829" class="selected-rating"></span>
<input type="button" class="btn btn-danger close1" value="Remove My Rating" data-id="97829" id="close97829" style="display: none;">
</div>
</div>
<div class="float-right mt-2">
<i class="fa fa-eye" style="display:none;"></i>
<i class="fa fa-eye-slash" style="font-size: large;" title="You didnot open this before"></i>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<div><strong>2 - MCTR1021_Optimization-L01_Introduction</strong> (Lecture slides)</div>
<div>Introductory Lecture about the main concepts and definitions of the optimization techniques and its different details. </div>
<div>
<div>
<a href="/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T09_27_23.pdf" id="download" download="MCTR1021_Optimization-L01_Introduction" class="btn btn-primary contentbtn" data-contentid="97832" data-seen="no" style="display:yes;">Download Content</a>
<input id="" type="button" value="Watch Video" class="btn btn-primary vodbutton contentbtn" data-url="/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T09_27_23.pdf" data-toggle="modal" data-target="#modalvod" style="display:none;" data-contentid="97832" data-seen="no">
<input type="button" class="btn btn-danger complaint" value="Report and Issue" data-id="97832" data-toggle="modal" data-target="#modalcomplaint">
</div>
<div>
<input id="Text" class="ratedata" type="text" style="display: none;" data-id="97832" data-rate="0">
<span class="rating-star">
<input type="radio" name="rating97832" value="5" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="4" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="3" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="2" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="1" class="rate" data-id="97832"><span class="star"></span>
</span>
<span id="selected-rating97832" class="selected-rating"></span>
<input type="button" class="btn btn-danger close1" value="Remove My Rating" data-id="97832" id="close97832" style="display: none;">
</div>
</div>
<div class="float-right mt-2">
<i class="fa fa-eye" style="display:none;"></i>
<i class="fa fa-eye-slash" style="font-size: large;" title="You didnot open this before"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Raw
WholeCourseView.html
<!DOCTYPE html>
<!-- saved from url=(0064)https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&sid=58 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>
</title><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Language" content="en"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"><meta name="description" content="This is an example dashboard created using build-in elements and components."><meta name="msapplication-tap-highlight" content="no"><link href="./CourseViewStn_files/main.87c0748b313a1dda75f5.css" rel="stylesheet">
<style>
.app-header__logo .logo-src {
background: url(/template/theme/assets/images/guc_logo_og.png);
background-repeat: no-repeat;
width:118px;
height:50px;
}
.app-sidebar {
background-image: linear-gradient(to right, #141e30, #243b55) !important;
}
.main-menu {
color: rgba(255,255,255,0.7) !important;
}
.main-menu:hover {
background: rgba(255,255,255,0.15) !important;
color: #fff !important;
}
.vertical-nav-menu ul>li>a.mm-active{
color: #fff;
background: rgba(255,255,255,0.15);
font-weight:normal;
}
.vertical-nav-menu ul>li>a:hover{
background: rgba(255,255,255,0.15) !important;
color: #fff !important;
}
</style>
<style>
.datepicker-container.datepicker-dropdown.datepicker-top-left{
z-index:1500 !important;
}
</style>
<style>
.modalx {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .7 )
/*url('http://i.stack.imgur.com/FhHRx.gif')*/
50% 50%
no-repeat;
}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading .modalx {
overflow: hidden;
}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modalx {
display: block;
}
</style>
<style>
.app-header__content {
height:90px !important;
}
</style>
<link href="./CourseViewStn_files/font-awesome.min.css" rel="stylesheet">
<style>
.btn-link {
font-weight: 500 !important;
color: black;
}
</style>
<style>
/** code by webdevtrick ( https://webdevtrick.com ) **/
.main {
/*margin-left: 10%;*/
/*margin-top: 15%;*/
}
@media screen and (max-width: 500px) {
.rating-star {
direction: rtl;
/*font-size: 20px;*/
unicode-bidi: bidi-override;
/* display: inline-block;*/
}
}
@media screen and (min-width: 501px) {
.rating-star {
direction: rtl;
font-size: 20px;
unicode-bidi: bidi-override;
/* display: inline-block;*/
}
}
.rating-star input {
opacity: 0;
position: relative;
left: -35px;
z-index: 2;
cursor: pointer;
width: 30px;
height: 35px;
}
.rating-star span.star:before {
color: #777777;
}
.rating-star span.star {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: relative;
z-index: 1;
}
.rating-star span {
/*margin-left: -30px;*/
}
.rating-star span.star::before {
color: #777777;
content: "\f006";
}
.rating-star input:hover + span.star::before,
.rating-star input:hover + span.star ~ span.star::before,
.rating-star input:checked + span.star::before,
.rating-star input:checked + span.star ~ span.star::before {
color: #ffd100;
content: "\f005";
}
.selected-rating {
color: #ff0000;
/*font-weight: bold;*/
font-size: 15px;
}
.dropdown-menu-header .dropdown-menu-header-inner
{
padding: 4rem 4rem !important;
}
</style>
<style>@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0;z-index:1}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:.3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;z-index:1;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validation-message::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}}</style><style type="text/css">/* Chart.js */
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style><style type="text/css">.apexcharts-canvas {
position: relative;
user-select: none;
/* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
}
/* scrollbar is not visible by default for legend, hence forcing the visibility */
.apexcharts-canvas ::-webkit-scrollbar {
-webkit-appearance: none;
width: 6px;
}
.apexcharts-canvas ::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
box-shadow: 0 0 1px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.apexcharts-inner {
position: relative;
}
.legend-mouseover-inactive {
transition: 0.15s ease all;
opacity: 0.20;
}
.apexcharts-series-collapsed {
opacity: 0;
}
.apexcharts-gridline, .apexcharts-text {
pointer-events: none;
}
.apexcharts-tooltip {
border-radius: 5px;
box-shadow: 2px 2px 6px -4px #999;
cursor: default;
font-size: 14px;
left: 62px;
opacity: 0;
pointer-events: none;
position: absolute;
top: 20px;
overflow: hidden;
white-space: nowrap;
z-index: 12;
transition: 0.15s ease all;
}
.apexcharts-tooltip.light {
border: 1px solid #e3e3e3;
background: rgba(255, 255, 255, 0.96);
}
.apexcharts-tooltip.dark {
color: #fff;
background: rgba(30,30,30, 0.8);
}
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-area-series .apexcharts-area,
.apexcharts-line {
pointer-events: none;
}
.apexcharts-tooltip.active {
opacity: 1;
transition: 0.15s ease all;
}
.apexcharts-tooltip-title {
padding: 6px;
font-size: 15px;
margin-bottom: 4px;
}
.apexcharts-tooltip.light .apexcharts-tooltip-title {
background: #ECEFF1;
border-bottom: 1px solid #ddd;
}
.apexcharts-tooltip.dark .apexcharts-tooltip-title {
background: rgba(0, 0, 0, 0.7);
border-bottom: 1px solid #222;
}
.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
display: inline-block;
font-weight: 600;
margin-left: 5px;
}
.apexcharts-tooltip-text-z-label:empty,
.apexcharts-tooltip-text-z-value:empty {
display: none;
}
.apexcharts-tooltip-text-value,
.apexcharts-tooltip-text-z-value {
font-weight: 600;
}
.apexcharts-tooltip-marker {
width: 12px;
height: 12px;
position: relative;
top: 0px;
margin-right: 10px;
border-radius: 50%;
}
.apexcharts-tooltip-series-group {
padding: 0 10px;
display: none;
text-align: left;
justify-content: left;
align-items: center;
}
.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
opacity: 1;
}
.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {
padding-bottom: 4px;
}
.apexcharts-tooltip-y-group {
padding: 6px 0 5px;
}
.apexcharts-tooltip-candlestick {
padding: 4px 8px;
}
.apexcharts-tooltip-candlestick > div {
margin: 4px 0;
}
.apexcharts-tooltip-candlestick span.value {
font-weight: bold;
}
.apexcharts-xaxistooltip {
opacity: 0;
padding: 9px 10px;
pointer-events: none;
color: #373d3f;
font-size: 13px;
text-align: center;
border-radius: 2px;
position: absolute;
z-index: 10;
background: #ECEFF1;
border: 1px solid #90A4AE;
transition: 0.15s ease all;
}
.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.apexcharts-xaxistooltip:after {
border-color: rgba(236, 239, 241, 0);
border-width: 6px;
margin-left: -6px;
}
.apexcharts-xaxistooltip:before {
border-color: rgba(144, 164, 174, 0);
border-width: 7px;
margin-left: -7px;
}
.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
bottom: 100%;
}
.apexcharts-xaxistooltip-bottom:after {
border-bottom-color: #ECEFF1;
}
.apexcharts-xaxistooltip-bottom:before {
border-bottom-color: #90A4AE;
}
.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
top: 100%;
}
.apexcharts-xaxistooltip-top:after {
border-top-color: #ECEFF1;
}
.apexcharts-xaxistooltip-top:before {
border-top-color: #90A4AE;
}
.apexcharts-xaxistooltip.active {
opacity: 1;
transition: 0.15s ease all;
}
.apexcharts-yaxistooltip {
opacity: 0;
padding: 4px 10px;
pointer-events: none;
color: #373d3f;
font-size: 13px;
text-align: center;
border-radius: 2px;
position: absolute;
z-index: 10;
background: #ECEFF1;
border: 1px solid #90A4AE;
}
.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.apexcharts-yaxistooltip:after {
border-color: rgba(236, 239, 241, 0);
border-width: 6px;
margin-top: -6px;
}
.apexcharts-yaxistooltip:before {
border-color: rgba(144, 164, 174, 0);
border-width: 7px;
margin-top: -7px;
}
.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
left: 100%;
}
.apexcharts-yaxistooltip-left:after {
border-left-color: #ECEFF1;
}
.apexcharts-yaxistooltip-left:before {
border-left-color: #90A4AE;
}
.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
right: 100%;
}
.apexcharts-yaxistooltip-right:after {
border-right-color: #ECEFF1;
}
.apexcharts-yaxistooltip-right:before {
border-right-color: #90A4AE;
}
.apexcharts-yaxistooltip.active {
opacity: 1;
}
.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
pointer-events: none;
opacity: 0;
transition: 0.15s ease all;
}
.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {
opacity: 1;
transition: 0.15s ease all;
}
.apexcharts-ycrosshairs-hidden {
opacity: 0;
}
.apexcharts-zoom-rect {
pointer-events: none;
}
.apexcharts-selection-rect {
cursor: move;
}
.svg_select_points, .svg_select_points_rot {
opacity: 0;
visibility: hidden;
}
.svg_select_points_l, .svg_select_points_r {
cursor: ew-resize;
opacity: 1;
visibility: visible;
fill: #888;
}
.apexcharts-canvas.zoomable .hovering-zoom {
cursor: crosshair
}
.apexcharts-canvas.zoomable .hovering-pan {
cursor: move
}
.apexcharts-xaxis,
.apexcharts-yaxis {
pointer-events: none;
}
.apexcharts-zoom-icon,
.apexcharts-zoom-in-icon,
.apexcharts-zoom-out-icon,
.apexcharts-reset-zoom-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon {
cursor: pointer;
width: 20px;
height: 20px;
text-align: center;
}
.apexcharts-zoom-icon svg,
.apexcharts-zoom-in-icon svg,
.apexcharts-zoom-out-icon svg,
.apexcharts-reset-zoom-icon svg,
.apexcharts-menu-icon svg {
fill: #6E8192;
}
.apexcharts-selection-icon svg {
fill: #444;
transform: scale(0.86)
}
.apexcharts-zoom-icon.selected svg,
.apexcharts-selection-icon.selected svg,
.apexcharts-reset-zoom-icon.selected svg {
fill: #008FFB;
}
.apexcharts-selection-icon:not(.selected):hover svg,
.apexcharts-zoom-icon:not(.selected):hover svg,
.apexcharts-zoom-in-icon:hover svg,
.apexcharts-zoom-out-icon:hover svg,
.apexcharts-reset-zoom-icon:hover svg,
.apexcharts-menu-icon:hover svg {
fill: #333;
}
.apexcharts-selection-icon, .apexcharts-menu-icon {
margin-right: 3px;
margin-left: 5px;
position: relative;
top: 1px;
}
.apexcharts-reset-zoom-icon {
margin-left: 7px;
}
.apexcharts-zoom-icon {
transform: scale(1);
}
.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {
transform: scale(0.8)
}
.apexcharts-zoom-out-icon {
margin-right: 3px;
}
.apexcharts-pan-icon {
transform: scale(0.72);
position: relative;
left: 1px;
top: 0px;
}
.apexcharts-pan-icon svg {
fill: #fff;
stroke: #6E8192;
stroke-width: 2;
}
.apexcharts-pan-icon.selected svg {
stroke: #008FFB;
}
.apexcharts-pan-icon:not(.selected):hover svg {
stroke: #333;
}
.apexcharts-toolbar {
position: absolute;
z-index: 11;
top: 0px;
right: 3px;
max-width: 176px;
text-align: right;
border-radius: 3px;
padding: 0px 6px 2px 6px;
display: flex;
justify-content: space-between;
align-items: center;
}
.apexcharts-toolbar svg {
pointer-events: none;
}
.apexcharts-menu {
background: #fff;
position: absolute;
top: 100%;
border: 1px solid #ddd;
border-radius: 3px;
padding: 3px;
right: 10px;
opacity: 0;
min-width: 110px;
transition: 0.15s ease all;
pointer-events: none;
}
.apexcharts-menu.open {
opacity: 1;
pointer-events: all;
transition: 0.15s ease all;
}
.apexcharts-menu-item {
padding: 6px 7px;
font-size: 12px;
cursor: pointer;
}
.apexcharts-menu-item:hover {
background: #eee;
}
@media screen and (min-width: 768px) {
.apexcharts-toolbar {
/*opacity: 0;*/
}
.apexcharts-canvas:hover .apexcharts-toolbar {
opacity: 1;
}
}
.apexcharts-datalabel.hidden {
opacity: 0;
}
.apexcharts-pie-label,
.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {
cursor: default;
pointer-events: none;
}
.apexcharts-pie-label-delay {
opacity: 0;
animation-name: opaque;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: ease;
}
.apexcharts-canvas .hidden {
opacity: 0;
}
.apexcharts-hide .apexcharts-series-points {
opacity: 0;
}
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {
pointer-events: none;
}
/* markers */
.apexcharts-marker {
transition: 0.15s ease all;
}
@keyframes opaque {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}</style><style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;box-sizing: content-box;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>
<body>
<form method="post" action="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="b1PB9fPzK0WiaMLzag/cNe/3FcXPVbCZqFOqFTGD+ZpLkt4KIew/KpR+I5ozDLnRYLkdeGRmPXfLadQvBZxd90xuqPzIQ7pGTwuL7xW1kNBvJDljU/eeYUkRpO28ZyU3VNN1yfiZ6Vbr8t32HbVwuUgVfy2EAZ9uLPQydN6ZXPmhEqJEstrfftOg5baPBz6IiiNDLwMmqJgOI8hOEI/LWaeHDL6Q62P3yj+aVxGHq8UA4rrUxqkwQfA7iIEtBC+t31xd+kWP+2Yujdud9gcwDxfUEd5btxAtLQ+2Kq3JwohiXEkjrNd5AQs0x6FCBJPbBcVJtzUUmQpgF7vpmxAzmzudLVIH6OtRtF163BHvN36FrF4pRQYagpyfN1pEwyuCfRCkYQglMl0dByOubHXFxDmKDFyJujc/HYEjsDrJ1+7dZB4iqO6AhEFDPtkzuGWc5c9wKD+eOzkKllx85ZD96VwlL+r4zAWxe1m2eRnSugkLTfrFSdgZd9zeLp8DrtvnhaKHf5TDJl9U9fFkXY4EenpLILPHJFV4fxoMDxVHfNwbv6j5oFyjyX3y3x121rjJp3ueUsIww1AUuCazi7bZP+hS3iOK1gscWEAKdW1vt1SIJLPTZtRjTn8vU9Iknu1tD++mqACeKHF2uYuRfru3t2LDI2TTYK82fXtaMQ/xkMTN6zjlkudRlpcvMejgCV07ZMueVdISibssdiaKKw54ALKWu1YChy2Q40CqB2VVzVyBQlVZsihB0YFg0p3dJxnBzPQIlWBKwIRNbOMF+VsnTIsxhrxtf1FEfJ29/M3eQwvpmpToJcezPYQ9lhVCNE3U2B/U7oPDIStHyeseL9DSM+IoFUGgn1xONEx9P0lXlJLJ7ncoVlmgx9ERr2UTTtqbGn01dOkXLnOedXrYAbfFg6B/0uEYwfRZd+vEYFk8TfFKda1KKCI9oZqKXoUQzV9tt9FqQ5GsjGL4v3OS0s1QP+Uj/dcZ6/Y+JaPnfi/A4Nl61ZPp/vAMkI1Et5RiP5oh2ZAZzqmy9LplMte54Fjqvt1LLOASokU7UxDe9CIMUTW/UZd+5n/t6jyUOLF5amaUzqvhyPC4O4EHE8BHBEoOohnG0eCha8cTG+15Y3FO0HJ+0+J+hEgVQDQa0o1/7SDbhhDi4tSovxljESUYWLC6UYzfEGIT6aGC5ddj+6bqEoa20KknuQ/6xWFs2WzvyDHcvR0a0zXJ9oG9iII6fgB/a4NLQ7DP1byQKmBvd/Kx9Xqm7lVi4cfoQRv64LVJQT+uHMJydZLbnvNrcyoginufyKpG60Tm1Pytm1lT7xDPKlNj4V8OLdzBLTY2ptWRqUuQXa0Ump1kxqxdtF9Omzrn0n6J5MeWsoq0gvJaiYrkOzAIbu9QgFQXRYA9CvHYgaWCCRvnyrCM3elVjpRxEdMHSYgrysVz0IZ83ByuCQv9ifeZtcUiwo9s62AXtZKGKpywZp+hzURi9BvVGRbYUe9/+KX5wkc7AoFFabCDb6IDV6+q+dXLzrhcHRMtBtFt+bl+zoNiH1Ykvho6Zg6WxNloV5QeRRm+2coXYXXXEDZ2kGfrTrU4ZiTUIMddvIf/vefsJ9EX2ZSVIPoZRO30DoZkvQusPN76aqSyLY8cBzPKcfndLVUKeP3AwBzn0SWegAYme3drqoHSjjmDAds3v3q5toMZq5FiECLDS+GubJ2wKOGzjaptdUQhUZg6Ejt0TmcOGPmJ/PhWzvS1e9uWeGFIS0Dc8I+fdJWU64EGzVK5IVbXN4Pva6cQxPoNmyERCUl/L9pmVpuy1KTgqeChi27NyHtv3rk78CEsavnUyrEpn6jLhJs6e3KEuDMX+8zodpHsYoUwJ8XBPZJFT9RcGDjFD+eiPoyvIazHk1HMUBIx2xkmnlhp2l2dM0pzQ9seN6ZMGUYJlCylD2ExGT6zXR7WqsOdZUus5aDQTsre7bqjeH1+GMtYyBxSGGVwnRZSj8oit1OMBXethpKWebzPu/WrqAlxikhH8fg+7yAKp6Kr/c+DqCiaInpjmLtX8pq3xmScjA0aS/mX8HtO85G1dXgvNDZnbfjCCpIGaiuQ1N0xWQ/8dwA3HoY7hTDdLPx2fTN/jPPSefvJbb2X2MPVOKT/BYL42lc4nReaPu9ePoAs20GRkrzq77HVveiAnLD8nvSG8ZMC2XJEIYMBW+q2VL3V0Bo/XsvD3BrgMi2t4F91CiCA7Beap4RT4YAgxvZt7mz6uyTxaJYb3/rKXtx96zQ08gocSEF8y3CgZ1ho9xnqVJj+x86aL/Xv+6EbcUIhLZ/5LNAOBcPIsjMY/pZmHZX+9T6GHDWOAWjtveqor6slzgsIlDLII5czsvI27IBpc2Pk7Sn+HUatR7l/qTS6awQFQp7iT8CCnVreBB9vzGTnheYcZZgg3syK/z8pSQs97pa5UxYHfBHxX3n8nHUtloQXHg==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="40EBC676">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="h33NqqHrpYYxNU6vPuUExgobIABis1lcTxleh+8GihEUcDS1JT/X/Txqc9zeg2h0bNl96BcL5Q7rsPVF0zgDSMfmORRPpLD+Von76JDkwjq0jxESYph+ZQOoBTwyyQNea9BtER+R/51+3BWPHBs674YaYKUnS6OiMm0TPp/0ofdRc+7nvKNXWPkUxPBP5WorRRrTbDQxtDyUV7IxQiDad75wlNJyw2NmFW5DjDysZlIktV+Ae9Y5CVJRHd2JpzPwjnhgl6C5zAdE/mc27Mn4FxNWaU4QFTcKaKcfup/Y2y1AGQfdDq87XkO40yVgkWo0R9oHF48ETKPRut7D6RYXq4Z68/6d50tHj/R+RXlxftvx+ZAyAc+cWeYuoVCob49xYn3D4tqRJKp8yGDeLeXRqA==">
</div>
<div class="app-container app-theme-white body-tabs-shadow fixed-header fixed-sidebar closed-sidebar-mobile closed-sidebar">
<div class="app-header header-shadow">
<div class="app-header__logo">
<div class="logo-src"></div>
<div class="header__pane ml-auto">
<div>
<button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<div class="app-header__mobile-menu">
<div>
<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
<div class="app-header__menu">
<span>
<button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
<span class="btn-icon-wrapper">
<i class="fa fa-ellipsis-v fa-w-6"></i>
</span>
</button>
</span>
</div> <div class="app-header__content">
<div class="app-header-left text-center timeline-title">
<h4>Content Management System (CMS)</h4>
</div>
<div class="app-header-right">
<div class="header-dots">
</div>
<div class="widget-content-right ml-3 header-user-info ">
<h4> </h4>
</div>
<div class="header-btn-lg pr-0">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="widget-content-left">
<div class="btn-group">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="p-0 btn">
Hello, <span>GUC\hadi.elnemr</span>
</a><a id="ContentPlaceHolderperson_LinkButtonactor" href="javascript:__doPostBack(&#39;ctl00$ctl00$ContentPlaceHolderperson$LinkButtonactor&#39;,&#39;&#39;)"></a>
</div>
</div>
<div class="widget-content-left ml-3 header-user-info">
<div class="widget-heading">
<img width="42" class="rounded-circle" src="./CourseViewStn_files/images.png" alt="">
</div>
<div class="widget-subheading">
</div>
</div>
<div class="widget-content-right header-user-info ml-3">
</div>
</div>
</div>
</div>
<div class="header-btn-lg">
</div> </div>
</div>
</div>
<div class="app-main">
<div class="app-sidebar sidebar-shadow">
<div class="app-header__logo">
<div class="logo-src">
</div>
<div class="header__pane ml-auto">
<div>
<button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<div class="app-header__mobile-menu">
<div>
<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
<div class="app-header__menu">
<span>
<button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
<span class="btn-icon-wrapper">
<i class="fa fa-ellipsis-v fa-w-6"></i>
</span>
</button>
</span>
</div> <div class="scrollbar-sidebar ps ps--active-x">
<div class="app-sidebar__inner">
<ul class="vertical-nav-menu metismenu">
<li class="app-sidebar__heading"></li>
<li class="">
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58#" class="main-menu ">
<i class="metismenu-icon pe-7s-add-user"></i>
Dashboards
<i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
</a>
<ul class="mm-collapse">
<li>
<a href="https://cms.guc.edu.eg/apps/student/HomePageStn" class="mm-active">
<i class="metismenu-icon pe-7s-home"></i>Home Page
</a>
</li>
</ul>
</li>
<li class="mm-active">
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58#" class="main-menu " aria-expanded="true">
<i class="metismenu-icon pe-7s-browser"></i>
Courses
<i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
</a>
<ul class="mm-collapse mm-show">
<li>
<a href="https://cms.guc.edu.eg/apps/student/ViewAllCourseStn" class="">
<i class="metismenu-icon">
</i>All Courses
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=611&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|HUMA901|...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=729&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|MCTR903|...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=559&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|ELCT903|...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=747&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|EDPT1009...
</a>
</li>
<li class="mm-active">
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58" class="mm-active" aria-expanded="true">
<i class="metismenu-icon">
</i> (|MCTR1021...
</a>
</li>
</ul>
</li>
<li id="ContentPlaceHoldermenuleft_Acad" class="">
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58#" class="main-menu">
<i class="metismenu-icon pe-7s-bookmarks"></i>
Academic
<i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
</a>
<ul class="mm-collapse">
<li id="ContentPlaceHoldermenuleft_Li2">
<a href="https://cms.guc.edu.eg/apps/student/ViewComplaintStn" class="">
<i class="metismenu-icon pe-7s-home"></i>View My Complaint
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58#" class="main-menu ">
<i class="metismenu-icon pe-7s-albums"></i>
Discussion
<i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
</a>
<ul class="mm-collapse">
<li>
<a href="https://cms.guc.edu.eg/apps/student/DiscussionCourse.aspx" class="">
<i class="metismenu-icon">
</i>All Courses
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/DiscussionBoard.aspx?id=611&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|HUMA901|...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/DiscussionBoard.aspx?id=729&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|MCTR903|...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/DiscussionBoard.aspx?id=559&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|ELCT903|...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/DiscussionBoard.aspx?id=747&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|EDPT1009...
</a>
</li>
<li>
<a href="https://cms.guc.edu.eg/apps/student/DiscussionBoard.aspx?id=2505&amp;sid=58" class="">
<i class="metismenu-icon">
</i> (|MCTR1021...
</a>
</li>
</ul>
</li>
<li class="">
<a href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58#" class="main-menu ">
<i class="metismenu-icon pe-7s-note"></i>
Notification
<div class="badge badge-danger ml-0 ml-1">
<small><span id="ContentPlaceHoldermenuleft_Labeltotal" style="font-size:Larger;">0</span></small>
</div>
<i class="metismenu-state-icon pe-7s-angle-down caret-left"></i>
</a>
<ul class="mm-collapse">
<li>
<a href="https://cms.guc.edu.eg/apps/student/AllNotification.aspx" class="">
<i class="metismenu-icon">
</i>All Notification
</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="ps__rail-x" style="width: 80px; left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 20px;"></div></div><div class="ps__rail-y" style="top: 0px; right: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
</div>
<div class="app-main__outer">
<div class="app-main__inner">
<div class="app-page-title">
<div class="page-title-wrapper">
<div class="page-title-heading">
</div>
<div class="container-fluid p-0 m-0 ">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHolderright$ContentPlaceHoldercontent$HiddenFieldcourseid" id="HiddenFieldcourseid" value="2505">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHolderright$ContentPlaceHoldercontent$HiddenFieldstaffid" id="HiddenFieldstaffid" value="31835">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHolderright$ContentPlaceHoldercontent$HiddenFieldseasonid" id="HiddenFieldseasonid" value="58">
<div class="row">
<div class="col-md-12 col-lg-12 col-xl-12">
<div class="card-shadow-primary profile-responsive card-border mb-3 card">
<div class="dropdown-menu-header">
<div class="dropdown-menu-header-inner bg-primary">
<div class="menu-header-image" style="background-image: url(&#39;/template/1.jpg&#39;)"></div>
<div class="menu-header-content btn-pane-right">
<div>
<h5 class="menu-header-title">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_LabelCourseName">(|MCTR1021|) Optimization Techniques for Multi-Cooperative Systems (2505)</span></h5>
<h6 class="menu-header-subtitle">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_LabelseasonName">Winter 2022</span></h6>
</div>
<div class="menu-header-btn-pane">
</div>
</div>
</div>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="row" style="width: 100%">
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6">
<div class="widget-content-left p-2">
<div class="card mb-3 widget-chart">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg bg-primary"></div>
<i class="fa fa-calendar text-primary"></i>
</div>
<div class="widget-numbers">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labeltotalweeks">1</span>
</div>
<div class="widget-subheading">Total Weeks</div>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6">
<div class="widget-content-left p-2">
<div class="card mb-3 widget-chart">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg bg-primary"></div>
<i class="fa fa-file-archive text-primary"></i>
</div>
<div class="widget-numbers">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labelunseencontent">2</span>
</div>
<div class="widget-subheading">Content</div>
</div>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6">
<div class="widget-content-left p-2" id="posts">
<div class="card mb-3 widget-chart">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg bg-primary"></div>
<i class="pe-7s-albums text-primary"></i>
</div>
<div class="widget-numbers">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labelposts">0</span>
</div>
<div class="widget-subheading">Discussion Posts</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<br>
<div class="row" style="overflow-x:auto;">
<div class="col-md-12 col-lg-12 col-xl-12">
<span id="ContentPlaceHolderright_ContentPlaceHoldercontent_Labelstatus" style="color:Red;"></span>
<div class="row">
<div class="col-md-12 col-lg-12 col-xl-12">
<h5>Course Announcements:</h5><br>
<div id="ContentPlaceHolderright_ContentPlaceHoldercontent_desc" style="overflow-x:auto;" class="p-xl-2">
</div>
<hr>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPlaceHolderright_ContentPlaceHoldercontent_Filter" class="card mb-5">
<div class="card-header">
<div class="menu-header-title">
Filter Weeks
</div>
</div>
<div class="row body card-body">
<div class="col-md-12 col-lg-12 col-sm-12 ">
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12 text-center">
<div class="row">
<div class="text-left">
Choose Tag Filter:
</div>
<ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav">
<li class="nav-item" style="max-width:200px;">
<a role="tab" class="nav-link filterli active show" href="javascript:void(0);" aria-selected="true" data-id="0">
<span>No Filter</span>
</a>
</li>
<li class="nav-item" style="max-width:200px;">
<a role="tab" class="nav-link filterli" href="javascript:void(0);" aria-selected="true" data-id="189">
<span>Lectures </span>
</a>
</li>
</ul>
</div>
<div class="row" id="stafffilter" style="display: none;">
<div class="text-left">
Choose Staff:
</div>
<ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav" id="linew"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card mb-5 weeksdata" data-id="189" data-username="omar.mohamad">
<div class="card-header" style="height:150%">
<div class="col-lg-6 col-md-6 col-sm-12">
<h2 class="text-big">Week: 2022-9-24</h2>
<div class="text-muted small mt-1">By omar.mohamad <a href="javascript:void(0)" class="text-muted"></a></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="menu-header-title text-right">
(Lectures)
</div>
</div>
</div>
<div class="p-3">
<div style="display:none;">
<div><strong>Announcement</strong></div>
<p class="m-2 p2"></p>
</div>
<div>
<div><strong>Description</strong></div>
<p class="m-2 p2">Lectures' Material</p>
</div>
<div>
<div><strong>Content</strong></div>
<div class="card mb-4">
<div class="card-body">
<div><strong>1 - MCTR1021_Optimization-L00_Course Policy</strong> (Lecture slides)</div>
<div>Overview about the course policy and assessment details.</div>
<div>
<div>
<a href="https://cms.guc.edu.eg/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T08_58_28.pdf" id="download" download="MCTR1021_Optimization-L00_Course Policy" class="btn btn-primary contentbtn" data-contentid="97829" data-seen="no" style="display:yes;">Download Content</a>
<input id="" type="button" value="Watch Video" class="btn btn-primary vodbutton contentbtn" data-url="/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T08_58_28.pdf" data-toggle="modal" data-target="#modalvod" style="display:none;" data-contentid="97829" data-seen="no">
<input type="button" class="btn btn-danger complaint" value="Report and Issue" data-id="97829" data-toggle="modal" data-target="#modalcomplaint">
</div>
<div>
<input id="Text" class="ratedata" type="text" style="display: none;" data-id="97829" data-rate="0">
<span class="rating-star">
<input type="radio" name="rating97829" value="5" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="4" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="3" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="2" class="rate" data-id="97829"><span class="star"></span>
<input type="radio" name="rating97829" value="1" class="rate" data-id="97829"><span class="star"></span>
</span>
<span id="selected-rating97829" class="selected-rating"></span>
<input type="button" class="btn btn-danger close1" value="Remove My Rating" data-id="97829" id="close97829" style="display: none;">
</div>
</div>
<div class="float-right mt-2">
<i class="fa fa-eye" style="display:none;"></i>
<i class="fa fa-eye-slash" style="font-size: large;" title="You didnot open this before"></i>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<div><strong>2 - MCTR1021_Optimization-L01_Introduction</strong> (Lecture slides)</div>
<div>Introductory Lecture about the main concepts and definitions of the optimization techniques and its different details. </div>
<div>
<div>
<a href="https://cms.guc.edu.eg/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T09_27_23.pdf" id="download" download="MCTR1021_Optimization-L01_Introduction" class="btn btn-primary contentbtn" data-contentid="97832" data-seen="no" style="display:yes;">Download Content</a>
<input id="" type="button" value="Watch Video" class="btn btn-primary vodbutton contentbtn" data-url="/Uploads/58/2505/23026/GUC_2505_58_23026_2022-09-25T09_27_23.pdf" data-toggle="modal" data-target="#modalvod" style="display:none;" data-contentid="97832" data-seen="no">
<input type="button" class="btn btn-danger complaint" value="Report and Issue" data-id="97832" data-toggle="modal" data-target="#modalcomplaint">
</div>
<div>
<input id="Text" class="ratedata" type="text" style="display: none;" data-id="97832" data-rate="0">
<span class="rating-star">
<input type="radio" name="rating97832" value="5" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="4" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="3" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="2" class="rate" data-id="97832"><span class="star"></span>
<input type="radio" name="rating97832" value="1" class="rate" data-id="97832"><span class="star"></span>
</span>
<span id="selected-rating97832" class="selected-rating"></span>
<input type="button" class="btn btn-danger close1" value="Remove My Rating" data-id="97832" id="close97832" style="display: none;">
</div>
</div>
<div class="float-right mt-2">
<i class="fa fa-eye" style="display:none;"></i>
<i class="fa fa-eye-slash" style="font-size: large;" title="You didnot open this before"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="app-drawer-wrapper">
<div class="drawer-nav-btn">
<button type="button" class="hamburger hamburger--elastic is-active">
<span class="hamburger-box"><span class="hamburger-inner"></span></span></button>
</div>
<div class="drawer-content-wrapper">
<div class="scrollbar-container ps">
<h3 class="drawer-heading">ShortCuts</h3>
<div class="drawer-section">
<div class="row">
</div>
<div class="divider"></div>
</div>
<div class="ps__rail-x" style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; right: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
</div>
</div>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="modalvod" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalvodtilte">Video</h5>
<button type="button" class="close closeclose" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body center">
<ul class="tabs-animated-shadow tabs-animated nav">
<li class="nav-item">
<a role="tab" class="nav-link active" id="tab-c-0" data-toggle="tab" href="https://cms.guc.edu.eg/apps/student/CourseViewStn?id=2505&amp;sid=58#tab-animated-0">
<span>VoD</span>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-animated-0" role="tabpanel">
<div class="row">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-0" id="vodplayer" style="height: 500px;">
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
</div>
</div>
<div class="tab-pane" id="tab-animated-1" role="tabpanel">
<div class="row">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-0" id="vodplayer2" style="height: 500px;">
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger closeclose" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="modalcomplaint" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalcomplainttilte">Complaint</h5>
<button type="button" class="close closeclose" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body center">
<div class="row">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
<input type="hidden" name="ctl00$ctl00$ContentPlaceHoldermodal$ContentPlaceHoldersubmodal$HiddenFieldcomplaintid" id="HiddenFieldcomplaintid">
Type:<select name="ctl00$ctl00$ContentPlaceHoldermodal$ContentPlaceHoldersubmodal$DropDownListtype" id="ContentPlaceHoldermodal_ContentPlaceHoldersubmodal_DropDownListtype" class="form-control">
<option value="Content it self is not clear">Content it self is not clear</option>
<option value="Content corrupted ">Content corrupted </option>
<option value="Sound not clear">Sound not clear</option>
<option value="Video bad resolution ">Video bad resolution </option>
<option value="Both Sound &amp; Video not clear">Both Sound &amp; Video not clear</option>
<option value="Others">Others</option>
</select>
<br>
Complaint:
<textarea name="ctl00$ctl00$ContentPlaceHoldermodal$ContentPlaceHoldersubmodal$TextBoxcomplaint" rows="2" cols="20" maxlength="499" id="ContentPlaceHoldermodal_ContentPlaceHoldersubmodal_TextBoxcomplaint" class="form-control" style="min-height: 100px"></textarea>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-0">
</div>
</div>
</div>
<div class="modal-footer">
<input type="submit" name="ctl00$ctl00$ContentPlaceHoldermodal$ContentPlaceHoldersubmodal$Buttonsave" value="Save" id="ContentPlaceHoldermodal_ContentPlaceHoldersubmodal_Buttonsave" class="btn btn-primary">
<button type="button" class="btn btn-danger closeclose" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal center-block" data-backdrop="static" data-keyboard="false">
<div class="row" style="position:fixed;background-color:white;top:40%;left:50%;">
<div class="col-md-12 col-lg-12 col-sm-12" style="width:100%">
<div class=" float-left mr-3 mb-3">
<div class="loader-wrapper d-flex justify-content-center align-items-center">
<div class="loader">
<div class="ball-spin-fade-loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
</div>
<input type="hidden" name="ctl00$ctl00$div_position" id="div_position" value="0">
</form>
<script type="text/javascript" src="./CourseViewStn_files/main.87c0748b313a1dda75f5.js"></script>
<script src="./CourseViewStn_files/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function () {
var x = $(location).attr('search');
$('li.mm-active').closest('a.mm-active').removeClass('mm-active');
$('li.mm-active').removeClass('mm-active');
$('a[href="' + location.pathname + x+ '"]').closest('li').addClass('mm-active');
$('a[href="' + location.pathname + x+ '"]').addClass('mm-active');
});
</script>
<script>
$('.app-container').addClass('closed-sidebar');
//maintain postion scroll
$(document).ready(function () {
var div_position = $("#div_position");
if (div_position.val() !=0) {
$(window).scrollTop(div_position.val());
}
$(window).scroll(function () {
div_position.val( $(window).scrollTop());
});
//const form = document.querySelector('form');
//const data = Object.fromEntries(new FormData(form).entries());
////var dataval = Request.Form["div_position"];//data.div_position;
////alert(dataval);
//alert($(window).scrollTop());
//$(document.body).scrollTop = data.div_position;
});
//hide fields from table
$(document).ready(function () {
//$body = $("body");
//$body.removeClass("loading");
$(".modal").each(function () {
$(this).attr("data-backdrop", "static");
$(this).attr("data-keyboard", "false");
});
$(".table").each(function () {
var ownerIndex = $(this).find('th:contains("ID")').index() + 1;
$(this).find('td:nth-child(' + ownerIndex + ')').hide();
$(this).find("tbody tr, thead tr").children(":nth-child(" + ownerIndex + ")").hide()
var ownerIndex2 = $(this).find('th:contains("URL")').index() + 1;
$(this).find('td:nth-child(' + ownerIndex2 + ')').hide();
$(this).find("tbody tr, thead tr").children(":nth-child(" + ownerIndex2 + ")").hide()
var ownerIndex3 = $(this).find('th:contains("SeasonId")').index() + 1;
$(this).find('td:nth-child(' + ownerIndex3 + ')').hide();
$(this).find("tbody tr, thead tr").children(":nth-child(" + ownerIndex3 + ")").hide()
});
//$(".table").attr("Style", "overflow-x: auto;")
// x -axis scroll for all tables
$(".table").each(function () {
var newul = $(this).parent().attr("Style", "overflow-x: auto; ")
});
$(".dropdown-menu-header").click(function () {
$(this).next(".card-body").toggle("slow");
});
//$('#form1').submit(function () {
// $body = $("body");
// $body.addClass("loading");
//});
//$(".table").each(function (index, item) {
//var ownerIndex = $('th:contains("ID")').index() + 1 ;
//$(item).find('td:nth-child(' + ownerIndex + ')').hide();
//$(item).find("tbody tr, thead tr").children(":nth-child(" + ownerIndex + ")").hide()
//});
$('.app-container').addClass('closed-sidebar');
});
</script>
<script>
$(document).ready(function () {
$(".vodbutton").click(function () {
var width = $(window).width() - 20;
if (width > 590) {
width = 590;
}
var height = (width * 431) / 590;
var id = this.id;
var content = " <script id ='" + id + "'"
+ " width = '' height = '500' src ='https://player.dacast.com/js/player.js?contentId=" + id + "' class='dacast-video'><" + "/script>";
$("#vodplayer").html(content);
var title = $(this).data("url");
//$('#vodplayer2').html("<video controls='' name='media' width='600' height='500' id='videoplayer' preload='auto' muted>" +
// "<source src = '" + title + "' type = 'video/ogg' > " +
// "<source src = '" + title + "' type = 'video/webm' > " +
// "<source src = '" + title + "' type = 'video/mp4' >" +
// "<source src = '" + title + "' type = 'video/wmv' >" +
// "</video > ");
});
$(".complaint").click(function () {
var id = $(this).data("id");
$("#HiddenFieldcomplaintid").val(id);
});
$(".closeclose").click(function () {
$("#vodplayer").html("");
$('#vodplayer2').html("");
});
$(".filterli").click(function () {
$(".filterli").each(function (index) {
$(this).removeClass("active show")
});
var filterid = $(this).data("id")
$(this).addClass("active show")
if (filterid == 0) {
$(".weeksdata").each(function (index) {
$(this).slideDown("slow", function () {
$(this).show()
});
});
$("#linew").html("");
$("#stafffilter").hide();
}
else {
$(".weeksdata").each(function (index) {
if ($(this).data("id") == filterid || $(this).data("id") == 0) {
$(this).slideDown("slow", function () {
$(this).show()
});
}
else {
$(this).slideUp("slow", function () {
$(this).hide()
});
}
});
getfilter(filterid);
}
});
$(document).on('click', '.filterli2', function (e) {
$(".filterli2").each(function (index) {
$(this).removeClass("active show")
});
$(this).addClass("active show")
var filterid = $(this).data("id")
var tagid = $(this).data("tagid")
if (filterid == 0) {
$(".weeksdata").each(function (index) {
if ($(this).data("id") == tagid || $(this).data("id") == 0) {
$(this).slideDown("slow", function () {
$(this).show()
});
}
else {
$(this).slideUp("slow", function () {
$(this).hide()
});
}
});
}
else {
$(".weeksdata").each(function (index) {
if ($(this).data("id") == tagid && $(this).data("username") == filterid) {
$(this).slideDown("slow", function () {
$(this).show()
});
}
else {
$(this).slideUp("slow", function () {
$(this).hide()
});
}
});
}
});
});
$(document).ready(function () {
$(".contentbtn").click(function () {
var id = $(this).attr("data-contentid");
var seen = $(this).attr("data-seen");
var studentid = $("#HiddenFieldstaffid").val();
console.log("open content");
if (seen == "no") {
senddata1(id, studentid);
}
});
//$(".fa-caret-down").click(function () {
// $(this).removeClass("fa-caret-down");
// $(this).addClass("fa-caret-up");
//});
//$(".fa-caret-up").click(function () {
// alert("");
// $(this).removeClass("fa-caret-up");
// $(this).addClass("fa-caret-down");
//});
});
function senddata1(id, studentid) {
console.log("Send data");
var data = JSON.stringify({ id: id, studentid: studentid });
$.ajax(
{
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CourseViewStn.aspx/Goajax",
//xhrFields: {
// withCredentials: false
//},
data: data,
datatype: "json",
success: function (result) {
console.log("Seen Done");
},
error: function (xhr, status, error) {
console.log("Error, Please try again." + error + xhr.responseText);
}
});
}
function getfilter(id) {
var data = JSON.stringify({ id: id });
$.ajax(
{
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CourseViewStn.aspx/Goajax3",
//xhrFields: {
// withCredentials: false
//},
data: data,
datatype: "json",
success: function (result) {
if (result.d == "NONE") {
$("#stafffilter").hide();
$("#linew").html("");
}
else {
$("#stafffilter").show();
$("#linew").html(result.d);
}
},
error: function (xhr, status, error) {
console.log("Error, Please try again." + error + xhr.responseText);
}
});
}
</script>
<script>
$(document).ready(function () {
$("#posts").click(function () {
var course = $("#HiddenFieldcourseid").val()
var season = $("#HiddenFieldseasonid").val()
window.location.href = "DiscussionBoard.aspx?id=" + course + "&sid=" + season;
});
$(".close1").hide();
$(".ratedata").each(function () {
var id = $(this).data("id");
var rate = $(this).data("rate");
if (rate != "0") {
$('[name="rating' + id + '"]').each(function () {
if ($(this).val() == rate) {
$(this).prop("checked", true);
$("#close" + id).show();
}
});
}
});
$(".rate").click(function () {
var data = $(this).val();
var id = $(this).data("id");
if (data == "0") {
$("#selected-rating" + id).text("Your rating has been successfully removed.");
}
else {
$("#selected-rating" + id).text("Thank you for rating this content " + data + "/5.");
}
$("#close" + id).show();
senddata(data, id);
});
$(".close1").click(function () {
var id = $(this).data("id");
$('[name="rating' + id + '"]').each(function () {
$(this).prop("checked", false);
});
$(this).hide();
var data = 0;
$("#selected-rating" + id).text("Your rating has been successfully removed.");
senddata(data, id);
});
});
function senddata(rate, id) {
//if (rate > 5)
// rate=5
var studentid = $("#HiddenFieldstaffid").val()
var content = id;
//alert(student + "," + video);
var data = JSON.stringify({ studentid: studentid, videoid: content, rateid: rate });
$.ajax(
{
type: "POST",
contentType: "application/json; charset=utf-8",
url: "CourseViewStn.aspx/Goajax2",
data: data,
datatype: "json",
success: function (result) {
//alert(""+result.d);
},
error: function (xhr, status, error) {
$("#selected-rating" + id).text("Error while saving your rating, please try again later. ");
}
});
}
</script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$(document).on("keydown", disableF5);
});
function disableF5(e) { if ((e.which || e.keyCode) == 116) e.preventDefault(); };
</script>
<svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"><defs id="SvgjsDefs1002"></defs><polyline id="SvgjsPolyline1003" points="0,0"></polyline><path id="SvgjsPath1004" d="M0 0 "></path></svg><div class="jvectormap-tip"></div></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment