From 381560af02d55ddb5d418a2da2656472f55d7bfc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=9E=97?= <904079904@qq.com> Date: Wed, 30 Oct 2019 16:15:22 +0800 Subject: [PATCH] build --- app/templates/shared/main.css | 7 +- public/react/public/css/css_min_all.css | 13 +- .../shixunHomework/Trainingjobsetting.js | 5196 +++++++++-------- public/stylesheets/educoder/edu-main.css | 5 + 4 files changed, 2718 insertions(+), 2503 deletions(-) diff --git a/app/templates/shared/main.css b/app/templates/shared/main.css index 31ebfabac..09d295421 100644 --- a/app/templates/shared/main.css +++ b/app/templates/shared/main.css @@ -220,6 +220,11 @@ a.color-blue:hover,a.color-blue_4C:hover{color: #459BE6!important;} /*橙色*/ .color-orange{color: #ff6800!important;}/*辅助文字*/ .color-orange-tip{color: #FF954C!important;}/*提示文字*/ +.color-orange-tips { + color: #FF8204 !important; +} + +/*提示文字*/ a.color-orange:hover,a.color-orange-tip:hover{color: #F06200!important;} /*黄色*/ .color-yellow{color: #EFC003!important;} @@ -778,4 +783,4 @@ html>body #ajax-indicator { position: fixed; } } .yslminHeigth{ min-height: 400px; -} \ No newline at end of file +} diff --git a/public/react/public/css/css_min_all.css b/public/react/public/css/css_min_all.css index dc8331c69..5f5362c2e 100755 --- a/public/react/public/css/css_min_all.css +++ b/public/react/public/css/css_min_all.css @@ -1788,7 +1788,8 @@ ol.linenums{margin-top:0;margin-bottom:0}li.L1,li.L3,li.L5,li.L7,li.L9{backgroun .-header-right { background: #1F2F3B; } -.page--header { + +.page--header { background: #05101A; left: 0px; padding: 5px 0; @@ -1810,7 +1811,13 @@ ol.linenums{margin-top:0;margin-bottom:0}li.L1,li.L3,li.L5,li.L7,li.L9{backgroun flex-direction: row; } -#games_repository_contents, + +.yslflexhomesysl1 { + display: flex; + flex-direction: column; +} + +#games_repository_contents, .cm-s-railscasts .CodeMirror-gutters, .split-panel--second { background: #111C24; @@ -1894,4 +1901,4 @@ a:hover.task_icons_close{background: url(../images/popup/sy_icons_close.png) -40 * Copyright (c) 2018 Daniel Eden */ -.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} \ No newline at end of file +.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} diff --git a/public/react/src/modules/courses/shixunHomework/Trainingjobsetting.js b/public/react/src/modules/courses/shixunHomework/Trainingjobsetting.js index ab8a55dc7..083ecf018 100644 --- a/public/react/src/modules/courses/shixunHomework/Trainingjobsetting.js +++ b/public/react/src/modules/courses/shixunHomework/Trainingjobsetting.js @@ -1,18 +1,18 @@ import React, {Component} from "react"; import CoursesListType from '../coursesPublic/CoursesListType'; import HomeworkModal from "../coursesPublic/HomeworkModal"; -import {WordsBtn, ActionBtn, handleDateString,getImageUrl} from 'educoder'; +import {WordsBtn, ActionBtn, handleDateString, getImageUrl} from 'educoder'; import PollDetailTabForthRules from '../poll/PollDetailTabForthRules'; import ShixunWorkModal from './Shixunworkdetails/ShixunWorkModal'; import { - Button, - Checkbox, - message, - InputNumber, - DatePicker, - Radio, - Tooltip, - notification, + Button, + Checkbox, + message, + InputNumber, + DatePicker, + Radio, + Tooltip, + notification, } from "antd"; import {Link} from 'react-router-dom'; import locale from 'antd/lib/date-picker/locale/zh_CN'; @@ -37,17 +37,18 @@ const RadioGroup = Radio.Group; //课堂作业设置 function range(start, end) { - const result = []; - for (let i = start; i < end; i++) { - result.push(i); - } - return result; + const result = []; + for (let i = start; i < end; i++) { + result.push(i); + } + return result; } + function disabledDateTime() { - return { - disabledMinutes: () => range(1, 30).concat(range(31, 60)), - // disabledSeconds: () => range(0,60) - } + return { + disabledMinutes: () => range(1, 30).concat(range(31, 60)), + // disabledSeconds: () => range(0,60) + } } function disabledDate(current) { @@ -56,2554 +57,2749 @@ function disabledDate(current) { class Trainingjobsetting extends Component { - //unifiedsetting 统一设置 - //allowreplenishment 允许补交 - //completionefficiencyscore 完成效率评分占比 - //level级别 - //proportion 比例 - //releasetime 发布时间 - //deadline 截至时间 - constructor(props) { - super(props); - // this.props.form.setFieldsValue({ - // radiogroup:1, - // - // }); - this.state = { - flagPageEdit: true, - flagPageEdits: false, - flagPageEditstwo:false, - flagPageEditsthrees:false, - flagPageEditsfor:false, - props: props, - flagPageEditsbox:false, - handclass:undefined, - rulest:undefined, - rules:undefined, - starttimetype: false, - endtimetype: false, - latetimetype: false, - allowlate: 1, - unit_p_tip: "", - unit_e_tip: "", - latepenaltytype: false, - unifiedsetting: true, - allowreplenishment: undefined, - completionefficiencyscore: false, - whethertopay: false, - proportion: undefined, - level: undefined, - ealuation: false, - latededuction: undefined, - latedeductiontwo: "0", - database: false, - datasheet: false, - databasetwo: undefined, - datasheettwo: undefined, - publicwork: undefined, - publish_time: undefined, - publish_timebool:false, - end_time: undefined, - late_time: undefined, - endOpen: false, - borreds:undefined, - borredss:undefined, - releasetime: undefined, - deadline: undefined, - late_times: undefined, - mystyle: {"display": "block"}, - mystyles: {"display": "none"}, - challenge_settings: undefined, - boolUnite: true, - boolUnitetwo: true, - boolUnitetwoname:undefined, - score_open: false, - group_settings:undefined, - rulesdata:[], - showmodel:false, - code_review:false, - testscripttiptype:false, - starttimesend:undefined, - end_timebool:false, - late_timesbool:false, - work_efficiencys:false, - task_pass: false, //是否允许跳关 - } - // console.log("获取到的值") - // console.log("Trainingjobsetting") - // // console.log("设置页面调用的老师学生权限") - // console.log(JSON.stringify(props)) - // console.log(this.props.isAdmin()) //判断是否是老师 - // console.log(this.props.isStudent()) //判断是否是学生 - // console.log(this.props.isNotMember()) //判断是否有登入权限 - } - - componentDidMount() { - console.log("Trainingjobsetting"); - console.log("componentDidMount"); - this.getTrainingjobsetting(true); - let query = this.props.location.pathname; - const type = query.split('/'); - this.setState({ - shixuntypes:type[3] - }) - this.props.triggerRef(this); - - - - if(this.props.isAdmin() === false){ - this.cancelEdit() + //unifiedsetting 统一设置 + //allowreplenishment 允许补交 + //completionefficiencyscore 完成效率评分占比 + //level级别 + //proportion 比例 + //releasetime 发布时间 + //deadline 截至时间 + constructor(props) { + super(props); + // this.props.form.setFieldsValue({ + // radiogroup:1, + // + // }); + this.state = { + flagPageEdit: true, + flagPageEdits: false, + flagPageEditstwo: false, + flagPageEditsthrees: false, + flagPageEditsfor: false, + props: props, + flagPageEditsbox: false, + handclass: undefined, + rulest: undefined, + rules: undefined, + starttimetype: false, + endtimetype: false, + latetimetype: false, + allowlate: 1, + unit_p_tip: "", + unit_e_tip: "", + latepenaltytype: false, + unifiedsetting: true, + allowreplenishment: undefined, + completionefficiencyscore: false, + whethertopay: false, + proportion: undefined, + level: undefined, + ealuation: false, + latededuction: undefined, + latedeductiontwo: "0", + database: false, + datasheet: false, + databasetwo: undefined, + datasheettwo: undefined, + publicwork: undefined, + publish_time: undefined, + publish_timebool: false, + end_time: undefined, + late_time: undefined, + endOpen: false, + borreds: undefined, + borredss: undefined, + releasetime: undefined, + deadline: undefined, + late_times: undefined, + mystyle: {"display": "block"}, + mystyles: {"display": "none"}, + challenge_settings: undefined, + boolUnite: true, + boolUnitetwo: true, + boolUnitetwoname: undefined, + score_open: false, + group_settings: undefined, + rulesdata: [], + showmodel: false, + code_review: false, + testscripttiptype: false, + starttimesend: undefined, + end_timebool: false, + late_timesbool: false, + work_efficiencys: false, + task_pass: false, //是否允许跳关 + CalculateMax: 100,//总分值 + } + // console.log("获取到的值") + // console.log("Trainingjobsetting") + // // console.log("设置页面调用的老师学生权限") + // console.log(JSON.stringify(props)) + // console.log(this.props.isAdmin()) //判断是否是老师 + // console.log(this.props.isStudent()) //判断是否是学生 + // console.log(this.props.isNotMember()) //判断是否有登入权限 + } + + componentDidMount() { + console.log("Trainingjobsetting"); + console.log("componentDidMount"); + this.getTrainingjobsetting(true); + let query = this.props.location.pathname; + const type = query.split('/'); + this.setState({ + shixuntypes: type[3] + }) + this.props.triggerRef(this); + + + if (this.props.isAdmin() === false) { + this.cancelEdit() + } + } + + // componentWillReceiveProps(nextProps) { + // // console.log("+++++++++916"); + // // console.log(nextProps); + // // console.log(this.props) + // // console.log(this.props.isAdmin()); + // if (nextProps.code_review != this.props.code_review) { + // if (nextProps.code_review !== undefined) { + // console.log("diaoyonglwangluo4"); + // this.getTrainingjobsetting() + // + // } + // } + // + // } + + // 获取数据地方 + getTrainingjobsetting = (bool) => { + // console.log("getTrainingjobsetting") + var homeworkid = this.props.match.params.homeworkid; + // console.log(homeworkid) + let url = `/homework_commons/${homeworkid}/settings.json`; + axios.get(url).then((result) => { + // console.log(url); + // console.log(result); + if (result != undefined) { + + // console.log(result.data.code_review) + // console.log("设置页") + // console.log(JSON.stringify(result)) + let array = []; + let arrays = []; + var rulesdatas = []; + if (result.data.group_settings !== undefined) { + if (result.data.group_settings.length === 0) { + array.push({ + course_group_id: [], + course_group_name: [], + publish_time: undefined, + end_time: undefined, + publish_flag: "", + end_flag: "", + class_flag: "", + course_search: "", + open: false + }) + } else { + for (var i = 0; i < result.data.group_settings.length; i++) { + if (result.data.group_settings[i].publish_time === null && result.data.group_settings[i].end_time === null) { + + } else { + array.push({ + course_group_id: result.data.group_settings[i].group_id, + course_group_name: result.data.group_settings[i].group_name, + publish_time: moment(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'), + end_time: moment(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm'), + publish_flag: "", + end_flag: "", + class_flag: "", + course_search: "", + open: false + }) + } + } + } + } + + if (result.data.group_settings !== undefined) { + for (var i = 0; i < result.data.group_settings.length; i++) { + + arrays.push({ + course_group_id: result.data.group_settings[i].group_id, + course_group_name: result.data.group_settings[i].group_name, + publish_time: moment(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'), + end_time: moment(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm'), + course_choosed: 0, + }) + + if (result.data.group_settings[i].group_id instanceof Array) { + rulesdatas.push({ + group_id: result.data.group_settings[i].group_id, + publish_time: moment(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'), + end_time: moment(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm'), + }) + } else { + rulesdatas.push({ + group_id: [result.data.group_settings[i].group_id], + publish_time: moment(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'), + end_time: moment(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm'), + }) + } + } + } + // console.log("220"); + var publish_timebools = false; + if (result.data.publish_time) { + publish_timebools = moment(result.data.publish_time, "YYYY-MM-DD HH:mm") <= moment(); + } + // console.log("228"); + // console.log(publish_timebools); + + var end_timebools = false; + if (result.data.end_time) { + end_timebools == moment(result.data.end_time, "YYYY-MM-DD HH:mm") <= moment(); + } + // console.log("233"); + // console.log(end_timebools); + var late_timess = false; + if (result.data.late_time) { + late_timess == moment(result.data.end_time, "YYYY-MM-DD HH:mm") <= moment(); + } + // console.log("240"); + // console.log(late_timess); + + + this.setState({ + publish_timebool: publish_timebools, + end_timebool: end_timebools, + late_timesbool: late_timess, + task_pass: result.data.task_pass, + rules: array, + rulest: arrays, + rulesdata: rulesdatas, + jobsettingsdata: result, + shixun_exp: result.data.shixun_exp, + group_settings: result.data.group_settings, + score_open: result.data.score_open, + unifiedsetting: result.data.unified_setting, + boolUnite: result.data.unified_setting === true ? false : result.data.unified_setting === false ? true : true, + publish_time: result.data.publish_time === undefined ? undefined : result.data.publish_time === null ? undefined : result.data.publish_time, + releasetime: result.data.publish_time === undefined ? undefined : result.data.publish_time === null ? undefined : result.data.publish_time, + end_time: result.data.end_time === undefined ? undefined : result.data.end_time === null ? undefined : result.data.end_time, + deadline: result.data.end_time === undefined ? undefined : result.data.end_time === null ? undefined : result.data.end_time, + late_time: result.data.late_time === undefined ? undefined : result.data.late_time === null ? undefined : result.data.late_time, + late_times: result.data.late_time === undefined ? undefined : result.data.late_time === null ? undefined : result.data.late_time, + allowreplenishment: result.data.allow_late, + latededuction: result.data.late_penalty, + level: result.data.answer_open_evaluation === true ? "满分" : "扣分", + work_efficiencys: result.data.work_efficiency, + latedeductiontwo: result.data.eff_score, + proportion: result.data.shixun_evaluation === 0 ? "均分比例" : result.data.shixun_evaluation === 1 ? "经验值比例" : result.data.shixun_evaluation === 2 ? "自定义分值" : "", + publicwork: result.data.work_public, + challenge_settings: result.data.challenge_settings, + code_review: result.data.code_review + }) + this.props.Getdataback(result, result.data); + + if (bool === true) { + if (this.props.isAdmin() !== undefined) { + if (this.props.isAdmin() === true) { + + this.editSettings(result); + this.Calculatethetotalscore(result.data.eff_score, result.data.challenge_settings); + } + } + } + } + }) + + } + + //跳转道描点的地方 + scrollToAnchor = (anchorName) => { + if (anchorName) { + // 找到锚点 + let anchorElement = document.getElementById(anchorName); + // 如果对应id的锚点存在，就跳转到锚点 + if (anchorElement) { + anchorElement.scrollIntoView(); + } + } + } + + //计算总分值 + Calculatethetotalscore = (latedeductiontwos, challenge_settings) => { + //latedeductiontwos 效率分 + //challenge_settings 总分 + + var datas = challenge_settings; + var challenge_scoredata = []; + for (var i = 0; i < datas.length; i++) { + if (datas[i].checked === true) { + // var object = { + // challenge_id: datas[i].challenge_id, + // challenge_score: datas[i].challenge_score, + // }; + challenge_scoredata.push(datas[i].challenge_score); + // array.push(object) } - } - // componentWillReceiveProps(nextProps) { - // // console.log("+++++++++916"); - // // console.log(nextProps); - // // console.log(this.props) - // // console.log(this.props.isAdmin()); - // if (nextProps.code_review != this.props.code_review) { - // if (nextProps.code_review !== undefined) { - // console.log("diaoyonglwangluo4"); - // this.getTrainingjobsetting() - // - // } - // } - // - // } - - // 获取数据地方 - getTrainingjobsetting = (bool) => { - // console.log("getTrainingjobsetting") - var homeworkid = this.props.match.params.homeworkid; - // console.log(homeworkid) - let url = `/homework_commons/${homeworkid}/settings.json`; - axios.get(url).then((result) => { - // console.log(url); - // console.log(result); - if (result!=undefined) { - - // console.log(result.data.code_review) - // console.log("设置页") - // console.log(JSON.stringify(result)) - let array=[]; - let arrays=[]; - var rulesdatas=[]; - if(result.data.group_settings !== undefined){ - if(result.data.group_settings.length === 0){ - array.push({ - course_group_id:[], - course_group_name:[], - publish_time:undefined, - end_time:undefined, - publish_flag:"", - end_flag:"", - class_flag:"", - course_search:"", - open:false - }) - }else { - for(var i=0;i { - if (anchorName) { - // 找到锚点 - let anchorElement = document.getElementById(anchorName); - // 如果对应id的锚点存在，就跳转到锚点 - if(anchorElement) { anchorElement.scrollIntoView(); } - } - } - - //提交数据 - pustdate = () => { - var thiss=this; - // console.log("pustdate"); - var homeworkid = this.props.match.params.homeworkid - var array = []; - var datas = this.state.challenge_settings; - var challenge_scoredata = []; - for (var i = 0; i < datas.length; i++) { - if (datas[i].checked === true) { - var object = { - challenge_id: datas[i].challenge_id, - challenge_score: datas[i].challenge_score, - }; - challenge_scoredata.push(datas[i].challenge_score); - array.push(object) - console.log("datas[i].challenge_score"); - console.log(i); - console.log(datas[i].challenge_score); - } - - } - console.log("提交的数据"+"pustdate"); - console.log("提交的数据"+"pustdate"); - - if (this.state.jobsettingsdata.data.unified_setting === true) { - if (this.state.unifiedsetting === true) { - if (this.state.releasetime === undefined || this.state.releasetime === null || this.state.releasetime === "") { - // this.props.showNotification(`请选择发布时间`); - - //立即发布 - // this.homeworkstart(); - this.scrollToAnchor("publishtimeid"); - this.setState({ - unit_p_tip: "请选择发布时间", - p_flag: true, - borreds:"bor-reds", - }) - return; - }else{ - if (this.state.publish_time=== undefined || this.state.publish_time=== null || this.state.publish_time=== "") { - - if ( moment(this.state.publish_time, 'YYYY-MM-DD HH:mm') <= moment()) { - //发布时间小于 当前时间 - this.scrollToAnchor("publishtimeid"); - this.setState({ - unit_p_tip: "发布时间不能早于当前时间", - p_flag: true, - borreds:"bor-reds", - }) - return; - } - } - } - - if (this.state.deadline === undefined || this.state.deadline === null || this.state.deadline === "") { - // this.props.showNotification(`请选择截止时间`); - this.scrollToAnchor("publishtimeid"); - this.setState({ - unit_e_tip: "请选择截止时间", - p_flag: true, - borredss:"bor-reds", - }) - return - }else { - - if(!this.state.flagPageEditsthrees === false){ - - - if (moment(this.state.end_time, "YYYY-MM-DD HH:mm") <= moment()) { - //截止时间小于当前时间 - this.scrollToAnchor("publishtimeid"); - this.setState({ - unit_e_tip: "截止时间不能早于当前时间", - p_flag: true, - borredss:"bor-reds", - }) - return; - } - if (moment(this.state.end_time, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { - //截止时间小于发布时间 - this.scrollToAnchor("publishtimeid"); - this.setState({ - unit_e_tip: "截止时间不能早于发布时间", - p_flag: true, - borredss:"bor-reds", - }) - return - } - } - } - if (this.state.allowreplenishment === true) { - - - if (this.state.late_times === undefined || this.state.late_times === null || this.state.late_times === "") { - // this.props.showNotification(`请选择结束时间`); - this.scrollToAnchor("end_timeid") - this.setState({ - hand__e_tip: "请选择结束时间", - hand_flags: true, - handclass: "bor-reds", - - }) - return; - } else { - // 补交结束时间不能早于截止时间 - if(!this.state.flagPageEditsfor ===false){ - - - if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment()) { - //结束时间小于当前时间 - this.scrollToAnchor("end_timeid"); - this.setState({ - hand__e_tip: "结束时间不能早于当前时间", - hand_flags: true, - handclass: "bor-reds", - - }) - return; - } + } + // if(array === "[]" || array.length === 0){ + // this.props.showNotification(`没有关卡不能更新设置`); + // return; + // } + + // var latedeductiontwos = 0; + // //效率分是否勾选 勾选获取效分 + // if (this.state.completionefficiencyscore === true) { + // latedeductiontwos = this.state.latedeductiontwo; + // } + // if(challenge_scoredata.length>0){ + let len = 0; + console.log(challenge_scoredata); + for (var k = 0; k < challenge_scoredata.length; k++) { + len = len + parseFloat(challenge_scoredata[k]); + // console.log(challenge_scoredata[k]); + // console.log(len); + + } + + let max = latedeductiontwos + len; + let maxs = max.toFixed(1); + console.log("Calculatethetotalscore"); + console.log(maxs); + this.setState({ + CalculateMax: maxs, + }) + + // } + + } + + + //提交数据 + pustdate = () => { + var thiss = this; + // console.log("pustdate"); + var homeworkid = this.props.match.params.homeworkid + var array = []; + var datas = this.state.challenge_settings; + var challenge_scoredata = []; + for (var i = 0; i < datas.length; i++) { + if (datas[i].checked === true) { + var object = { + challenge_id: datas[i].challenge_id, + challenge_score: datas[i].challenge_score, + }; + challenge_scoredata.push(datas[i].challenge_score); + array.push(object) + // console.log("datas[i].challenge_score"); + // console.log(i); + // console.log(datas[i].challenge_score); + } - if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { - //结束时间小于发布时间 - this.scrollToAnchor("end_timeid"); - this.setState({ - hand__e_tip: "结束时间不能早于发布时间", - hand_flags: true, - handclass: "bor-reds", + } + // console.log("提交的数据"+"pustdate"); + // console.log("提交的数据"+"pustdate"); + + if (this.state.jobsettingsdata.data.unified_setting === true) { + if (this.state.unifiedsetting === true) { + if (this.state.releasetime === undefined || this.state.releasetime === null || this.state.releasetime === "") { + // this.props.showNotification(`请选择发布时间`); + + //立即发布 + // this.homeworkstart(); + this.scrollToAnchor("publishtimeid"); + this.setState({ + unit_p_tip: "请选择发布时间", + p_flag: true, + borreds: "bor-reds", + }) + return; + } else { + if (this.state.publish_time === undefined || this.state.publish_time === null || this.state.publish_time === "") { + + if (moment(this.state.publish_time, 'YYYY-MM-DD HH:mm') <= moment()) { + //发布时间小于 当前时间 + this.scrollToAnchor("publishtimeid"); + this.setState({ + unit_p_tip: "发布时间不能早于当前时间", + p_flag: true, + borreds: "bor-reds", + }) + return; + } - }) - return; - } - if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment(this.state.end_time, "YYYY-MM-DD HH:mm")) { - //结束时间小于发布时间 - this.scrollToAnchor("end_timeid"); - this.setState({ - hand__e_tip: "补交结束时间不能早于截止时间", - hand_flags: true, - handclass: "bor-reds", - - }) - return; - } - } - } - } + } + } + + if (this.state.deadline === undefined || this.state.deadline === null || this.state.deadline === "") { + // this.props.showNotification(`请选择截止时间`); + this.scrollToAnchor("publishtimeid"); + this.setState({ + unit_e_tip: "请选择截止时间", + p_flag: true, + borredss: "bor-reds", + }) + return + } else { + + if (!this.state.flagPageEditsthrees === false) { + + + if (moment(this.state.end_time, "YYYY-MM-DD HH:mm") <= moment()) { + //截止时间小于当前时间 + this.scrollToAnchor("publishtimeid"); + this.setState({ + unit_e_tip: "截止时间不能早于当前时间", + p_flag: true, + borredss: "bor-reds", + }) + return; + } + if (moment(this.state.end_time, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { + //截止时间小于发布时间 + this.scrollToAnchor("publishtimeid"); + this.setState({ + unit_e_tip: "截止时间不能早于发布时间", + p_flag: true, + borredss: "bor-reds", + }) + return + } + } + } + if (this.state.allowreplenishment === true) { + + + if (this.state.late_times === undefined || this.state.late_times === null || this.state.late_times === "") { + // this.props.showNotification(`请选择结束时间`); + this.scrollToAnchor("end_timeid") + this.setState({ + hand__e_tip: "请选择结束时间", + hand_flags: true, + handclass: "bor-reds", + + }) + return; + } else { + // 补交结束时间不能早于截止时间 + if (!this.state.flagPageEditsfor === false) { + + + if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment()) { + //结束时间小于当前时间 + this.scrollToAnchor("end_timeid"); + this.setState({ + hand__e_tip: "结束时间不能早于当前时间", + hand_flags: true, + handclass: "bor-reds", + + }) + return; + } + + if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { + //结束时间小于发布时间 + this.scrollToAnchor("end_timeid"); + this.setState({ + hand__e_tip: "结束时间不能早于发布时间", + hand_flags: true, + handclass: "bor-reds", + + }) + return; + } + if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment(this.state.end_time, "YYYY-MM-DD HH:mm")) { + //结束时间小于发布时间 + this.scrollToAnchor("end_timeid"); + this.setState({ + hand__e_tip: "补交结束时间不能早于截止时间", + hand_flags: true, + handclass: "bor-reds", + + }) + return; + } + } + } + } + + } else { + let rulesdata = this.state.rulesdata; + if ( + rulesdata.length === 0) { + this.props.showNotification(`分班发布设置不能为空`); + return; + } + // + } + } - } else { - let rulesdata=this.state.rulesdata; - console.log("pustdate123131312321321321"); - console.log(rulesdata); - if( - rulesdata.length === 0){ - this.props.showNotification(`分班发布设置不能为空`); - return; - } - // - } - } + if (this.state.allowreplenishment === true) { + if (this.state.latededuction === undefined) { + this.props.showNotification(`请输入迟交扣分数`); + return; + } + if (this.state.latededuction === null) { + this.props.showNotification(`请输入迟交扣分数`); + return; + } + if (this.state.latededuction === "") { + this.props.showNotification(`请输入迟交扣分数`); - if (this.state.allowreplenishment === true) { - if (this.state.latededuction === undefined) { - this.props.showNotification(`请输入迟交扣分数`); + return; + } + if (this.state.latededuction < 0) { + this.props.showNotification(`迟交扣分数不能小于零`); - return; + return; + } + if (this.state.level === undefined || this.state.level === "") { + this.props.showNotification(`请选择扣分项`); - } - if (this.state.latededuction === null) { - this.props.showNotification(`请输入迟交扣分数`); - - return; - } - if (this.state.latededuction === "") { - this.props.showNotification(`请输入迟交扣分数`); - - return; - } - if (this.state.latededuction <0) { - this.props.showNotification(`迟交扣分数不能小于零`); - - return; - } - if (this.state.level === undefined || this.state.level === "") { - this.props.showNotification(`请选择扣分项`); - - return; - - } - - } - - - if (this.state.completionefficiencyscore === true) { - if (this.state.latedeductiontwo === undefined) { - this.props.showNotification(`请输入占比分数`); - - return; - - } - if (this.state.latedeductiontwo === null) { - this.props.showNotification(`请输入占比分数`); - - return; - } - if (this.state.latedeductiontwo === "") { - this.props.showNotification(`请输入占比分数`); - - return; - } - if (this.state.latedeductiontwo <= 0) { - this.props.showNotification(`占比分数不能小于等于零`); - - return; - } - // if(this.state.latedeductiontwo >100){ - // message.error("占比分不能大于100",1); - // return; - // } - if (this.state.proportion === undefined) { - this.props.showNotification(`请选择比列`); - - return; - } - if (this.state.proportion !== undefined) { - - if (this.state.proportion === "均分比例") { - //关卡分值平分 - - - } - - if (this.state.proportion === "经验值比例") { - this.setState({ - boolUnitetwo: false, - }) - } - - if (this.state.proportion === "自定义分值") { - this.setState({ - boolUnitetwo: false, - }) - - } - - - } - } - var latedeductiontwos = 0; - if (this.state.completionefficiencyscore === true) { - latedeductiontwos = this.state.latedeductiontwo; - } - if(challenge_scoredata.length>0){ - var len = 0; - for (var k = 0; k < challenge_scoredata.length; k++) { - len = len + parseFloat(challenge_scoredata[k]); - console.log(len); - console.log(challenge_scoredata[k]); - console.log(len); - - } - var max = latedeductiontwos + len; - if (max > 100) { - console.log("max>100"); - this.props.showNotification(`总分值+效率占比分之和要等于100，现在分值为` + max); - return; - } - if(max<100){ - console.log("max<100"); - this.props.showNotification(`总分值+效率占比分之和要等于100，现在分值为` + max); - return; - } - } - - var url = `/homework_commons/${homeworkid}/update_settings.json`; - var data = undefined; - // console.log("this.state.unified_setting") - // console.log(this.state.unifiedsetting) - if(array === "[]" || array.length === 0){ - this.props.showNotification(`没有关卡不能更新设置`); - return; - } - - - if(this.state.unifiedsetting === true){ - console.log("统一设置"); - data = { - unified_setting: this.state.unifiedsetting, //统一配置 - publish_time: moment(this.state.publish_time).format('YYYY-MM-DD HH:mm'), //发布时间 - end_time: moment(this.state.end_time).format('YYYY-MM-DD HH:mm'), //截止时间 - allow_late: this.state.allowreplenishment, //补交 - late_penalty: parseInt(this.state.latededuction), //迟交扣分 - late_time: moment(this.state.late_time).format('YYYY-MM-DD HH:mm'), //结束时间 - answer_open_evaluation: this.state.level === "满分" ? true : false, //扣分项 - work_efficiency: this.state.completionefficiencyscore, //完成效率评分占比 - eff_score: this.state.completionefficiencyscore === true ? this.state.latedeductiontwo : undefined,//占比分 - shixun_evaluation: this.state.proportion === "均分比例" ? 0 : this.state.proportion === "经验值比例" ? 1 : this.state.proportion === "自定义分值" ? 2 : 0, - challenge_settings: array, - score_open: this.state.publicwork, - } - }else{ - // //非统一配置 - // console.log("非统一设置"); - let rulesdata=this.state.rulesdata; - - let newlist=[] - - rulesdata.map((item,key)=>{ - - if(item.publish_time==="Invalid date"||item.end_time==="Invalid date"||item.publiend_timesh_time==="Invalid date"){ - - }else{ - newlist.push(item) - } + return; - }) + } + + } + + + if (this.state.completionefficiencyscore === true) { + if (this.state.latedeductiontwo === undefined) { + this.props.showNotification(`请输入效率分数`); + + return; + + } + if (this.state.latedeductiontwo === null) { + this.props.showNotification(`请输入效率分数`); + + return; + } + if (this.state.latedeductiontwo === "") { + this.props.showNotification(`请输入效率分数`); + + return; + } + if (this.state.latedeductiontwo <= 0) { + this.props.showNotification(`效率分数不能小于等于零`); + + return; + } + // if(this.state.latedeductiontwo >100){ + // message.error("效率分不能大于100",1); + // return; + // } + if (this.state.proportion === undefined) { + this.props.showNotification(`请选择比列`); + + return; + } + if (this.state.proportion !== undefined) { + + if (this.state.proportion === "均分比例") { + //关卡分值平分 + + + } + + if (this.state.proportion === "经验值比例") { + this.setState({ + boolUnitetwo: false, + }) + } + + if (this.state.proportion === "自定义分值") { + this.setState({ + boolUnitetwo: false, + }) + + } - data = { - unified_setting: this.state.unifiedsetting, //非统一配置 - group_settings: newlist, - allow_late: this.state.allowreplenishment, //补交 - late_penalty: parseInt(this.state.latededuction), //迟交扣分 - late_time: moment(this.state.late_time).format('YYYY-MM-DD HH:mm'), //结束时间 - answer_open_evaluation: this.state.level === "满分" ? true : false, //扣分项 - work_efficiency: this.state.work_efficiencys, //完成效率评分占比 - eff_score: this.state.completionefficiencyscore === true ? this.state.latedeductiontwo : undefined,//占比分 - shixun_evaluation: this.state.proportion === "均分比例" ? 0 : this.state.proportion === "经验值比例" ? 1 : this.state.proportion === "自定义分值" ? 2 : 0, - challenge_settings: array, - score_open: this.state.publicwork, - } - } - - - - // console.log("pustdate"); - // console.log(data); - // console.log(JSON.stringify(data)); - axios.post(url, data) - .then((result) => { - if (result.data.status == 0) { - // console.log(JSON.stringify(result)); - this.props.showNotification(`更新成功`); - this.setState({ - flagPageEditsbox:false, - flagPageEdit: false, - flagPageEditstwo:false, - flagPageEditsthrees:false, - flagPageEditsfor:false, - whethertopay:false, - completionefficiencyscore:false, - }) - this.refs.targetElementTrainingjobsetting.scrollIntoView() - - } - }).catch((error) => { - console.log(error); - }) - - } - //数据库 - onChangedatabase = (e) => { - this.setState({ - database: e.target.checked, - }) - // console.log(e.target.checked); - - - } - //公开设置 - onChangepublicwork = (e) => { - this.setState({ - publicwork: e.target.checked, - }) - // console.log(e.target.checked); - } + + } + } + var latedeductiontwos = 0; + if (this.state.completionefficiencyscore === true) { + latedeductiontwos = this.state.latedeductiontwo; + } + if (challenge_scoredata.length > 0) { + var len = 0; + for (var k = 0; k < challenge_scoredata.length; k++) { + len = len + parseFloat(challenge_scoredata[k]); + // console.log(len); + // console.log(challenge_scoredata[k]); + // console.log(len); + + } + var max = latedeductiontwos + len; + // if (max > 100) { + // console.log("max>100"); + // this.props.showNotification(`总分值+效率效率分之和要等于100，现在分值为` + max); + // return; + // } + // if(max<100){ + // console.log("max<100"); + // this.props.showNotification(`总分值+效率效率分之和要等于100，现在分值为` + max); + // return; + // } + } + + var url = `/homework_commons/${homeworkid}/update_settings.json`; + var data = undefined; + // console.log("this.state.unified_setting") + // console.log(this.state.unifiedsetting) + if (array === "[]" || array.length === 0) { + this.props.showNotification(`没有关卡不能更新设置`); + return; + } + + + if (this.state.unifiedsetting === true) { + console.log("统一设置"); + data = { + unified_setting: this.state.unifiedsetting, //统一配置 + publish_time: moment(this.state.publish_time).format('YYYY-MM-DD HH:mm'), //发布时间 + end_time: moment(this.state.end_time).format('YYYY-MM-DD HH:mm'), //截止时间 + allow_late: this.state.allowreplenishment, //补交 + late_penalty: parseInt(this.state.latededuction), //迟交扣分 + late_time: moment(this.state.late_time).format('YYYY-MM-DD HH:mm'), //结束时间 + answer_open_evaluation: this.state.level === "满分" ? true : false, //扣分项 + work_efficiency: this.state.completionefficiencyscore, //完成效率评分占比 + eff_score: this.state.completionefficiencyscore === true ? this.state.latedeductiontwo : undefined,//效率分 + shixun_evaluation: this.state.proportion === "均分比例" ? 0 : this.state.proportion === "经验值比例" ? 1 : this.state.proportion === "自定义分值" ? 2 : 0, + challenge_settings: array, + score_open: this.state.publicwork, + } + } else { + // //非统一配置 + // console.log("非统一设置"); + let rulesdata = this.state.rulesdata; + + let newlist = [] + + rulesdata.map((item, key) => { + + if (item.publish_time === "Invalid date" || item.end_time === "Invalid date" || item.publiend_timesh_time === "Invalid date") { + + } else { + newlist.push(item) + } + + }) + + data = { + unified_setting: this.state.unifiedsetting, //非统一配置 + group_settings: newlist, + allow_late: this.state.allowreplenishment, //补交 + late_penalty: parseInt(this.state.latededuction), //迟交扣分 + late_time: moment(this.state.late_time).format('YYYY-MM-DD HH:mm'), //结束时间 + answer_open_evaluation: this.state.level === "满分" ? true : false, //扣分项 + work_efficiency: this.state.work_efficiencys, //完成效率评分占比 + eff_score: this.state.completionefficiencyscore === true ? this.state.latedeductiontwo : undefined,//效率分 + shixun_evaluation: this.state.proportion === "均分比例" ? 0 : this.state.proportion === "经验值比例" ? 1 : this.state.proportion === "自定义分值" ? 2 : 0, + challenge_settings: array, + score_open: this.state.publicwork, + } + } + + + // console.log("pustdate"); + // console.log(data); + // console.log(JSON.stringify(data)); + axios.post(url, data) + .then((result) => { + if (result.data.status == 0) { + // console.log(JSON.stringify(result)); + this.props.showNotification(`更新成功`); + this.setState({ + flagPageEditsbox: false, + flagPageEdit: false, + flagPageEditstwo: false, + flagPageEditsthrees: false, + flagPageEditsfor: false, + whethertopay: false, + completionefficiencyscore: false, + }) + this.refs.targetElementTrainingjobsetting.scrollIntoView() + + } + }).catch((error) => { + console.log(error); + }) + + } + //数据库 + onChangedatabase = (e) => { + this.setState({ + database: e.target.checked, + }) + // console.log(e.target.checked); + + + } + //公开设置 + onChangepublicwork = (e) => { + this.setState({ + publicwork: e.target.checked, + }) + // console.log(e.target.checked); + } //是否跳关设置 - onChangedatasheet = (e, index) => { - - var challenge_settings = this.state.challenge_settings; - let {task_pass} = this.state; - if (task_pass === true) { - // 可以跳关 - for (var i = 0; i < challenge_settings.length; i++) { - if (i === index) { - if (challenge_settings[i].checked === true) { - challenge_settings[i].checked = false - } else { - challenge_settings[i].checked = true - } + onChangedatasheet = (e, index) => { + + var challenge_settings = this.state.challenge_settings; + let {task_pass} = this.state; + if (task_pass === true) { + // 可以跳关 + for (var i = 0; i < challenge_settings.length; i++) { + if (i === index) { + if (challenge_settings[i].checked === true) { + challenge_settings[i].checked = false + } else { + challenge_settings[i].checked = true + } + } + } + } else { + //不能跳关 + var bool = false; + //先判断如果是点击的关口 checked 根据点击进行切换 + for (var i = 0; i < challenge_settings.length; i++) { + if (i === index) { + if (challenge_settings[i].checked === true) { + challenge_settings[i].checked = false + bool = false; + } else { + challenge_settings[i].checked = true + bool = true; + } + } + } + //小于被选中的checked 都被选中 如果是大于被选中的checked 就全部隐藏掉 + for (var i = 0; i < challenge_settings.length; i++) { + if (bool === true) { + if (i < index) { + challenge_settings[i].checked = true + } + } else { + if (i > index) { + challenge_settings[i].checked = false } } + + } + } + // console.log(e.target.checked) + // console.log(index) + this.setState({ + datasheet: e.target.checked, + challenge_settings: challenge_settings + }) + + this.onChangeslevelproportiontwo(this.state.proportion); + } + //统一设置 + onChange = (e) => { + if ((moment(this.state.publish_time, "YYYY-MM-DD HH:mm") <= moment())) { + this.props.showNotification(`已发布，不能再修改统一设置`); + return + } + this.setState({ + unifiedsetting: e.target.checked, + }) + // console.log(e.target.checked); + } + + //允许补交 + onChanges = (e) => { + // console.log(this.state.end_time); + if (e.target.checked === true) { + if (this.state.end_time !== null && this.state.end_time !== undefined) { + // console.log(this.state.end_time); + // var times = this.state.deadline.format('YYYY-MM-DD HH:mm'); + this.setState({ + late_time: moment(handleDateString(this.state.deadline)).add(1, 'months'), + late_times: moment(handleDateString(this.state.deadline)).add(1, 'months').format('YYYY-MM-DD HH:mm'), + }) + } + + + this.setState({ + allowreplenishment: e.target.checked, + latededuction: 5, + whethertopay: true, + }) + + } else { + this.setState({ + allowreplenishment: e.target.checked, + latededuction: 0, + whethertopay: false, + hand__e_tip: "", + hand_flags: false, + handclass: "", + }) + } + + // console.log('radio checked', e.target.value); + } + //级别 + onChangeslevel = (e) => { + this.setState({ + level: e.target.value + }) + // console.log('radio checked', e.target.value); + } + //比例 + onChangeslevelproportion = (e) => { + + this.state.proportion = e.target.value + if (e.target.value === "均分比例") { + this.Equalproportion(this.state.latedeductiontwo, this.state.CalculateMax, true); + } + + if (e.target.value === "经验值比例") { + this.Empiricalvalueratio(this.state.latedeductiontwo, this.state.CalculateMax, true); + } + + if (e.target.value === "自定义分值") { + this.state.boolUnitetwoname = "自定义分值"; + this.setState({ + boolUnitetwoname: "自定义分值", + boolUnitetwo: false, + flagPageEdits: true, + }) + + } + + this.setState({ + proportion: e.target.value + }) + // console.log('radio checked', e.target.value); + } + onChangeslevelproportiontwo = (value) => { + if (value === "均分比例") { + this.Equalproportion(this.state.latedeductiontwo, this.state.CalculateMax, true); + } + + if (value === "经验值比例") { + this.Empiricalvalueratio(this.state.latedeductiontwo, this.state.CalculateMax, true); + } + + if (value === "自定义分值") { + this.state.boolUnitetwoname = "自定义分值"; + this.setState({ + boolUnitetwoname: "自定义分值", + boolUnitetwo: false, + flagPageEdits: true, + }) + + } + + this.setState({ + proportion: value + }) + } + //均分比例 + Equalproportion = (latedeductiontwo, Proportions, mybool) => { + + var challenge_settingsdata = this.state.challenge_settings; + var latedeductiontwos = latedeductiontwo; + if (latedeductiontwos === undefined || latedeductiontwos === null || latedeductiontwos === "") { + latedeductiontwos = 0; + } + //效率分 + if (challenge_settingsdata.length > 0) { + var Proportion = Proportions; + var oushution = 0; + //获取占用分后的值 + Proportion = Proportion - latedeductiontwos; + oushution = Proportion; + var srorelength = 0; + //计算选中用户 + for (var k = 0; k < challenge_settingsdata.length; k++) { + if (challenge_settingsdata[k].checked === true) { + srorelength++ + } + } + //算下面值是否是奇数 + var srbool = false; + if (srorelength % 2 == 0) { + // 偶数 + srbool = false; } else { - //不能跳关 - var bool= false; - //先判断如果是点击的关口 checked 根据点击进行切换 - for (var i = 0; i < challenge_settings.length; i++) { - if (i === index) { - if (challenge_settings[i].checked === true) { - challenge_settings[i].checked = false - bool=false; + // 奇数 + srbool = true; + } + //计算平均值 + Proportion = Proportion / srorelength; + var intkk = 0; + var intkks = 0; + if (srbool == true) { + // 奇数 + var exams = parseFloat(Proportion.toFixed(1)); + var intk = srorelength * exams; + intkk = oushution - intk; + // console.log("奇数"); + // console.log(srorelength);//3 + // console.log(oushution);//79 + // console.log(exams);//26.3 + // console.log(intk);//78.9 + // console.log(intkk); + } else { + // 偶数 + var examsy = parseFloat(Proportion.toFixed(1)); + intkks = oushution - (examsy * srorelength); + // console.log("偶数"); + // console.log(oushution); + // console.log((examsy*srorelength)); + } + var mact = 0; + + //给每到题目赋平均值 + for (var i = 0; i < challenge_settingsdata.length; i++) { + if (challenge_settingsdata[i].checked === true) { + if (srbool === false) { + console.log(intkks); + mact = mact + 1; + if (mact === srorelength) { + challenge_settingsdata[i].challenge_score = (parseFloat(Proportion.toFixed(1)) + parseFloat(intkks.toFixed(1))).toFixed(1); + console.log(challenge_settingsdata[i].challenge_score); + } else { - challenge_settings[i].checked = true - bool=true; + challenge_settingsdata[i].challenge_score = Proportion.toFixed(1); } + } else { + console.log(intkk); + mact = mact + 1; + if (mact === srorelength) { + challenge_settingsdata[i].challenge_score = (parseFloat(Proportion.toFixed(1)) + parseFloat(intkk.toFixed(1))).toFixed(1); + console.log(challenge_settingsdata[i].challenge_score); + } else { + challenge_settingsdata[i].challenge_score = Proportion.toFixed(1); + } + } + } else { + challenge_settingsdata[i].challenge_score = 0; } - //小于被选中的checked 都被选中 如果是大于被选中的checked 就全部隐藏掉 - for (var i = 0; i < challenge_settings.length; i++) { - if(bool=== true){ - if (i < index) { - challenge_settings[i].checked = true + } + } + + //关卡分值平分 + this.setState({ + boolUnitetwo: true, + flagPageEdits: false, + challenge_settings: challenge_settingsdata, + }) + if (mybool === true) { + this.Calculatethetotalscore(latedeductiontwo, challenge_settingsdata); + } + + } + + //经验值比例 + Empiricalvalueratio = (latedeductiontwo, ionsps, mybool) => { + var shixun_exp = this.state.shixun_exp; + var challenge_settingsdata = this.state.challenge_settings; + var latedeductiontwos = latedeductiontwo; + if (latedeductiontwos === undefined || latedeductiontwos === null || latedeductiontwos === "") { + latedeductiontwos = 0; + } + // //效率分 + if (shixun_exp !== undefined) { + if (shixun_exp > 0) { + if (challenge_settingsdata.length > 0) { + var ionsp = ionsps; + //获取效率分之后的值 + ionsp = ionsp - latedeductiontwos; + //获取道总分值 + var Proportion = shixun_exp; + //获取改变后的总分值 + for (var k = 0; k < challenge_settingsdata.length; k++) { + if (challenge_settingsdata[k].checked === false) { + Proportion = Proportion - challenge_settingsdata[k].challenge_exp; } - }else{ - if (i > index) { - challenge_settings[i].checked = false + } + //开始循环赋值 + var expzs = 0; + var mact = 0; + for (var i = 0; i < challenge_settingsdata.length; i++) { + if (challenge_settingsdata[i].checked === true) { + mact = mact + 1; + var myint = (challenge_settingsdata[i].challenge_exp / Proportion) * ionsp; + challenge_settingsdata[i].challenge_score = myint.toFixed(1); + expzs = parseFloat(myint.toFixed(1)) + parseFloat(expzs); + } else { + challenge_settingsdata[i].challenge_score = 0; + } + } + var expzsy = 0; + var bool = true; + if (ionsp - expzs > 0) { + expzsy = parseFloat(ionsp.toFixed(1)) - parseFloat(expzs.toFixed(1)); + expzsy = Math.abs(expzsy); + bool = true; + } else { + expzsy = parseFloat(ionsp.toFixed(1)) - parseFloat(expzs.toFixed(1)); + expzsy = Math.abs(expzsy); + bool = false; + + } + var macts = 0; + for (var i = 0; i < challenge_settingsdata.length; i++) { + if (challenge_settingsdata[i].checked === true) { + macts = macts + 1; + if (mact === macts) { + if (bool === true) { + challenge_settingsdata[i].challenge_score = (parseFloat(challenge_settingsdata[i].challenge_score) + parseFloat(expzsy.toFixed(1))).toFixed(1); + console.log(parseFloat(challenge_settingsdata[i].challenge_score) + parseFloat(expzsy.toFixed(1))); + console.log(parseFloat(expzsy.toFixed(1))); + + } else { + + challenge_settingsdata[i].challenge_score = (parseFloat(challenge_settingsdata[i].challenge_score) - parseFloat(expzsy.toFixed(1))).toFixed(1); + console.log(parseFloat(challenge_settingsdata[i].challenge_score) - parseFloat(expzsy.toFixed(1))); + console.log(parseFloat(expzsy.toFixed(1))); + + } + } + } else { + challenge_settingsdata[i].challenge_score = 0; } } } } - // console.log(e.target.checked) - // console.log(index) - this.setState({ - datasheet: e.target.checked, - challenge_settings: challenge_settings - }) - - this.onChangeslevelproportiontwo(this.state.proportion); - } - //统一设置 - onChange = (e) => { - if((moment(this.state.publish_time,"YYYY-MM-DD HH:mm")<=moment())){ - this.props.showNotification(`已发布，不能再修改统一设置`); - return - } - this.setState({ - unifiedsetting: e.target.checked, - }) - // console.log(e.target.checked); - } - - //允许补交 - onChanges = (e) => { - // console.log(this.state.end_time); - if(e.target.checked ===true){ - if(this.state.end_time !== null && this.state.end_time!== undefined){ - // console.log(this.state.end_time); - // var times = this.state.deadline.format('YYYY-MM-DD HH:mm'); - this.setState({ - late_time:moment(handleDateString(this.state.deadline)).add(1, 'months'), - late_times:moment(handleDateString(this.state.deadline)).add(1, 'months').format('YYYY-MM-DD HH:mm'), - }) - } - - - this.setState({ - allowreplenishment: e.target.checked, - latededuction:5, - whethertopay:true, - }) - - }else { - this.setState({ - allowreplenishment: e.target.checked, - latededuction:0, - whethertopay:false, - hand__e_tip: "", - hand_flags: false, - handclass:"", - }) - } - - // console.log('radio checked', e.target.value); - } - //级别 - onChangeslevel = (e) => { - this.setState({ - level: e.target.value - }) - // console.log('radio checked', e.target.value); - } - //比例 - onChangeslevelproportion = (e) => { - - this.state.proportion=e.target.value - if (e.target.value === "均分比例") { - this.Equalproportion(this.state.latedeductiontwo); - } - - if (e.target.value === "经验值比例") { - this.Empiricalvalueratio(this.state.latedeductiontwo); - } - - if (e.target.value === "自定义分值") { - this.state.boolUnitetwoname="自定义分值"; - this.setState({ - boolUnitetwoname:"自定义分值", - boolUnitetwo: false, - flagPageEdits:true, - }) - - } - - this.setState({ - proportion: e.target.value - }) - // console.log('radio checked', e.target.value); - } - onChangeslevelproportiontwo=(value)=>{ - if (value === "均分比例") { - this.Equalproportion(this.state.latedeductiontwo); - } - - if (value === "经验值比例") { - this.Empiricalvalueratio(this.state.latedeductiontwo); - } - - if (value=== "自定义分值") { - this.state.boolUnitetwoname="自定义分值"; - this.setState({ - boolUnitetwoname:"自定义分值", - boolUnitetwo: false, - flagPageEdits:true, - }) - - } - - this.setState({ - proportion: value - }) - } - //均分比例 - Equalproportion = (latedeductiontwo) => { - var challenge_settingsdata=this.state.challenge_settings; - var latedeductiontwos=latedeductiontwo; - if(latedeductiontwos === undefined || latedeductiontwos===null || latedeductiontwos===""){ - latedeductiontwos=0; - } - //占比分 - if(challenge_settingsdata.length>0){ - var Proportion=100; - var oushution=0; - //获取占用分后的值 - Proportion=Proportion-latedeductiontwos; - oushution=Proportion; - var srorelength=0; - //计算选中用户 - for (var k=0;k { + if (e.target.checked === true) { + this.setState({ + completionefficiencyscore: e.target.checked, + work_efficiencys: e.target.checked, + latedeductiontwo: 20, + }) + //均分比例 + if (this.state.proportion === "均分比例") { + this.Equalproportion(20, this.state.CalculateMax, true); + + } else if (this.state.proportion === "经验值比例") { + this.Empiricalvalueratio(20, this.state.CalculateMax, true); - } - }else{ - challenge_settingsdata[i].challenge_score = 0; - } - } - } - - //关卡分值平分 - this.setState({ - boolUnitetwo: true, - flagPageEdits:false, - challenge_settings:challenge_settingsdata, - }) - } - - //经验值比例 - Empiricalvalueratio=(latedeductiontwo)=>{ - var shixun_exp = this.state.shixun_exp; - var challenge_settingsdata=this.state.challenge_settings; - var latedeductiontwos=latedeductiontwo; - if(latedeductiontwos === undefined || latedeductiontwos===null || latedeductiontwos===""){ - latedeductiontwos=0; - } - // //占比分 - if(shixun_exp!==undefined){ - if(shixun_exp>0){ - if(challenge_settingsdata.length>0){ - var ionsp=100; - //获取占比分之后的值 - ionsp=ionsp-latedeductiontwos; - //获取道总分值 - var Proportion=shixun_exp; - //获取改变后的总分值 - for (var k=0;k0){ - expzsy=parseFloat(ionsp.toFixed(1)) - parseFloat(expzs.toFixed(1)); - expzsy=Math.abs(expzsy); - bool=true; - }else{ - expzsy= parseFloat(ionsp.toFixed(1)) - parseFloat(expzs.toFixed(1)); - expzsy= Math.abs(expzsy); - bool=false; - - } - var macts=0; - for (var i=0;i { - if( e.target.checked === true){ - this.setState({ - completionefficiencyscore: e.target.checked, - work_efficiencys:e.target.checked, - latedeductiontwo: 20, - }) - //均分比例 - if(this.state.proportion==="均分比例"){ - this.Equalproportion(20); - - }else if(this.state.proportion==="经验值比例"){ - this.Empiricalvalueratio(20); - - } - - } - else { - this.state.latedeductiontwo=0; - this.setState({ - completionefficiencyscore: e.target.checked, - work_efficiencys:e.target.checked, - latedeductiontwo: 0, - }) - //均分比例 - if(this.state.proportion==="均分比例"){ - this.Equalproportion(0); - - }else if(this.state.proportion==="经验值比例"){ - this.Empiricalvalueratio(0); - - } - } - - // console.log(e.target.checked); - - } - - //迟交扣分 - changeTopicName = (value) => { - // console.log("1e.target.value", value) - if (value === "" || value === undefined) { - return - } - var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ - var nubmer = value; - if (!re.test(nubmer)) { - this.props.showNotification(`请输入数字`); - this.setState({ - latededuction: 0 - }) - return false; - } - - if (nubmer > 100) { - this.props.showNotification(`请输入小于100的数`); - - this.setState({ - latededuction: 0 - }) - return - } - this.setState({ - latededuction: value, - }) - - } - - // //占比分 - changeTopicNametwo = (value) => { - // console.log("TrainingjobsettingTrainingjobsetting", value) - if (value === "" || value === undefined) { - return - } - var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ - var nubmer = value; - if (!re.test(nubmer)) { - this.props.showNotification(`请输入数字`); - - this.setState({ - latedeductiontwo: 0 - }) - return false; - } - - if (nubmer > 100) { - this.props.showNotification(`请输入小于100的数`); - - this.setState({ - latedeductiontwo: 0 - }) - return - } - this.setState({ - latedeductiontwo: value, - }) - //均分比例 - if(this.state.proportion==="均分比例"){ - this.Equalproportion(value); - - }else if(this.state.proportion==="经验值比例"){ - this.Empiricalvalueratio(value); - - } - - } - - - - - hangeTopicNametwodatasheet = (value, index) => { - // console.log("2e.target.value", value) - if (value === "" || value === undefined) { - return - } - var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ - var nubmer = value; - if (!re.test(nubmer)) { - this.props.showNotification(`请输入数字`); - - // this.setState({ - // datasheet: 0 - // }) - var challenge_settings = this.state.challenge_settings; - for (var i = 0; i < challenge_settings.length; i++) { - if (i === index) { - challenge_settings[i].challenge_score = ""; - } - } - this.setState({ - challenge_settings: challenge_settings - }) - return false; - } - - var challenge_settings = this.state.challenge_settings; - for (var i = 0; i < challenge_settings.length; i++) { - if (i === index) { - challenge_settings[i].challenge_score = value; - } - } - - this.setState({ - challenge_settings: challenge_settings - }) - // if (nubmer > 100) { - // message.error("请输入小于100的数"); - // this.setState({ - // datasheet: 0 - // }) - // return - // } - // this.setState({ - // datasheet: value, - // }) - - } - - - - // disabledEndDate = (end_time) => { - // const publish_time = this.state.publish_time; - // if (!end_time || !publish_time) { - // return false; - // } - // return end_time.valueOf() <= publish_time.valueOf(); - // - // } - // disabledEndDates = (end_time) => { - // const publish_time = this.state.end_time - // if (!end_time || !publish_time) { - // return false; - // } - // console.log("end_time.valueOf()") - // // console.log(end_time.valueOf()); - // // console.log(publish_time.valueOf()); - // return end_time.valueOf() <= publish_time.valueOf(); - // - // - // } - - disabledStartDatestart= (startValue) => { - const endValue = this.state.end_time - - if (!startValue || !endValue) { - return false; - } - var endValues= moment(endValue).subtract(1, 'days'); - return startValue.valueOf() > endValues.valueOf(); - }; - - disabledEndDateend = (endValue) => { - const startValue = this.state.publish_time; - if (!endValue || !startValue) { - return false; - } - var endValuesys= moment(startValue).subtract(1, 'days'); - - return endValue.valueOf() <= endValuesys.valueOf(); - }; - - disabledEndDateendd = (endsValue) => { - const endValues = this.state.end_time - - if (!endsValue|| !endValues) { - return false; - } - var endValuesyss= moment(endValues).subtract(1, 'days'); - - return endsValue.valueOf() <= endValuesyss.valueOf(); - }; - - - - onChangedata = (field, value, dateString) => { - this.setState({ - [field]: handleDateString(dateString), - }); - } - ontimeonok=(value)=>{ - console.log("ontimeonok点击了2"); - - if(value === undefined){ - return; - } - if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { - - } else { - try { - this.setState({ - unit_p_tip: "", - p_flag: false, - borreds:undefined, - releasetime: value.format('YYYY-MM-DD HH:mm'), - }) - } catch (e) { - } - } - } - ontimeonoktwo =(value)=>{ - if(value === undefined){ - return; - } - if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { - - } else { - if (moment(value, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { - - return - } - try { - this.setState({ - unit_e_tip: "", - p_flag: false, - deadline: value.format('YYYY-MM-DD HH:mm'), - borredss:undefined, - }) - } catch (e) { - - } - } - } - ontimeonokthree=(value)=>{ - if(value === undefined){ - return; - } - - let{publish_time,unifiedsetting,rulesdata}=this.state; - if(unifiedsetting===true){ - if (moment(value, "YYYY-MM-DD HH:mm") <= moment(publish_time)) { - } else { - - } - }else{ - rulesdata.map((item,key)=>{ - if(item.publish_time!="Invalid date"){ - if (moment(value, "YYYY-MM-DD HH:mm") <= moment(item.publish_time, "YYYY-MM-DD HH:mm")) { - - }else{ - this.setState({ - late_times: value.format('YYYY-MM-DD HH:mm'), - hand__e_tip: "", - hand_flags: false, - handclass:"", - }) - } - } - - }) - } - } - onStartChange = (value, dateString) => { - console.log("onStartChange点击了1"); - - if(value==null){ - this.setState({ - releasetime:undefined, - publish_time:undefined, - }) - return; - } - // if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { - // this.setState({ - // unit_p_tip: "发布时间不能早于当前时间", - // p_flag: true, - // borreds:"bor-reds", - // releasetime:undefined, - // publish_time:undefined, - // }) - // } else { - - try { - this.setState({ - unit_p_tip: "", - p_flag: false, - borreds:undefined, - releasetime: value.format('YYYY-MM-DD HH:mm'), - }) - } catch (e) { - - } - // console.log(value); - console.log(dateString); - // console.log(handleDateString(dateString)); - // this.onChangedata('publish_time', value, dateString); - this.setState({ - publish_time:moment(moment(handleDateString(dateString))).format("YYYY-MM-DD HH:mm"), - }); - if(this.state.allowreplenishment === true) { - - if(this.state.end_time=== undefined || this.state.end_time===""){ - this.setState({ - end_time:moment(handleDateString(dateString)).add(1, 'months'), - deadline:moment(handleDateString(dateString)).add(1, 'months').format('YYYY-MM-DD HH:mm'), - }) - }else { - - } - if(this.state.late_time===undefined || this.state.late_time===""){ - this.setState({ - - late_time:moment(handleDateString(dateString)).add(2, 'months'), - late_times:moment(handleDateString(dateString)).add(2, 'months').format('YYYY-MM-DD HH:mm'), - }); - }else{ - - } - try { - this.setState({ - unit_e_tip: "", - p_flag: false, - borredss:undefined, - }) - } catch (e) { - - } - }else{ - if(this.state.end_time=== undefined || this.state.end_time===""){ - this.setState({ - end_time:moment(handleDateString(dateString)).add(1, 'months'), - deadline:moment(handleDateString(dateString)).add(1, 'months').format('YYYY-MM-DD HH:mm'), - }) - }else { - - } - } - - // } - } - - onEndChange = (value, dateString) => { - // console.log("onEndChange") - // console.log(value) - // console.log(dateString) - if(value==null){ - this.setState({ - end_time:undefined, - deadline:undefined, - }) - return; - } - // if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { - // this.setState({ - // unit_e_tip: "截止时间不能早于当前时间", - // p_flag: true, - // borredss:"bor-reds", - // end_time:undefined, - // deadline:undefined, - // }) - // } else { - // console.log(moment(value, "YYYY-MM-DD HH:mm")); - // console.log(moment(this.state.publish_time, "YYYY-MM-DD HH:mm")); - if (moment(value, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { - this.setState({ - unit_e_tip: "截止时间不能早于发布时间", - p_flag: true, - borredss:"bor-reds", - end_time:value.format('YYYY-MM-DD HH:mm'), - deadline:value.format('YYYY-MM-DD HH:mm'), - }) - - return - } - try { - this.setState({ - unit_e_tip: "", - p_flag: false, - borredss:undefined, - deadline: value.format('YYYY-MM-DD HH:mm'), - }) - } catch (e) { - - } - this.setState({ - end_time:moment(moment(handleDateString(dateString))).format("YYYY-MM-DD HH:mm"), - }) - // this.onChangedata('end_time', value, dateString); - if(this.state.allowreplenishment === true){ - this.setState({ - deadline:moment(handleDateString(dateString)).format('YYYY-MM-DD HH:mm'), - late_time:moment(handleDateString(dateString)).add(2, 'months'), - late_times:moment(handleDateString(dateString)).add(2, 'months').format('YYYY-MM-DD HH:mm'), - }) - } - - // } - - } - onEndChangeys = (value, dateString) => { - - if(value==null){ - this.setState({ - late_times:undefined, - late_time:undefined, - }) - return; - } - let{publish_time,end_time,unifiedsetting,rulesdata}=this.state; - - if(unifiedsetting===true){ - if (moment(value, "YYYY-MM-DD HH:mm") <= moment(publish_time)) { - this.setState({ - hand__e_tip: "补交时间不能早于发布时间", - hand_flags: true, - handclass:"bor-reds", - late_times:value.format('YYYY-MM-DD HH:mm'), - late_time:value.format('YYYY-MM-DD HH:mm'), - }) - } - else if (moment(value, "YYYY-MM-DD HH:mm") <= moment(end_time)) { - this.setState({ - hand__e_tip: "补交时间不能早于截止时间", - hand_flags: true, - handclass:"bor-reds", - late_times: value.format('YYYY-MM-DD HH:mm'), - late_time:value.format('YYYY-MM-DD HH:mm'), - }) - } - else { - - try { - this.setState({ - late_times: value.format('YYYY-MM-DD HH:mm'), - late_time:value.format('YYYY-MM-DD HH:mm'), - hand__e_tip: "", - hand_flags: false, - handclass:"", - }) - - }catch (e) { - - } - } - }else{ - rulesdata.map((item,key)=>{ - if(item.publish_time!="Invalid date"){ - if (moment(value, "YYYY-MM-DD HH:mm") <= moment(item.publish_time)) { - console.log(moment(item.publish_time, "YYYY-MM-DD HH:mm") <= moment(publish_time)) - let kes=key+1; - this.setState({ - hand__e_tip: "补交时间不能早于发布规则"+kes+"的发布时间", - hand_flags: true, - handclass:"bor-reds", - - }) - return - }else{ - this.setState({ - late_times: value.format('YYYY-MM-DD HH:mm'), - late_time:value.format('YYYY-MM-DD HH:mm'), - hand__e_tip: "", - hand_flags: false, - handclass:undefined, - }) - } - } - - }) - - - } - - - - } - - //立即发布 - homeworkstart = () => { - let homeworkid=this.props.match.params.homeworkid; - let url="/homework_commons/"+homeworkid+"/publish_groups.json"; - - axios.get(url).then((response) => { - - if (response.status === 200) { - const dataformat = 'YYYY-MM-DD HH:mm'; - let starttime = this.props.getNowFormatDates(1); - let endtime = this.props.getNowFormatDates(2); - this.setState({ - modalname: "立即发布", - modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1, - OneSelftype: true, - Topval:"学生将立即收到作业", - // Botvalleft:"暂不发布", - Botval:`本操作只对"未发布"的分班有效`, - starttime: "发布时间：" + moment(moment(new Date())).format("YYYY-MM-DD HH:mm"), - starttimes:starttime, - starttimesend:response.data.end_time===undefined||response.data.end_time===null||response.data.end_time===""?undefined:response.data.end_time, - typs:"start", - endtime: "截止时间：" + endtime, - Cancelname: "暂不发布", - Savesname: "立即发布", - Cancel: this.homeworkhide, - Saves: this.homeworkstartend, - course_groups: response.data.course_groups, - }) - } - }).catch((error) => { - console.log(error) - }); - - } - //立即截止 - homeworkends = () => { - let homeworkid=this.props.match.params.homeworkid; - let url="/homework_commons/"+homeworkid+"/end_groups.json"; - - axios.get(url).then((response) => { - - if (response.status === 200) { - this.setState({}) - this.setState({ - modalname: "立即截止", - modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1, - visible: true, - Topval:"学生将不能再提交作业", - // Botvalleft:"暂不截止", - Botval:`本操作只对"提交中"的分班有效`, - Cancelname: "暂不截止", - Savesname: "立即截止", - Cancel: this.homeworkhide, - Saves: this.coursetaskend, - starttime: undefined, - endtime: undefined, - typs:"end", - course_groups: response.data.course_groups, - }) - } - }).catch((error) => { - console.log(error) - }); - - - } -// 立即发布 - homeworkstartend = (ds,endtime) => { - var homeworkid = this.props.match.params.homeworkid; - - let data={} - if(ds.length===0){ - if(this.props.teacherdatapage.category.main===1){ - data = { - homework_ids: [homeworkid], - end_time: endtime, + } + + } else { + this.state.latedeductiontwo = 0; + this.setState({ + completionefficiencyscore: e.target.checked, + work_efficiencys: e.target.checked, + latedeductiontwo: 0, + }) + //均分比例 + if (this.state.proportion === "均分比例") { + this.Equalproportion(0, this.state.CalculateMax, true); + + } else if (this.state.proportion === "经验值比例") { + this.Empiricalvalueratio(0, this.state.CalculateMax, true); + + } + } + + // console.log(e.target.checked); + + } + + //迟交扣分 + changeTopicName = (value) => { + // console.log("1e.target.value", value) + if (value === "" || value === undefined) { + return + } + var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ + var nubmer = value; + if (!re.test(nubmer)) { + this.props.showNotification(`请输入正确的数字`); + this.setState({ + latededuction: 0 + }) + return false; + } + + // if (nubmer > 100) { + // this.props.showNotification(`请输入小于100的数`); + // + // this.setState({ + // latededuction: 0 + // }) + // return + // } + this.setState({ + latededuction: value, + }) + + } + //总比分 + Totalscorecalculation = (value) => { + if (value === "" || value === undefined) { + return + } + var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ + var nubmer = value; + if (!re.test(nubmer)) { + this.props.showNotification(`请输入正确的数字`); + + this.setState({ + CalculateMax: 0 + }) + return; + } + + // if (nubmer > 100) { + // this.props.showNotification(`请输入小于100的数`); + // + // this.setState({ + // CalculateMax: 0 + // }) + // return + // } + //获取效率分 + let myvalues = this.state.latedeductiontwo; + //均分比例 + if (this.state.proportion === "均分比例") { + this.Equalproportion(myvalues, value, true); + + } else if (this.state.proportion === "经验值比例") { + this.Empiricalvalueratio(myvalues, value, true); + + } + this.setState({ + CalculateMax: value, + }) + } + + + // //效率分 + changeTopicNametwo = (value) => { + // console.log("TrainingjobsettingTrainingjobsetting", value) + if (value === "" || value === undefined) { + return + } + var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ + var nubmer = value; + if (!re.test(nubmer)) { + this.props.showNotification(`请输入正确的数字`); + + this.setState({ + latedeductiontwo: 0 + }) + return false; + } + + // if (nubmer > 100) { + // this.props.showNotification(`请输入小于100的数`); + // + // this.setState({ + // latedeductiontwo: 0 + // }) + // return + // } + this.setState({ + latedeductiontwo: value, + }) + + + //均分比例 + if (this.state.proportion === "均分比例") { + this.Equalproportion(value, this.state.CalculateMax, true); + + } else if (this.state.proportion === "经验值比例") { + this.Empiricalvalueratio(value, this.state.CalculateMax, true); + + } + + } + + + hangeTopicNametwodatasheet = (value, index) => { + // console.log("2e.target.value", value) + if (value === "" || value === undefined) { + return + } + var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ + var nubmer = value; + if (!re.test(nubmer)) { + this.props.showNotification(`请输入正确的数字`); + + // this.setState({ + // datasheet: 0 + // }) + var challenge_settings = this.state.challenge_settings; + for (var i = 0; i < challenge_settings.length; i++) { + if (i === index) { + challenge_settings[i].challenge_score = ""; + } + } + this.setState({ + challenge_settings: challenge_settings + }) + return false; + } + + var challenge_settings = this.state.challenge_settings; + for (var i = 0; i < challenge_settings.length; i++) { + if (i === index) { + challenge_settings[i].challenge_score = value; + } + } + + this.setState({ + challenge_settings: challenge_settings + }) + var latedeductiontwos = 0; + //效率分是否勾选 勾选获取效分 + if (this.state.completionefficiencyscore === true) { + latedeductiontwos = this.state.latedeductiontwo; + } + this.Calculatethetotalscore(latedeductiontwos, challenge_settings); + // if (nubmer > 100) { + // message.error("请输入小于100的数"); + // this.setState({ + // datasheet: 0 + // }) + // return + // } + // this.setState({ + // datasheet: value, + // }) + + } + + + // disabledEndDate = (end_time) => { + // const publish_time = this.state.publish_time; + // if (!end_time || !publish_time) { + // return false; + // } + // return end_time.valueOf() <= publish_time.valueOf(); + // + // } + // disabledEndDates = (end_time) => { + // const publish_time = this.state.end_time + // if (!end_time || !publish_time) { + // return false; + // } + // console.log("end_time.valueOf()") + // // console.log(end_time.valueOf()); + // // console.log(publish_time.valueOf()); + // return end_time.valueOf() <= publish_time.valueOf(); + // + // + // } + + disabledStartDatestart = (startValue) => { + const endValue = this.state.end_time + + if (!startValue || !endValue) { + return false; + } + var endValues = moment(endValue).subtract(1, 'days'); + return startValue.valueOf() > endValues.valueOf(); + }; + + disabledEndDateend = (endValue) => { + const startValue = this.state.publish_time; + if (!endValue || !startValue) { + return false; + } + var endValuesys = moment(startValue).subtract(1, 'days'); + + return endValue.valueOf() <= endValuesys.valueOf(); + }; + + disabledEndDateendd = (endsValue) => { + const endValues = this.state.end_time + + if (!endsValue || !endValues) { + return false; + } + var endValuesyss = moment(endValues).subtract(1, 'days'); + + return endsValue.valueOf() <= endValuesyss.valueOf(); + }; + + + onChangedata = (field, value, dateString) => { + this.setState({ + [field]: handleDateString(dateString), + }); + } + ontimeonok = (value) => { + console.log("ontimeonok点击了2"); + + if (value === undefined) { + return; + } + if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { + + } else { + try { + this.setState({ + unit_p_tip: "", + p_flag: false, + borreds: undefined, + releasetime: value.format('YYYY-MM-DD HH:mm'), + }) + } catch (e) { + } + } + } + ontimeonoktwo = (value) => { + if (value === undefined) { + return; + } + if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { + + } else { + if (moment(value, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { + + return + } + try { + this.setState({ + unit_e_tip: "", + p_flag: false, + deadline: value.format('YYYY-MM-DD HH:mm'), + borredss: undefined, + }) + } catch (e) { + + } + } + } + ontimeonokthree = (value) => { + if (value === undefined) { + return; + } + + let {publish_time, unifiedsetting, rulesdata} = this.state; + if (unifiedsetting === true) { + if (moment(value, "YYYY-MM-DD HH:mm") <= moment(publish_time)) { + } else { + + } + } else { + rulesdata.map((item, key) => { + if (item.publish_time != "Invalid date") { + if (moment(value, "YYYY-MM-DD HH:mm") <= moment(item.publish_time, "YYYY-MM-DD HH:mm")) { + + } else { + this.setState({ + late_times: value.format('YYYY-MM-DD HH:mm'), + hand__e_tip: "", + hand_flags: false, + handclass: "", + }) } - }else { - data = { - homework_ids: [homeworkid], - end_time: endtime, - category_id:this.props.teacherdatapage.category.category_id, + } + + }) + } + } + onStartChange = (value, dateString) => { + console.log("onStartChange点击了1"); + + if (value == null) { + this.setState({ + releasetime: undefined, + publish_time: undefined, + }) + return; + } + // if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { + // this.setState({ + // unit_p_tip: "发布时间不能早于当前时间", + // p_flag: true, + // borreds:"bor-reds", + // releasetime:undefined, + // publish_time:undefined, + // }) + // } else { + + try { + this.setState({ + unit_p_tip: "", + p_flag: false, + borreds: undefined, + releasetime: value.format('YYYY-MM-DD HH:mm'), + }) + } catch (e) { + + } + // console.log(value); + console.log(dateString); + // console.log(handleDateString(dateString)); + // this.onChangedata('publish_time', value, dateString); + this.setState({ + publish_time: moment(moment(handleDateString(dateString))).format("YYYY-MM-DD HH:mm"), + }); + if (this.state.allowreplenishment === true) { + + if (this.state.end_time === undefined || this.state.end_time === "") { + this.setState({ + end_time: moment(handleDateString(dateString)).add(1, 'months'), + deadline: moment(handleDateString(dateString)).add(1, 'months').format('YYYY-MM-DD HH:mm'), + }) + } else { + + } + if (this.state.late_time === undefined || this.state.late_time === "") { + this.setState({ + + late_time: moment(handleDateString(dateString)).add(2, 'months'), + late_times: moment(handleDateString(dateString)).add(2, 'months').format('YYYY-MM-DD HH:mm'), + }); + } else { + + } + try { + this.setState({ + unit_e_tip: "", + p_flag: false, + borredss: undefined, + }) + } catch (e) { + + } + } else { + if (this.state.end_time === undefined || this.state.end_time === "") { + this.setState({ + end_time: moment(handleDateString(dateString)).add(1, 'months'), + deadline: moment(handleDateString(dateString)).add(1, 'months').format('YYYY-MM-DD HH:mm'), + }) + } else { + + } + } + + // } + } + + onEndChange = (value, dateString) => { + // console.log("onEndChange") + // console.log(value) + // console.log(dateString) + if (value == null) { + this.setState({ + end_time: undefined, + deadline: undefined, + }) + return; + } + // if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) { + // this.setState({ + // unit_e_tip: "截止时间不能早于当前时间", + // p_flag: true, + // borredss:"bor-reds", + // end_time:undefined, + // deadline:undefined, + // }) + // } else { + // console.log(moment(value, "YYYY-MM-DD HH:mm")); + // console.log(moment(this.state.publish_time, "YYYY-MM-DD HH:mm")); + if (moment(value, "YYYY-MM-DD HH:mm") <= moment(this.state.publish_time, "YYYY-MM-DD HH:mm")) { + this.setState({ + unit_e_tip: "截止时间不能早于发布时间", + p_flag: true, + borredss: "bor-reds", + end_time: value.format('YYYY-MM-DD HH:mm'), + deadline: value.format('YYYY-MM-DD HH:mm'), + }) + + return + } + try { + this.setState({ + unit_e_tip: "", + p_flag: false, + borredss: undefined, + deadline: value.format('YYYY-MM-DD HH:mm'), + }) + } catch (e) { + + } + this.setState({ + end_time: moment(moment(handleDateString(dateString))).format("YYYY-MM-DD HH:mm"), + }) + // this.onChangedata('end_time', value, dateString); + if (this.state.allowreplenishment === true) { + this.setState({ + deadline: moment(handleDateString(dateString)).format('YYYY-MM-DD HH:mm'), + late_time: moment(handleDateString(dateString)).add(2, 'months'), + late_times: moment(handleDateString(dateString)).add(2, 'months').format('YYYY-MM-DD HH:mm'), + }) + } + + // } + + } + onEndChangeys = (value, dateString) => { + + if (value == null) { + this.setState({ + late_times: undefined, + late_time: undefined, + }) + return; + } + let {publish_time, end_time, unifiedsetting, rulesdata} = this.state; + + if (unifiedsetting === true) { + if (moment(value, "YYYY-MM-DD HH:mm") <= moment(publish_time)) { + this.setState({ + hand__e_tip: "补交时间不能早于发布时间", + hand_flags: true, + handclass: "bor-reds", + late_times: value.format('YYYY-MM-DD HH:mm'), + late_time: value.format('YYYY-MM-DD HH:mm'), + }) + } else if (moment(value, "YYYY-MM-DD HH:mm") <= moment(end_time)) { + this.setState({ + hand__e_tip: "补交时间不能早于截止时间", + hand_flags: true, + handclass: "bor-reds", + late_times: value.format('YYYY-MM-DD HH:mm'), + late_time: value.format('YYYY-MM-DD HH:mm'), + }) + } else { + + try { + this.setState({ + late_times: value.format('YYYY-MM-DD HH:mm'), + late_time: value.format('YYYY-MM-DD HH:mm'), + hand__e_tip: "", + hand_flags: false, + handclass: "", + }) + + } catch (e) { + + } + } + } else { + rulesdata.map((item, key) => { + if (item.publish_time != "Invalid date") { + if (moment(value, "YYYY-MM-DD HH:mm") <= moment(item.publish_time)) { + console.log(moment(item.publish_time, "YYYY-MM-DD HH:mm") <= moment(publish_time)) + let kes = key + 1; + this.setState({ + hand__e_tip: "补交时间不能早于发布规则" + kes + "的发布时间", + hand_flags: true, + handclass: "bor-reds", + + }) + return + } else { + this.setState({ + late_times: value.format('YYYY-MM-DD HH:mm'), + late_time: value.format('YYYY-MM-DD HH:mm'), + hand__e_tip: "", + hand_flags: false, + handclass: undefined, + }) } } - }else{ - if(this.props.teacherdatapage.category.main===1){ - data={ - homework_ids: [homeworkid], - group_ids: ds, - group_end_times:endtime, - detail:true + + }) + + + } + + + } + + //立即发布 + homeworkstart = () => { + let homeworkid = this.props.match.params.homeworkid; + let url = "/homework_commons/" + homeworkid + "/publish_groups.json"; + + axios.get(url).then((response) => { + + if (response.status === 200) { + const dataformat = 'YYYY-MM-DD HH:mm'; + let starttime = this.props.getNowFormatDates(1); + let endtime = this.props.getNowFormatDates(2); + this.setState({ + modalname: "立即发布", + modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1, + OneSelftype: true, + Topval: "学生将立即收到作业", + // Botvalleft:"暂不发布", + Botval: `本操作只对"未发布"的分班有效`, + starttime: "发布时间：" + moment(moment(new Date())).format("YYYY-MM-DD HH:mm"), + starttimes: starttime, + starttimesend: response.data.end_time === undefined || response.data.end_time === null || response.data.end_time === "" ? undefined : response.data.end_time, + typs: "start", + endtime: "截止时间：" + endtime, + Cancelname: "暂不发布", + Savesname: "立即发布", + Cancel: this.homeworkhide, + Saves: this.homeworkstartend, + course_groups: response.data.course_groups, + }) + } + }).catch((error) => { + console.log(error) + }); + + } + //立即截止 + homeworkends = () => { + let homeworkid = this.props.match.params.homeworkid; + let url = "/homework_commons/" + homeworkid + "/end_groups.json"; + + axios.get(url).then((response) => { + + if (response.status === 200) { + this.setState({}) + this.setState({ + modalname: "立即截止", + modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1, + visible: true, + Topval: "学生将不能再提交作业", + // Botvalleft:"暂不截止", + Botval: `本操作只对"提交中"的分班有效`, + Cancelname: "暂不截止", + Savesname: "立即截止", + Cancel: this.homeworkhide, + Saves: this.coursetaskend, + starttime: undefined, + endtime: undefined, + typs: "end", + course_groups: response.data.course_groups, + }) + } + }).catch((error) => { + console.log(error) + }); + + + } +// 立即发布 + homeworkstartend = (ds, endtime) => { + var homeworkid = this.props.match.params.homeworkid; + + let data = {} + if (ds.length === 0) { + if (this.props.teacherdatapage.category.main === 1) { + data = { + homework_ids: [homeworkid], + end_time: endtime, + } + } else { + data = { + homework_ids: [homeworkid], + end_time: endtime, + category_id: this.props.teacherdatapage.category.category_id, + } + } + } else { + if (this.props.teacherdatapage.category.main === 1) { + data = { + homework_ids: [homeworkid], + group_ids: ds, + group_end_times: endtime, + detail: true + } + } else { + data = { + homework_ids: [homeworkid], + group_ids: ds, + group_end_times: endtime, + category_id: this.props.teacherdatapage.category.category_id, + detail: true + } + } + + } + + let coursesId = this.props.match.params.coursesId; + let url = "/courses/" + coursesId + "/homework_commons/publish_homework.json"; + axios.post(url, data).then((result) => { + if (result.status === 200) { + if (result.data.status === 0) { + notification.open({ + message: "提示", + description: result.data.message + }); + this.homeworkhide(); + this.getTrainingjobsetting(false); + } + + } + }).catch((error) => { + console.log(error); + }) + } + + //立即截止确定按钮 + coursetaskend = () => { + var homeworkid = this.props.match.params.homeworkid; + let {course_groupslist} = this.state; + + + const cid = this.props.match.params.coursesId; + let url = "/courses/" + cid + "/homework_commons/end_homework.json"; + axios.post(url, { + group_ids: course_groupslist, + homework_ids: [homeworkid], + }) + .then((response) => { + if (response.data.status == 0) { + notification.open({ + message: "提示", + description: response.data.message + }); + // notification['success']({ + // message:"提示", + // description:response.data.message + // }); + this.getTrainingjobsetting(false); + this.homeworkhide() + } + }) + .catch(function (error) { + console.log(error); + }); + } + + getcourse_groupslist = (id) => { + this.setState({ + course_groupslist: id + }) + } + + homeworkhide = () => { + this.setState({ + modalname: undefined, + modaltype: undefined, + visible: false, + OneSelftype: false, + Topval: undefined, + Topvalright: undefined, + Botvalleft: undefined, + Botval: undefined, + starttime: undefined, + endtime: undefined, + Cancelname: undefined, + Savesname: undefined, + Cancel: undefined, + Saves: undefined, + StudentList_value: undefined, + addname: undefined, + addnametype: false, + addnametab: undefined, + typs: undefined, + starttimes: undefined, + starttimesend: undefined, + }) + } + cancelBox = () => { + this.setState({ + modalsType: false, + modalsTopval: "", + loadtype: false, + }) + } + //编辑 + editSetting = () => { + try { + if (this.state.jobsettingsdata.data.is_end === true) { + this.setState({ + modalsType: true, + modalsTopval: "课堂已结束不能再修改!", + loadtype: true, + modalSave: this.cancelBox + }) + } else { + + var releasetime = true; + var deadline = true; + var endtime = true; + var whethertopays = true; + //发布时间 + + if (moment(this.state.publish_time, "YYYY-MM-DD HH:mm") <= moment()) { + releasetime = false; + } + //截止时间 + if (moment(this.state.end_time, "YYYY-MM-DD HH:mm") <= moment()) { + deadline = false; + } + //结束时间 + if (moment(this.state.late_time, "YYYY-MM-DD HH:mm") <= moment()) { + endtime = false; + } + if (this.state.allowreplenishment === false) { + whethertopays = false; + } + if (this.state.jobsettingsdata !== undefined) { + + } + + try { + if (this.state.jobsettingsdata && this.state.jobsettingsdata.data.homework_status[0] === "未发布") { + this.setState({ + flagPageEditsbox: true, + flagPageEdit: true, + whethertopay: whethertopays, + flagPageEditstwo: releasetime, + flagPageEditsthrees: deadline, + flagPageEditsfor: endtime, + completionefficiencyscore: false, + work_efficiencys: this.state.work_efficiencys, + unifiedsetting: this.state.unifiedsetting, + latedeductiontwo: this.state.latedeductiontwo, + }); + //均分比例 + try { + if (this.state.proportion === "均分比例") { + this.Equalproportion(this.state.latedeductiontwo, this.state.CalculateMax, true); + + } else if (this.state.proportion === "经验值比例") { + this.Empiricalvalueratio(this.state.latedeductiontwo, this.state.CalculateMax, true); + + } + } catch (e) { + + } + + } else { + this.setState({ + flagPageEditsbox: true, + flagPageEdit: true, + whethertopay: whethertopays, + flagPageEditstwo: releasetime, + flagPageEditsthrees: deadline, + flagPageEditsfor: endtime, + unifiedsetting: this.state.unifiedsetting, + }); + if (this.state.work_efficiencys === true) { + this.setState({ + completionefficiencyscore: true, + }) + } else { + this.setState({ + completionefficiencyscore: false, + }) + } } - }else{ - data={ - homework_ids: [homeworkid], - group_ids: ds, - group_end_times:endtime, - category_id:this.props.teacherdatapage.category.category_id, - detail:true + } catch (e) { + this.setState({ + flagPageEditsbox: true, + flagPageEdit: true, + whethertopay: whethertopays, + flagPageEditstwo: releasetime, + flagPageEditsthrees: deadline, + flagPageEditsfor: endtime, + unifiedsetting: this.state.unifiedsetting, + }); + if (this.state.work_efficiencys === true) { + this.setState({ + completionefficiencyscore: true, + }) + } else { + this.setState({ + completionefficiencyscore: false, + }) } } + if (this.state.proportion === "自定义分值") { + this.setState({ + boolUnitetwoname: "自定义分值", + boolUnitetwo: false, + flagPageEdits: true, + }) + } + } + } catch (e) { + + } + }; + //一进来就是老师要用的编辑页面 + editSettings = (datas) => { + // console.log("编辑页面"); + // console.log(datas); + + try { + if (datas.data.is_end === true) { + this.setState({ + modalsType: true, + modalsTopval: "课堂已结束不能再修改!", + loadtype: true, + modalSave: this.cancelBox + }) + } else { + // + var releasetime = true; + var deadline = true; + var endtime = true; + var whethertopays = true; + //发布时间 + + if (moment(datas.data.publish_time, "YYYY-MM-DD HH:mm") <= moment()) { + releasetime = false; + } + //截止时间 + if (moment(datas.data.end_time, "YYYY-MM-DD HH:mm") <= moment()) { + deadline = false; + } + //结束时间 + if (moment(datas.data.late_time, "YYYY-MM-DD HH:mm") <= moment()) { + endtime = false; + } + if (datas.data.allow_late === false) { + whethertopays = false; + } - let coursesId = this.props.match.params.coursesId; - let url = "/courses/" + coursesId + "/homework_commons/publish_homework.json"; - axios.post(url,data).then((result) => { - if (result.status === 200) { - if (result.data.status === 0) { - notification.open({ - message:"提示", - description:result.data.message - }); - this.homeworkhide(); - this.getTrainingjobsetting(false); - } - - } - }).catch((error) => { - console.log(error); - }) - } - - //立即截止确定按钮 - coursetaskend = () => { - var homeworkid = this.props.match.params.homeworkid; - let {course_groupslist} = this.state; - - - const cid = this.props.match.params.coursesId; - let url = "/courses/" + cid + "/homework_commons/end_homework.json"; - axios.post(url, { - group_ids: course_groupslist, - homework_ids: [homeworkid], - }) - .then((response) => { - if (response.data.status == 0) { - notification.open({ - message:"提示", - description:response.data.message - }); - // notification['success']({ - // message:"提示", - // description:response.data.message - // }); - this.getTrainingjobsetting(false); - this.homeworkhide() - } - }) - .catch(function (error) { - console.log(error); - }); - } - - getcourse_groupslist = (id) => { - this.setState({ - course_groupslist: id - }) - } - - homeworkhide = () => { - this.setState({ - modalname: undefined, - modaltype: undefined, - visible: false, - OneSelftype:false, - Topval: undefined, - Topvalright: undefined, - Botvalleft: undefined, - Botval: undefined, - starttime: undefined, - endtime: undefined, - Cancelname: undefined, - Savesname: undefined, - Cancel: undefined, - Saves: undefined, - StudentList_value: undefined, - addname: undefined, - addnametype: false, - addnametab: undefined, - typs:undefined, - starttimes:undefined, - starttimesend:undefined, - }) - } - cancelBox=()=>{ - this.setState({ - modalsType: false, - modalsTopval: "", - loadtype: false, - }) - } - //编辑 - editSetting = () => { - try { - if (this.state.jobsettingsdata.data.is_end === true) { - this.setState({ - modalsType: true, - modalsTopval: "课堂已结束不能再修改!", - loadtype: true, - modalSave: this.cancelBox - }) - } else { - - var releasetime =true; - var deadline = true; - var endtime =true; - var whethertopays =true; - //发布时间 - - if(moment(this.state.publish_time,"YYYY-MM-DD HH:mm")<=moment()){ - releasetime=false; - } - //截止时间 - if(moment(this.state.end_time,"YYYY-MM-DD HH:mm")<=moment()){ - deadline=false; - } - //结束时间 - if(moment(this.state.late_time,"YYYY-MM-DD HH:mm")<=moment()){ - endtime=false; - } - if(this.state.allowreplenishment === false){ - whethertopays=false; - } - if(this.state.jobsettingsdata!==undefined){ - - } - - try { - if(this.state.jobsettingsdata&& this.state.jobsettingsdata.data.homework_status[0]==="未发布"){ - this.setState({ - flagPageEditsbox:true, - flagPageEdit: true, - whethertopay:whethertopays, - flagPageEditstwo:releasetime, - flagPageEditsthrees:deadline, - flagPageEditsfor:endtime, - completionefficiencyscore:false, - work_efficiencys:this.state.work_efficiencys, - unifiedsetting:this.state.unifiedsetting, - latedeductiontwo:this.state.latedeductiontwo, - }); - //均分比例 - try { - if(this.state.proportion==="均分比例"){ - this.Equalproportion(this.state.latedeductiontwo); - - }else if(this.state.proportion==="经验值比例"){ - this.Empiricalvalueratio(this.state.latedeductiontwo); - - } - }catch (e) { + try { + if (datas.data && datas.data.homework_status[0] === "未发布") { + this.setState({ + flagPageEditsbox: true, + flagPageEdit: true, + whethertopay: whethertopays, + flagPageEditstwo: releasetime, + flagPageEditsthrees: deadline, + flagPageEditsfor: endtime, + completionefficiencyscore: datas.data.work_efficiency === true ? true : false, + work_efficiencys: datas.data.work_efficiency, + unifiedsetting: datas.data.unified_setting, + latedeductiontwo: datas.data.eff_score, + }); + //均分比例 + // result.data.shixun_evaluation === 0 ? "均分比例" : result.data.shixun_evaluation === 1 ? "经验值比例" : result.data.shixun_evaluation === 2 ? + try { + if (datas.data.shixun_evaluation === 0) { + this.Equalproportion(datas.data.eff_score, this.state.CalculateMax, false); + + } else if (datas.data.shixun_evaluation === 1) { + this.Empiricalvalueratio(datas.data.eff_score, this.state.CalculateMax, false); + + } + } catch (e) { + console.log("报错editSettings"); + console.log(1); + console.log(e); - } - }else { - this.setState({ - flagPageEditsbox:true, - flagPageEdit: true, - whethertopay:whethertopays, - flagPageEditstwo:releasetime, - flagPageEditsthrees:deadline, - flagPageEditsfor:endtime, - unifiedsetting:this.state.unifiedsetting, - }); - if(this.state.work_efficiencys===true){ - this.setState({ - completionefficiencyscore:true, - }) - }else{ - this.setState({ - completionefficiencyscore:false, - }) - } - } - }catch (e) { - this.setState({ - flagPageEditsbox:true, - flagPageEdit: true, - whethertopay:whethertopays, - flagPageEditstwo:releasetime, - flagPageEditsthrees:deadline, - flagPageEditsfor:endtime, - unifiedsetting:this.state.unifiedsetting, - }); - if(this.state.work_efficiencys===true){ - this.setState({ - completionefficiencyscore:true, - }) - }else{ - this.setState({ - completionefficiencyscore:false, - }) - } - } - - if(this.state.proportion === "自定义分值"){ - this.setState({ - boolUnitetwoname:"自定义分值", - boolUnitetwo: false, - flagPageEdits:true, - }) - } - - } - } catch (e) { - - } - }; - //一进来就是老师要用的编辑页面 - editSettings=(datas)=>{ - // console.log("编辑页面"); - // console.log(datas); - try { - if (datas.data.is_end === true) { - this.setState({ - modalsType: true, - modalsTopval: "课堂已结束不能再修改!", - loadtype: true, - modalSave: this.cancelBox - }) - } else { - // debugger - var releasetime =true; - var deadline = true; - var endtime =true; - var whethertopays =true; - //发布时间 - - if(moment(datas.data.publish_time,"YYYY-MM-DD HH:mm")<=moment()){ - releasetime=false; - } - //截止时间 - if(moment(datas.data.end_time,"YYYY-MM-DD HH:mm")<=moment()){ - deadline=false; - } - //结束时间 - if(moment(datas.data.late_time,"YYYY-MM-DD HH:mm")<=moment()){ - endtime=false; - } - if(datas.data.allow_late === false){ - whethertopays=false; - } - - try { - if(datas.data&& datas.data.homework_status[0]==="未发布"){ - this.setState({ - flagPageEditsbox:true, - flagPageEdit: true, - whethertopay:whethertopays, - flagPageEditstwo:releasetime, - flagPageEditsthrees:deadline, - flagPageEditsfor:endtime, - completionefficiencyscore:datas.data.work_efficiency===true?true:false, - work_efficiencys:datas.data.work_efficiency, - unifiedsetting:datas.data.unified_setting, - latedeductiontwo:datas.data.eff_score, - }); - //均分比例 - // result.data.shixun_evaluation === 0 ? "均分比例" : result.data.shixun_evaluation === 1 ? "经验值比例" : result.data.shixun_evaluation === 2 ? - try { - if(datas.data.shixun_evaluation === 0){ - this.Equalproportion(datas.data.eff_score); - - }else if(datas.data.shixun_evaluation === 1){ - this.Empiricalvalueratio(datas.data.eff_score); - - } - }catch (e) { - console.log(1); - console.log(e); + } + } else { + this.setState({ + flagPageEditsbox: true, + flagPageEdit: true, + whethertopay: whethertopays, + flagPageEditstwo: releasetime, + flagPageEditsthrees: deadline, + flagPageEditsfor: endtime, + unifiedsetting: datas.data.unified_setting, + }); + if (datas.data.work_efficiency === true) { + this.setState({ + completionefficiencyscore: true, + }) + } else { + this.setState({ + completionefficiencyscore: false, + }) + } + } + } catch (e) { + console.log(2); + console.log(e); + this.setState({ + flagPageEditsbox: true, + flagPageEdit: true, + whethertopay: whethertopays, + flagPageEditstwo: releasetime, + flagPageEditsthrees: deadline, + flagPageEditsfor: endtime, + unifiedsetting: datas.data.unified_setting, + }); + if (datas.data.work_efficiency === true) { + this.setState({ + completionefficiencyscore: true, + }) + } else { + this.setState({ + completionefficiencyscore: false, + }) + } + } - } + if (datas.data.shixun_evaluation === 2) { + this.setState({ + boolUnitetwoname: "自定义分值", + boolUnitetwo: false, + flagPageEdits: true, + }) + } - }else { - this.setState({ - flagPageEditsbox:true, - flagPageEdit: true, - whethertopay:whethertopays, - flagPageEditstwo:releasetime, - flagPageEditsthrees:deadline, - flagPageEditsfor:endtime, - unifiedsetting:datas.data.unified_setting, - }); - if(datas.data.work_efficiency===true){ - this.setState({ - completionefficiencyscore:true, - }) - }else{ - this.setState({ - completionefficiencyscore:false, - }) - } - } - }catch (e) { - console.log(2); - console.log(e); - this.setState({ - flagPageEditsbox:true, - flagPageEdit: true, - whethertopay:whethertopays, - flagPageEditstwo:releasetime, - flagPageEditsthrees:deadline, - flagPageEditsfor:endtime, - unifiedsetting:datas.data.unified_setting, - }); - if(datas.data.work_efficiency===true){ - this.setState({ - completionefficiencyscore:true, - }) - }else{ - this.setState({ - completionefficiencyscore:false, - }) - } - } - - if(datas.data.shixun_evaluation === 2){ - this.setState({ - boolUnitetwoname:"自定义分值", - boolUnitetwo: false, - flagPageEdits:true, - }) - } - - } - } catch (e) { - console.log(3); - console.log(e); - } - }; - //取消编辑 - cancelEdit = () => { - this.setState({ - flagPageEditsbox:false, - flagPageEdit: false, - flagPageEditstwo:false, - flagPageEditsthrees:false, - flagPageEditsfor:false, - whethertopay:false, - unit_p_tip: "", - p_flag: false, - borreds:undefined, - borredss:undefined, - hand__e_tip: "", - hand_flags: false, - handclass: undefined, - completionefficiencyscore:false, - latedeductiontwo:0, - unit_e_tip: "", - }) - this.refs.targetElementTrainingjobsetting.scrollIntoView(); - this.getTrainingjobsetting(false); - } - - rulesCheckInfo=(rules)=>{ - var datas=[]; - for (var i=0;i{ - this.setState({ - showmodel:true - }) - } - - hideshowmodel=()=>{ - this.setState({ - showmodel:false - }) - } - - - testscripttip =(e)=>{ - if(e === 0){ - this.setState({ - testscripttiptype:true, - }) - }else { - this.setState({ - testscripttiptype:false, - }) - } - - - } - ChangeTab=(e)=>{ - this.props.ChangeTab(e); - } - - daochushixunbaogao=()=>{ - let url =`/zip/shixun_report?homework_common_id=${this.props.match.params.homeworkid}`; - this.confirmysl(url, url + '&export=true'); - } - - daochuzuoye =() =>{ - let url = `/homework_commons/${this.props.match.params.homeworkid}/works_list.xlsx`; - this.confirmysl(url, url + '?export=true'); - } - - confirmysl(url, urlWithExport){ - axios.get(urlWithExport).then((response) => { - if(response === undefined){ - return - } - if(response.data.status&&response.data.status===-1){ - - }else if(response.data.status&&response.data.status===-2){ - if(response.data.message === "100"){ - // 已超出文件导出的上限数量（100 ），建议： - - this.setState({ - DownloadType:true, - DownloadMessageval:100 - }) - }else { - //因附件资料超过500M - this.setState({ - DownloadType:true, - DownloadMessageval:500 - }) - } - }else { - this.props.showNotification(`正在下载中`); - window.open("/api"+url, '_blank'); - } - }).catch((error) => { - console.log(error) - }); - } - - - Downloadcal=()=>{ - this.setState({ - DownloadType:false, - DownloadMessageval:undefined - }) - } - render() { - - - const dataformat = 'YYYY-MM-DD HH:mm'; - let {flagPageEdit, testscripttiptype, publish_timebool, end_timebool, late_timesbool, work_efficiencys, flagPageEdits, flagPageEditstwo, flagPageEditsbox, whethertopay, handclass, flagPageEditsthrees, flagPageEditsfor, rules, rulest, unifiedsetting, group_settings, course_group, unit_e_tip, borreds, borredss, unit_p_tip, end_time, late_time, score_open, publish_time, starttimetype, modalsType, modalsTopval, loadtype, modalSave, endtimetype, latetimetype, allowlate, latepenaltytype, jobsettingsdata, endOpen, mystyle, mystyles, task_pass} = this.state; - // console.log(publish_timebool); - // console.log(!flagPageEditstwo); - const radioStyle = { - display: 'block', - height: '30px', - lineHeight: '30px', - color:"#666666" - }; - const radioStyles = { - display: 'block', - height: '30px', - lineHeight: '30px', - color:"#666666", - marginLeft:'38px', - }; - - // const startDate=moment(this.state.publish_time).format('YYYY-MM-DD HH:mm'); - // const endDate =moment(this.state.publish_time).add('months',1).format('YYYY-MM-DD HH:mm'); - // console.log("Trainingjobsetting"); - // console.log(startDate); - // console.log(endDate); - - // if( this.props.isAdmin() === true){ - // this.editSetting(); - // } - // console.log(this.props.isAdmin()) - // console.log(this.state.code_review===false) - // console.log("引入的分值"); - // console.log(this.state.work_efficiencys); - - - - return ( -
- {this.state.showmodel===true?this.hideshowmodel()} - />:""} - - {/**/} - - {/*立即发布*/} - this.getcourse_groupslist(id)} - starttimes={this.state.starttimes} - starttimesend={this.state.starttimesend} - typs={this.state.typs} - /> - - - {/*立即发布*/} - {this.state.OneSelftype===true? this.getcourse_groupslist(id)} - starttimes={this.state.starttimes} - starttimesend={this.state.starttimesend} - typs={this.state.typs} - />:""} - - - -
- { - !flagPageEdit && this.props.isAdmin() === true ? - "" - : - - } - -
- {/*发布设置*/} -
-
-

