API tools faq
paste
Advertisement
Sebbikul

Untitled

Sebbikul
May 3rd, 2018
419
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 229.82 KB | None | 0 0
raw download clone embed print report
  1. <html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="en" style=""><!--<![endif]--><!-- <html lang="en"> --><head>
  2.  
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <meta http-equiv="Content-Type" content="application/json; charset=UTF-8">
  5. <meta http-equiv="Cache-Control" content="no-cache">
  6. <meta http-equiv="Cache-Control" content="max-age=0">
  7. <meta http-equiv="expires" content="0">
  8. <meta http-equiv="X-UA-Compatible" content="IE=10;chrome=1">
  9. <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
  10. <meta http-equiv="P3P" content="CP=&quot;CAO PSA OUR&quot;">
  11. <title>Kikora</title>
  12. <meta id="description" name="description" content="Kikora, Kikora.no, KIKORA, Kikora Math, Kikora Math Online, Kikora Geogebra">
  13. <meta id="keywork" name="keywork" content="Kikora, Kikora.no, KIKORA, Kikora Math, Kikora Math Online, Kikora Geogebra">
  14. <!--<meta id="viewport" name="viewport" content="" />-->
  15. <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
  16. <meta property="og:image" itemprop="thumbnailUrl" content="logo.png">
  17. <meta name="google" value="notranslate">
  18. <script async="" src="//www.google-analytics.com/analytics.js"></script><script type="text/javascript">
  19. var isRenderGgbReady = false;
  20. var random = new Date().getTime();
  21. document.write('\x3Cscript type="text/javascript" src="default/scripts/version.js?v=' + random + '">\x3C/script>');
  22. document.write('\x3Cscript type="text/javascript" src="default/scripts/geo.js?v=' + random + '">\x3C/script>');
  23.  
  24. </script><script type="text/javascript" src="default/scripts/version.js?v=1525333031783"></script><script type="text/javascript" src="default/scripts/geo.js?v=1525333031783"></script>
  25. <script type="text/javascript">
  26. require = {
  27. waitSeconds: 300,
  28. urlArgs: "v=" + globalKikoraVersion
  29. };
  30. document.write('\x3Clink rel="stylesheet" href="default/css/main.css?v=' + globalKikoraVersion + '" />');
  31. document.write('\x3Cscript type="text/javascript" src="default/scripts/lib/modernizr-2.6.2-respond-1.1.0.min.js?v=' + globalKikoraVersion + '">\x3C/script>');
  32. </script><link rel="stylesheet" href="default/css/main.css?v=1524750629295"><script type="text/javascript" src="default/scripts/lib/modernizr-2.6.2-respond-1.1.0.min.js?v=1524750629295"></script>
  33. <!--[if IE 8]>
  34. <link rel="stylesheet" href="default/css/css-IE8.css" />
  35. <![endif]-->
  36. <link rel="shortcut icon" href="favicon.ico">
  37. <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-iphone-retina-display.png">
  38. <script>
  39. (function (i, s, o, g, r, a, m) {
  40. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  41. (i[r].q = i[r].q || []).push(arguments)
  42. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  43. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  44. })(window, document, 'script', '//www.google-analytics.com/analytics.js', '__gaTracker');
  45. if(location.hostname.indexOf('orient.kikora.no') > -1)
  46. {
  47. __gaTracker('create', 'UA-48947039-1', 'kikora.no');
  48. }
  49. else
  50. {
  51. __gaTracker('create', 'UA-46071969-1', 'kikora.no');
  52.  
  53. }
  54. __gaTracker('set', 'page', '/index.html');
  55.  
  56. </script>
  57. <script>
  58. (function () {
  59. if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)) {
  60. var msViewportStyle = document.createElement("style");
  61. msViewportStyle.appendChild(
  62. document.createTextNode("@-ms-viewport{width:auto!important}")
  63. );
  64. document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
  65. }
  66. })();
  67. </script>
  68.  
  69.  
  70.  
  71. <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main" src="default/scripts/main.js?v=1524750629295"></script><style type="text/css">.MathJax_Hover_Frame {border-radius: .25em; -webkit-border-radius: .25em; -moz-border-radius: .25em; -khtml-border-radius: .25em; box-shadow: 0px 0px 15px #83A; -webkit-box-shadow: 0px 0px 15px #83A; -moz-box-shadow: 0px 0px 15px #83A; -khtml-box-shadow: 0px 0px 15px #83A; border: 1px solid #A6D ! important; display: inline-block; position: absolute}
  72. .MathJax_Hover_Arrow {position: absolute; width: 15px; height: 11px; cursor: pointer}
  73. </style><style type="text/css">#MathJax_About {position: fixed; left: 50%; width: auto; text-align: center; border: 3px outset; padding: 1em 2em; background-color: #DDDDDD; color: black; cursor: default; font-family: message-box; font-size: 120%; font-style: normal; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
  74. .MathJax_Menu {position: absolute; background-color: white; color: black; width: auto; padding: 2px; border: 1px solid #CCCCCC; margin: 0; cursor: default; font: menu; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; z-index: 201; box-shadow: 0px 10px 20px #808080; -webkit-box-shadow: 0px 10px 20px #808080; -moz-box-shadow: 0px 10px 20px #808080; -khtml-box-shadow: 0px 10px 20px #808080; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
  75. .MathJax_MenuItem {padding: 2px 2em; background: transparent}
  76. .MathJax_MenuArrow {position: absolute; right: .5em; color: #666666}
  77. .MathJax_MenuActive .MathJax_MenuArrow {color: white}
  78. .MathJax_MenuCheck {position: absolute; left: .7em}
  79. .MathJax_MenuRadioCheck {position: absolute; left: 1em}
  80. .MathJax_MenuLabel {padding: 2px 2em 4px 1.33em; font-style: italic}
  81. .MathJax_MenuRule {border-top: 1px solid #CCCCCC; margin: 4px 1px 0px}
  82. .MathJax_MenuDisabled {color: GrayText}
  83. .MathJax_MenuActive {background-color: Highlight; color: HighlightText}
  84. .MathJax_Menu_Close {position: absolute; width: 31px; height: 31px; top: -15px; left: -15px}
  85. </style><style type="text/css">#MathJax_Zoom {position: absolute; background-color: #F0F0F0; overflow: auto; display: block; z-index: 301; padding: .5em; border: 1px solid black; margin: 0; font-weight: normal; font-style: normal; text-align: left; text-indent: 0; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; box-shadow: 5px 5px 15px #AAAAAA; -webkit-box-shadow: 5px 5px 15px #AAAAAA; -moz-box-shadow: 5px 5px 15px #AAAAAA; -khtml-box-shadow: 5px 5px 15px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')}
  86. #MathJax_ZoomOverlay {position: absolute; left: 0; top: 0; z-index: 300; display: inline-block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
  87. #MathJax_ZoomFrame {position: relative; display: inline-block; height: 0; width: 0}
  88. #MathJax_ZoomEventTrap {position: absolute; left: 0; top: 0; z-index: 302; display: inline-block; border: 0; padding: 0; margin: 0; background-color: white; opacity: 0; filter: alpha(opacity=0)}
  89. </style><style type="text/css">.MathJax_Preview {color: #888}
  90. #MathJax_Message {position: fixed; left: 1em; bottom: 1.5em; background-color: #E6E6E6; border: 1px solid #959595; margin: 0px; padding: 2px 8px; z-index: 102; color: black; font-size: 80%; width: auto; white-space: nowrap}
  91. #MathJax_MSIE_Frame {position: absolute; top: 0; left: 0; width: 0px; z-index: 101; border: 0px; margin: 0px; padding: 0px}
  92. .MathJax_Error {color: #CC0000; font-style: italic}
  93. </style><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="ko.bindingHandlers" src="default/scripts/app/ko.bindingHandlers.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="config" src="default/scripts/app/config.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="utils" src="default/scripts/app/utils.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="common.consts" src="default/scripts/app/common.consts.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="mathquill" src="default/scripts/app/../lib/mathquill.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery-prototype" src="default/scripts/app/jquery-prototype.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="bootstrapper" src="default/scripts/app/bootstrapper.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.multiLanguage" src="default/scripts/app/viewmodels/vm.multiLanguage.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="route-config" src="default/scripts/app/route-config.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.person" src="default/scripts/app/viewmodels/vm.person.js?v=1524750629295"></script><style type="text/css"></style><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.header" src="default/scripts/app/viewmodels/vm.header.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="dataprimer" src="default/scripts/app/dataprimer.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="language" src="default/scripts/app/language.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="models/model.person" src="default/scripts/app/models/model.person.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.setting" src="default/scripts/app/viewmodels/vm.setting.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jqueryUI" src="default/scripts/app/../lib/jquery-ui-kikora.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.dropDownList" src="default/scripts/app/viewmodels/commonvm/vm.dropDownList.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.tileList" src="default/scripts/app/viewmodels/commonvm/vm.tileList.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.calculation" src="default/scripts/app/viewmodels/vm.calculation.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.containerDropDownList" src="default/scripts/app/viewmodels/commonvm/vm.containerDropDownList.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.calculator" src="default/scripts/app/viewmodels/commonvm/vm.calculator.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.plainExerciseCalculation" src="default/scripts/app/viewmodels/vm.plainExerciseCalculation.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.mInputExerciseCalculation" src="default/scripts/app/viewmodels/vm.mInputExerciseCalculation.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/vm.plainGraphicExerciseCalculation" src="default/scripts/app/viewmodels/vm.plainGraphicExerciseCalculation.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.exercise.elementSequence" src="default/scripts/app/viewmodels/commonvm/vm.exercise.elementSequence.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.exercise.numberLine" src="default/scripts/app/viewmodels/commonvm/vm.exercise.numberLine.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/vm.exercise.dragndrop" src="default/scripts/app/viewmodels/commonvm/vm.exercise.dragndrop.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/dragdrop/CanvasManager" src="default/scripts/app/viewmodels/commonvm/dragdrop/CanvasManager.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/dragdrop/Symbol" src="default/scripts/app/viewmodels/commonvm/dragdrop/Symbol.js?v=1524750629295"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="viewmodels/commonvm/dragdrop/PlusSymbol" src="default/scripts/app/viewmodels/commonvm/dragdrop/PlusSymbol.js?v=1524750629295"></script><link disabled="" id="cosinus-style" rel="stylesheet" href="customs/cosinus/pc/css/main.css?v=1524750629295"><style type="text/css">.MathJax_Display {text-align: center; margin: 1em 0em; position: relative; display: block; width: 100%}
  94. .MathJax .merror {background-color: #FFFF88; color: #CC0000; border: 1px solid #CC0000; padding: 1px 3px; font-style: normal; font-size: 90%}
  95. #MathJax_Tooltip {background-color: InfoBackground; color: InfoText; border: 1px solid black; box-shadow: 2px 2px 5px #AAAAAA; -webkit-box-shadow: 2px 2px 5px #AAAAAA; -moz-box-shadow: 2px 2px 5px #AAAAAA; -khtml-box-shadow: 2px 2px 5px #AAAAAA; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true'); padding: 3px 4px; z-index: 401; position: absolute; left: 0; top: 0; width: auto; height: auto; display: none}
  96. .MathJax {display: inline; font-style: normal; font-weight: normal; line-height: normal; font-size: 100%; font-size-adjust: none; text-indent: 0; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; border: 0; padding: 0; margin: 0}
  97. .MathJax img, .MathJax nobr, .MathJax a {border: 0; padding: 0; margin: 0; max-width: none; max-height: none; vertical-align: 0; line-height: normal; text-decoration: none}
  98. img.MathJax_strut {border: 0 !important; padding: 0 !important; margin: 0 !important; vertical-align: 0 !important}
  99. .MathJax span {display: inline; position: static; border: 0; padding: 0; margin: 0; vertical-align: 0; line-height: normal; text-decoration: none}
  100. .MathJax nobr {white-space: nowrap ! important}
  101. .MathJax img {display: inline ! important; float: none ! important}
  102. .MathJax * {transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none}
  103. .MathJax_Processing {visibility: hidden; position: fixed; width: 0; height: 0; overflow: hidden}
  104. .MathJax_Processed {display: none!important}
  105. .MathJax_ExBox {display: block; overflow: hidden; width: 1px; height: 60ex}
  106. .MathJax .MathJax_EmBox {display: block; overflow: hidden; width: 1px; height: 60em}
  107. .MathJax .MathJax_HitBox {cursor: text; background: white; opacity: 0; filter: alpha(opacity=0)}
  108. .MathJax .MathJax_HitBox * {filter: none; opacity: 1; background: transparent}
  109. #MathJax_Tooltip * {filter: none; opacity: 1; background: transparent}
  110. @font-face {font-family: MathJax_Main; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf') format('opentype')}
  111. @font-face {font-family: MathJax_Main; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Main-Bold.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Main-Bold.otf') format('opentype'); font-weight: bold}
  112. @font-face {font-family: MathJax_Main; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Main-Italic.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Main-Italic.otf') format('opentype'); font-style: italic}
  113. @font-face {font-family: MathJax_Math; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Math-Italic.otf') format('opentype'); font-style: italic}
  114. @font-face {font-family: MathJax_Caligraphic; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Caligraphic-Regular.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Caligraphic-Regular.otf') format('opentype')}
  115. @font-face {font-family: MathJax_Size1; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size1-Regular.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Size1-Regular.otf') format('opentype')}
  116. @font-face {font-family: MathJax_Size2; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size2-Regular.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Size2-Regular.otf') format('opentype')}
  117. @font-face {font-family: MathJax_Size3; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size3-Regular.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Size3-Regular.otf') format('opentype')}
  118. @font-face {font-family: MathJax_Size4; src: url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size4-Regular.woff') format('woff'), url('https://feide-castor.kikora.no/c/default/scripts/lib/MathJax/fonts/HTML-CSS/TeX/otf/MathJax_Size4-Regular.otf') format('opentype')}
  119. .MathJax .noError {vertical-align: ; font-size: 90%; text-align: left; color: black; padding: 1px 3px; border: 1px solid}
  120. </style></head>
  121. <body id="screen"><div style="visibility: hidden; overflow: hidden; position: absolute; top: 0px; height: 1px; width: auto; padding: 0px; border: 0px; margin: 0px; text-align: left; text-indent: 0px; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal;"><div id="MathJax_Hidden"></div></div><div id="MathJax_Message" style="display: none;"></div>
  122. <!--[if IE 8]>
  123. <div id="ie-eight-notification" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="IE 8 Notification" aria-hidden="false" data-backdrop="true">
  124. <div class="close-button" title="close">
  125. <button type="button" class="close-icon" data-dismiss="modal" aria-hidden="true"></button>
  126. </div>
  127. <div class="ie-logo-wrap">
  128. <div class="ie-logo"></div>
  129. </div>
  130. <div class="notification-content" data-i18n="common:menuHashes.ie8notification_content">
  131.  
  132. </div>
  133. <div class="recommendation">
  134. <div class="recommendation-intro" data-i18n="common:menuHashes.ie8notification_recommendation"></div>
  135. <div class="recommendation-logo-wrap">
  136. <div class="recommendation-logo-wrap-set clearfix">
  137. <a href="https://www.google.com/intl/en/chrome/browser/" target="_blank">
  138. <div class="recommendation-logo-wrap-set-item google-chrome" title="Google Chrome"></div>
  139. </a>
  140. <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">
  141. <div class="recommendation-logo-wrap-set-item firefox" title="Mozilla Firefox"></div>
  142. </a>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <![endif]-->
  148. <div id="busyindicator" style="display: none;">
  149. <div class="ajax-loader-indicator">
  150. <div class="uil-default-css">
  151. <div class="indicator-style"></div>
  152. <div class="indicator-style"></div>
  153. <div class="indicator-style"></div>
  154. <div class="indicator-style"></div>
  155. <div class="indicator-style"></div>
  156. <div class="indicator-style"></div>
  157. <div class="indicator-style"></div>
  158. <div class="indicator-style"></div>
  159. <div class="indicator-style"></div>
  160. <div class="indicator-style"></div>
  161. <div class="indicator-style"></div>
  162. <div class="indicator-style"></div>
  163. </div>
  164. </div>
  165. </div>
  166.  
  167. <div id="overlay-homereport" style="display :none" data-i18n="[title]common:menuHashes.closeReport" title="Lukk rapport"></div>
  168. <div class="overlay-general" style="display :none"></div>
  169. <div id="dvSettingOverlay" class="general-overlay" data-bind="click:vmSetting.closeDialog" style="display :none" data-i18n="[title]common:menuHashes.Close" title="Lukk"></div>
  170. <div id="generalOverlay" class="general-overlay" data-bind="click:vmSetting.closeDialog" style="display :none"></div>
  171. <div class="ask-grade-lightbox">
  172. <div id="grades"></div>
  173. </div>
  174. <div id="shellTop-view">
  175. <div class="row-fluid header no_focus" id="bg-lightGrey" tabindex="-1" data-bind="tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 50, eventName: 'focus'}]">
  176. <div class="container">
  177. <div class="row-fluid" id="header">
  178. <div class="menu-button icon-dash-three" data-bind="click: showHideMobileMenu"></div>
  179. <!--<div class="MainMenuBetaIcon"></div>-->
  180. <ul class="narHor marginMenu">
  181. <li class="li_tab active route-top-home">
  182. <a class="focus-on" tabindex="100" data-bind="attr: { href: menuHashes.home}" data-i18n="[title]common:menuHashes.home" title="Hjem" href="#/">
  183. <div class="icon-menu icon-home dInline_block"></div>
  184. <span class="tab_text" data-i18n="common:menuHashes.home">Hjem</span>
  185. </a>
  186. </li>
  187. <li id="innhold" class="li_tab route-top-content dNone" data-bind="css: { 'dInline_block': vmPerson.persons()[0].isTeacher() || expand() }">
  188. <a class="focus-on" tabindex="100" data-i18n="[title]common:menuHashes.content" data-bind="attr: { href: menuHashes.content}" title="Innhold" href="#/content"><div class="icon-menu icon-content dInline_block"></div><span class="tab_text" data-i18n="common:menuHashes.content">Innhold</span></a>
  189. </li>
  190. <li id="rapporter" class="li_tab route-top-reports dNone" data-bind="css: { 'dInline_block': vmPerson.persons()[0].isTeacher() || expand() }">
  191. <a class="focus-on" tabindex="100" data-bind="attr: { href: menuHashes.reports }" data-i18n="[title]common:menuHashes.statistic" title="Rapporter" href="#/reports"><div class="icon-menu icon-report dInline_block"></div><span class="tab_text" data-i18n="common:menuHashes.statistic">Rapporter</span></a>
  192. </li>
  193. <li class="li_tab route-top-calculation route-active" id="calculation">
  194. <a class="focus-on" tabindex="100" data-bind="attr: { href: menuHashes.calculation }" data-i18n="[title]common:menuHashes.calculationHover" title="Regn oppgaver" href="#/calculation"><div class="icon-menu icon-calculator-desktop dInline_block"></div><span class="tab_text" data-i18n="common:menuHashes.calculate">Regning</span></a>
  195. </li>
  196. <!-- ko if: vmPerson.persons()[0].isStudent() -->
  197. <li data-i18n="[title]common:menuHashes.HideTabs" class="li_tab li_tab_small li_tab_small_icon" data-bind="click: clickSmallTab, css: {'dNone': vmPerson.persons()[0].isStudent() == false }" title="Skjul faner">
  198. <a class="focus-on" tabindex="100" data-bind="enterKey: clickSmallTab"><div class="icon_tab icon_dot_1 dInline_block" id="collapse_tab" data-bind="css: { 'icon_dot_1': !expand(), 'icon_arrow_left': expand() }"></div><span class="tab_text"></span></a>
  199. </li>
  200. <!-- /ko -->
  201.  
  202. <li class="li_tab width50 route-top-group">
  203. <!-- ko if: vmPerson.persons()[0].isTeacher() && vmPerson.persons()[0].hidegroupmanagement() == false --><!-- /ko -->
  204. </li>
  205. </ul>
  206. <!-- ko if: vmHeader.vmTiles() -->
  207. <div id="tileBtn" data-bind="style: {display: vmHeader.vmTiles() ? 'block': 'none'}" style="display: block;">
  208. <div class="btn-tiles has-focus" tabindex="100" data-bind="click: function(data, event){ vmHeader.vmTiles().onToggleShowTiles.call(vmHeader.vmTiles(), data, event); },
  209. enterKey: function(data, event){ vmHeader.vmTiles().onToggleShowTiles.call(vmHeader.vmTiles(), data, event); },
  210. style:{'backgroundColor': vmHeader.vmTiles().selectedTile() ? (vmHeader.vmTiles().selectedTile().parentTile() ? vmHeader.vmTiles().selectedTile().parentTile().color: vmHeader.vmTiles().selectedTile().color()) : '#151F3E'}" style="background-color: rgb(130, 198, 117);">
  211. <div class="dot-grid">
  212. <svg width="17" height="17" viewBox="0 0 512 512">
  213. <path d="m47 19l132 0 0 132-132 0z m166 0l132 0 0 132-132 0z m166 0l132 0 0 132-132 0z m-332 172l132 0 0 132-132 0z m166 0l132 0 0 132-132 0z m166 0l132 0 0 132-132 0z m-332 172l132 0 0 132-132 0z m166 0l132 0 0 132-132 0z m166 0l132 0 0 132-132 0z" fill="#fff"></path>
  214. </svg>
  215. </div>
  216. <div class="main-tile-name" data-bind="if: vmHeader.vmTiles().selectedTile()">
  217. <!-- ko if: vmHeader.vmTiles().selectedTile().parentTile() == null -->
  218. <div class="floatLeft truncated_text tile-name" data-bind="text: vmHeader.vmTiles().selectedTile().name(), css:{'tile-cosinus-logo' : vmHeader.vmTiles().isCosinusTileSelected}">Tester og kartlegger</div>
  219. <!-- /ko -->
  220. <!-- ko if: vmHeader.vmTiles().selectedTile().parentTile() != null --><!-- /ko -->
  221. </div>
  222. </div>
  223. </div>
  224. <!-- /ko -->
  225. <div id="manageLogoutMenu-view" class="logOutMenu">
  226. <div class="dropdown">
  227. <a class="dropdown-toggle" data-toggle="dropdown" tabindex="110" href="#" data-bind="escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}">
  228. <div class="fullWidth fullHeight clearfix user-info-wrapper">
  229. <div class="truncated_text username floatLeft" data-bind="foreach: vmPerson.persons">
  230. <span data-bind="text: fullname">Sebastian Kval Hunstad</span>
  231. </div>
  232. <div class="logOutSymbol floatRight"></div>
  233. </div>
  234. </a>
  235. <div class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  236. <!-- <div id="ga_trackingHelpPage" data-i18n="[title]common:menuHashes.help" class="oneline focus-on" tabindex="112" data-bind="click: vmPerson.vmLogoutMenu.onHelp, enterKey: vmPerson.vmLogoutMenu.onHelp, escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}">
  237. <div class="icon helpIcon"></div>
  238. <span data-i18n="common:menuHashes.help"></span>
  239. </div>-->
  240. <div id="ga_trackingFullScreen" data-i18n="[title]common:menuHashes.fullscreen" class="oneline focus-on" tabindex="112" data-bind="click: function(data, event){ clickFullScreen(data, event); }, enterKey: function(data, event){ clickFullScreen(data, event); vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu(data, event); }, escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}" title="Fullskjerm">
  241. <div class="icon fullscreenIcon"></div>
  242. <span data-i18n="common:menuHashes.fullscreen">Fullskjerm</span>
  243. </div>
  244. <div id="ga_trackingSettingPage" data-i18n="[title]common:menuHashes.setting" class="oneline focus-on" tabindex="112" data-bind="click: vmPerson.vmLogoutMenu.onSettingPage, enterKey: vmPerson.vmLogoutMenu.onSettingPage, escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}" title="Innstillinger">
  245. <div class="icon settingIcon"></div>
  246. <span data-i18n="common:menuHashes.setting">Innstillinger</span>
  247. </div>
  248. <div id="ga_trackingFeedbackPage" data-i18n="[title]common:menuHashes.feedbackHover" class="oneline focus-on" tabindex="112" data-bind="click: vmPerson.vmLogoutMenu.onUserFeedback, enterKey: vmPerson.vmLogoutMenu.onUserFeedback, escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}" title="Send tips, ønsker og rettelser til Kikora">
  249. <div class="icon feedbackIcon"></div>
  250. <span data-i18n="common:menuHashes.feedback">Send tilbakemelding</span>
  251. </div>
  252. <div data-i18n="[title]common:menuHashes.dataProtection" class="oneline focus-on" tabindex="112" data-bind="click: vmPerson.vmLogoutMenu.onDataProtection, enterKey: vmPerson.vmLogoutMenu.onDataProtection, escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}" title="Personvern">
  253. <div class="icon dataProtectionIcon"></div>
  254. <span data-i18n="common:menuHashes.dataProtection">Personvern</span>
  255. </div>
  256. <div data-i18n="[title]common:menuHashes.logout" class="oneline focus-on" tabindex="112" data-bind="click: vmPerson.vmLogoutMenu.doLogout, enterKey: vmPerson.vmLogoutMenu.doLogout, tabKeyLastElement:{}, escapeKeyBinding: {'actived': true, callback: vmPerson.vmLogoutMenu.onToggleCloseLogoutMenu}" title="Logg ut">
  257. <div>
  258. <div class="icon logoutIcon"></div>
  259. <span data-i18n="common:menuHashes.logout">Logg ut</span>
  260. </div>
  261. <div class="bottomLine"></div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div class="container mobile-menu" data-bind="css: {active: activeMobileMenu}">
  270. <a data-bind="attr: { href: menuHashes.home }, click: collapseMobileMenu" data-i18n="[title]common:menuHashes.home" title="Hjem" href="#/">
  271. <div class="mobile-menu-item addAfter route-top-home">
  272. <div class="icon-menu icon-home dInline_block"></div>
  273. <span class="tab_text" data-i18n="common:menuHashes.home">Hjem</span>
  274. </div>
  275. </a>
  276. <a data-i18n="[title]common:menuHashes.content" data-bind="attr: { href: menuHashes.content }, click: collapseMobileMenu" title="Innhold" href="#/content">
  277. <div class="mobile-menu-item addAfter route-top-content dNone" data-bind="css: { 'dBlock': vmPerson.persons()[0].isTeacher() || expand() }">
  278. <div class="icon-menu icon-content dInline_block"></div>
  279. <span class="tab_text" data-i18n="common:menuHashes.content">Innhold</span>
  280. </div>
  281. </a>
  282. <a data-bind="attr: { href: menuHashes.reports }, click: collapseMobileMenu" data-i18n="[title]common:menuHashes.statistic" title="Rapporter" href="#/reports">
  283. <div class="mobile-menu-item addAfter route-top-reports dNone" data-bind="css: { 'dBlock': vmPerson.persons()[0].isTeacher() || expand() }">
  284. <div class="icon-menu icon-report dInline_block"></div>
  285. <span class="tab_text" data-i18n="common:menuHashes.statistic">Rapporter</span>
  286. </div>
  287. </a>
  288. <a data-bind="attr: { href: menuHashes.calculation }, click: collapseMobileMenu" data-i18n="[title]common:menuHashes.calculationHover" title="Regn oppgaver" href="#/calculation">
  289. <div class="mobile-menu-item addAfter route-top-calculation route-active">
  290. <div class="icon-menu icon-calculator-function dInline_block"></div>
  291. <span class="tab_text" data-i18n="common:menuHashes.calculate">Regning</span>
  292. </div>
  293. </a>
  294. <!-- ko if: vmPerson.persons()[0].isStudent() -->
  295. <a>
  296. <div data-i18n="[title]common:menuHashes.HideTabs" class="mobile-menu-item" data-bind="click: clickSmallTab, css: { 'dNone': vmPerson.persons()[0].isStudent() == false }" title="Skjul faner">
  297. <div class="icon_tab dInline_block icon_dot_1" data-bind="css: { 'icon_dot_1': !expand(), 'icon_arrow_left': expand() }"></div>
  298. <span class="tab_text"></span>
  299. </div>
  300. </a>
  301. <!-- /ko -->
  302.  
  303. <!-- ko if: vmPerson.persons()[0].isTeacher() && vmPerson.persons()[0].hidegroupmanagement() == false --><!-- /ko -->
  304. </div>
  305. </div>
  306.  
  307.  
  308. <section id="tiles" class="no_focus" tabindex="-1" data-bind="tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 100, eventName: 'focus'}]"><div id="tiles-student" tabindex="-1" class="container tiles tiles-height-zero" data-bind="css: {'tiles-height-zero': !isTilesShown() &amp;&amp; !isSubTilesShown()}, tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 100, eventName: 'focus'}]">
  309. <div id="collapse-tiles-student" class="parent collapse-tiles top-tiles clearfix" style="display: none;">
  310. <div data-bind="foreach: topTiles">
  311. <!-- ko if: $index() === 0 && $root.selectedTile() -->
  312. <div class="tile tile-selected" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  313. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/CastorEmnetesterKartlegger.png&quot;);">
  314. <div class="transparent-wrapper has-opacity" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}" style="background-color: rgba(130, 198, 117, 0.5);">
  315. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  316. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  317. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  318. <div class="btn-wrapper select-without-navigation">
  319. </div><!--/ko-->
  320. </div>
  321. </div>
  322. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(130, 198, 117);">
  323. <div class="content-tile-wrapper">
  324. <div class="tile-name" data-bind="text: $data.name()">Tester og kartlegger</div>
  325. <div class="tile-description" data-bind="text: $data.shortdescription()">Castor Emnetester og Kartlegger</div>
  326. </div>
  327. </div>
  328. </div>
  329. <!-- /ko -->
  330. <!-- ko if: $index() > 0 || !$root.selectedTile() --><!-- /ko -->
  331.  
  332. <!-- ko if: $index() === 0 && $root.selectedTile() --><!-- /ko -->
  333. <!-- ko if: $index() > 0 || !$root.selectedTile() -->
  334. <div class="tile focus-on" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {mouseover: function(data, event){$root.onTileMouseOver( data, event)}, mouseout: function(data, event){$root.onTileMouseOut( data, event)}, focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  335. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/mm2018-nb.png&quot;);">
  336. <!--<div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, css: {'has-opacity': $data.isHover() || $data.isFocused(), 'no-opacity': !$data.isHover() && !$data.isFocused()}">-->
  337. <div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, visible: $data.isFocused() || $data.isHover() || $data.isAccess()" style="background-color: rgba(255, 255, 255, 0); display: none;">
  338. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  339. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  340. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  341. <div class="btn-wrapper select-without-navigation"></div>
  342. <!--/ko-->
  343. </div>
  344. </div>
  345. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(35, 65, 90);">
  346. <div class="content-tile-wrapper">
  347. <div class="tile-name" data-bind="text: $data.name()">MatteMaraton 2018</div>
  348. <div class="tile-description" data-bind="text: $data.shortdescription()">1. og 2. trinn</div>
  349. </div>
  350. </div>
  351. </div>
  352. <!-- /ko -->
  353.  
  354. <!-- ko if: $index() === 0 && $root.selectedTile() --><!-- /ko -->
  355. <!-- ko if: $index() > 0 || !$root.selectedTile() -->
  356. <div class="tile focus-on" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {mouseover: function(data, event){$root.onTileMouseOver( data, event)}, mouseout: function(data, event){$root.onTileMouseOut( data, event)}, focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  357. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/castor-3-4.svg&quot;);">
  358. <!--<div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, css: {'has-opacity': $data.isHover() || $data.isFocused(), 'no-opacity': !$data.isHover() && !$data.isFocused()}">-->
  359. <div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, visible: $data.isFocused() || $data.isHover() || $data.isAccess()" style="background-color: rgba(255, 255, 255, 0); display: none;">
  360. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  361. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  362. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  363. <div class="btn-wrapper select-without-navigation"></div>
  364. <!--/ko-->
  365. </div>
  366. </div>
  367. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(35, 65, 90);">
  368. <div class="content-tile-wrapper">
  369. <div class="tile-name" data-bind="text: $data.name()">Castor 3-4</div>
  370. <div class="tile-description" data-bind="text: $data.shortdescription()">Nivådelte oppgaver i noen emner</div>
  371. </div>
  372. </div>
  373. </div>
  374. <!-- /ko -->
  375.  
  376. <!-- ko if: $index() === 0 && $root.selectedTile() --><!-- /ko -->
  377. <!-- ko if: $index() > 0 || !$root.selectedTile() -->
  378. <div class="tile focus-on" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {mouseover: function(data, event){$root.onTileMouseOver( data, event)}, mouseout: function(data, event){$root.onTileMouseOut( data, event)}, focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  379. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/Kranium-3.svg&quot;);">
  380. <!--<div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, css: {'has-opacity': $data.isHover() || $data.isFocused(), 'no-opacity': !$data.isHover() && !$data.isFocused()}">-->
  381. <div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, visible: $data.isFocused() || $data.isHover() || $data.isAccess()" style="background-color: rgba(255, 255, 255, 0); display: none;">
  382. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  383. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  384. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  385. <div class="btn-wrapper select-without-navigation"></div>
  386. <!--/ko-->
  387. </div>
  388. </div>
  389. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(35, 65, 90);">
  390. <div class="content-tile-wrapper">
  391. <div class="tile-name" data-bind="text: $data.name()">Kranium 3</div>
  392. <div class="tile-description" data-bind="text: $data.shortdescription()">Gå gradene i hoderegning!</div>
  393. </div>
  394. </div>
  395. </div>
  396. <!-- /ko -->
  397.  
  398. <!-- ko if: $index() === 0 && $root.selectedTile() --><!-- /ko -->
  399. <!-- ko if: $index() > 0 || !$root.selectedTile() -->
  400. <div class="tile focus-on" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {mouseover: function(data, event){$root.onTileMouseOver( data, event)}, mouseout: function(data, event){$root.onTileMouseOut( data, event)}, focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  401. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/kikora-1-10-trinn.png&quot;);">
  402. <!--<div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, css: {'has-opacity': $data.isHover() || $data.isFocused(), 'no-opacity': !$data.isHover() && !$data.isFocused()}">-->
  403. <div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, visible: $data.isFocused() || $data.isHover() || $data.isAccess()" style="background-color: rgba(255, 255, 255, 0); display: none;">
  404. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  405. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  406. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  407. <div class="btn-wrapper select-without-navigation"></div>
  408. <!--/ko-->
  409. </div>
  410. </div>
  411. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(35, 65, 90);">
  412. <div class="content-tile-wrapper">
  413. <div class="tile-name" data-bind="text: $data.name()">Demo 1.-10. trinn</div>
  414. <div class="tile-description" data-bind="text: $data.shortdescription()">BETA: klokke, brøk og koordinatsystem</div>
  415. </div>
  416. </div>
  417. </div>
  418. <!-- /ko -->
  419. </div>
  420. <div class="expand-collapse-tiles floatLeft rest-tiles" data-bind="foreach: restTiles" style="display: none;">
  421. <div class="tile focus-on" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {mouseover: function(data, event){$root.onTileMouseOver( data, event)}, mouseout: function(data, event){$root.onTileMouseOut( data, event)}, focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  422. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/MM_Norsk_tidligere.png&quot;);">
  423. <!--<div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, css: {'has-opacity': $data.isHover() || $data.isFocused(), 'no-opacity': !$data.isHover() && !$data.isFocused()}">-->
  424. <div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, visible: $data.isFocused() || $data.isHover() || $data.isAccess()" style="background-color: rgba(255, 255, 255, 0); display: none;">
  425. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  426. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  427. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  428. <div class="btn-wrapper select-without-navigation">
  429. </div><!--/ko-->
  430. </div>
  431. </div>
  432. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(35, 65, 90);">
  433. <div class="content-tile-wrapper">
  434. <div class="tile-name" data-bind="text: $data.name()">MatteMaraton</div>
  435. <div class="tile-description" data-bind="text: $data.shortdescription()">Tidligere år</div>
  436. </div>
  437. </div>
  438. </div>
  439.  
  440. <div class="tile focus-on" tabindex="100" data-bind="attr:{'nav-path': (!$root.isTileSelectedWithoutNavigate() &amp;&amp; $data.isSubTile()) ? $root.navigationPaths.CALCULATION : ''}, click: function(data, event){$root.onTileSelected( data, event)}, event: {mouseover: function(data, event){$root.onTileMouseOver( data, event)}, mouseout: function(data, event){$root.onTileMouseOut( data, event)}, focus: function(data, event){ $root.leaveFromAllPreviousTiles(data, event); }, blur: function(data, event){$root.onTileFocusOut( data, event)}}, enterKey: function(data, event){$root.onEnterTile(data, event);}" nav-path="">
  441. <div class="logo-tile" data-bind="style:{backgroundImage: $data.imgurl()}" style="background-image: url(&quot;/img/tiles/todo-all.svg&quot;);">
  442. <!--<div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, css: {'has-opacity': $data.isHover() || $data.isFocused(), 'no-opacity': !$data.isHover() && !$data.isFocused()}">-->
  443. <div class="transparent-wrapper" data-bind="style:{'backgroundColor': $data.backgroundColorWithOpacity()}, visible: $data.isFocused() || $data.isHover() || $data.isAccess()" style="background-color: rgba(255, 255, 255, 0); display: none;">
  444. <!-- ko if: !$root.isTileSelectedWithoutNavigate() && $data.isSubTile() --><!-- /ko -->
  445. <!-- ko if: ($root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) || (!$root.isTileSelectedWithoutNavigate() && !$data.isSubTile()) --><!--/ko-->
  446. <!-- ko if: $root.isTileSelectedWithoutNavigate() && $data.isSubTile() -->
  447. <div class="btn-wrapper select-without-navigation">
  448. </div><!--/ko-->
  449. </div>
  450. </div>
  451. <div class="content-tile" data-bind="style:{'backgroundColor': $data.backgroundColor()}" style="background-color: rgb(35, 65, 90);">
  452. <div class="content-tile-wrapper">
  453. <div class="tile-name" data-bind="text: $data.name()">Tildelte gjøremål</div>
  454. <div class="tile-description" data-bind="text: $data.shortdescription()">Dine gjøremål samlet.</div>
  455. </div>
  456. </div>
  457. </div>
  458. </div>
  459. <div tabindex="100" data-bind="visible: isOnlyTopTilesShown() &amp;&amp; tiles().length > DEFAULT_NUMBER_OF_TOP_TILES, enterKey: onToggleShowRestTiles, click: onToggleShowRestTiles, event: {'focus': function(data, event){ $root.blurFromAllTiles(); }}" class="show-more-wrapper focus-on" id="btnShowMoreLess" style="display: none;">
  460. <div data-bind="visible: !isRestTilesShown()">
  461. <div class="text-show-more" data-i18n="common:menuHashes.flereoppgavesamlinger">Flere oppgave-samlinger</div>
  462. </div>
  463. <div data-bind="visible: isRestTilesShown()" style="display: none;">
  464. <div class="text-show-more" data-i18n="common:menuHashes.lesscontent"> </div>
  465. </div>
  466. <div class="arrow-collapse down icon-triangle-down" data-bind="css: {'down': !isRestTilesShown(), 'up': isRestTilesShown()}"></div>
  467. </div>
  468. </div>
  469. <div class="child sub-tiles student collapse-tiles" data-bind="if: navigatedTile()" style="display: none;"></div>
  470. </div></section>
  471. <section id="homeTeacher-view" class="view" tabindex="-1" data-bind="tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  472. <section id="homeStudent-view" class="view" tabindex="-1" data-bind="tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  473. <section id="reports-view" class="view" tabindex="-1" data-bind="visible: visible(), tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  474. <section id="reportsStudentRole-view" class="view" tabindex="-1" data-bind="visible: visible(), tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  475. <section id="calculation-view" class="view view-active" tabindex="-1" data-bind="css: { 'test-mode': isTestActive()}, visible: visible(), tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="margin-left: 0px; margin-right: 0px; opacity: 1; visibility: visible;"><div id="showMesActive" data-bind="style: { left: dlgLeft() + 'px', display: showDlg() ? 'block' : 'none' }" style="left: 0px; display: none;">
  476. <div class="showMesActive-txt1" data-i18n="common:menuHashes.showMesActive-txt1">Aktiver sti</div>
  477. <div class="showMesActive-chose" data-bind="text: currentLevel"></div>
  478. <li class="levels" data-bind="if: suggestionLevel().length > 0">
  479. <div class="showMesActive_abc" data-bind="foreach: suggestionLevel, attr:{title: levelsTitleText()}" title="Velg alle oppgaver på denne stien">
  480. <div data-bind="css: { 'marked': $data.isSelected(), 'exercise-level exercise-level-a': $data.levelname() === 'A', 'exercise-level exercise-level-b': $data.levelname() === 'B', 'exercise-level exercise-level-c': $data.levelname() === 'C'}" class="exercise-level-a">
  481. </div>
  482.  
  483. <div data-bind="css: { 'marked': $data.isSelected(), 'exercise-level exercise-level-a': $data.levelname() === 'A', 'exercise-level exercise-level-b': $data.levelname() === 'B', 'exercise-level exercise-level-c': $data.levelname() === 'C'}" class="exercise-level-b">
  484. </div>
  485.  
  486. <div data-bind="css: { 'marked': $data.isSelected(), 'exercise-level exercise-level-a': $data.levelname() === 'A', 'exercise-level exercise-level-b': $data.levelname() === 'B', 'exercise-level exercise-level-c': $data.levelname() === 'C'}" class="exercise-level exercise-level-c">
  487. </div>
  488. </div>
  489. </li>
  490. <div class="showMesActive-txt2" data-i18n="common:menuHashes.showMesActive-txt2">for å løse denne oppgaven!</div>
  491. </div>
  492.  
  493. <div id="mathDictionaryPopup" data-bind="css: { 'arrow-on-left': mathDictionaryPopupOptions.fixOutOfBodyLeft(), 'arrow-on-right': mathDictionaryPopupOptions.fixOutOfBodyRight() }, style: { left: mathDictionaryPopupOptions.dlgMathDictLeft() + 'px', display: mathDictionaryPopupOptions.showMathDictDlg() ? 'block' : 'none' }" style="left: 0px; display: none;">
  494. <div class="mathDictionaryPopup-txt1" data-bind="text: mathDictionaryPopupOptions.mathDictContent"></div>
  495. </div>
  496.  
  497. <!-- Top Content - Select Boxes, Exercise List - Start -->
  498. <div class="container" data-bind="visible: rootContainersSelection.datasource().length > 0" style="">
  499. <div class="navbar overideMarginBottom">
  500. <div class="row-fluid navbar-inner noPadding_Radius bg-navModule" style="">
  501. <div class="overideMarginTop"></div>
  502. <div class="clearfix">
  503. <ul class="nav ulSelectCourse margineBotton9 fullWidth">
  504. <li class="dInline_block textCenter margineLeft10">
  505. <div class="icon_selectCourse icon-book dInline_block" data-i18n="[title]common:menuHashes.selectCourse" title="Velg kurs"></div>
  506. <div class="pRelative ddl-selectCourse ddl-selectCourse-left">
  507. <div id="rootContainersSelection" class="wrapper-dropdown dInline_block dropdown_1" data-bind="visible: rootContainersSelection.visible()" style="">
  508. <div tabindex="200" class="dropdown-div focus-on" data-bind="click: rootContainersSelection.dropDown, dropDownListKey: rootContainersSelection.dropDown">
  509. <div class="default-value init">
  510. <!-- ko if: rootContainersSelection.selectedItem() -->
  511. <div class="progress pRelative">
  512. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: rootContainersSelection.selectedItem().containeruserdata().progressVisual() }" style="width: 44%;">
  513. </div>
  514. <span class="truncated_text pRelative nameOption" data-toggle="tooltip" data-bind="text: rootContainersSelection.selectedItem().containercontent().coursename(), attr: { 'title': rootContainersSelection.selectedItem().containercontent().coursename() }" title="Mine gjøremål">Mine gjøremål</span>
  515. </div>
  516. <!-- /ko -->
  517. </div>
  518. <div class="ddl-expand-icon icon-triangle-down"></div>
  519. <div tabindex="0" class="dropdownlist_scroll zIndex1001">
  520. <ul class="dropdownlist zIndex92 dropdown" data-bind="foreach: rootContainersSelection.datasource">
  521. <li class="focus-on" data-value="value 2a" data-bind="click: $root.rootContainersSelection.onSelected, event: { mouseover: $root.getFocus }" tabindex="0">
  522. <div class="progress pRelative">
  523. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: $data.containeruserdata().progressVisual() }" style="width: 44%;">
  524. </div>
  525. <span data-toggle="tooltip" class="truncated_text pRelative nameOption" data-bind="text: $data.containercontent().coursename(), attr: { 'title': $data.containercontent().coursename() }" title="Mine gjøremål">Mine gjøremål</span>
  526. </div>
  527. </li>
  528. </ul>
  529. </div>
  530. </div>
  531. </div>
  532. </div>
  533. </li>
  534. <li class="dInline_block textCenter margineLeft10 li-selectCourse hasChild" data-bind="visible: subContainersSelection.visible(), css: { hasChild: leafContainersSelection.visible() }" style="">
  535. <div class="icon_selectCourse icon-paper-stick dInline_block" data-i18n="[title]common:menuHashes.selectCourse" title="Velg kurs"></div>
  536. <div class="pRelative ddl-selectCourse ddl-selectCourse-right">
  537. <div id="subContainersSelection" class="wrapper-dropdown dInline_block dropdown_2">
  538. <div tabindex="200" class="dropdown-div focus-on" data-bind="click: subContainersSelection.dropDown, dropDownListKey: subContainersSelection.dropDown">
  539. <div class="default-value init">
  540. <!-- ko if: subContainersSelection.selectedItem() -->
  541. <div class="progress pRelative">
  542. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: subContainersSelection.selectedItem().containeruserdata().progressVisual() }" style="width: 44%;">
  543. </div>
  544. <span data-toggle="tooltip" class="truncated_text pRelative nameOption" data-bind="text: subContainersSelection.selectedItem().containercontent().coursename(), attr: { 'title': subContainersSelection.selectedItem().containercontent().coursename() }" title="Gjøremål">Gjøremål</span>
  545. </div>
  546. <!-- /ko -->
  547. </div>
  548. <div class="ddl-expand-icon icon-triangle-down"></div>
  549. <div tabindex="0" class="dropdownlist_scroll zIndex1001">
  550. <ul class="dropdownlist zIndex92 dropdown" data-bind="foreach: subContainersSelection.datasource">
  551. <li class="focus-on" data-value="value 2a" data-bind="click: $root.subContainersSelection.onSelected, event: { mouseover: $root.getFocus }" tabindex="0">
  552. <div class="progress pRelative">
  553. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: $data.containeruserdata().progressVisual() }" style="width: 44%;">
  554. </div>
  555. <span data-toggle="tooltip" class="truncated_text pRelative nameOption" data-bind="text: $data.containercontent().coursename(), attr: { 'title': $data.containercontent().coursename() }" title="Gjøremål">Gjøremål</span>
  556. </div>
  557. </li>
  558.  
  559. <li class="focus-on" data-value="value 2a" data-bind="click: $root.subContainersSelection.onSelected, event: { mouseover: $root.getFocus }" tabindex="0">
  560. <div class="progress pRelative">
  561. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: $data.containeruserdata().progressVisual() }" style="width: 0%;">
  562. </div>
  563. <span data-toggle="tooltip" class="truncated_text pRelative nameOption" data-bind="text: $data.containercontent().coursename(), attr: { 'title': $data.containercontent().coursename() }" title="Tester">Tester</span>
  564. </div>
  565. </li>
  566. </ul>
  567. </div>
  568. </div>
  569. </div>
  570. </div>
  571. </li>
  572. <li class="dInline_block textCenter margineLeft10" data-bind="visible: leafContainersSelection.visible()" style="">
  573. <div class="icon_selectCourse icon-paper-stick dInline_block" data-i18n="[title]common:menuHashes.selectCourse" title="Velg kurs"></div>
  574. <div class="pRelative ddl-selectCourse ddl-selectCourse-right">
  575. <div id="leafContainersSelection" class="wrapper-dropdown dInline_block dropdown_3">
  576. <div tabindex="200" class="dropdown-div focus-on" data-bind="click: leafContainersSelection.dropDown, dropDownListKey: leafContainersSelection.dropDown">
  577. <div class="default-value init">
  578. <!-- ko if: leafContainersSelection.selectedItem() -->
  579. <div class="progress pRelative">
  580. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: leafContainersSelection.selectedItem().containeruserdata().progressVisual() }" style="width: 44%;">
  581. </div>
  582. <span data-toggle="tooltip" class="truncated_text pRelative nameOption" data-bind="html: leafContainersSelection.selectedItem().containercontent().coursename(), attr: { 'title': leafContainersSelection.selectedItem().containercontent().coursename() }" title="Repetisjon tentamen">Repetisjon tentamen</span>
  583. </div>
  584. <!-- /ko -->
  585. </div>
  586. <div class="ddl-expand-icon icon-triangle-down"></div>
  587. <div tabindex="0" class="dropdownlist_scroll zIndex1001">
  588. <ul class="dropdownlist zIndex92 dropdown" data-bind="foreach: leafContainersSelection.datasource">
  589. <li class="focus-on" data-value="value 2a" data-bind="click: $root.leafContainersSelection.onSelected, event: { mouseover: $root.getFocus }" tabindex="0">
  590. <div class="progress pRelative">
  591. <div class="bar overideColor_Bar_detailReport barWidth4 pAbsolute" data-bind="style: { width: $data.containeruserdata().progressVisual() }" style="width: 44%;">
  592. </div>
  593. <span data-toggle="tooltip" class="truncated_text pRelative nameOption" data-bind="text: $data.containercontent().coursename(), attr: { 'title': $data.containercontent().coursename() }" title="Repetisjon tentamen">Repetisjon tentamen</span>
  594. </div>
  595. </li>
  596. </ul>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. </li>
  602. <li class="level floatRight test-model-level" data-bind="if: levels().length > 0">
  603. <div class="floatRight" data-bind="foreach: levels,afterRenderCompleted1: true, attr:{title: levelsTitleText()} " title="Velg alle oppgaver på denne stien">
  604. <div class="focus-on exercise-level exercise-level-a" tabindex="210" data-bind="css: { 'marked': $data.isSelected(), 'exercise-level-a': $data.levelname() === 'A', 'exercise-level-b': $data.levelname() === 'B', 'exercise-level-c': $data.levelname() === 'C'} ,click: function (data, event) { $parent.onSelectLevel(data, event); }, enterKey: function (data, event) { $parent.onSelectLevel(data, event); }">
  605. </div>
  606.  
  607. <div class="focus-on exercise-level exercise-level-b marked" tabindex="210" data-bind="css: { 'marked': $data.isSelected(), 'exercise-level-a': $data.levelname() === 'A', 'exercise-level-b': $data.levelname() === 'B', 'exercise-level-c': $data.levelname() === 'C'} ,click: function (data, event) { $parent.onSelectLevel(data, event); }, enterKey: function (data, event) { $parent.onSelectLevel(data, event); }">
  608. </div>
  609.  
  610. <div class="focus-on exercise-level exercise-level-c" tabindex="210" data-bind="css: { 'marked': $data.isSelected(), 'exercise-level-a': $data.levelname() === 'A', 'exercise-level-b': $data.levelname() === 'B', 'exercise-level-c': $data.levelname() === 'C'} ,click: function (data, event) { $parent.onSelectLevel(data, event); }, enterKey: function (data, event) { $parent.onSelectLevel(data, event); }">
  611. </div>
  612. </div>
  613. </li>
  614. <li data-bind="click: onSeResultBtnClicked,enterKey: onSeResultBtnClicked" class="see-result-btn truncated_text floatRight focus-on" tabindex="205">
  615. <div class="see-result-text truncated_text " data-i18n="common:menuHashes.seeResult">Se resultat</div>
  616. <div class="see-result-icon icon-circle">
  617. <div class="icon-circle-blank"></div>
  618. </div>
  619. </li>
  620. </ul>
  621. </div>
  622. <div class="lineStrike_calculation"></div>
  623. <div data-bind="scrollToFixed: exerciseListBarStickedOption" id="exerciseList" class="exerciseList clearfix fixedHeader focus-on focus-on-by-click" tabindex="500" style="z-index: 1000;">
  624. <ul class="nav ulLevel width99">
  625. <ul class="margine0">
  626. <li class="floatLeft fixButtonPosition">
  627. <div data-kikora-exercise-list-nav-btn="prev" class="previousButton" data-bind="attr: { 'tabindex': (enableGoPreviousExercise() &amp;&amp; exerciseArrowVisibility) ? -1 : -1 }, css: { 'disable': !enableGoPreviousExercise() }, click: previousExercises, visible: exerciseArrowVisibility, enterKey: previousExercises" tabindex="-1" style="">
  628. </div>
  629. </li>
  630. </ul>
  631. <div data-kikora-exercise-list-wrapper="" class="exercisesRow">
  632. <!-- ko if: loadingExercisesMessage() == null || exercisesList.dataSource().length <= 0 -->
  633. <span data-bind="text: loadingExercisesMessage"></span>
  634. <!-- /ko -->
  635. <!-- ko if: exercisesList.dataSource().length > 0 -->
  636. <div data-kikora-exercise-list-exercises-container="" class="exercisesRow_scroll" data-bind="style: { width: exerciseRowWidth }" style="width: 3000px;">
  637. <div class="exercise-list clearfix" data-bind="foreach: exercisesList.dataSource, afterRenderCompleted1: exercisesList.dataSource">
  638. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  639. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650592888" tabindex="500">
  640. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1a">
  641. </div>
  642. </li>
  643. </ul>
  644.  
  645. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  646. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650592889" tabindex="500">
  647. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1b">
  648. </div>
  649. </li>
  650. </ul>
  651.  
  652. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  653. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650592836" tabindex="500">
  654. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="2">
  655. </div>
  656. </li>
  657. </ul>
  658.  
  659. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  660. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650592837" tabindex="500">
  661. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  662. </div>
  663. </li>
  664. </ul>
  665.  
  666. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  667. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650592838" tabindex="500">
  668. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  669. </div>
  670. </li>
  671. </ul>
  672.  
  673. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  674. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650593058" tabindex="500">
  675. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1">
  676. </div>
  677. </li>
  678. </ul>
  679.  
  680. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  681. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650593061" tabindex="500">
  682. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3a">
  683. </div>
  684. </li>
  685. </ul>
  686.  
  687. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  688. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650593062" tabindex="500">
  689. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal active not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3b">
  690. </div>
  691. </li>
  692. </ul>
  693.  
  694. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  695. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650593060" tabindex="500">
  696. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  697. </div>
  698. </li>
  699. </ul>
  700.  
  701. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  702. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650593063" tabindex="500">
  703. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1">
  704. </div>
  705. </li>
  706. </ul>
  707.  
  708. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  709. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650593113" tabindex="500">
  710. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  711. </div>
  712. </li>
  713. </ul>
  714.  
  715. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  716. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513670" tabindex="500">
  717. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1">
  718. </div>
  719. </li>
  720. </ul>
  721.  
  722. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  723. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513671" tabindex="500">
  724. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="2">
  725. </div>
  726. </li>
  727. </ul>
  728.  
  729. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  730. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513720" tabindex="500">
  731. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  732. </div>
  733. </li>
  734. </ul>
  735.  
  736. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  737. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513721" tabindex="500">
  738. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  739. </div>
  740. </li>
  741. </ul>
  742.  
  743. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  744. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650570434" tabindex="500">
  745. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6 a">
  746. </div>
  747. </li>
  748. </ul>
  749.  
  750. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  751. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650570435" tabindex="500">
  752. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6 b">
  753. </div>
  754. </li>
  755. </ul>
  756.  
  757. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  758. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650570436" tabindex="500">
  759. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6 c">
  760. </div>
  761. </li>
  762. </ul>
  763.  
  764. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  765. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650570437" tabindex="500">
  766. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6 d">
  767. </div>
  768. </li>
  769. </ul>
  770.  
  771. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  772. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650570438" tabindex="500">
  773. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6 e">
  774. </div>
  775. </li>
  776. </ul>
  777.  
  778. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  779. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650514005" tabindex="500">
  780. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1">
  781. </div>
  782. </li>
  783. </ul>
  784.  
  785. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  786. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513724" tabindex="500">
  787. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="2">
  788. </div>
  789. </li>
  790. </ul>
  791.  
  792. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  793. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513725" tabindex="500">
  794. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  795. </div>
  796. </li>
  797. </ul>
  798.  
  799. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  800. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513726" tabindex="500">
  801. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  802. </div>
  803. </li>
  804. </ul>
  805.  
  806. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  807. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513727" tabindex="500">
  808. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="5">
  809. </div>
  810. </li>
  811. </ul>
  812.  
  813. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  814. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513996" tabindex="500">
  815. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6">
  816. </div>
  817. </li>
  818. </ul>
  819.  
  820. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  821. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513713" tabindex="500">
  822. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="7">
  823. </div>
  824. </li>
  825. </ul>
  826.  
  827. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  828. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513714" tabindex="500">
  829. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="8">
  830. </div>
  831. </li>
  832. </ul>
  833.  
  834. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  835. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513715" tabindex="500">
  836. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="9">
  837. </div>
  838. </li>
  839. </ul>
  840.  
  841. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  842. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513716" tabindex="500">
  843. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="10">
  844. </div>
  845. </li>
  846. </ul>
  847.  
  848. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  849. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650514002" tabindex="500">
  850. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1">
  851. </div>
  852. </li>
  853. </ul>
  854.  
  855. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  856. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650514000" tabindex="500">
  857. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="2">
  858. </div>
  859. </li>
  860. </ul>
  861.  
  862. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  863. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513719" tabindex="500">
  864. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  865. </div>
  866. </li>
  867. </ul>
  868.  
  869. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  870. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513704" tabindex="500">
  871. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  872. </div>
  873. </li>
  874. </ul>
  875.  
  876. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  877. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650514001" tabindex="500">
  878. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="5">
  879. </div>
  880. </li>
  881. </ul>
  882.  
  883. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  884. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513993" tabindex="500">
  885. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="2">
  886. </div>
  887. </li>
  888. </ul>
  889.  
  890. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  891. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513702" tabindex="500">
  892. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  893. </div>
  894. </li>
  895. </ul>
  896.  
  897. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  898. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513992" tabindex="500">
  899. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  900. </div>
  901. </li>
  902. </ul>
  903.  
  904. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  905. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650514007" tabindex="500">
  906. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="5">
  907. </div>
  908. </li>
  909. </ul>
  910.  
  911. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  912. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513753" tabindex="500">
  913. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6">
  914. </div>
  915. </li>
  916. </ul>
  917.  
  918. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  919. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513735" tabindex="500">
  920. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="1">
  921. </div>
  922. </li>
  923. </ul>
  924.  
  925. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  926. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513784" tabindex="500">
  927. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="2">
  928. </div>
  929. </li>
  930. </ul>
  931.  
  932. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  933. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513785" tabindex="500">
  934. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="3">
  935. </div>
  936. </li>
  937. </ul>
  938.  
  939. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  940. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513786" tabindex="500">
  941. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="4">
  942. </div>
  943. </li>
  944. </ul>
  945.  
  946. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  947. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513787" tabindex="500">
  948. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal finished" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="5">
  949. </div>
  950. </li>
  951. </ul>
  952.  
  953. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  954. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513788" tabindex="500">
  955. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="6">
  956. </div>
  957. </li>
  958. </ul>
  959.  
  960. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  961. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513789" tabindex="500">
  962. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="7">
  963. </div>
  964. </li>
  965. </ul>
  966.  
  967. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  968. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513790" tabindex="500">
  969. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="8">
  970. </div>
  971. </li>
  972. </ul>
  973.  
  974. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  975. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513791" tabindex="500">
  976. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="9">
  977. </div>
  978. </li>
  979. </ul>
  980.  
  981. <ul class="nav margine0" data-kikora-exercise-list-exercise-cluster="" data-bind="css: { 'relateQuestion': $data.length > 1 }, foreach: $data">
  982. <li data-kikora-exercise-list-exercise-item="" class="exerciseItem last-childRelateQuestion" data-bind="attr: {'id': 'exercise' + $data.containerexercise().exerciseid(), 'tabindex': ($data.isHidden() ? -1 : 500)}, css: { 'last-childRelateQuestion': $index() == $parent.length - 1,'no_focus':$data.isHidden() == true }, click: $root.exercisesList.onItemSelected, enterKey: $root.exercisesList.onItemSelected" id="exercise650513776" tabindex="500">
  983. <div data-bind="css: presentationCss, attr: { 'title': $data.containerexercise().exercisename() }, event: { mouseover: $root.showGuideDlg, mouseout: $root.hideGuideDlg }" class="exerciseIcon normal not-started" data-toggle="tooltip" data-trigger="hover" data-animation="true" title="10">
  984. </div>
  985. </li>
  986. </ul>
  987. </div>
  988. </div>
  989. <!-- /ko -->
  990. </div>
  991. <ul class="margine0">
  992. <li class="fixButtonPosition floatRight">
  993. <div data-kikora-exercise-list-nav-btn="next" class="nextButton" data-bind="attr: {'tabindex': (enableGoNextExercise() &amp;&amp; exerciseArrowVisibility) ? -1 : -1}, css: { 'disable': !enableGoNextExercise() }, click: nextExercises, visible: exerciseArrowVisibility, enterKey: nextExercises" tabindex="-1" style="">
  994. </div>
  995. </li>
  996. </ul>
  997. </ul>
  998. </div><div></div>
  999. </div>
  1000. </div>
  1001. <div id="courseResourcesPopup-wrapper"></div>
  1002. </div>
  1003. <!-- Top Content - Select Boxes, Exercise List - End -->
  1004.  
  1005. <!-- Calculation Content - Start -->
  1006. <div class="container reportCal_ovdMargin" id="containerIframePoint">
  1007. <div id="calculationContent" class="wrapper-calculation-content" data-bind="visible: exerciseContent() != null &amp;&amp; !exerciseContent().isPlainGraphicalOrientation()" style="">
  1008. <div class="clearfix reportCal_ovdMargin">
  1009. <!--------------------------- Left Column - Start -------------------------------->
  1010. <div class="overideTDtagLeftColumn valignTop fixedContent" data-bind="scrollToFixed: exerciseContentStickedOption, css: {'cal-exercise-teacher-geo-left': exerciseType.isExerciseTeacherGeo(),'cal-mchoice-left': mChoiceExerciseCalc.active(), 'cal-table-left': mInputExerciseCalc.active(), 'plainGeogebra': (vmGeoApplet != null) &amp;&amp; vmGeoApplet.visible() }, expandGeo: {'isFullScreen': isGeoFullScreen, 'css': 'geo-full-screen'}" style="z-index: auto;">
  1011. <!-- Plain Exercise -->
  1012. <div class="exercise-origin-info" data-bind="if: exerciseType.isPlain() &amp;&amp; plainExerciseCalc.active()">
  1013. <div class="exercise-message" data-bind="visible:isNotifyWrongOriginLanguage() == true" style="display: none;">
  1014. <div class="floatLeft truncated_text exercise-header-text" data-i18n="common:menuHashes.txtNotifyNotSameLanguage">Vi beklager, denne oppgaven er ikke oversatt til språket du har valgt.</div>
  1015. </div>
  1016. </div>
  1017. <div class="pRelative" data-bind="visible: exerciseType.isPlain() &amp;&amp; plainExerciseCalc.active(), if: exerciseType.isPlain() &amp;&amp; plainExerciseCalc.active()" style="">
  1018.  
  1019.  
  1020. <div class="multilanguage-adaptive">
  1021. <div class="originLanguage" data-bind="if: checkSecondLanguage() == true "></div>
  1022. <!-- <div class="clearboth"></div>
  1023. <div class="clearfix" data-bind="if: adaptiveExercise">
  1024. <div class="sub-pea-list-wrapper">
  1025. <div class="sub-pea-headline" data-i18n="common:menuHashes.finishtocomplete" data-bind="i18nBinding: adaptiveExercise"></div>
  1026. <ul class="clearfix sub-pea-list" data-bind="foreach: adaptiveExercise().subPeas">
  1027. <li class="sub-pea" data-bind="css: {'playing': status() === 'PLAYING', 'done': status() === 'DONE', 'not-started': status()==='NOT_STARTED'}">
  1028. <div class="pea-order" data-bind="text: $index() + 1">1</div>
  1029. </li>
  1030. <li class="delemiter" data-bind="visible: $index() < $root.adaptiveExercise().subPeas().length-1"></li>
  1031. </ul>
  1032. </div>
  1033. </div>-->
  1034.  
  1035.  
  1036. <div class="apdative-wrapper" data-bind="if: adaptiveExercise"></div>
  1037.  
  1038. </div>
  1039. <div class="questionTopImage" data-bind="css:{'dualLanguage': (checkSecondLanguage() === true)}, if: plainExerciseCalc.exerciseContent().topImage(), visible: plainExerciseCalc.exerciseContent().topImage()" style="display: none;"></div>
  1040. <div class="logo-icon" title="Kikora" data-bind="css:{'hasTopImage': plainExerciseCalc.exerciseContent().topImage()},if: theme() === 'COSINUS'"></div>
  1041. <div class="questionPlace pc clearfix" tabindex="-1" id="MathOutput" data-bind="html: plainExerciseCalc.exerciseContent().kmTag(), renderMathJax: plainExerciseCalc.exerciseContent().kmTag(), bindClickEvent: plainExerciseCalc.exerciseContent().kmTag(), css:{'hasTopImage': plainExerciseCalc.exerciseContent().topImage() &amp;&amp; (checkSecondLanguage() == true), 'textAlignRight': plainExerciseCalc.getCurrentLanguage() === 'ar'}, triggerEleEvent: {'if': true, eventName: 'focus'}, tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 550, eventName: 'focus'}]"><div class="tmp1 clearfix"><div class="tmp1 clearfix"><div class="kikora-question-title">Gjør om til m<sup>2</sup>.</div>
  1042. <div class="kikora-question-clause" size="100" style="font-size: 24px;"><span onmouseout="kikoraKmToolTipMouseOutHandlerFn(event)" onmouseover="kikoraKmToolTipMouseOverHandlerFn(event)" class="km hoverable focus-on special" data-title="2,3km^2" latex="2,3\:\mathrm{km}^{2}" id="exeContentKm_0" tabindex="600"><span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-1-Frame" role="textbox" aria-readonly="true" style=""><nobr><span class="math" id="MathJax-Span-1" style="width: 3.871em; display: inline-block;"><span style="display: inline-block; position: relative; width: 3.462em; height: 0px; font-size: 112%;"><span style="position: absolute; clip: rect(1.713em, 1000em, 3.015em, -0.296em); top: -2.714em; left: 0.002em;"><span class="mrow" id="MathJax-Span-2"><span class="mn" id="MathJax-Span-3" style="font-family: MathJax_Main;">2</span><span class="mo" id="MathJax-Span-4" style="font-family: MathJax_Main;">,</span><span class="mn" id="MathJax-Span-5" style="font-family: MathJax_Main; padding-left: 0.151em;">3</span><span class="mspace" id="MathJax-Span-6" style="height: 0.002em; vertical-align: 0.002em; width: 0.225em; display: inline-block; overflow: hidden;"></span><span class="msubsup" id="MathJax-Span-7"><span style="display: inline-block; position: relative; width: 1.825em; height: 0px;"><span style="position: absolute; clip: rect(1.899em, 1000em, 2.829em, -0.296em); top: -2.714em; left: 0.002em;"><span class="texatom" id="MathJax-Span-8"><span class="mrow" id="MathJax-Span-9"><span class="mi" id="MathJax-Span-10" style="font-family: MathJax_Main;">k</span><span class="mi" id="MathJax-Span-11" style="font-family: MathJax_Main;">m</span></span></span><span style="display: inline-block; width: 0px; height: 2.718em;"></span></span><span style="position: absolute; top: -2.788em; left: 1.378em;"><span class="texatom" id="MathJax-Span-12"><span class="mrow" id="MathJax-Span-13"><span class="mn" id="MathJax-Span-14" style="font-size: 70.7%; font-family: MathJax_Main;">2</span></span></span><span style="display: inline-block; width: 0px; height: 2.383em;"></span></span></span></span></span><span style="display: inline-block; width: 0px; height: 2.718em;"></span></span></span><span style="border-left: 0.002em solid; display: inline-block; overflow: hidden; width: 0px; height: 1.294em; vertical-align: -0.248em;"></span></span></nobr></span><script type="math/tex" id="MathJax-Element-1">2,3\:\mathrm{km}^{2}</script></span></div>
  1043. <div class="kikora-question-description">
  1044. </div><div></div></div></div></div>
  1045.  
  1046. <div class="media-section" data-bind="if: checkSecondLanguage() == true &amp;&amp; exerciseContent() &amp;&amp; exerciseContent().isSoundCloud()"></div>
  1047.  
  1048. <div data-bind="if: variables().length > 0"></div>
  1049.  
  1050.  
  1051. <div data-bind="if: checkSecondLanguage() == true,css: {'lang-origin': isSecondLanguageOrigin,'lang-amharic': isSecondLanguageAmharic } "></div>
  1052. <div class="media-section" data-bind="if: checkSecondLanguage() == true &amp;&amp; exerciseContentWithSecondLanguage() &amp;&amp; exerciseContentWithSecondLanguage().isSoundCloud()"></div>
  1053. <!-- External Resources - Start -->
  1054. <div class="recommended" data-bind="visible: exerciseContent() != null &amp;&amp; exerciseContent().exerciseresources().length > 0, if: exerciseContent() != null &amp;&amp; exerciseContent().exerciseresources().length > 0" style="display: none;"></div>
  1055. <!-- External Resources - End -->
  1056. <div class="easierCourses clearfix" data-bind="visible: displayCourseLinks, css: { 'displayBlock': courseLinkEasier.length > 0 }, afterRenderCompleted1: displayCourseLinks" style="display: none;">
  1057. <div class="titleCourseLink clearfix" data-i18n="common:menuHashes.easierCourseLinks">Link til liknende oppgaver</div>
  1058. <div class="contentBoxCourseLink clearfix">
  1059. <div class="contentBoxCourseLinkMuchEasier" data-bind="visible: showMuchEasier, afterRenderCompleted1: showMuchEasier" style="height: 14px; display: none;">
  1060. <div class="EasierI">
  1061. <span data-i18n="common:menuHashes.Easier1">Lettere 1:</span>
  1062. </div>
  1063. <div class="courseListData" data-bind="foreach: courseLinkMuchEasier"></div>
  1064. </div>
  1065. <div class="contentBoxCourseLinkEasier" data-bind="visible: showEasier, afterRenderCompleted1: showEasier" style="height: 14px; display: none;">
  1066. <div class="EasierII">
  1067. <span data-i18n="common:menuHashes.Easier2">Lettere 2:</span>
  1068. </div>
  1069. <div class="courseListData" data-bind="foreach: courseLinkEasier"></div>
  1070. </div>
  1071. <div class="contentBoxCourseLinkSimilar" data-bind="visible: showSimilar, afterRenderCompleted1: showSimilar" style="display: none;">
  1072. <div class="Similar">
  1073. <span data-i18n="common:menuHashes.Similarexercises">Liknende oppgaver:</span>
  1074. </div>
  1075. <div class="courseListData" data-bind="foreach: courseLinkSimilar"></div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079.  
  1080. <div class="media-section media-section-single-language" data-bind="if: checkSecondLanguage() == false &amp;&amp; exerciseContent().isSoundCloud()">
  1081. <div class="clearfix" data-bind="template: {'name': 'media-template','data': {'vm': mediaResource}}">
  1082. <div>
  1083. <div class="play-button focus-on" data-bind="click:vm.playMedia,enterKey:vm.playMedia,attr:{name:vm.name() + &quot;Play&quot;,tabindex:typeof mTabIndex != &quot;undefined&quot;?mTabIndex:600},visible:vm.isDualLanguage()" name="mediaPlayerPlay" tabindex="600" style="display: none;"></div>
  1084. <div data-bind="attr:{name:vm.name() + &quot;Container&quot; }" style="display:none" class="mediaContainer" name="mediaPlayerContainer">
  1085. <audio data-bind="attr:{name:vm.name,mTabindex:typeof mTabIndex != &quot;undefined&quot;?mTabIndex:600}" controls="" preload="auto" name="mediaPlayer" mtabindex="600"></audio>
  1086. </div>
  1087. <div class="clear-both"></div>
  1088. </div>
  1089. </div>
  1090. </div>
  1091.  
  1092. <div class="exercise-title">
  1093. <div class="goToPreviousCourse icon-triangle-left focus-on" tabindex="600" data-bind="click:goPreviousExercise, enterKey: goPreviousExercise">
  1094. </div>
  1095. <!-- ko if: theme() === 'REGULAR' -->
  1096. <div class="floatLeft truncated_text exercise-title-title" data-bind="html: plainExerciseCalc.exerciseContent().exercisedef().exercisename(), attr: { 'title': plainExerciseCalc.exerciseContent().exercisedef().exercisename() }" data-toggle="tooltip" title="3b">3b</div>
  1097. <!-- /ko -->
  1098. <div class="floatRight tools">
  1099. <div class="floatLeft tool-play-button play-button focus-on" data-bind="click:mediaResource.playMedia,enterKey:mediaResource.playMedia,attr:{name:mediaResource.name() + &quot;Play&quot;},visible:checkSecondLanguage() == false &amp;&amp; exerciseContent().isSoundCloud()" tabindex="600" name="mediaPlayerPlay"></div>
  1100. <!-- ko if: theme() === 'REGULAR' -->
  1101. <div class="floatLeft tool-movie" data-bind="visible: plainExerciseCalc.exerciseContent().hasVideo()" data-i18n="[title]common:menuHashes.coursevideo" title="Ressurs video for kurset" style="display: none;"></div>
  1102. <div tabindex="600" class="floatLeft tool-movie focus-on" data-bind="visible: displayCourseRecources &amp;&amp; courseTypeVideo, click: function (data, event) { onShowDlgCourseResources(data, event); }, enterKey: function (data, event) { onShowDlgCourseResources(data, event); }" data-i18n="[title]common:menuHashes.coursevideo" title="Ressurs video for kurset" style="display: none;"></div>
  1103. <div tabindex="600" class="floatLeft tool-document focus-on" data-bind="visible: displayCourseRecources &amp;&amp; courseTypeHTML, click: function (data, event) { onShowDlgCourseResources(data, event); }, enterKey: function (data, event) { onShowDlgCourseResources(data, event); }" data-i18n="[title]common:menuHashes.courserecources" title="Ressurser til kurset" style="display: none;"></div>
  1104. <div tabindex="600" id="ga_trackingOnShowDlgFormulaSheetofPlain" data-i18n="[title]common:menuHashes.Formelsamling" class="floatLeft tool-vektor focus-on" data-bind="click: onShowDlgFormulaSheet, enterKey: onShowDlgFormulaSheet" title="Formelsamling"></div>
  1105. <!-- /ko -->
  1106.  
  1107. <!-- ko if: theme() === 'COSINUS' --><!-- /ko -->
  1108. <!-- /ko -->
  1109. </div>
  1110. <div class="goToNextCourse icon-triangle-right focus-on" tabindex="600" data-bind="click:goNextExercise, enterKey: goNextExercise">
  1111. </div>
  1112. </div>
  1113. </div>
  1114. <!-- Multiple choices Exercise -->
  1115. <div class="exercise-origin-info" data-bind="if: exerciseType.isMultipleChoice() &amp;&amp; mChoiceExerciseCalc.active()"></div>
  1116. <div class="multiple-choices pRelative" data-bind="visible: exerciseType.isMultipleChoice() &amp;&amp; mChoiceExerciseCalc.active(), if: exerciseType.isMultipleChoice() &amp;&amp; mChoiceExerciseCalc.active()" style="display: none;"></div>
  1117. <!-- Multiple Inputs Exercise -->
  1118. <div class="exercise-origin-info" data-bind="if: exerciseType.isMultipleInput() &amp;&amp; mInputExerciseCalc.active()"></div>
  1119. <div class="pRelative" data-bind="visible: exerciseType.isMultipleInput() &amp;&amp; mInputExerciseCalc.active(), if: exerciseType.isMultipleInput() &amp;&amp; mInputExerciseCalc.active()" style="display: none;"></div>
  1120. <!-- Geo Applet -->
  1121. <div data-bind="visible: exerciseType.isGeogebraPlain() || exerciseType.isGeogebraMultipleChoice() || exerciseType.isGeogebraCheckingExercise() || exerciseType.isExerciseTeacherGeo()" style="display: none;">
  1122.  
  1123. <div class="exercise-header questionPlaceTopBorder" data-bind="visible:exerciseType.isExerciseTeacherGeo()" style="display: none;">
  1124. <div class="floatLeft truncated_text exercise-header-text" data-i18n="common:menuHashes.txtExerciseTeacherHeader">Denne oppgaven må leveres inn, og så vurderes av din lærer.</div>
  1125. <div class="floatRight sprite-teacher-correct exercise-header-icon"></div>
  1126. </div>
  1127.  
  1128. <div class="clearfix" data-bind="if: adaptiveExercise"></div>
  1129. <div id="geoApplet-view-wrapper"></div>
  1130. <!-- External Resources - Start -->
  1131. <div class="recommended" data-bind="visible: exerciseContent() != null &amp;&amp; exerciseContent().exerciseresources().length > 0, if: exerciseContent() != null &amp;&amp; exerciseContent().exerciseresources().length > 0" style="display: none;"></div>
  1132. <!-- External Resources - End -->
  1133. <div class="media-section media-section-single-language" data-bind="if: exerciseContent() &amp;&amp; exerciseContent().isSoundCloud() &amp;&amp; !plainGraphicExercise.active() &amp;&amp; ( geogebraAutoExercise.active() || checkSecondLanguage() == false) &amp;&amp; exerciseType.isGeogebraExercise()"></div>
  1134.  
  1135. <div class="exercise-title geogebra-exercise-title focus-on" id="kikora-title-geogebra-wrapper" tabindex="0">
  1136. <div class="goToPreviousCourse icon-triangle-left focus-on" tabindex="0" data-bind="click:goPreviousExercise, enterKey: goPreviousExercise, shiftTabKey: reverseGeogebraTab">
  1137. </div>
  1138. <div class="floatLeft truncated_text exercise-title-title">GeoGebra</div>
  1139. <div class="floatRight tools">
  1140. <div tabindex="0" id="btnGeoSolution" data-i18n="[title]common:menuHashes.Key" class="floatLeft geo-solution-key focus-on" data-bind="visible: exerciseType.isGeogebraSolution(),click: geogebraAutoExercise.getSolution, enterKey: geogebraAutoExercise.getSolution" title="Stegvis løsningsforslag" style="display: none;">
  1141. <div class="floatLeft key-geo" data-i18n="[title]common:menuHashes.Key" title="Stegvis løsningsforslag">
  1142. </div>
  1143. <div class="floatLeft geo-num-solution" data-bind="text: geogebraAutoExercise.numSolutions"></div>
  1144. <div class="clear-both"></div>
  1145. </div>
  1146. <!-- <div class="fullscreen-btn spread focus-on" tabindex="0" data-bind="shiftTabKey: focusGoToPreviousCourseBtn, click: onFullScreenGeo, enterKey: onFullScreenGeo, expandGeo: {'isFullScreen': isGeoFullScreen, 'css': 'fullscreen-btn-exit'}" ></div>-->
  1147. <div class="fullscreen-btn spread focus-on" tabindex="0" data-bind="click: onFullScreenGeo, enterKey: onFullScreenGeo, expandGeo: {'isFullScreen': isGeoFullScreen, 'css': 'fullscreen-btn-exit'}"></div>
  1148.  
  1149. <div class="floatLeft tool-movie" data-bind="visible: (exerciseContent() != null) &amp;&amp; exerciseContent().hasVideo()" data-i18n="[title]common:menuHashes.coursevideo" title="Ressurs video for kurset" style="display: none;"></div>
  1150.  
  1151. <div tabindex="0" id="btnResetGeogebra" data-bind="click: resetGeogebra, enterKey: resetGeogebra" data-i18n="[title]common:menuHashes.ResetGeogebra" class="floatLeft gebra-reset focus-on" title="Tilbakestille Geogebra"></div>
  1152.  
  1153.  
  1154. <div class="floatLeft tool-play-button play-button focus-on" data-bind="click:mediaResource.playMedia,enterKey:mediaResource.playMedia,attr:{name:mediaResource.name() + &quot;Play&quot;},visible:exerciseContent() &amp;&amp; exerciseContent().isSoundCloud() &amp;&amp; (checkSecondLanguage() == false || exerciseType.isGeogebraCheckingExercise()) " tabindex="0" name="mediaPlayerPlay" style=""></div>
  1155.  
  1156. <!-- ko if: theme() === 'REGULAR' -->
  1157. <div tabindex="0" id="ga_trackingOnShowDlgFormulaSheetofGeogebra" data-i18n="[title]common:menuHashes.Formelsamling" class="floatLeft tool-vektor focus-on " data-bind="click: onShowDlgFormulaSheet, enterKey: onShowDlgFormulaSheet" title="Formelsamling"></div>
  1158. <!-- /ko -->
  1159.  
  1160. <!-- ko if: theme() === 'COSINUS' --><!-- /ko -->
  1161. </div>
  1162. <div class="goToNextCourse icon-triangle-right focus-on" tabindex="0" data-bind="click:goNextExercise, enterKey: goNextExercise">
  1163. </div>
  1164. </div>
  1165.  
  1166.  
  1167.  
  1168.  
  1169. </div>
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178.  
  1179. <!-- Teacher Correct Plain-->
  1180. <div data-bind="if: exerciseType.isExerciseTeacherPlain() &amp;&amp; teacherCorrectExercise.active()"></div>
  1181. <div class="pRelative teacher-correct-plain" data-bind="visible: exerciseType.isExerciseTeacherPlain() &amp;&amp; teacherCorrectExercise.active(), if: exerciseType.isExerciseTeacherPlain() &amp;&amp; teacherCorrectExercise.active()" style="display: none;"></div>
  1182. <!-- End Teacher Correct Plain-->
  1183.  
  1184. </div><div class="dNone"></div>
  1185. <!--------------------------- Left Column - End ---------------------------------->
  1186.  
  1187. <div data-bind="visible: exerciseType.isMultipleChoice(), template: {name: 'kikora-calculation-navigator-template', data: {'vm': mChoiceExerciseCalc.calculationNavigatorManager}}" style="display: none;">
  1188. <div class="navigationPage" data-bind="visible: vm.isVisible, css: vm.css()" style="display: none;">
  1189. <div tabindex="0" class="navigationPage-plus focus-on" data-bind="attr:{'id': vm.id(), 'tabindex': vm.tabindex()} ,click: vm.onAddBtnClick, enterKey: vm.onAddBtnClick" data-i18n="[title]common:menuHashes.addnewcalculation" id="#ga_trackingAddNewCalculationPlain" title="Start på en ny utregning. Du beholder den gamle. "></div>
  1190. <ul class="pageNumber" data-bind="foreach: vm.calculations()"></ul>
  1191. </div>
  1192. </div>
  1193. <!--------------------------- Right Column - Start -->
  1194. <div class="pRelative exercise-content overideTDtagRightColumn valignTop" data-bind="css: { 'overideTDtagRightColumn': plainExerciseCalc.active() || teacherCorrectExercise.active(), 'valignTop': plainExerciseCalc.active(), 'cal-teacher-correct-right':teacherCorrectExercise.active(),'cal-mchoice-right': (mChoiceExerciseCalc.active() || mInputExerciseCalc.active() || geogebraAutoExercise.active() ) }, expandGeo: {'isFullScreen': isGeoFullScreen, 'css': 'geo-full-screen'}">
  1195. <div data-bind="if: (exerciseContent() != null) &amp;&amp; exerciseContent().esl2()"></div>
  1196. <!-- Geo Plain Exercise -->
  1197. <div data-bind="if: exerciseType.isGeogebraPlain()"></div>
  1198.  
  1199. <!-- Exercise Teacher Geo-->
  1200. <div data-bind="if: exerciseType.isExerciseTeacherGeo()" class=""></div>
  1201. <!-- End exercise Teacher Geo-->
  1202.  
  1203. <!-- Plain or Geo Plain Exercise -->
  1204. <div data-bind="visible: exerciseType.isPlain() || exerciseType.isGeogebraPlain()" style="">
  1205. <!-- Caculation list-->
  1206. <div class="pRelative" data-bind="if: plainExerciseCalc.active()">
  1207. <div data-bind="template: {name: 'kikora-calculation-navigator-template', data: {'vm': plainExerciseCalc.calculationNavigatorManager}}">
  1208. <div class="navigationPage" data-bind="visible: vm.isVisible, css: vm.css()" style="display: none;">
  1209. <div tabindex="0" class="navigationPage-plus focus-on" data-bind="attr:{'id': vm.id(), 'tabindex': vm.tabindex()} ,click: vm.onAddBtnClick, enterKey: vm.onAddBtnClick" data-i18n="[title]common:menuHashes.addnewcalculation" id="#ga_trackingAddNewCalculationPlain" title="Start på en ny utregning. Du beholder den gamle. "></div>
  1210. <ul class="pageNumber" data-bind="foreach: vm.calculations()"></ul>
  1211. </div>
  1212. </div>
  1213. <div class="row-fluid eventLine">
  1214. <div class="event-list">
  1215. <ul class="event" data-bind="foreach: plainExerciseCalc.eventList(), afterRenderCompleted1: plainExerciseCalc.eventList()"></ul>
  1216. <ul class="event" data-bind="foreach: plainExerciseCalc.eventLoadingList()"></ul>
  1217. <div class="clearfix" data-bind="template: {'name': 'kikora-mark-final-button-template', 'data': {'vm': markAnswerManager}}">
  1218. <div class="clearfix mark-and-next-answer-wrapper focus-on" data-bind="visible: vm.isVisible" style="display: none;">
  1219. <div class="mark-answer-divide-horizontal"></div>
  1220. <div class="arrow-direct-mark-answer"></div>
  1221. <div class="button-mark-final-answer focus-on" data-bind="attr: {tabindex: vm.tabindex()}, enterKey: vm.onMarkAnswerClick, click: vm.onMarkAnswerClick, visible: !vm.isMarkedAnswer()" tabindex="0">
  1222. <div class="button-mark-final-answer-text truncated_text" data-i18n="common:menuHashes.selectAsFinalAnswer" data-bind="visible: vm.isDefault()">Sett som sluttsvar</div>
  1223. <div class="button-mark-final-answer-text truncated_text" data-i18n="[title]common:menuHashes.btnMarkAsDelivered;common:menuHashes.btnMarkAsDelivered" data-bind="visible: vm.isTeacherCorrect()" title="Sett som sluttsvar" style="display: none;">Sett som sluttsvar</div>
  1224. </div>
  1225. <div class="button-mark-answer-go-to-next focus-on" data-bind="attr: {tabindex: vm.tabindex()}, enterKey: vm.onGoToNext, click: vm.onGoToNext, visible: vm.isMarkedAnswer()" tabindex="0" style="display: none;">
  1226. <div class="button-mark-answer-go-to-next-text truncated_text" data-i18n="common:menuHashes.gotonext">Gå til neste</div>
  1227. <div class="button-mark-answer-go-to-next-icon icon-arrow-right"></div>
  1228. </div>
  1229. </div>
  1230. </div>
  1231.  
  1232. <div class="supplementary-answer">
  1233. <!-- ko if: plainExerciseCalc.textCommentRequired() == true --><!-- /ko -->
  1234. <!-- ko if: plainExerciseCalc.allowToGoNext() == true && plainExerciseCalc.exerciseContent().isverbal() && (navigationMessageBox.allExercisesFinished.display() == false) --><!-- /ko -->
  1235. </div>
  1236. </div>
  1237. </div>
  1238. </div>
  1239. <!--End calculation list-->
  1240.  
  1241. <!-- Navigation Message Box (All exercises are finished) - Go to next (done) -->
  1242. <div tabindex="-1" class="go-to-next" data-bind="visible: navigationMessageBox.allExercisesFinished.display() &amp;&amp; (plainExerciseCalc.textCommentRequired() == false), if: navigationMessageBox.allExercisesFinished.display() &amp;&amp; (plainExerciseCalc.textCommentRequired() == false), i18nBinding: true, triggerEleEvent: {'if': navigationMessageBox.allExercisesFinished.display() &amp;&amp; plainExerciseCalc.textCommentRequired() == false &amp;&amp; geogebraAutoExercise.isFocusOnNextCourse(), eventName: 'focus'}" style="display: none;"></div>
  1243. <!-- Ending Navigation Message Box (All exercises are finished) - Go to next-->
  1244.  
  1245. <!-- Navigation Message Box (Exercise not exist in selected level) - Go to next -->
  1246. <div tabindex="-1" class="go-to-next activeRequestLevel" data-bind="visible: navigationMessageBox.levelWrongSelected.display(), if: navigationMessageBox.levelWrongSelected.display(), i18nBinding: true" style="display: none;"></div>
  1247. <!-- Ending Navigation Message Box (Exercise not exist in selected level) - Go to next-->
  1248.  
  1249. <div class="supplementary-answer" data-bind="visible: plainExerciseCalc.textCommentRequired() == true" style="display: none;">
  1250. <!-- ko if: plainExerciseCalc.textCommentRequired() == true --><!-- /ko -->
  1251. </div>
  1252.  
  1253. <!-- calculation function-->
  1254. <div data-bind="scrollToFixed: calculatorStickedOption" style="z-index: auto;">
  1255. <div class="calculatorEnclose fixedCalculator clearfix"><div class="screenInput " data-bind="visible:isMinputCalulator() == false &amp;&amp; visible()" style="">
  1256. <form>
  1257. <div class="inputEditor">
  1258. <span class="CaltextBox mq-editable-field mq-math-mode" data-bind="mathquillBinding: {mode: mode(), mathquillKeyDownHookFns: specialKeysFunction, callback: mathquillAfterRenderedCallback, model: mathquill, onTextCallBackFns: onInputChanged}"><span class="mq-textarea"><textarea autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false" x-palm-disable-ste-all="true" tabindex="0"></textarea></span><span class="mq-root-block mq-empty" mathquill-block-id="1"></span></span>
  1259. </div>
  1260. </form>
  1261. </div>
  1262. <div class="wrap_calculator numberic show" data-bind="css: activeKeyboard, visible: visible()" style="">
  1263.  
  1264.  
  1265.  
  1266. <!--3 group in one Calculator -->
  1267. <div class="keyboard-number numberic border-box-sizing">
  1268. <div class="keyboard-number-nomal border-box-sizing">
  1269. <!-- <div class="knumber_g1 border-box-sizing">
  1270. <div id="shownMathTokens" data-bind="foreach: shownMathTokens, afterRenderCompleted1: true">
  1271. <div class="input-key width_g1 c_black border-box-sizing" data-bind="attr: { 'cmd': $data }" >
  1272. <span data-bind="text: $data" class="btn_special truncated_text"></span>
  1273. </div>
  1274. </div>
  1275. <div class="more-variable border-box-sizing" data-bind="visible: moreMathTokens().length > 0">
  1276. <div class="variable-heading border-box-sizing">
  1277. <div class="accordion-toggle collapsed" data-toggle="collapse" data-parent="" href="#collapseVaraiable">
  1278. <div class ="txt-variaMoreVariable" data-i18n="common:menuHashes.Morethreedot"></div>
  1279. <div class ="txt-variaLessVariable" data-i18n="common:menuHashes.Lessthreedot"></div>
  1280. </div>
  1281.  
  1282. </div>
  1283. <div id="collapseVaraiable" class="accordion-body collapse border-box-sizing wrap-listVariable" style="height: 0px;">
  1284. <div id="moreMathTokens" data-bind="foreach: moreMathTokens, afterRenderCompleted1: true" class="group-moreVariable border-box-sizing">
  1285. <div class="input-key w_btnVariable c_black border-box-sizing" data-bind="attr: { 'cmd': $data }" >
  1286. <span data-bind="text: $data" class="btn_special truncated_text"></span>
  1287. </div>
  1288. </div>
  1289. <div class="clear-both"></div>
  1290. </div>
  1291. <div class="clear-both"></div>
  1292. </div>
  1293. <div class="clear-both"></div>
  1294. </div>-->
  1295. <div class="knumber_g2" data-bind="style: { width: shownMathTokens().length == 0 ? '88%' : '' }" style="width: 88%;">
  1296. <div class="line1">
  1297. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="frac" title="/" data-i18n="[title]common:menuHashes.kbFraction" tabindex="0">
  1298. <div class="re-deviceimg">
  1299. <img src="handheld/img/re-devinceimage.png" data-at2x="handheld/img/re-devinceimage@2x.png">
  1300. </div>
  1301. </div>
  1302. <div class="input-key btn_function c_blue border-box-sizing hover focus-on" data-bind="click: input, enterKey: input" cmd="-" title="-" data-i18n="[title]common:menuHashes.kbMinus" tabindex="0">
  1303. <span class="txt_function txt_size38">-</span>
  1304. </div>
  1305. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="+" title="+" data-i18n="[title]common:menuHashes.kbPlus" tabindex="0">
  1306. <span class="txt_function">+</span>
  1307. </div>
  1308. <div class="input-key btn_number sizewidth19 c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="7" title="7" data-i18n="[title]common:menuHashes.kbSeven" tabindex="0">
  1309. <span class="txt_number">7</span>
  1310. </div>
  1311. <div class="input-key btn_number c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="8" data-i18n="[title]common:menuHashes.kbEight" tabindex="0" title="8">
  1312. <span class="txt_number">8</span>
  1313. </div>
  1314. <div class="input-key btn_number c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="9" data-i18n="[title]common:menuHashes.kbNine" tabindex="0" title="9">
  1315. <span class="txt_number">9</span>
  1316. </div>
  1317. <div class="clear-both"></div>
  1318. </div>
  1319. <div class="line2">
  1320. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="^" title="^" data-i18n="[title]common:menuHashes.kbExponent" tabindex="0">
  1321. <div class="re-imgMultiply">
  1322. <img src="handheld/img/re-multiimage.png" data-at2x="handheld/img/re-multiimage@2x.png">
  1323. </div>
  1324. </div>
  1325. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="div" title=":" data-i18n="[title]common:menuHashes.kbDiv" tabindex="0">
  1326. <span class="txt_function">:</span>
  1327. </div>
  1328. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-i18n="[cmd]common:menuHashes.operator.multiple,[title]common:menuHashes.kbMultiply" data-bind="click: input, enterKey: input" cmd="times" title="*" tabindex="0">
  1329. <span class="txt_function">×</span>
  1330. </div>
  1331. <div class="input-key btn_number sizewidth19 c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="4" title="4" data-i18n="[title]common:menuHashes.kbFour" tabindex="0">
  1332. <span class="txt_number">4</span>
  1333. </div>
  1334. <div class="input-key btn_number c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="5" title="5" data-i18n="[title]common:menuHashes.kbFive" tabindex="0">
  1335. <span class="txt_number">5</span>
  1336. </div>
  1337. <div class="input-key btn_number c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="6" title="6" data-i18n="[title]common:menuHashes.kbSix" tabindex="0">
  1338. <span class="txt_number">6</span>
  1339. </div>
  1340. <div class="clear-both"></div>
  1341. </div>
  1342. <div class="line3">
  1343. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="(" title="(" data-i18n="[title]common:menuHashes.kbLeftRoundBracket" tabindex="0">
  1344. <span class="txt_function">(</span>
  1345. </div>
  1346. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd=")" title=")" data-i18n="[title]common:menuHashes.kbRightRoundBracket" tabindex="0">
  1347. <span class="txt_function">)</span>
  1348. </div>
  1349. <div class="input-key btn_function c_blue border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="=" title="=" data-i18n="[title]common:menuHashes.kbEqual" tabindex="0">
  1350. <span class="txt_function">=</span>
  1351. </div>
  1352. <div class="input-key btn_number sizewidth19 c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="1" title="1" data-i18n="[title]common:menuHashes.kbOne" tabindex="0">
  1353. <span class="txt_number">1</span>
  1354. </div>
  1355. <div class="input-key btn_number c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="2" title="2" data-i18n="[title]common:menuHashes.kbTwo" tabindex="0">
  1356. <span class="txt_number">2</span>
  1357. </div>
  1358. <div class="input-key btn_number c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="3" title="3" data-i18n="[title]common:menuHashes.kbThree" tabindex="0">
  1359. <span class="txt_number">3</span>
  1360. </div>
  1361. <div class="clear-both"></div>
  1362. </div>
  1363. <div class="line4">
  1364. <!--<div class ="input-key btn_abc c_black border-box-sizing" data-bind="click: input, enterKey: input" cmd="showAlphaBetaKeyboard" >
  1365. <span class="txt_size16">ABC</span>
  1366. </div>-->
  1367. <!-- <div class ="input-key btn_abc c_blue border-box-sizing" >
  1368. <span class="txt_size16"></span>
  1369. </div>-->
  1370. <!-- <div class ="input-key btn_Space c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="\kksp">
  1371. <span class="txt_size16">Space</span>
  1372. </div>-->
  1373. <div class="input-key btn_function c_blue border-box-sizing input-key-bottom focus-on" data-bind="click: input, enterKey: input" cmd="sqrt" title="sqrt" data-i18n="[title]common:menuHashes.kbSqrt" tabindex="0">
  1374. <div class="re_imgMutiply">
  1375. <img src="handheld/img/img_sqrt_white.png" data-at2x="handheld/img/img_sqrt@2x_white.png">
  1376. </div>
  1377. </div>
  1378.  
  1379. <div class="input-key btn_function c_blue border-box-sizing input-key-bottom focus-on" data-bind="click: input, enterKey: input" cmd="degree" data-i18n="[title]common:menuHashes.degree" tabindex="0" title="gr">
  1380. <div class="re_imgCircle">
  1381. <img src="handheld/img/img_circle_white.png" data-at2x="handheld/img/img_circle@2x_white.png">
  1382. </div>
  1383. </div>
  1384.  
  1385. <div class="input-key btn_function c_blue border-box-sizing input-key-bottom focus-on" data-bind="click: input, enterKey: input" cmd="%" title="%" data-i18n="[title]common:menuHashes.kbPercent" tabindex="0">
  1386. <span class="txt_function">%</span>
  1387. </div>
  1388.  
  1389.  
  1390. <div data-bind="visible: numHintsRemain() === 0,click: input, enterKey: input" class="input-key btn_number sizewidth19 c_white border-box-sizing input-key-bottom focus-on" cmd="key" data-i18n="[title]common:menuHashes.Key" tabindex="0" title="Stegvis løsningsforslag">
  1391. <div class="wrap_Hint">
  1392. <div class="re-hint_solution">
  1393. <img src="handheld/img/hint_solution-normal.png" data-at2x="handheld/img/hint_solution@2x.png">
  1394. </div>
  1395. <span data-bind="text: numAllHintSolution" class="hintLeft">0/0</span>
  1396. <div class="clear-both"></div>
  1397. </div>
  1398. </div>
  1399.  
  1400. <div data-bind="visible: numHintsRemain() > 0,click: input, enterKey: input" class="input-key btn_number sizewidth19 c_white border-box-sizing input-key-bottom focus-on" cmd="hint" data-i18n="[title]common:menuHashes.Hint" tabindex="0" title="Hint" style="display: none;">
  1401. <div class="wrap_Hint">
  1402. <div class="re-hint_solution">
  1403. <img src="handheld/img/hint_solution-normal.png" data-at2x="handheld/img/hint_solution@2x.png">
  1404. </div>
  1405. <span data-bind="text: numAllHintSolution" class="hintLeft">0/0</span>
  1406. <div class="clear-both"></div>
  1407. </div>
  1408. </div>
  1409.  
  1410. <div class="input-key btn_number c_white border-box-sizing input-key-bottom focus-on" data-bind="click: input, enterKey: input" cmd="0" title="0" data-i18n="[title]common:menuHashes.kbZero" tabindex="0">
  1411. <span class="txt_number">0</span>
  1412. </div>
  1413.  
  1414. <div data-i18n="[cmd]common:menuHashes.operator.commas" class="input-key btn_number c_white border-box-sizing input-key-bottom focus-on" data-bind="click: input, enterKey: input" cmd="," title="," tabindex="0">
  1415. <span data-i18n="common:menuHashes.operator.commas" class="txt_number">,</span>
  1416. </div>
  1417.  
  1418. <div class="clear-both"></div>
  1419. </div>
  1420. <div class="clear-both"></div>
  1421. </div>
  1422. <div class="knumber_g3">
  1423. <div class="input-key width_g3 c_grey border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="backspace" data-i18n="[title]common:menuHashes.kbBackspace" tabindex="0" title="common:menuHashes.kbBackspace">
  1424. <div class="re-imgBack">
  1425. <img src="handheld/img/re-imgBack.png">
  1426. </div>
  1427. </div>
  1428. <div class="input-key btn_back c_green border-box-sizing focus-on" data-bind="click: input, enterKey: input,attr:{title: checkBtns()[0].attrs().title, cmd: checkBtns()[0].attrs().cmd},css:{'checkAnswer-mInput':isMinputCalulator() == true}" tabindex="0" title="Enter (med tilbakemelding)" cmd="check">
  1429. <div class="re-imgBackCheck">
  1430. <img src="handheld/img/re-imgBackCheck.png">
  1431. </div>
  1432. </div>
  1433. <div class="input-key width_g3 c_grey border-box-sizing input-key-bottom focus-on" data-bind="click: input, enterKey: input,attr:{title: checkBtns()[1].attrs().title, cmd: checkBtns()[1].attrs().cmd},visible:isMinputCalulator() == false" tabindex="0" title="Uten tilbakemelding" cmd="textComment">
  1434. <div class="re-imgCheckWithoutFeedbacnk">
  1435. <!-- <img src="handheld/img/re-imgCalculate.png">-->
  1436. <!-- <div class="re-imgBackCheck">-->
  1437. <img src="handheld/img/checkWithoutFeedback.png">
  1438. <!--</div>-->
  1439. </div>
  1440. </div>
  1441. <div class="clear-both"></div>
  1442. </div>
  1443. <div class="more-Symbolmathematic border-box-sizing">
  1444. <div class="symbol-heading border-box-sizing">
  1445. <div class="accordion-toggle collapsed focus-on" data-bind="click: showMoremathClick,enterKey:showMoremathClick, css: { 'collapsed': isMoreMathShown() == false }" tabindex="0">
  1446. <div class="wrapSymbol">
  1447. <div class="txt-symbolMore" data-i18n="common:menuHashes.Moremathematicalsymbols">Vis flere matematiske symboler</div>
  1448. <div class="txt-symbolLess" data-i18n="common:menuHashes.Lessmathematicalsymbols">Vis færre matematiske symboler</div>
  1449. <div class="direct-symbol"></div>
  1450. </div>
  1451. </div>
  1452.  
  1453. </div>
  1454. <div id="collapseSymbol" class="accordion-body border-box-sizing collapse" style="height: 0px;">
  1455. <div class="group-moreSymbol border-box-sizing">
  1456. <!--<div class ="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="sqrt">
  1457. <div class="re_imSqrt">
  1458. <img src="handheld/img/img_sqrt.png" data-at2x="handheld/img/img_sqrt@2x.png">
  1459. </div>
  1460. </div>-->
  1461. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="nthroot" title="nrootx" data-i18n="[title]common:menuHashes.kbNrootx" tabindex="0">
  1462. <div class="re_imSqrt">
  1463. <img src="handheld/img/img_sqrtn.png" data-at2x="handheld/img/img_sqrtn@2x.png">
  1464. </div>
  1465. </div>
  1466. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="pm" title="\pm" data-i18n="[title]common:menuHashes.kbPm" tabindex="0">
  1467. <div class="re_imbtnAdd">
  1468. <img src="handheld/img/btnadd.png" data-at2x="handheld/img/btnadd@2x.png">
  1469. </div>
  1470. </div>
  1471. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="pi" title="pi" data-i18n="[title]common:menuHashes.kbPi" tabindex="0">
  1472. <div class="re_imgPj">
  1473. <img src="handheld/img/img-pj.png" data-at2x="handheld/img/img-pj@2x.png">
  1474. </div>
  1475. </div>
  1476. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\leq" title="≤" data-i18n="[title]common:menuHashes.kbLeg" tabindex="0">
  1477. <span class="txt_number">≤</span>
  1478. </div>
  1479. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\geq" title="≥" data-i18n="[title]common:menuHashes.kbGeq" tabindex="0">
  1480. <span class="txt_number">≥</span>
  1481. </div>
  1482. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\neq" title="#" data-i18n="[title]common:menuHashes.kbNeq" tabindex="0">
  1483. <span class="txt_number">≠</span>
  1484. </div>
  1485. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\land" title="∧" data-i18n="[title]common:menuHashes.kbLand" tabindex="0">
  1486. <span class="txt_number">∧</span>
  1487. </div>
  1488. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\lor" title="∨" data-i18n="[title]common:menuHashes.kbLor" tabindex="0">
  1489. <span class="txt_number">∨</span>
  1490. </div>
  1491. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="_" title="x_y" data-i18n="[title]common:menuHashes.kbSubscript" tabindex="0">
  1492. <div class="re_imgMutiply">
  1493. <img src="handheld/img/mutiply_below.png" data-at2x="handheld/img/mutiply_below-@2x.png">
  1494. </div>
  1495. </div>
  1496.  
  1497.  
  1498. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="|" title="|" data-i18n="[title]common:menuHashes.kbPipe" tabindex="0">
  1499. <div class="re_imSqrt">
  1500. <img src="handheld/img/imgStrike-normal.png" data-at2x="handheld/img/imgStrike@2x.png">
  1501. </div>
  1502. </div>
  1503.  
  1504. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\Delta" title="∆" data-i18n="[title]common:menuHashes.kbDelta" tabindex="0">
  1505. <span class="txt_number">∆</span>
  1506. </div>
  1507. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\angle" title="∠" data-i18n="[title]common:menuHashes.kbAngle" tabindex="0">
  1508. <span class="txt_number">∠</span>
  1509. </div>
  1510.  
  1511. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\infty" title="∞" data-i18n="[title]common:menuHashes.kbInfty" tabindex="0">
  1512. <span class="txt_number">∞</span>
  1513. </div>
  1514.  
  1515.  
  1516.  
  1517. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\rightarrow" title="→" data-i18n="[title]common:menuHashes.kbRightArrow" tabindex="0">
  1518. <span class="txt_number">→</span>
  1519. </div>
  1520. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\leftarrow" title="←" data-i18n="[title]common:menuHashes.kbLeftArrow" tabindex="0">
  1521. <span class="txt_number">←</span>
  1522. </div>
  1523.  
  1524. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\in" title="∈" data-i18n="[title]common:menuHashes.kbIn" tabindex="0">
  1525. <span class="txt_number">∈</span>
  1526. </div>
  1527. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\ni" title="∋" data-i18n="[title]common:menuHashes.kbNi" tabindex="0">
  1528. <span class="txt_number">∋</span>
  1529. </div>
  1530.  
  1531. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\cap" title="∩" data-i18n="[title]common:menuHashes.kbCap" tabindex="0">
  1532. <span class="txt_number">∩</span>
  1533. </div>
  1534.  
  1535. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\cup" title="∪" data-i18n="[title]common:menuHashes.kbCup" tabindex="0">
  1536. <span class="txt_number">∪</span>
  1537. </div>
  1538.  
  1539. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\emptyset" title="ø" data-i18n="[title]common:menuHashes.kbEmptySet" tabindex="0">
  1540. <span class="txt_number">ø</span>
  1541. </div>
  1542.  
  1543. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="\setminus" title="\" data-i18n="[title]common:menuHashes.kbSetminus" tabindex="0">
  1544. <span class="txt_number">\</span>
  1545. </div>
  1546. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="langle" title="⟨" data-i18n="[title]common:menuHashes.kbLangle" tabindex="0">
  1547. <span class="txt_number">⟨</span>
  1548. </div>
  1549. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="rangle" title="⟩" data-i18n="[title]common:menuHashes.kbRangle" tabindex="0">
  1550. <span class="txt_number">⟩</span>
  1551. </div>
  1552.  
  1553. <div class="input-key wSymbol c_white border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="[" title="[" data-i18n="[title]common:menuHashes.kbLeftSquareBracket" tabindex="0">
  1554. <span class="txt_number">[</span>
  1555. </div>
  1556. <div class="input-key wSymbol c_white imput-key-last-row border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="]" title="]" data-i18n="[title]common:menuHashes.kbRightSquareBracket" tabindex="0">
  1557. <span class="txt_number">]</span>
  1558. </div>
  1559. <div class="input-key wSymbol c_white imput-key-last-row border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="{" title="{" data-i18n="[title]common:menuHashes.kbLeftCurlyBracket" tabindex="0">
  1560. <span class="txt_number">{</span>
  1561. </div>
  1562. <div class="input-key wSymbol c_white imput-key-last-row border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="}" title="}" data-i18n="[title]common:menuHashes.kbRightCurlyBracket" tabindex="0">
  1563. <span class="txt_number">}</span>
  1564. </div>
  1565. <div class="input-key wSymbol c_white imput-key-last-row border-box-sizing focus-on" data-bind="click: input, enterKey: input" cmd="binom" title="nCr" data-i18n="[title]common:menuHashes.kbnCr" tabindex="0">
  1566. <span class="txt_number">nCr</span>
  1567. </div>
  1568.  
  1569. <div class="clear-both"></div>
  1570. </div>
  1571.  
  1572.  
  1573.  
  1574.  
  1575. </div>
  1576. <div class="clear-both"></div>
  1577. </div>
  1578. <div class="clear-both"></div>
  1579. </div>
  1580. <!-- Keyboard for mobile portrait -->
  1581. <div class="keyboard-number-special border-box-sizing">
  1582. <div class="group1">
  1583. <div id="allarrayTokens" data-bind="foreach: allarrayTokens, afterRenderCompleted1: true"></div>
  1584. <div class="clear-both"></div>
  1585. </div>
  1586. <div class="group2">
  1587. <div class="div-group1">
  1588. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="7">
  1589. <span class="txt_number">7</span>
  1590. </div>
  1591. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="8">
  1592. <span class="txt_number">8</span>
  1593. </div>
  1594. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="9">
  1595. <span class="txt_number">9</span>
  1596. </div>
  1597. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="4">
  1598. <span class="txt_number">4</span>
  1599. </div>
  1600. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="5">
  1601. <span class="txt_number">5</span>
  1602. </div>
  1603. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="6">
  1604. <span class="txt_number">6</span>
  1605. </div>
  1606. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="1">
  1607. <span class="txt_number">1</span>
  1608. </div>
  1609. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="2">
  1610. <span class="txt_number">2</span>
  1611. </div>
  1612. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="3">
  1613. <span class="txt_number">3</span>
  1614. </div>
  1615.  
  1616. <div data-bind="visible: numHintsRemain() === 0" class="input-key btn_number sizewidth19 c_white border-box-sizing" cmd="key">
  1617. <div class="wrap_Hint">
  1618. <div class="re-hint_solution">
  1619. <img src="handheld/img/hint_solution-normal.png" data-at2x="handheld/img/hint_solution@2x.png">
  1620. </div>
  1621. <span data-bind="text: numAllHintSolution" class="hintLeft">0/0</span>
  1622. <div class="clear-both"></div>
  1623. </div>
  1624. </div>
  1625.  
  1626. <div data-bind="visible: numHintsRemain() > 0" class="input-key btn_number sizewidth19 c_white border-box-sizing" cmd="hint" style="display: none;">
  1627. <div class="wrap_Hint">
  1628. <div class="re-hint_solution">
  1629. <img src="handheld/img/hint_solution-normal.png" data-at2x="handheld/img/hint_solution@2x.png">
  1630. </div>
  1631. <span data-bind="text: numAllHintSolution" class="hintLeft">0/0</span>
  1632. <div class="clear-both"></div>
  1633. </div>
  1634. </div>
  1635.  
  1636. <div class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="0">
  1637. <span class="txt_number">0</span>
  1638. </div>
  1639.  
  1640. <div data-i18n="[cmd]common:menuHashes.operator.commas" class="input-key btn_number c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd=",">
  1641. <span data-i18n="common:menuHashes.operator.commas" class="txt_number">,</span>
  1642. </div>
  1643.  
  1644. <div class="clear-both"></div>
  1645. </div>
  1646. <div class="div-group2">
  1647. <div class="input-key width_g3 c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="backspace">
  1648. <div class="re-imgBack">
  1649. <img src="handheld/img/re-imgBack.png">
  1650. </div>
  1651. </div>
  1652. <div class="input-key btn_back c_green border-box-sizing" data-bind="click: input, enterKey: input" cmd="check">
  1653. <div class="re-imgBackCheck">
  1654. <img src="handheld/img/re-imgBackCheck.png">
  1655. </div>
  1656. </div>
  1657. <div class="input-key width_g3 c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="hideKeyboard">
  1658. <div class="re-imgCalculate">
  1659. <img src="handheld/img/re-imgCalculate.png">
  1660. </div>
  1661. </div>
  1662. <div class="clear-both"></div>
  1663. </div>
  1664. <div class="clear-both"></div>
  1665. </div>
  1666. <div class="group3">
  1667. <div class="input-key btn_function c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="+">
  1668. <span class="txt_function">+</span>
  1669. </div>
  1670. <div class="input-key btn_function c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="-">
  1671. <span class="txt_function">-</span>
  1672. </div>
  1673. <div class="input-key btn_function c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="times">
  1674. <span class="txt_function">×</span>
  1675. </div>
  1676. <div class="input-key btn_function btn_last c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="div">
  1677. <span class="txt_function">:</span>
  1678. </div>
  1679. <div class="input-key btn_function c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="frac">
  1680. <div class="re-deviceimg">
  1681. <img src="handheld/img/re-devinceimage.png">
  1682. </div>
  1683. </div>
  1684. <div class="input-key btn_function c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="^">
  1685. <div class="re-imgMultiply">
  1686. <img src="handheld/img/re-multiimage.png">
  1687. </div>
  1688. </div>
  1689. <div class="input-key btn_function btn_last c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="(">
  1690. <span class="txt_function">(</span>
  1691. </div>
  1692. <div class="input-key btn_function btn_last c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd=")">
  1693. <span class="txt_function">)</span>
  1694. </div>
  1695. <div class="input-key btn_function c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="=">
  1696. <span class="txt_function">=</span>
  1697. </div>
  1698. <div class="input-key btn_function c_black border-box-sizing" data-bind="click: input, enterKey: input" cmd="showAlphaBetaKeyboard">
  1699. <span class="txt_size16">ABC</span>
  1700. </div>
  1701. <div class="input-key btn_Space btn_last c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="\kksp">
  1702. <span class="txt_size16">Space</span>
  1703. </div>
  1704. <div class="clear-both"></div>
  1705. </div>
  1706. <div class="more-Symbolmathematic border-box-sizing">
  1707. <div class="symbol-heading border-box-sizing">
  1708. <div class="accordion-toggle collapsed" data-toggle="collapse" data-parent="" href="#collapseSymbol2" data-bind="click:showMoremathClickPortrait">
  1709. <div class="wrapSymbol">
  1710. <div class="txt-symbolMore" data-i18n="common:menuHashes.Moremathematicalsymbols">Vis flere matematiske symboler</div>
  1711. <div class="txt-symbolLess" data-i18n="common:menuHashes.Lessmathematicalsymbols">Vis færre matematiske symboler</div>
  1712. <div class="direct-symbol"></div>
  1713. </div>
  1714. </div>
  1715.  
  1716. </div>
  1717. <div id="collapseSymbol2" class="collapseSymbol2 accordion-body collapse border-box-sizing" style="height: 0px;">
  1718. <div class="group-moreSymbol">
  1719. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="sqrt">
  1720. <div class="re_imSqrt">
  1721. <img src="handheld/img/img_sqrt.png">
  1722. </div>
  1723. </div>
  1724. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="nthroot">
  1725. <div class="re_imSqrt">
  1726. <img src="handheld/img/img_sqrtn.png">
  1727. </div>
  1728. </div>
  1729. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="%">
  1730. <span class="txt_symbol">%</span>
  1731. </div>
  1732. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="pm">
  1733. <div class="re_imbtnAdd">
  1734. <img src="handheld/img/btnadd.png">
  1735. </div>
  1736. </div>
  1737. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="degree">
  1738. <div class="re_imgCircle">
  1739. <img src="handheld/img/img_circle.png">
  1740. </div>
  1741. </div>
  1742. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="|">
  1743. <span class="txt_symbol">|</span>
  1744. </div>
  1745. <div class="input-key wSymbol c_white border-box-sizing" data-bind="click: input, enterKey: input" cmd="pi">
  1746. <div class="re_imgPj">
  1747. <img src="handheld/img/img-pj.png">
  1748. </div>
  1749. </div>
  1750. <div class="clear-both"></div>
  1751. </div>
  1752. </div>
  1753. </div>
  1754. <div class="clear-both"></div>
  1755. </div>
  1756. </div>
  1757. <!-- <div class="alphabetical" data-bind="template: {name: templateToUse}"></div>-->
  1758. <!-- <script id="alphabeticalEn" type="text/html">
  1759. <div class="kgroup_Eng border-box-sizing">
  1760. <div class="btn_line1 clearfix">
  1761. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="q">
  1762. <span class ="btnText" >Q</span>
  1763. </div>
  1764. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="w">
  1765. <span class ="btnText">W</span>
  1766. </div>
  1767. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="e">
  1768. <span class ="btnText">E</span>
  1769. </div>
  1770. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="r">
  1771. <span class ="btnText">R</span>
  1772. </div>
  1773. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="t">
  1774. <span class ="btnText">T</span>
  1775. </div>
  1776. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="y">
  1777. <span class ="btnText">Y</span>
  1778. </div>
  1779. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="u">
  1780. <span class ="btnText">U</span>
  1781. </div>
  1782. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="i">
  1783. <span class ="btnText">I</span>
  1784. </div>
  1785. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="o">
  1786. <span class ="btnText">O</span>
  1787. </div>
  1788. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="p">
  1789. <span class ="btnText">P</span>
  1790. </div>
  1791. <div class="input-key btnBackLast c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="backspace">
  1792. <div class ="re-imgBack">
  1793. <img src="handheld/img/re-imgBack.png"/>
  1794. </div>
  1795. </div>
  1796.  
  1797. <div class="clear-both"></div>
  1798. </div>
  1799. <div class="btn_line2 clearfix">
  1800. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="a">
  1801. <span class ="btnText">A</span>
  1802. </div>
  1803. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="s">
  1804. <span class ="btnText">S</span>
  1805. </div>
  1806. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="d">
  1807. <span class ="btnText">D</span>
  1808. </div>
  1809. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="f">
  1810. <span class ="btnText">F</span>
  1811. </div>
  1812. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="g">
  1813. <span class ="btnText">G</span>
  1814. </div>
  1815. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="h">
  1816. <span class ="btnText">H</span>
  1817. </div>
  1818. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="j">
  1819. <span class ="btnText">J</span>
  1820. </div>
  1821. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="k">
  1822. <span class ="btnText">K</span>
  1823. </div>
  1824. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="l">
  1825. <span class ="btnText">L</span>
  1826. </div>
  1827. <div class="input-key btnBack c_green border-box-sizing" data-bind="click: input, enterKey: input" cmd="check">
  1828. <div class ="re-imgBack">
  1829. <img src="handheld/img/re-imgBackCheck.png"/>
  1830. </div>
  1831. </div>
  1832. <div class="clear-both"></div>
  1833. </div>
  1834. <div class="btn_line3 clearfix">
  1835. <div class="input-key btnCharac c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="shift">
  1836. <div class ="re-imgbtnUp">
  1837. <img src="handheld/img/reheader.png"/>
  1838. </div>
  1839. </div>
  1840. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="z">
  1841. <span class ="btnText">Z</span>
  1842. </div>
  1843. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="x">
  1844. <span class ="btnText">X</span>
  1845. </div>
  1846. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="c">
  1847. <span class ="btnText">C</span>
  1848. </div>
  1849. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="v">
  1850. <span class ="btnText">V</span>
  1851. </div>
  1852. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="b">
  1853. <span class ="btnText">B</span>
  1854. </div>
  1855. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="n">
  1856. <span class ="btnText">N</span>
  1857. </div>
  1858. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="m">
  1859. <span class ="btnText">M</span>
  1860. </div>
  1861. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd=",">
  1862. <div class="re-imgquoteCommer">
  1863. <img src="handheld/img/dotLinecom.png" data-at2x="handheld/img/dotLinecom@2x.png">
  1864. </div>
  1865. </div>
  1866. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd=".">
  1867. <div class="re-imgQuestion">
  1868. <img src="handheld/img/questiondotk.png" data-at2x="handheld/img/questiondotk@2x.png">
  1869. </div>
  1870. </div>
  1871. <div class="input-key btnUp c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="shift">
  1872. <div class ="re-imgbtnUp">
  1873. <img src="handheld/img/reheader.png"/>
  1874. </div>
  1875. </div>
  1876. <div class="clear-both"></div>
  1877. </div>
  1878. <div class="btn_line4 clearfix">
  1879. <div data-bind="click: input, enterKey: input" cmd="showNumbericKeyboard" class="input-key showNumbericKeyboard btnCharac c_black border-box-sizing" >
  1880. <span class ="txt_size18">123</span>
  1881. </div>
  1882. <div class="input-key btnCharacSpace c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="\kksp">
  1883. <span class ="txt_size18 ">Space</span>
  1884. </div>
  1885. <div class="input-key btnCharac123 c_black border-box-sizing" data-bind="click: input, enterKey: input" cmd = "showNumbericKeyboard" >
  1886. <span class ="txt_size18 ">123</span>
  1887. </div>
  1888. <div class="input-key btnCharacHide c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="hideKeyboard" >
  1889. <div class ="re-imgCalculate">
  1890. <img src="handheld/img/re-imgCalculate.png"/>
  1891. </div>
  1892. </div>
  1893. </div>
  1894. </div>
  1895. </script>
  1896. <script id="alphabeticalNb" type="text/html">
  1897. <div class="kgroup_CharacNb border-box-sizing">
  1898. <div class="btn_line1 clearfix">
  1899. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="q">
  1900. <span class ="btnText" >Q</span>
  1901. </div>
  1902. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="w">
  1903. <span class ="btnText">W</span>
  1904. </div>
  1905. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="e">
  1906. <span class ="btnText">E</span>
  1907. </div>
  1908. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="r">
  1909. <span class ="btnText">R</span>
  1910. </div>
  1911. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="t">
  1912. <span class ="btnText">T</span>
  1913. </div>
  1914. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="y">
  1915. <span class ="btnText">Y</span>
  1916. </div>
  1917. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="u">
  1918. <span class ="btnText">U</span>
  1919. </div>
  1920. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="i">
  1921. <span class ="btnText">I</span>
  1922. </div>
  1923. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="o">
  1924. <span class ="btnText">O</span>
  1925. </div>
  1926. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="p">
  1927. <span class ="btnText">P</span>
  1928. </div>
  1929. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="å">
  1930. <span class ="btnText">Å</span>
  1931. </div>
  1932. <div class="input-key btnCharacBack c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="backspace">
  1933. <div class ="re-imgBack">
  1934. <img src="handheld/img/re-imgBack.png"/>
  1935. </div>
  1936. </div>
  1937.  
  1938. <div class="clear-both"></div>
  1939. </div>
  1940. <div class="btn_line2 clearfix">
  1941. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="a">
  1942. <span class ="btnText">A</span>
  1943. </div>
  1944. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="s">
  1945. <span class ="btnText">S</span>
  1946. </div>
  1947. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="d">
  1948. <span class ="btnText">D</span>
  1949. </div>
  1950. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="f">
  1951. <span class ="btnText">F</span>
  1952. </div>
  1953. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="g">
  1954. <span class ="btnText">G</span>
  1955. </div>
  1956. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="h">
  1957. <span class ="btnText">H</span>
  1958. </div>
  1959. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="j">
  1960. <span class ="btnText">J</span>
  1961. </div>
  1962. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="k">
  1963. <span class ="btnText">K</span>
  1964. </div>
  1965. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="l">
  1966. <span class ="btnText">L</span>
  1967. </div>
  1968. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="ø">
  1969. <span class ="btnText">Ø</span>
  1970. </div>
  1971. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="æ">
  1972. <span class ="btnText">Æ</span>
  1973. </div>
  1974. <div class="input-key btn_checkAnswer c_green border-box-sizing" data-bind="click: input, enterKey: input" cmd="check">
  1975. <div class ="re-imgBack">
  1976. <img src="handheld/img/re-imgBackCheck.png"/>
  1977. </div>
  1978. </div>
  1979. <div class="clear-both"></div>
  1980. </div>
  1981.  
  1982. <div class="btn_line3 clearfix">
  1983. <div class="input-key btnCharac c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="shift">
  1984. <div class ="re-imgbtnUp">
  1985. <img src="handheld/img/reheader.png"/>
  1986. </div>
  1987. </div>
  1988. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="z">
  1989. <span class ="btnText">Z</span>
  1990. </div>
  1991. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="x">
  1992. <span class ="btnText">X</span>
  1993. </div>
  1994. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="c">
  1995. <span class ="btnText">C</span>
  1996. </div>
  1997. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="v">
  1998. <span class ="btnText">V</span>
  1999. </div>
  2000. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="b">
  2001. <span class ="btnText">B</span>
  2002. </div>
  2003. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="n">
  2004. <span class ="btnText">N</span>
  2005. </div>
  2006. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="m">
  2007. <span class ="btnText">M</span>
  2008. </div>
  2009. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="!">
  2010. <span class ="btnText">!</span>
  2011. </div>
  2012. <div class="input-key btnCharac c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="?">
  2013. <span class ="btnText">?</span>
  2014. </div>
  2015. <div class="input-key btnLastUp c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="shift">
  2016. <div class ="re-imgbtnUp">
  2017. <img src="handheld/img/reheader.png"/>
  2018. </div>
  2019. </div>
  2020. <div class="clear-both"></div>
  2021. </div>
  2022.  
  2023. <div class="btn_line4 clearfix">
  2024. <div data-bind="click: input, enterKey: input" cmd="showNumbericKeyboard" class="input-key btnCharac c_black border-box-sizing" >
  2025. <span class ="txt_size18">123</span>
  2026. </div>
  2027. <div class="input-key btnCharacSpace c_blue border-box-sizing" data-bind="click: input, enterKey: input" cmd="\kksp">
  2028. <span class ="txt_size18 ">Space</span>
  2029. </div>
  2030. <div class="input-key btnCharac123 c_black border-box-sizing" data-bind="click: input, enterKey: input" cmd = "showNumbericKeyboard" >
  2031. <span class ="txt_size18 ">123</span>
  2032. </div>
  2033. <div class="input-key btnCharacHide c_grey border-box-sizing" data-bind="click: input, enterKey: input" cmd="hideKeyboard" >
  2034. <div class ="re-imgCalculate">
  2035. <img src="handheld/img/re-imgCalculate.png"/>
  2036. </div>
  2037. </div>
  2038. </div>
  2039. </div>
  2040. </script>-->
  2041. </div>
  2042. <div style="position: absolute" class="input-key showKeyboardBtn" data-bind="click: input, enterKey: input" cmd="showKeyboard">
  2043. <img src="handheld/img/show-calculator.png">
  2044. </div>
  2045.  
  2046.  
  2047. </div>
  2048. </div><div class="dNone"></div>
  2049. <!-- end calculation function-->
  2050. </div>
  2051.  
  2052.  
  2053.  
  2054.  
  2055.  
  2056.  
  2057.  
  2058.  
  2059. <!-- Multiple Choices or Geo Multiple Choices Exercise -->
  2060. <div data-bind="visible: exerciseType.isMultipleChoice() || exerciseType.isGeogebraMultipleChoice()" style="display: none;">
  2061. <!-- Geo Multiple Choices Exercise -->
  2062. <div class="exercise-origin-info" data-bind="if: exerciseType.isGeogebraMultipleChoice() &amp;&amp; mChoiceExerciseCalc.active()"></div>
  2063. <div class="geo-multiple-choices" data-bind="if: exerciseType.isGeogebraMultipleChoice() &amp;&amp; mChoiceExerciseCalc.active()"></div>
  2064. <!-- Navigation Message Box (All exercises are finished) - Go to next (done) -->
  2065. <div tabindex="-1" class="go-to-next" data-bind="visible: navigationMessageBox.allExercisesFinished.display() &amp;&amp; mChoiceExerciseCalc.isNeedExplainToFinish()==false, if: navigationMessageBox.allExercisesFinished.display(), i18nBinding: true, triggerEleEvent: {'if': navigationMessageBox.allExercisesFinished.display() &amp;&amp; geogebraAutoExercise.isFocusOnNextCourse(), eventName: 'focus'}, tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 1, eventName: 'focus'}]" style="display: none;"></div>
  2066. <!-- Ending Navigation Message Box (All exercises are finished) - Go to next-->
  2067.  
  2068. <!-- Navigation Message Box (Exercise not exist in selected level) - Go to next -->
  2069. <div tabindex="-1" class="go-to-next activeRequestLevel" data-bind="visible: navigationMessageBox.levelWrongSelected.display(), if: navigationMessageBox.levelWrongSelected.display(), i18nBinding: true" style="display: none;"></div>
  2070. <!-- Ending Navigation Message Box (Exercise not exist in selected level) - Go to next-->
  2071. </div>
  2072. <!-- Multiple Inputs Exercise -->
  2073. <div class="fixedFeedback" margintop="36" data-bind="scrollToFixed: mInputFeedbackBoxStickedOption, visible: exerciseType.isMultipleInput()" style="display: none;">
  2074. <div class="mInputCalculatorEnclose fixedCalculator clearfix"></div>
  2075. <div data-bind="visible: mInputExerciseCalc.active(), if: exerciseType.isMultipleInput() &amp;&amp; mInputExerciseCalc.active()" style="display: none;"></div>
  2076. </div>
  2077.  
  2078. <!-- ko if: adaptiveExercise() --><!-- /ko -->
  2079.  
  2080. <!-- ko if: exerciseContent() && exerciseType.isGeogebraCheckingExercise() && geogebraAutoExercise.active() --><!-- /ko -->
  2081.  
  2082.  
  2083. <!-- ko if: exerciseContent() && exerciseType.isExerciseTeacher() && teacherCorrectExercise.active() --><!-- /ko -->
  2084.  
  2085. </div>
  2086. <!--------------------------- Right Column - End -->
  2087. </div>
  2088. </div>
  2089. <div id="calculationGraphicContent" class="wrapper-calculation-content" data-bind="visible: exerciseContent() != null &amp;&amp; exerciseContent().isPlainGraphicalOrientation()" style="display: none;"></div>
  2090. <div class="clearfix" id="dlgFormulaSheet-view-wrapper"></div>
  2091. </div>
  2092. <!-- Calculation Content - End -->
  2093.  
  2094. <!--<script type="text/javascript">
  2095. var vmGeogebra;
  2096.  
  2097. function ggbOnInit(geoId) {
  2098. console.log(geoId + ' oninit');
  2099. var vmCalculation = window.kikora_ko.contextFor(document.getElementById('calculation-view')).$root;
  2100. vmCalculation.onGgbLoad(geoId);
  2101. }
  2102.  
  2103. function ggbKikoraInit(geoId) {
  2104. console.log(geoId + ' kikoraoninit');
  2105. var vmCalculation = window.kikora_ko.contextFor(document.getElementById('calculation-view')).$root;
  2106. vmCalculation.onGgbLoad(geoId);
  2107. }
  2108.  
  2109. function renderGGBElementReady() {
  2110. //console.log("renderGGBElement loaded!");
  2111. isRenderGgbReady = true;
  2112. }
  2113. </script>-->
  2114. </section>
  2115. <section id="contentStudent-view" class="view" tabindex="-1" data-bind="visible: visible(), tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  2116. <section id="contentTeacher-view" class="view" tabindex="-1" data-bind="visible: visible(), tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  2117. <section id="contentAddHomework-view" class="view" tabindex="-1" data-bind="visible: visible(), tabIndexBindingByEvent: [{'tabIndex': -1, eventName: 'blur'}, {'tabIndex': 150, eventName: 'focus'}]" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  2118. <div id="setting-view" class="container" data-bind="afterRenderCompleted1: true,visible: visible()"></div>
  2119. <section id="group-view" class="view" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  2120. <section id="groupCreate-view" class="view" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  2121. <section id="groupEdit-view" class="view" style="display: none; margin-left: 0px; margin-right: 0px; opacity: 0;"></section>
  2122. <div class="container"><section id="userfeedback-view"></section></div>
  2123. <div class="container"><section id="helpCalculateTeacher-view"></section></div>
  2124. <div class="container"><section id="helpReportTeacher-view"></section></div>
  2125. <div class="container"><section id="helpCalculateStudent-view"></section></div>
  2126. <div class="container"><section id="helpReportStudent-view"></section></div>
  2127. <div class="container">
  2128. <footer>
  2129. <!-- footer content -->
  2130. </footer>
  2131. </div>
  2132. <div id="templateHolder">
  2133. <div data-bind="html: timeFilterHTML"><script type="text/html" id="kikora-time-filter-template">
  2134. <div class="pRelative reports-ddltime-period">
  2135. <div id="ddltime-period" class="dropdown-title wrapper-dropdown dropdown_1 ddltime-period" data-bind="dropDownListKeyBootstrap:{}" >
  2136. <div data-bind="attr:{'tabindex':vm.tabindex}" class="dropdown-toggle dropdown-div focus-on dropdown" data-toggle="dropdown" href="#">
  2137. <div class="default-value init truncated_text" data-toggle="tooltip" data-bind="text: vm.filtersSelection.selectedItem() ? vm.filtersSelection.selectedItem().data.name : ''"></div>
  2138. <div class="ddl-expand-icon icon-triangle-down"></div>
  2139. <div class=" icon-calendar-full-month"></div>
  2140. </div>
  2141. <ul class="dropdown-menu zIndex1001 dropdown time-filter-dropdown-list" data-bind="foreach: vm.filtersSelection.items" role="menu">
  2142. <li tabindex="0" class="truncated_text" data-toggle="tooltip" data-bind="css: {'selected': isSelected, 'pRelative': data.isCustom}, click: !data.isCustom ? $parent.vm.filtersSelection.onSelected : _.noop">
  2143. <div class="icon-checked"></div>
  2144. <a href="#" class="content-text truncated_text" data-bind="text: data.name"></a>
  2145. <!-- ko if: data.isCustom -->
  2146. <input readonly="readonly" class="calendar-custom-date-range-input" data-bind="calendar: {'fromDate' : data.dateRange.from, 'toDate' : data.dateRange.to, 'theme': 'blue', 'onOk': $parent.vm.filtersSelection.onSelected, footer: $parent.vm.vmCalendarReport.footer, 'onSelect' : $parent.vm.vmCalendarReport.onDateSelected,'onClose':$parent.vm.vmCalendarReport.onClose,'tabindex':$parent.vm.tabindex,'onTabOutCalendar':$parent.vm.vmCalendarReport.onTabOutCalendar, onShown: $parent.vm.vmCalendarReport.onShown, rollbackFn: $parent.vm.vmCalendarReport.rollbackFn, 'initCondition': $parent.vm.vmCalendarReport.datePickerReady},attr:{'tabindex':$parent.vm.tabindex}" />
  2147. <!-- /ko -->
  2148. </li>
  2149. </ul>
  2150. </div>
  2151. </div>
  2152. </script></div>
  2153. <div data-bind="html: timeFilterDashboardHTML"><script type="text/html" id="kikora-time-filter-dashboard-template">
  2154. <div class="solved-exercises-tittle">
  2155. <div class="dropdown-title square-design pRelative cursor-pointer" data-bind="dropDownListKeyBootstrap:{}">
  2156. <div class="dropdown-toggle focus-on" data-toggle="dropdown" id="ddlSolveExercise" href="#" data-bind="attr:{'tabindex':vm.tabindex}">
  2157. <div class="period-label truncated_text" data-bind="text: vm.displayText"></div>
  2158. <span class="caret"></span>
  2159. </div>
  2160. <ul class="dropdown-menu ui-helper-reset time-filter-dropdown-list" data-bind="foreach: vm.filtersSelection.items" role="menu">
  2161. <li data-bind="css: {'pRelative': data.isCustom}">
  2162. <a class="truncated_text" data-bind="text: data.name, click: !data.isCustom ? $parent.vm.filtersSelection.onSelected : _.noop" href="#"></a>
  2163. <!-- ko if: data.isCustom-->
  2164. <input readonly="readonly" class="calendar-custom-date-range-input" data-bind="calendar: {'fromDate' : data.dateRange.from, 'toDate' : data.dateRange.to, 'theme': 'blue', 'onOk': $parent.vm.filtersSelection.onSelected, footer: $parent.vm.vmCalendarReport.footer, 'onSelect' : $parent.vm.vmCalendarReport.onDateSelected,'tabindex':$parent.vm.tabindex,'onTabOutCalendar':$parent.vm.vmCalendarReport.onTabOutCalendar,'onClose':$parent.vm.vmCalendarReport.onClose, 'onShown': $parent.vm.vmCalendarReport.onShown, rollbackFn: $parent.vm.vmCalendarReport.rollbackFn, 'initCondition': $parent.vm.vmCalendarReport.datePickerReady },attr:{'tabindex':$parent.vm.tabindex}" >
  2165. <!-- /ko -->
  2166. </li>
  2167. </ul>
  2168. </div>
  2169. </div>
  2170. </script></div>
  2171. <div data-bind="html: markFinalButtonHTML"><script type="text/html" id="kikora-mark-final-button-template">
  2172. <div class="clearfix mark-and-next-answer-wrapper focus-on" data-bind="visible: vm.isVisible">
  2173. <div class="mark-answer-divide-horizontal"></div>
  2174. <div class="arrow-direct-mark-answer"></div>
  2175. <div class="button-mark-final-answer focus-on" data-bind="attr: {tabindex: vm.tabindex()}, enterKey: vm.onMarkAnswerClick, click: vm.onMarkAnswerClick, visible: !vm.isMarkedAnswer()">
  2176. <div class="button-mark-final-answer-text truncated_text" data-i18n="common:menuHashes.selectAsFinalAnswer" data-bind="visible: vm.isDefault()"></div>
  2177. <div class="button-mark-final-answer-text truncated_text" data-i18n="[title]common:menuHashes.btnMarkAsDelivered;common:menuHashes.btnMarkAsDelivered" data-bind="visible: vm.isTeacherCorrect()"></div>
  2178. </div>
  2179. <div class="button-mark-answer-go-to-next focus-on" data-bind="attr: {tabindex: vm.tabindex()}, enterKey: vm.onGoToNext, click: vm.onGoToNext, visible: vm.isMarkedAnswer()">
  2180. <div class="button-mark-answer-go-to-next-text truncated_text" data-i18n="common:menuHashes.gotonext"></div>
  2181. <div class="button-mark-answer-go-to-next-icon icon-arrow-right"></div>
  2182. </div>
  2183. </div>
  2184. </script></div>
  2185. <div data-bind="html: calculationNavigatorHTML"><script type="text/html" id="kikora-calculation-navigator-template">
  2186. <div class="navigationPage" data-bind="visible: vm.isVisible, css: vm.css()">
  2187. <div tabindex="0" class="navigationPage-plus focus-on" data-bind="attr:{'id': vm.id(), 'tabindex': vm.tabindex()} ,click: vm.onAddBtnClick, enterKey: vm.onAddBtnClick" data-i18n="[title]common:menuHashes.addnewcalculation"></div>
  2188. <ul class="pageNumber" data-bind="foreach: vm.calculations()">
  2189. <li tabindex="0" class="pageNumber-circle focus-on" data-bind="css: showCircleStyleCss, click: $parent.vm.onCalculationClicked, enterKey: $parent.vm.onCalculationClicked, attr: { title: datecreated }"></li>
  2190. </ul>
  2191. </div>
  2192. </script>
  2193. </div>
  2194. <div data-bind="html: assignedResumeHTML"><script type="text/html" id="kikora-assigned-resume-template">
  2195. <div class="assignment-resume clearfix">
  2196. <div class="assignment-message task-assignment-message" data-i18n="common:menuHashes.assignedResumeForTaskMessage" data-bind="i18nBinding: true"></div>
  2197. <div class="assignment-message test-assignment-message">
  2198. <span data-bind="html: vm.assignedResumeForTestMessage" ></span>
  2199. <div class="testActivate-note" data-bind="i18nBinding: true" data-i18n="common:menuHashes.rememberToDeactivateTest"></div>
  2200. </div>
  2201. <div class="assignment-details clearfix" data-bind="foreach: vm.assignedResumeData.groupAssignments">
  2202. <div class="group-assignment-item clearfix">
  2203. <div class="assignment-item-name truncated_text" data-bind="text: assignedName"></div>
  2204. <div class="assignment-dealine" data-bind="text: assignedDuedateStr"></div>
  2205. </div>
  2206. </div>
  2207. <div class="assignment-content clearfix">
  2208. <div class="assignment-content-title" >
  2209. <span data-bind="i18nBinding: true" data-i18n="common:menuHashes.content"></span>
  2210. <span>:</span>
  2211. </div>
  2212. <div class="assignment-courses clearfix" data-bind="foreach: vm.assignedResumeData.course">
  2213. <div class="assignment-content-item" data-bind="text: courseName "></div>
  2214. </div>
  2215. </div>
  2216. <div class="assignment-groupBtn clearfix">
  2217. <div class="btn-goTo-dashboard pull-right focus-on" tabindex="204" data-bind="i18nBinding: true, click: vm.goToDashboard, enterKey: vm.goToDashboard" >
  2218. <div class="goTo-dashboard-text" data-i18n="common:menuHashes.takeMeToDashboard"></div>
  2219. </div>
  2220. <div class="btn-edit-assignment truncated_text pull-right focus-on" data-bind="i18nBinding: true, click: vm.goToEditAssignment, enterKey: vm.goToEditAssignment" data-i18n="common:menuHashes.editAssignment" tabindex="202" ></div>
  2221. </div>
  2222. </div>
  2223. </script></div>
  2224. <div data-bind="html:mediaResourceHTML"><script type="text/html" id="media-template">
  2225. <div>
  2226. <div class="play-button focus-on" data-bind='click:vm.playMedia,enterKey:vm.playMedia,attr:{name:vm.name() + "Play",tabindex:typeof mTabIndex != "undefined"?mTabIndex:600},visible:vm.isDualLanguage()' ></div>
  2227. <div data-bind ='attr:{name:vm.name() + "Container" }' style="display:none" class="mediaContainer">
  2228. <audio data-bind='attr:{name:vm.name,mTabindex:typeof mTabIndex != "undefined"?mTabIndex:600}' controls preload="auto"></audio>
  2229. </div>
  2230. <div class="clear-both"></div>
  2231. </div>
  2232. </script></div>
  2233. </div>
  2234. <script data-main="default/scripts/main" src="default/scripts/lib/require.js"></script>
  2235. <script type="text/x-mathjax-config;executed=true">
  2236. MathJax.Hub.Config({
  2237. skipStartupTypeset : true,
  2238. displayAlign : "left",
  2239. extensions : ["tex2jax.js", "MathMenu.js"],
  2240. config : ["MMLorHTML.js"],
  2241. jax : ["input/TeX", "output/HTML-CSS"],
  2242. TeX : {
  2243. extensions : ["color.js"]
  2244. },
  2245. tex2jax : {
  2246. inlineMath : [['$', '$'], ["\\(", "\\)"]],
  2247. displayMath : [['$$', '$$'], ["\\[", "\\]"]],
  2248. processEscapes : true
  2249. },
  2250. "HTML-CSS" : {
  2251. linebreaks : {
  2252. automatic : true,
  2253. width : "98% container"
  2254. },
  2255. imageFont: null
  2256. }
  2257. });
  2258. MathJax.Hub.Register.StartupHook("TeX Jax Ready", function() {
  2259. var TEX = MathJax.InputJax.TeX;
  2260.  
  2261. // place macros here. E.g.:
  2262. // TEX.Macro("R","{\\bf R}");
  2263. // TEX.Macro("op","\\mathop{\\rm #1}",1); // a macro with 1 parameter
  2264.  
  2265. });
  2266. MathJax.Ajax.timeout = 300 * 1000; // 300 seconds --> very low spped network
  2267. </script>
  2268. <script src="default/scripts/lib/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  2269.  
  2270.  
  2271.  
  2272.  
  2273.  
  2274. <div id="MathJax_Font_Test" style="position: absolute; visibility: hidden; top: 0px; left: 0px; width: auto; padding: 0px; border: 0px; margin: 0px; white-space: nowrap; text-align: left; text-indent: 0px; text-transform: none; line-height: normal; letter-spacing: normal; word-spacing: normal; font-size: 40px; font-weight: normal; font-style: normal; font-family: MathJax_Main, sans-serif;"></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!