- 发布设置 - { - !flagPageEdit && this.props.isAdmin() === true ? - - 编辑设置 - {/**/} - - : "" - } -

- { - group_settings&&group_settings.length>0? -
- 统一设置(选中则所有分班使用相同的发布设置，否则各个分班单独设置) -
- :
- } - - + } + +
+ {/*发布设置*/} +
+
+

+ 发布设置 + { + !flagPageEdit && this.props.isAdmin() === true ? + + 编辑设置 + {/**/} + + : "" + } +

+ { + group_settings && group_settings.length > 0 ? +
+ 统一设置(选中则所有分班使用相同的发布设置，否则各个分班单独设置) +
+ :
+ } + + - { - unifiedsetting === undefined ? "" : unifiedsetting=== true ? -
-
- 发布时间： - -
- -
- - (学生收到作业的时间) -
-

- { - unit_p_tip && unit_p_tip != "" ? { unit_p_tip } - : "" - } -

-
- 截止时间： - -
- -
- - - (学生“按时”提交作品的时间截点) -
-

- { - unit_e_tip && unit_e_tip != "" ? { unit_e_tip } :"" - } -

-
- : -
- this.rulesCheckInfo(info)} - > -
- - } -
- -
- {/*补交设置*/} -
-
-
补交设置
-
- {/*value={this.state.allowreplenishment}*/} -
- 开启补交 (选中，则允许学生延时提交作品) - -
- 迟交扣分： - + { + unifiedsetting === undefined ? "" : unifiedsetting === true ? +
+
+ 发布时间： + +
+ +
+ + (学生收到作业的时间) +
+

+ { + unit_p_tip && unit_p_tip != "" ? + {unit_p_tip} + : "" + } +

+
+ 截止时间： + +
+ +
+ + + (学生“按时”提交作品的时间截点) +
+

+ { + unit_e_tip && unit_e_tip != "" ? + {unit_e_tip} : "" + } +

+
+ : +
+ this.rulesCheckInfo(info)} + > +
+ + } +
+ +
+ {/*补交设置*/} +
+
+
补交设置
+
+ {/*value={this.state.allowreplenishment}*/} +
+ 开启补交 (选中，则允许学生延时提交作品) + +
+ 迟交扣分： + - - 分 - (延时提交作品时，学生成绩将被扣减的分值) - {/*{latepenaltytype===true?
:""}*/} -
- { - whethertopay&& whethertopay === true ? - + + 分 + (延时提交作品时，学生成绩将被扣减的分值) + {/*{latepenaltytype===true?
:""}*/} +
+ { + whethertopay && whethertopay === true ? + - :"" - } -
- 结束时间： - - (学生“延时”提交作品的时间截点) - {/*{latetimetype===true?
结束时间不能小于截止时间
:""}*/} - + : "" + } +
+ 结束时间： + + (学生“延时”提交作品的时间截点) + {/*{latetimetype===true?
结束时间不能小于截止时间
:""}*/} + -

- { - this.state.hand__e_tip && this.state.hand__e_tip != "" ? { this.state.hand__e_tip }:"" - } -

-
- {/*禁止补交*/} -
-
-
- {/*评分设置*/} -
-
-
评分设置
-
-
-
-
- 关卡任务的选择和分值设置 (成绩 = 效率分+ 关卡任务总分) -
-
- 效率分(选中，则学生最终成绩包含效率分) - -
- -
- -
-
- 分值 - - 分 - -
-
-
-
- -
-

- （学生工作效率= log(实训总得分/实训总耗时)
- （学生效率分 = 学生工作效率 / 课堂学生最高工作效率 * 分值）
-

-
-
-
-
-
-
-
- 关卡任务分值设置规则 - 均分比例 - 难易度 - 自定义分值 - {testscripttiptype===true? -
- -
-

- 若完成效率分值 = 10分, 则
- 均分比例: 根据任务数平均分配
- 例: 实训任务3关, 每关分值: 1/3*(100-10)=30分
-
- 难易度: 根据关卡经验值的高低确定关卡分值
- 例: 实训总经验值1200, 某关经验值200,
- 则其分值:200/1200*(100-10)=15分
-
- 自定义分值: 手动设置关卡分值
-

-
-

- this.testscripttip(1)}>知道了 -

-
- :""} + } + +

+ { + this.state.hand__e_tip && this.state.hand__e_tip != "" ? + {this.state.hand__e_tip} : "" + } +

+
+ {/*禁止补交*/} +
+
+
+ {/*评分设置*/} +
+
+
评分设置
+
+
+
+ 总分值： + + 分 +
+
+ 关卡任务的选择和分值设置 (总分值 = 效率分+ 关卡任务总分) +
+
+
+
+
+ 效率分(选中，则学生最终成绩包含效率分) + +
+ +
+ +
+
+
+ +
+

+ （学生工作效率= log(实训总得分/实训总耗时)
+ （学生效率分 = 学生工作效率 / 课堂学生最高工作效率 * 分值）
+

+
+
+
+
+
+ 分值 + + 分 + +
+
+ +
+
+
+
+
+ 关卡任务分值设置规则 + 均分比例 + 难易度 + 自定义分值 + {testscripttiptype === true ? +
+ +
+

+ 若完成效率分值 = 10分, 则
+ 均分比例: 根据任务数平均分配
+ 例: 实训任务3关, 每关分值: 1/3*(100-10)=30分
+
+ 难易度: 根据关卡经验值的高低确定关卡分值
+ 例: 实训总经验值1200, 某关经验值200,
+ 则其分值:200/1200*(100-10)=15分
+
+ 自定义分值: 手动设置关卡分值
+

+
+

+ this.testscripttip(1)}>知道了 +

+
+ : ""} - this.testscripttip(0)}> + this.testscripttip(0)}> -
-

关卡名称{task_pass === false ? "(请选中需要学生完成的关卡，该实训不支持跳关学习)" : "(请选中需要学生完成的关卡，该实训支持跳关学习)"} -

-
- {this.state.challenge_settings === undefined ? "" : this.state.challenge_settings.map((object, index) => { - return ( -
  • - this.onChangedatasheet(value, index)} - >{object.challenge_name} - this.hangeTopicNametwodatasheet(value, index)} - value={object.challenge_score} - /> - 分 - {object.difficulty} -
    • - ) - })} - -
    -
    - -
    -

    查看参考答案才通过评测的关卡扣分规则(学生通过评测后再查看参考答案，不对成绩产生影响)

    - - - 按查看答案级别扣分(根据学员选择查看的实训答案级别(解题思路、完整答案)，扣减相应的分值) - 不扣分 - -
    - {/*公开设置*/} -
    -
    -
    公开设置
    -
    -
    - 公开成绩 - (选中，则在作业截止/补交结束时间之后，已提交作品的学生可以查看其它学生的成绩，否则只能查看自己的成绩) -
    - -
    - -
    - - - { - flagPageEdit && this.props.isAdmin() === true ? -
    - - {/*提交*/} - this.cancelEdit()}>取消 -
    - : "" - } - -
    - -
    - - ) - } +
    +

    关卡名称{task_pass === false ? "(请选中需要学生完成的关卡，该实训不支持跳关学习)" : "(请选中需要学生完成的关卡，该实训支持跳关学习)"} +

    +
    + {this.state.challenge_settings === undefined ? "" : this.state.challenge_settings.map((object, index) => { + return ( +
  • + this.onChangedatasheet(value, index)} + >{object.challenge_name} + { + object.checked === false ? +
    +
    可不做 +
    +
    + : +
    + } + this.hangeTopicNametwodatasheet(value, index)} + step={0.1} + value={object.challenge_score} + /> + + 分 + {object.difficulty} + 金币奖励数：{object.challenge_exp} +
    • + ) + })} + +
    +
    + +
    +

    查看参考答案才通过评测的关卡扣分规则(学生通过评测后再查看参考答案，不对成绩产生影响)

    + + + 按查看答案级别扣分(根据学员选择查看的实训答案级别(解题思路、完整答案)，扣减相应的分值) + 不扣分 + +
    + {/*公开设置*/} +
    +
    +
    公开设置
    +
    +
    + 公开成绩 + (选中，则在作业截止/补交结束时间之后，已提交作品的学生可以查看其它学生的成绩，否则只能查看自己的成绩) +
    + +
    + +
    + + + { + flagPageEdit && this.props.isAdmin() === true ? +
    + + {/*提交*/} + this.cancelEdit()}>取消 +
    + : "" + } + + + + + + ) + } } export default Trainingjobsetting; @@ -2675,5 +2871,7 @@ export default Trainingjobsetting; // {...this.props} // data={ jobsettingsdata&& jobsettingsdata.data} // />} -{/* */} -{/**/} +{/* */ +} +{/**/ +} diff --git a/public/stylesheets/educoder/edu-main.css b/public/stylesheets/educoder/edu-main.css index 6e2fa2b7c..77f2f153e 100644 --- a/public/stylesheets/educoder/edu-main.css +++ b/public/stylesheets/educoder/edu-main.css @@ -225,6 +225,11 @@ a.color-blue:hover,a.color-blue_4C:hover{color: #459BE6!important;} /*橙色*/ .color-orange{color: #ff6800!important;}/*辅助文字*/ .color-orange-tip{color: #FF954C!important;}/*提示文字*/ +.color-orange-tips { + color: #FF8204 !important; +} + +/*提示文字*/ a.color-orange:hover,a.color-orange-tip:hover{color: #F06200!important;} /*黄色*/ .color-yellow{color: #EFC003!important;}