Please select a correct answer.
';\r\n\r\n }\r\n\r\n //if (ageGroup === undefined) {\r\n\r\n // errorMessages += 'Please select a age group.
';\r\n\r\n //}\r\n\r\n if (selectedSubjectIds === undefined || selectedSubjectIds.length === 0) {\r\n\r\n errorMessages += 'Please select at least one subject.
';\r\n\r\n }\r\n\r\n if (errorMessages === \"\") {\r\n\r\n $.ajax({\r\n url: $(this).attr('action'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n ga('send', 'event', 'Questions', 'Questions – Create a new question');\r\n window.location = message.redirectUrl;\r\n // No need to set isSubmitting to true because we just change the page here.\r\n },\r\n error: function (error) {\r\n $('#error-container').html('Please check your internet connection');\r\n isSubmitting = false;\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $('#error-container').html(errorMessages);\r\n\r\n }\r\n \r\n });\r\n \r\n function pad(str, length) {\r\n while (str.length < length) {\r\n str = '0' + str;\r\n }\r\n return str;\r\n };\r\n\r\n var getRandomInt = fabric.util.getRandomInt;\r\n\r\n function getRandomColor() {\r\n return (\r\n pad(getRandomInt(0, 255).toString(16), 2) +\r\n pad(getRandomInt(0, 255).toString(16), 2) +\r\n pad(getRandomInt(0, 255).toString(16), 2)\r\n );\r\n }\r\n\r\n // Settings for selection rectangle\r\n fabric.Object.prototype.padding = 5;\r\n fabric.Object.prototype.transparentCorners = false;\r\n\r\n function getRandomNum(min, max) {\r\n return Math.random() * (max - min) + min;\r\n }\r\n\r\n var canvas = new fabric.Canvas('question-canvas');\r\n\r\n var canvasJson = $('#question-canvas').data('json');\r\n\r\n if (canvasJson != '') {\r\n canvas.loadFromJSON(canvasJson);\r\n }\r\n\r\n canvas.backgroundColor = '#ffffff';\r\n canvas.freeDrawingBrush.width = 5;\r\n canvas.renderAll();\r\n\r\n $('#fabric__clear-canvas').click(function () {\r\n if (confirm('Are you sure?')) {\r\n canvas.backgroundColor = '#ffffff';\r\n canvas.clear();\r\n }\r\n });\r\n\r\n $('#fabric__select-mode').click(function () {\r\n canvas.isDrawingMode = false;\r\n var slideWidth = $('#fabric__drawing-tab').width();\r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__shape-tab > a').tab('show');\r\n });\r\n\r\n $('#fabric__draw-mode').click(function () {\r\n canvas.isDrawingMode = true;\r\n canvas.deactivateAll().renderAll();\r\n $('#fabric__object-tab').hide();\r\n $('#fabric__text-tab').hide();\r\n $('#fabric__drawing-tab').show();\r\n $('#fabric__drawing-tab > a').tab('show');\r\n });\r\n\r\n \r\n\r\n $('#fabric__add-text').click(function () {\r\n\r\n var oldFontSize = $('#fabric__font-size').prop('value') || 16;\r\n\r\n var placeholder = new fabric.Text('Enter text here', {\r\n left: getRandomInt(350, 400),\r\n top: getRandomInt(350, 400),\r\n fontFamily: $('#fabric__font-family').prop('value') || 'sans-serif',\r\n angle: 0,\r\n fill: $('#fabric__text-colour').spectrum('get').toHexString(),\r\n scaleX: 0.5,\r\n scaleY: 0.5,\r\n fontWeight: $('#fabric__font-bold').hasClass('active') ? 'bold' : '',\r\n fontStyle: $('#fabric__font-italic').hasClass('active') ? 'italic' : '',\r\n fontSize: parseInt(2.5 * oldFontSize, 10), // Correction to make numbers similar to Word\r\n textDecoration: $('#fabric__font-underline').hasClass('active') ? 'underline' : '',\r\n originX: 'left',\r\n hasRotatingPoint: true\r\n });\r\n\r\n canvas.add(placeholder);\r\n canvas.setActiveObject(placeholder);\r\n\r\n if (canvas.isDrawingMode) {\r\n canvas.isDrawingMode = false;\r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__select-mode').addClass('active');\r\n $('#fabric__draw-mode').removeClass('active');\r\n }\r\n\r\n $('#fabric__object-tab').show();\r\n $('#fabric__text-tab').show();\r\n $('#fabric__text-tab > a').tab('show');\r\n\r\n });\r\n\r\n \r\n $(\"#fabric__background-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n canvas.backgroundColor = colour.toHexString();\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n //clickoutFiresChange: true,\r\n //disabled: true,\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n\r\n //The below pallette is a copy of the Chrome input color type which would\r\n //provide a wonderful fallback, but the pallette is an awful selection of colours.\r\n //['ff8080', 'ffff80', '80ff80', '00ff80', '80ffff', '0080ff', 'ff80c0', 'ff80ff'],\r\n //['ff0000', 'ffff00', '80ff00', '00ff40', '00ffff', '0080c0', '8080c0', 'ff00ff'],\r\n //['804040', 'ff8040', '00ff00', '008080', '004080', '8080ff', '800040', 'ff0080'],\r\n //['800000', 'ff8000', '008000', '008040', '0000ff', '0000a0', '800080', '8000ff'],\r\n //['400000', '804000', '004000', '004040', '000080', '000040', '400040', '400080'],\r\n //['000000', '808000', '808040', '808080', '408080', 'c0c0c0', '300030', 'ffffff']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n function deleteSelection() {\r\n var activeObject = canvas.getActiveObject(),\r\n activeGroup = canvas.getActiveGroup();\r\n if (activeGroup) {\r\n var objectsInGroup = activeGroup.getObjects();\r\n canvas.discardActiveGroup();\r\n objectsInGroup.forEach(function (object) {\r\n canvas.remove(object);\r\n });\r\n } else if (activeObject) {\r\n canvas.remove(activeObject);\r\n }\r\n }\r\n\r\n $('#fabric__remove').click(deleteSelection);\r\n Mousetrap.bind('del', deleteSelection);\r\n\r\n function unselectAll() {\r\n canvas.deactivateAll().renderAll();\r\n }\r\n \r\n Mousetrap.bind('esc', unselectAll);\r\n \r\n // Object Menu\r\n\r\n $(\"#fabric__stroke-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n activeObject.set(\"stroke\", colour.toHexString());\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n\r\n $(\"#fabric__fill-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n activeObject.set(\"fill\", colour.toHexString());\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showAlpha: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $('#fabric__stroke-thickness > li > a').click(function (event) {\r\n event.preventDefault();\r\n canvas.getActiveObject().set('strokeWidth', parseInt($(this).data('width'), 10));\r\n canvas.renderAll();\r\n });\r\n\r\n $('#fabric__opacity a').click(function (event) {\r\n event.preventDefault();\r\n var activeObject = canvas.getActiveObject(),\r\n activeGroup = canvas.getActiveGroup();\r\n\r\n if (activeGroup || activeObject) {\r\n (activeGroup || activeObject).setOpacity($(this).data('opacity') / 100);\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n\r\n $('#fabric__copy').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n\r\n if (!activeObject) return;\r\n\r\n if (fabric.util.getKlass(activeObject.type).async) {\r\n activeObject.clone(function (clone) {\r\n clone.set({ left: activeObject.left + 40, top: activeObject.top + 40 });\r\n canvas.add(clone);\r\n });\r\n } else {\r\n canvas.add(activeObject.clone().set({ left: activeObject.left + 40, top: activeObject.top + 40 }));\r\n }\r\n \r\n canvas.renderAll();\r\n \r\n });\r\n\r\n $('#fabric__flip-horizontal').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n activeObject.flipY = !activeObject.flipY;\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__flip-vertical').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n activeObject.flipX = !activeObject.flipX;\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__bring-to-front').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.bringToFront(activeObject);\r\n }\r\n });\r\n\r\n $('#fabric__bring-forward').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.bringForward(activeObject);\r\n }\r\n });\r\n\r\n $('#fabric__send-backwards').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.sendBackwards(activeObject);\r\n }\r\n });\r\n\r\n $('#fabric__send-to-back').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.sendToBack(activeObject);\r\n }\r\n });\r\n\r\n // Text\r\n\r\n $('textarea').autosize();\r\n \r\n //$('#fabric__text').focus(function () {\r\n // var activeObject = canvas.getActiveObject();\r\n\r\n // if (activeObject && activeObject.type === 'text') {\r\n // this.value = activeObject.text;\r\n // }\r\n //});\r\n\r\n $('#fabric__text').keyup(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n if (!this.value) {\r\n // canvas.discardActiveObject(); // TODO Check this. Discarding the active object lost connection so no more updates possible seems stupid, you may want to \r\n // remove all text and start typing afresh. discardActiveObject would ruin that. \r\n }\r\n else {\r\n activeObject.setText(this.value);\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-family').change(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fontFamily = this.value.toLowerCase();\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-size').change(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.setFontSize(parseInt(2.5 * this.value, 10)); // 2.5 scaling factor to make similar to Word\r\n canvas.renderAll();\r\n }\r\n });\r\n \r\n $('#fabric__font-bold').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fontWeight = (activeObject.fontWeight == 'bold' ? '' : 'bold');\r\n (activeObject.fontWeight === 'bold') ? $(this).addClass('active') : $(this).removeClass('active');\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-italic').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fontStyle = (activeObject.fontStyle == 'italic' ? '' : 'italic');\r\n (activeObject.fontStyle === 'italic') ? $(this).addClass('active') : $(this).removeClass('active');\r\n canvas.renderAll();\r\n }\r\n });\r\n \r\n $('#fabric__font-underline').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textDecoration = (activeObject.textDecoration == 'underline' ? '' : 'underline');\r\n (activeObject.textDecoration === 'underline') ? $(this).addClass('active') : $(this).removeClass('active');\r\n canvas.renderAll();\r\n }\r\n });\r\n \r\n $(\"#fabric__text-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fill = colour.toHexString();\r\n canvas.renderAll();\r\n }\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $(\"#fabric__text-background-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.backgroundColor = colour.toHexString();\r\n canvas.renderAll();\r\n }\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showAlpha: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n \r\n $('#fabric__text-align-left').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'left';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'left');\r\n if (activeObject.textAlign === 'left') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__text-align-center').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'center';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'center');\r\n if (activeObject.textAlign === 'center') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__text-align-right').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'right';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'right');\r\n if (activeObject.textAlign === 'right') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__text-align-justify').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'justify';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'justify');\r\n if (activeObject.textAlign === 'justify') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('.js-character').click(function() {\r\n\r\n var $fabricText = $('#fabric__text');\r\n var fabricText = $fabricText[0];\r\n\r\n $fabricText.sendkeys($(this).val());\r\n\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n if (!fabricText.value) {\r\n // canvas.discardActiveObject(); // TODO Check this. Discarding the active object lost connection so no more updates possible seems stupid, you may want to \r\n // remove all text and start typing afresh. discardActiveObject would ruin that. \r\n }\r\n else {\r\n activeObject.setText(fabricText.value);\r\n }\r\n canvas.renderAll();\r\n }\r\n })\r\n\r\n $('.js-character-toggle').click(function () {\r\n $('.js-character').toggleClass('hide');\r\n })\r\n\r\n\r\n // Drawing\r\n\r\n $(\"#fabric__draw-stroke\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n canvas.freeDrawingBrush.color = colour.toHexString();\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $('#fabric__draw-thickness > li > a').click(function (event) {\r\n event.preventDefault();\r\n canvas.freeDrawingBrush.width = parseInt($(this).data('width'), 10) || 5;\r\n });\r\n\r\n $('#fabric__shape-triangle').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Triangle({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n width: 100,\r\n height: 100,\r\n opacity: 1\r\n }));\r\n });\r\n \r\n $('#fabric__shape-circle').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Circle({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n radius: 50,\r\n opacity: 1\r\n }));\r\n });\r\n\r\n $('#fabric__shape-square').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Rect({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n width: 100,\r\n height: 100,\r\n opacity: 1\r\n }));\r\n });\r\n\r\n $('#fabric__shape-rectangle').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Rect({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n width: 100,\r\n height: 60,\r\n opacity: 1\r\n }));\r\n });\r\n \r\n $('#fabric__image-tab').on('click', function (event) {\r\n // A horrible setTimeout solution. Need a promise here or \r\n // some other way of knowing the images have been loaded.\r\n\r\n setTimeout(function () {\r\n $('#fabric__image-tab-pane .thumbnail').uniformHeight();\r\n }, 100);\r\n \r\n });\r\n\r\n if (!isTouchDevice()) {\r\n $('.fabric__image').tooltip({\r\n trigger: 'hover',\r\n title: 'Click to insert'\r\n });\r\n }\r\n // Insert Image\r\n\r\n // TODO Add code to indicate that this picture is associated with this question\r\n // TODO Add equivalent code for the delete method\r\n // TODO Or don't bother recording this in the db and just search through JSON \r\n // for each question to check whether the image is in use before allowing delete.\r\n // Using delegation so new .fabric__image elements receive event.\r\n $('.fabric__images-list').on('click', '.fabric__image', function (event) {\r\n fabric.Image.fromURL($(this).data('url'), function (Img) {\r\n //Img.scale(0.5);\r\n Img.left = 0;\r\n Img.top = 0;\r\n Img.originX = 'left';\r\n Img.originY = 'top';\r\n canvas.add(Img);\r\n });\r\n });\r\n\r\n var uploadButton = $('')\r\n .addClass('btn btn-success')\r\n .prop('disabled', true)\r\n .text('Processing...')\r\n .on('click', function () {\r\n var $this = $(this),\r\n data = $this.data();\r\n $this\r\n .off('click')\r\n .text('Abort')\r\n .on('click', function () {\r\n $this.remove();\r\n data.abort();\r\n });\r\n data.submit().always(function () {\r\n $this.remove();\r\n });\r\n });\r\n\r\n var progressBar = $('');\r\n \r\n $('#fabric__upload-new-image').fileupload({\r\n acceptFileTypes: /(\\.|\\/)(gif|jpe?g|png)$/i,\r\n autoUpload: false,\r\n dataType: 'json',\r\n // Enable image resizing, except for Android and Opera,\r\n // which actually support image resizing, but fail to\r\n // send Blob objects via XHR requests:\r\n disableImageResize: /Android(?!.*Chrome)|Opera/\r\n .test(window.navigator.userAgent),\r\n maxFileSize: 5000000, // 5MB\r\n maxNumberOfFiles: 1,\r\n previewMaxWidth: 200,\r\n previewMaxHeight: 150,\r\n previewCrop: false, // Force uncropped previews\r\n imageMaxWidth: 640,\r\n imageMaxHeight: 480,\r\n imageCrop: false, // Force uncropped images\r\n url: this.action\r\n }).on('fileuploadadd', function (e, data) {\r\n data.context = $('').appendTo('#files');\r\n $.each(data.files, function (index, file) {\r\n var node = $('')\r\n .append($('').text(\"Filename: \" + file.name));\r\n if (!index) {\r\n node\r\n .append('
')\r\n .append(uploadButton.clone(true).data(data));\r\n }\r\n node.appendTo(data.context);\r\n });\r\n }).on('fileuploadprocessalways', function (e, data) {\r\n var index = data.index,\r\n file = data.files[index],\r\n node = $(data.context.children()[index]);\r\n if (file.preview) {\r\n node\r\n .prepend('
')\r\n .prepend(file.preview);\r\n }\r\n if (file.error) {\r\n node\r\n .append('
')\r\n .append(file.error);\r\n }\r\n if (index + 1 === data.files.length) {\r\n data.context.find('button')\r\n .text('Add to Canvas')\r\n .prop('disabled', !!data.files.error);\r\n }\r\n }).on('fileuploadsubmit', function (e, data) {\r\n \r\n }).on('fileuploadprogress', function (e, data) {\r\n var progress = parseInt(data.loaded / data.total * 100, 10);\r\n\r\n data.context.find('.progress-bar').css(\r\n 'width',\r\n progress + '%'\r\n );\r\n }).on('fileuploaddone', function (e, data) {\r\n \r\n $.each(data.result, function (index, file) {\r\n\r\n var thumbnail = tmpl(\"tmpl-thumbnail\", file);\r\n \r\n $('.thumbnails--images-tab').prepend(thumbnail);\r\n\r\n $('#progress').fadeOut();\r\n $(data.context).fadeOut();\r\n\r\n fabric.Image.fromURL(file.url, function (Img) {\r\n Img.left = 0;\r\n Img.top = 0;\r\n Img.originX = 'left';\r\n Img.originY = 'top';\r\n canvas.add(Img);\r\n });\r\n\r\n });\r\n\r\n $('.thumbnails--images-tab .thumbnail').uniformHeight();\r\n\r\n }).on('fileuploadfail', function (e, data) {\r\n $.each(data.result, function (index, file) {\r\n var error = $('').text(file.error);\r\n $(data.context.children()[index])\r\n .append('
')\r\n .append(error);\r\n });\r\n }).prop('disabled', !$.support.fileInput)\r\n .parent().addClass($.support.fileInput ? undefined : 'disabled');\r\n\r\n $(document).on('dragover', function (e) {\r\n var dropZone = $('#dropzone'),\r\n timeout = window.dropZoneTimeout;\r\n if (!timeout) {\r\n dropZone.addClass('in');\r\n } else {\r\n clearTimeout(timeout);\r\n }\r\n var found = false,\r\n node = e.target;\r\n do {\r\n if (node === dropZone[0]) {\r\n found = true;\r\n break;\r\n }\r\n node = node.parentNode;\r\n } while (node != null);\r\n if (found) {\r\n dropZone.addClass('hover');\r\n } else {\r\n dropZone.removeClass('hover');\r\n }\r\n window.dropZoneTimeout = setTimeout(function () {\r\n window.dropZoneTimeout = null;\r\n dropZone.removeClass('in hover');\r\n }, 100);\r\n });\r\n\r\n\r\n\r\n // There seems to be a bug in fabricjs which means this does not put the SVG in the right place\r\n\r\n $('.fabric__shape').click(function (event) {\r\n\r\n //var group = [];\r\n\r\n //fabric.loadSVGFromURL(\"/Images/shape1.svg\", function (objects, options) {\r\n\r\n // var loadedObjects = new fabric.Group(group);\r\n\r\n // //loadedObjects.set({\r\n // // left: 100,\r\n // // top: 100,\r\n // // width: 400,\r\n // // height: 400\r\n // //});\r\n\r\n // canvas.add(loadedObjects);\r\n // canvas.renderAll();\r\n\r\n //}, function (item, object) {\r\n // object.set('id', item.getAttribute('id'));\r\n // group.push(object);\r\n //})\r\n\r\n\r\n\r\n event.preventDefault();\r\n\r\n\r\n var id = this.id, match;\r\n if (match = /\\d+$/.exec(id)) {\r\n fabric.loadSVGFromURL('/Images/shape' + match[0] + '.svg', function (objects, options) {\r\n\r\n var loadedObject = fabric.util.groupSVGElements(objects, options);\r\n\r\n loadedObject.set({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50)\r\n });\r\n\r\n loadedObject/*.scaleToWidth(300)*/.setCoords();\r\n\r\n // loadedObject.hasRotatingPoint = true;\r\n\r\n canvas.add(loadedObject);\r\n\r\n canvas.calcOffset();\r\n });\r\n }\r\n\r\n });\r\n\r\n // Recalculate the canvas offset periodically\r\n\r\n setTimeout(function () {\r\n canvas.calcOffset();\r\n }, 100);\r\n\r\n // Events\r\n\r\n canvas.on('selection:cleared', function () {\r\n \r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__object-tab').hide();\r\n $('#fabric__text-tab').hide();\r\n\r\n $('#fabric__shape-tab > a').tab('show');\r\n\r\n });\r\n\r\n canvas.on('object:selected', onObjectSelected);\r\n //canvas.on('group:selected', onObjectSelected);\r\n\r\n function onObjectSelected(event) {\r\n var selectedObject = event.target;\r\n \r\n $('#fabric__object-tab').show();\r\n\r\n if (selectedObject.type === 'text') {\r\n \r\n // Update the UI values\r\n $('#fabric__text').prop('value', selectedObject.text);\r\n $('#fabric__font-family').prop('value', selectedObject.fontFamily);\r\n $('#fabric__font-size').prop('value', parseInt(selectedObject.getFontSize() / 2.5, 10)); // Silly 2.5 multiplicative factor so values seen by teachers look right\r\n\r\n (selectedObject.fontWeight === 'bold') ? $('#fabric__font-bold').addClass('active') : $('#fabric__font-bold').removeClass('active');\r\n (selectedObject.fontStyle === 'italic') ? $('#fabric__font-italic').addClass('active') : $('#fabric__font-italic').removeClass('active');\r\n (selectedObject.textDecoration === 'underline') ? $('#fabric__font-underline').addClass('active') : $('#fabric__font-underline').removeClass('active');\r\n \r\n $(\"#fabric__text-colour\").spectrum('set', selectedObject.fill);\r\n $(\"#fabric__text-colour\").css(\"color\", selectedObject.fill);\r\n $(\"#fabric__text-background-colour\").spectrum('set', selectedObject.backgroundColor);\r\n $(\"#fabric__text-background-colour\").css(\"color\", selectedObject.backgroundColor);\r\n\r\n $('#fabric__text-align-' + selectedObject.textAlign).addClass('active').siblings().removeClass('active');\r\n\r\n $('#fabric__text-tab').show();\r\n $('#fabric__text-tab > a').tab('show');\r\n\r\n // TODO Fix this fudge. Basically works without setTimeout for new text objects. It doesn't work \r\n // when you click on an existing object. I believe this is because some other event like \"move\"\r\n // overrides it. Need to probably do something on mouseup or something.\r\n setTimeout(function () {\r\n $('#fabric__text').focus().select();\r\n }, 10);\r\n \r\n\r\n } else {\r\n $('#fabric__object-tab > a').tab('show');\r\n\r\n $(\"#fabric__stroke-colour\").spectrum('set', selectedObject.stroke || '#000000');\r\n $(\"#fabric__stroke-colour\").css(\"color\", selectedObject.stroke || '#000000');\r\n\r\n $(\"#fabric__fill-colour\").spectrum('set', selectedObject.fill || '#000000');\r\n $(\"#fabric__fill-colour\").css(\"color\", selectedObject.fill || '#000000');\r\n }\r\n\r\n\r\n\r\n //var colorEl = document.getElementById('color');\r\n //colorEl && (colorEl.value = selectedObject.getFill());\r\n\r\n //var opacityEl = document.getElementById('opacity');\r\n //opacityEl && (opacityEl.value = parseInt(selectedObject.getOpacity() * 100, 10));\r\n\r\n //if (selectedObject.type === 'text') {\r\n // $('#text-wrapper').show();\r\n // $('#text-wrapper textarea').val(selectedObject.getText());\r\n\r\n // cmdBoldBtn.className = cmdUnderlineBtn.className = cmdItalicBtn.className = 'btn';\r\n\r\n // cmdBoldBtn.className = selectedObject.fontWeight === 'bold' ? cmdBoldBtn.className + ' active' : cmdBoldBtn.className;\r\n // cmdUnderlineBtn.className = selectedObject.textDecoration === 'underline' ? cmdUnderlineBtn.className + ' active' : cmdUnderlineBtn.className;\r\n // cmdItalicBtn.className = selectedObject.fontStyle === 'italic' ? cmdItalicBtn.className + ' active' : cmdItalicBtn.className;\r\n\r\n // fontFamilySwitch.value = selectedObject.get('fontFamily').toLowerCase();\r\n // var currentTextAlign = fabric.util.string.capitalize(selectedObject.get('textAlign'));\r\n\r\n // cmdTextAlignLeft.className = currentTextAlign === 'Left' ? 'btn active' : 'btn';\r\n // cmdTextAlignCenter.className = currentTextAlign === 'Center' ? 'btn active' : 'btn';\r\n // cmdTextAlignRight.className = currentTextAlign === 'Right' ? 'btn active' : 'btn';\r\n // cmdTextAlignJustify.className = currentTextAlign === 'Justify' ? 'btn active' : 'btn';\r\n\r\n\r\n // bgColorField.value = selectedObject.get('backgroundColor');\r\n // textFontSizeField.value = selectedObject.get('fontSize');\r\n //}\r\n //else {\r\n // $('#text-wrapper').hide();\r\n //}\r\n\r\n //$('#controls').show();\r\n }\r\n\r\n // http://stackoverflow.com/questions/9278569/equals-heights-of-thumbnails\r\n \r\n $(window).resize(function () {\r\n $('.thumbnails--images-tab .thumbnail').uniformHeight();\r\n });\r\n\r\n\r\n });\r\n\r\n\r\n function isTouchDevice() {\r\n return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n }\r\n\r\n});\n","define('pages/questions/default',['jquery', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n\r\n});\n","define('pages/questions/details',['jquery', 'tmpl', 'bootstrap', 'jquery-timeago', 'bootstrapTour'], function ($, tmpl) {\r\n\r\n $(function () {\r\n\r\n $('#question-details__copy-link, #question-details__embed-code').click(function () { this.select(); });\r\n \r\n $('#question-details__copy-link, #question-details__embed-code').on('cut', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return false;\r\n });\r\n\r\n jQuery(\"abbr.timeago\").timeago();\r\n\r\n $('.rating-like').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var viewModel = {\r\n questionId: $(this).data('questionid'),\r\n userId: $(this).data('userid')\r\n };\r\n\r\n if ($(this).hasClass(\"active\")) {\r\n\r\n $(this).removeClass(\"btn-success active\")\r\n .addClass(\"btn-default\");\r\n\r\n $.ajax({\r\n url: $(this).data('delete'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n // Funky Regex which takes the current string (using 'this') and decrements\r\n // the number of likes.\r\n var text = $('#js-likes-count').text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n });\r\n\r\n $('#js-likes-count').text(text);\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $(this).addClass(\"btn-success active\")\r\n .removeClass(\"btn-default\");\r\n\r\n $.ajax({\r\n url: $(this).data('like'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n // Funky Regex which takes the current string (using 'this') and increments\r\n // the number of likes.\r\n var text = $('#js-likes-count').text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n });\r\n\r\n $('#js-likes-count').text(text);\r\n }\r\n });\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n\r\n $('#js-answer-submit').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n // Prefixed jQuery variable with $ to make it clearer\r\n var $answerSelected = $('input[name=\"answer-options\"]:checked')\r\n \r\n if ($answerSelected.length === 0) {\r\n return;\r\n }\r\n\r\n var viewModel = {\r\n questionId: $answerSelected.data('questionid'),\r\n userId: $answerSelected.data('userid'),\r\n answerValue: $answerSelected.val(),\r\n assignmentStudentId: $('#AssignmentStudentId').val(),\r\n quizSessionId: $('#QuizSessionId').val(),\r\n quizId: $('#QuizId').val()\r\n };\r\n\r\n $.ajax({\r\n url: $answerSelected.data('addanswer'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n // TODO Neater solution. Possibly send the data from the controller in a more reliable form.\r\n // Daft issue whereby if no one has given a partcular answer we get NaNs everywhere.\r\n // Trivial solution is to set the undefined values to 0. Might be a nicer solution.\r\n if (typeof data.answers[1] === \"undefined\") data.answers[1] = 0;\r\n if (typeof data.answers[2] === \"undefined\") data.answers[2] = 0;\r\n if (typeof data.answers[3] === \"undefined\") data.answers[3] = 0;\r\n if (typeof data.answers[4] === \"undefined\") data.answers[4] = 0;\r\n\r\n // TODO Use an array/object sum\r\n var answerCountTotal = data.answers[1] + data.answers[2] + data.answers[3] + data.answers[4];\r\n\r\n // A\r\n var answerDataA = {\r\n answerLabel: \"A\",\r\n answerCount: data.answers[1],\r\n answerCountTotal: answerCountTotal,\r\n answerPercentage: Math.round(data.answers[1] / answerCountTotal * 100)\r\n }\r\n\r\n var answerHtmlA = \"\";\r\n\r\n if (data.correctAnswer == 1) {\r\n answerHtmlA = tmpl(\"tmpl-answer-results-correct\", answerDataA);\r\n } else if (data.answerGiven == 1) {\r\n answerHtmlA = tmpl(\"tmpl-answer-results-incorrect\", answerDataA);\r\n } else {\r\n answerHtmlA = tmpl(\"tmpl-answer-results-default\", answerDataA);\r\n }\r\n\r\n // B\r\n var answerDataB = {\r\n answerLabel: \"B\",\r\n answerCount: data.answers[2],\r\n answerCountTotal: answerCountTotal,\r\n answerPercentage: Math.round(data.answers[2] / answerCountTotal * 100)\r\n }\r\n\r\n var answerHtmlB = \"\";\r\n\r\n if (data.correctAnswer == 2) {\r\n answerHtmlB = tmpl(\"tmpl-answer-results-correct\", answerDataB);\r\n } else if (data.answerGiven == 2) {\r\n answerHtmlB = tmpl(\"tmpl-answer-results-incorrect\", answerDataB);\r\n } else {\r\n answerHtmlB = tmpl(\"tmpl-answer-results-default\", answerDataB);\r\n }\r\n \r\n // C\r\n var answerDataC = {\r\n answerLabel: \"C\",\r\n answerCount: data.answers[3],\r\n answerCountTotal: answerCountTotal,\r\n answerPercentage: Math.round(data.answers[3] / answerCountTotal * 100)\r\n }\r\n\r\n var answerHtmlC = \"\";\r\n\r\n if (data.correctAnswer == 3) {\r\n answerHtmlC = tmpl(\"tmpl-answer-results-correct\", answerDataC);\r\n } else if (data.answerGiven == 3) {\r\n answerHtmlC = tmpl(\"tmpl-answer-results-incorrect\", answerDataC);\r\n } else {\r\n answerHtmlC = tmpl(\"tmpl-answer-results-default\", answerDataC);\r\n }\r\n\r\n // D\r\n var answerDataD = {\r\n answerLabel: \"D\",\r\n answerCount: data.answers[4],\r\n answerCountTotal: answerCountTotal,\r\n answerPercentage: Math.round(data.answers[4] / answerCountTotal * 100)\r\n }\r\n\r\n var answerHtmlD = \"\";\r\n\r\n if (data.correctAnswer == 4) {\r\n answerHtmlD = tmpl(\"tmpl-answer-results-correct\", answerDataD);\r\n } else if (data.answerGiven == 4) {\r\n answerHtmlD = tmpl(\"tmpl-answer-results-incorrect\", answerDataD);\r\n } else {\r\n answerHtmlD = tmpl(\"tmpl-answer-results-default\", answerDataD);\r\n }\r\n\r\n var answersHtml = answerHtmlA + answerHtmlB + answerHtmlC + answerHtmlD;\r\n\r\n $('.quizzer__answer-input').addClass(\"hide\");\r\n $('.quizzer__answer-results').html(answersHtml);\r\n $('.quizzer__answer-results').removeClass(\"hide\");\r\n\r\n //Add classes for colouring correct and incorrect answers\r\n if (!isTouchDevice()) {\r\n $('.quizzer__answer-tooltip').tooltip({ container: '.quizzer' });\r\n }\r\n }\r\n });\r\n \r\n });\r\n\r\n\r\n $('#js-question-download').click(function (event) {\r\n\r\n // Do not prevent the default action because you cannot download\r\n // the file using an Ajax request.\r\n\r\n // Bit of a dodgy way to provide immiediate feedback to the user. Notice\r\n // that I am not reloading the number of downloads from the database I\r\n // am just incrementing the current number. Same done for likes. Obviously\r\n // this does not account for any likes/downloads other users have made.\r\n\r\n // Funky Regex which takes the current string (using 'this') and increments\r\n // the number of downloads.\r\n\r\n var text = $('#js-downloads-count').text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n });\r\n \r\n $('#js-downloads-count').text(text);\r\n\r\n });\r\n\r\n\r\n \r\n $('#question-details__report-tab-pane').on('submit', 'form', function (event) {\r\n\r\n var self = this;\r\n\r\n event.preventDefault();\r\n\r\n var viewModel = {\r\n questionId: $(this).find('input[name=QuestionId]').val(),\r\n userId: $(this).find('input[name=UserId]').val(),\r\n reason: $(this).find('textarea[name=Reason]').val()\r\n };\r\n\r\n $.ajax({\r\n url: $(this).attr('action'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n $('#question-details__report-tab-pane').html('
Thank you for flagging this question for our attention. The question will be removed from your future searches.
');\r\n }\r\n });\r\n\r\n });\r\n \r\n\r\n $('.add-to-quiz').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var viewModel = {\r\n questionId: $(this).data('questionid'),\r\n userId: $(this).data('userid'),\r\n quizId: $(this).data('quizid')\r\n };\r\n \r\n // TODO Correct logic here it increments the counter whether or not the question has previously been added to the quiz.\r\n var counter = $(this).find('span').text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n });\r\n\r\n $(this).find('span').text(counter);\r\n \r\n $.ajax({\r\n url: $(this).data('add'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n }\r\n });\r\n\r\n });\r\n\r\n $('#add-to-new-quiz').click(function (event) {\r\n\r\n event.preventDefault();\r\n \r\n var viewModel = {\r\n questionId: $(this).data('questionid'),\r\n userId: $(this).data('userid'),\r\n quizName: $('#new-quiz-name').val()\r\n };\r\n \r\n $.ajax({\r\n url: $(this).data('addtonewquiz'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n $('#add-to-new-quiz').closest('.input-group').before('New quiz successfully created. Question added.
');\r\n }\r\n });\r\n\r\n });\r\n\r\n $('#js-fullscreen-toggle').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n \r\n if ($(self).data('fullscreen') == true) {\r\n \r\n $('.jumbotron--diagnostics').removeClass('hide');\r\n $('#question-wrapper').removeClass('question-fullscreen');\r\n\r\n $(self).html(' Enter Fullscreen');\r\n $(self).data('fullscreen', false);\r\n\r\n $('.js-quiz-navigation-link,.js-assignment-navigation-link').attr('href', function (i, v) {\r\n return v.replace(/isFullscreen=[^&]+/ig, 'isFullscreen=false');\r\n });\r\n\r\n } else {\r\n\r\n $('.jumbotron--diagnostics').addClass('hide');\r\n $('#question-wrapper').addClass('question-fullscreen');\r\n\r\n $(self).html(' Exit Fullscreen');\r\n $(self).data(\"fullscreen\", true);\r\n\r\n $('.js-quiz-navigation-link,.js-assignment-navigation-link').attr('href', function (i, v) {\r\n return v.replace(/isFullscreen=[^&]+/ig, 'isFullscreen=true');\r\n });\r\n\r\n }\r\n \r\n });\r\n\r\n /// Bootstrap Tour\r\n /// See http://bootstraptour.com/ for details\r\n var tour = new Tour({\r\n name: 'question-details-tour',\r\n storage: false, // Quiz will start from the beginning each time\r\n debug: true,\r\n backdrop: false,\r\n orphan: true,\r\n template: '',\r\n steps: [\r\n {\r\n element: '#quizzer__question',\r\n title: 'The Diagnostic Question',\r\n content: 'Hover over the question to reveal the Enter Fullscreen toggle.',\r\n placement: 'top'\r\n },\r\n {\r\n element: '#quizzer__answer',\r\n title: 'The Answer Bar',\r\n content: 'Choose an answer and click Check to see if you\\'re right.',\r\n placement: 'top'\r\n },\r\n {\r\n element: '#js-question-download',\r\n title: 'Question Download',\r\n content: 'Download the Diagnostic Question as an image.',\r\n placement: 'top'\r\n },\r\n {\r\n element: '#js-quick-stats',\r\n title: 'Summary Statistics',\r\n content: 'View the number of likes, downloads and quizzes added to.',\r\n placement: 'top'\r\n },\r\n {\r\n element: '#question-details__about-tab',\r\n title: 'About Tab',\r\n content: 'View more questions by this author, see the subjects this question covers and, when given, see explanations of the incorrect answers.',\r\n placement: 'top',\r\n onShow: function (tour) {\r\n $('#question-details__about-tab a').tab('show');\r\n }\r\n },\r\n {\r\n element: '#question-details__share-tab',\r\n title: 'Share Tab',\r\n content: 'Share this question on Facebook, Twitter or Google+. Share the link in an email or embed the question in your own website.',\r\n placement: 'top',\r\n onShow: function (tour) {\r\n $('#question-details__share-tab a').tab('show');\r\n }\r\n },\r\n {\r\n element: '#question-details__add-tab',\r\n title: 'Add to Quiz Tab',\r\n content: 'Add this question to an existing or new quiz.',\r\n placement: 'top',\r\n onShow: function (tour) {\r\n $('#question-details__add-tab a').tab('show');\r\n }\r\n },\r\n {\r\n element: '#question-details__stats-tab',\r\n title: 'Statistics Tab',\r\n content: 'Anticipate misconceptions by seeing what answers have been given in the past.',\r\n placement: 'top',\r\n onShow: function (tour) {\r\n $('#question-details__stats-tab a').tab('show');\r\n }\r\n },\r\n {\r\n element: '#question-details__report-tab',\r\n title: 'Feedback Tab',\r\n content: 'Provide feedback to the question author. All feedback is reviewed by a moderator.',\r\n placement: 'top',\r\n onShow: function (tour) {\r\n $('#question-details__report-tab a').tab('show');\r\n }\r\n }\r\n ]\r\n }).init();\r\n \r\n $('#tour-start').click(function (event) {\r\n event.preventDefault();\r\n if (tour.ended()) {\r\n tour.restart();\r\n } else {\r\n tour.start();\r\n }\r\n });\r\n \r\n\r\n });\r\n\r\n\r\n function isTouchDevice() {\r\n return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n }\r\n\r\n});\n","define('pages/questions/edit',['jquery', 'tmpl', 'bootstrap', 'fabric', 'chosen', 'jqueryAutosize', 'spectrum', 'mousetrap', 'jquery.ui.widget', 'load-image', 'canvas-to-blob', 'jqueryIFrameTransport', 'jquery.fileupload', 'jquery.fileupload-process', 'jquery.fileupload-image', 'uniformHeight', 'bililiteRange', 'jquerySendkeys'], function ($, tmpl) {\r\n\r\n // TODO Add some conditional for including excanvas\r\n\r\n $(function () {\r\n \r\n // This function is enirely dependant on the HTML structure. It might be better\r\n // to add data attributes for parentid and ancestorids and use these to find \r\n // the elements you need to show/hide.\r\n $('input[name=selectedSubjectIds]').change(function (event) {\r\n\r\n var parentid = $(this).val();\r\n\r\n if (this.checked) {\r\n $(this)\r\n .closest('.branch')\r\n .children()\r\n .removeClass('hide');\r\n } else {\r\n $(this)\r\n .closest('.branch')\r\n .find('input[name=selectedSubjectIds]')\r\n .not(this)\r\n .attr('checked', false)\r\n .closest('.branch')\r\n .addClass('hide');\r\n }\r\n });\r\n\r\n $('form').submit(function (e) {\r\n\r\n e.preventDefault();\r\n\r\n var correctAnswer = $('input:radio[name=correctAnswer]:checked').val();\r\n //var ageGroup = $('input:radio[name=ageGroup]:checked').val();\r\n\r\n canvas.deactivateAll().renderAll();\r\n\r\n var selectedSubjectIds = $('input[name=selectedSubjectIds]:checked').map(function () {\r\n return this.value;\r\n }).toArray();\r\n \r\n\r\n var viewModel = {\r\n canvas: \"\",\r\n correctAnswer: correctAnswer,\r\n //questionAges: ageGroup,\r\n questionId: $('#QuestionId').val(),\r\n isPublished: $('#IsPublished').val(),\r\n moderation: $('#Moderation').val(),\r\n userId: $('#UserId').val(),\r\n dataURL: \"\",\r\n selectedSubjectIds: selectedSubjectIds,\r\n explanationA: $('#ExplanationA').val(),\r\n explanationB: $('#ExplanationB').val(),\r\n explanationC: $('#ExplanationC').val(),\r\n explanationD: $('#ExplanationD').val()\r\n };\r\n\r\n var canvasOld = JSON.stringify($('#question-canvas').data('json'));\r\n var canvasNew = JSON.stringify(canvas);\r\n\r\n if (canvasNew != canvasOld)\r\n {\r\n viewModel.canvas = canvasNew;\r\n viewModel.dataURL = canvas.toDataURL({\r\n format: 'jpeg',\r\n quality: 1\r\n });\r\n }\r\n\r\n var errorMessages = \"\";\r\n\r\n // TODO Improve JSON validation! This is very lame.\r\n // See for example http://stackoverflow.com/questions/5127813/call-mvc-3-client-side-validation-manually-for-ajax-posts\r\n if (correctAnswer === undefined) {\r\n\r\n errorMessages += '
')\r\n .prepend(file.preview);\r\n }\r\n if (file.error) {\r\n node\r\n .append('
')\r\n .append(file.error);\r\n }\r\n if (index + 1 === data.files.length) {\r\n data.context.find('button')\r\n .text('Add to Canvas')\r\n .prop('disabled', !!data.files.error);\r\n }\r\n }).on('fileuploadsubmit', function (e, data) {\r\n\r\n }).on('fileuploadprogress', function (e, data) {\r\n var progress = parseInt(data.loaded / data.total * 100, 10);\r\n\r\n data.context.find('.progress-bar').css(\r\n 'width',\r\n progress + '%'\r\n );\r\n }).on('fileuploaddone', function (e, data) {\r\n\r\n $.each(data.result, function (index, file) {\r\n\r\n var thumbnail = tmpl(\"tmpl-thumbnail\", file);\r\n\r\n $('.thumbnails--images-tab').prepend(thumbnail);\r\n\r\n $('#progress').fadeOut();\r\n $(data.context).fadeOut();\r\n\r\n fabric.Image.fromURL(file.url, function (Img) {\r\n Img.left = 0;\r\n Img.top = 0;\r\n Img.originX = 'left';\r\n Img.originY = 'top';\r\n canvas.add(Img);\r\n });\r\n\r\n });\r\n\r\n $('.thumbnails--images-tab .thumbnail').uniformHeight();\r\n\r\n }).on('fileuploadfail', function (e, data) {\r\n $.each(data.result, function (index, file) {\r\n var error = $('').text(file.error);\r\n $(data.context.children()[index])\r\n .append('
')\r\n .append(error);\r\n });\r\n }).prop('disabled', !$.support.fileInput)\r\n .parent().addClass($.support.fileInput ? undefined : 'disabled');\r\n\r\n $(document).on('dragover', function (e) {\r\n var dropZone = $('#dropzone'),\r\n timeout = window.dropZoneTimeout;\r\n if (!timeout) {\r\n dropZone.addClass('in');\r\n } else {\r\n clearTimeout(timeout);\r\n }\r\n var found = false,\r\n node = e.target;\r\n do {\r\n if (node === dropZone[0]) {\r\n found = true;\r\n break;\r\n }\r\n node = node.parentNode;\r\n } while (node != null);\r\n if (found) {\r\n dropZone.addClass('hover');\r\n } else {\r\n dropZone.removeClass('hover');\r\n }\r\n window.dropZoneTimeout = setTimeout(function () {\r\n window.dropZoneTimeout = null;\r\n dropZone.removeClass('in hover');\r\n }, 100);\r\n });\r\n\r\n\r\n\r\n // There seems to be a bug in fabricjs which means this does not put the SVG in the right place\r\n\r\n $('.fabric__shape').click(function (event) {\r\n\r\n //var group = [];\r\n\r\n //fabric.loadSVGFromURL(\"/Images/shape1.svg\", function (objects, options) {\r\n\r\n // var loadedObjects = new fabric.Group(group);\r\n\r\n // //loadedObjects.set({\r\n // // left: 100,\r\n // // top: 100,\r\n // // width: 400,\r\n // // height: 400\r\n // //});\r\n\r\n // canvas.add(loadedObjects);\r\n // canvas.renderAll();\r\n\r\n //}, function (item, object) {\r\n // object.set('id', item.getAttribute('id'));\r\n // group.push(object);\r\n //})\r\n\r\n\r\n\r\n event.preventDefault();\r\n\r\n\r\n var id = this.id, match;\r\n if (match = /\\d+$/.exec(id)) {\r\n fabric.loadSVGFromURL('/Images/shape' + match[0] + '.svg', function (objects, options) {\r\n\r\n var loadedObject = fabric.util.groupSVGElements(objects, options);\r\n\r\n loadedObject.set({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50)\r\n });\r\n\r\n loadedObject/*.scaleToWidth(300)*/.setCoords();\r\n\r\n // loadedObject.hasRotatingPoint = true;\r\n\r\n canvas.add(loadedObject);\r\n\r\n canvas.calcOffset();\r\n });\r\n }\r\n\r\n });\r\n\r\n // Recalculate the canvas offset periodically\r\n\r\n setTimeout(function () {\r\n canvas.calcOffset();\r\n }, 100);\r\n\r\n // Events\r\n\r\n canvas.on('selection:cleared', function () {\r\n\r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__object-tab').hide();\r\n $('#fabric__text-tab').hide();\r\n\r\n $('#fabric__shape-tab > a').tab('show');\r\n\r\n });\r\n\r\n canvas.on('object:selected', onObjectSelected);\r\n //canvas.on('group:selected', onObjectSelected);\r\n\r\n function onObjectSelected(event) {\r\n var selectedObject = event.target;\r\n\r\n $('#fabric__object-tab').show();\r\n\r\n if (selectedObject.type === 'text') {\r\n\r\n // Update the UI values\r\n $('#fabric__text').prop('value', selectedObject.text);\r\n $('#fabric__font-family').prop('value', selectedObject.fontFamily);\r\n $('#fabric__font-size').prop('value', parseInt(selectedObject.getFontSize() / 2.5, 10)); // Silly 2.5 multiplicative factor so values seen by teachers look right\r\n\r\n (selectedObject.fontWeight === 'bold') ? $('#fabric__font-bold').addClass('active') : $('#fabric__font-bold').removeClass('active');\r\n (selectedObject.fontStyle === 'italic') ? $('#fabric__font-italic').addClass('active') : $('#fabric__font-italic').removeClass('active');\r\n (selectedObject.textDecoration === 'underline') ? $('#fabric__font-underline').addClass('active') : $('#fabric__font-underline').removeClass('active');\r\n\r\n $(\"#fabric__text-colour\").spectrum('set', selectedObject.fill);\r\n $(\"#fabric__text-colour\").css(\"color\", selectedObject.fill);\r\n $(\"#fabric__text-background-colour\").spectrum('set', selectedObject.backgroundColor);\r\n $(\"#fabric__text-background-colour\").css(\"color\", selectedObject.backgroundColor);\r\n\r\n $('#fabric__text-align-' + selectedObject.textAlign).addClass('active').siblings().removeClass('active');\r\n\r\n $('#fabric__text-tab').show();\r\n $('#fabric__text-tab > a').tab('show');\r\n\r\n // TODO Fix this fudge. Basically works without setTimeout for new text objects. It doesn't work \r\n // when you click on an existing object. I believe this is because some other event like \"move\"\r\n // overrides it. Need to probably do something on mouseup or something.\r\n setTimeout(function () {\r\n $('#fabric__text').focus().select();\r\n }, 10);\r\n\r\n\r\n } else {\r\n $('#fabric__object-tab > a').tab('show');\r\n\r\n $(\"#fabric__stroke-colour\").spectrum('set', selectedObject.stroke || '#000000');\r\n $(\"#fabric__stroke-colour\").css(\"color\", selectedObject.stroke || '#000000');\r\n\r\n $(\"#fabric__fill-colour\").spectrum('set', selectedObject.fill || '#000000');\r\n $(\"#fabric__fill-colour\").css(\"color\", selectedObject.fill || '#000000');\r\n }\r\n\r\n\r\n\r\n //var colorEl = document.getElementById('color');\r\n //colorEl && (colorEl.value = selectedObject.getFill());\r\n\r\n //var opacityEl = document.getElementById('opacity');\r\n //opacityEl && (opacityEl.value = parseInt(selectedObject.getOpacity() * 100, 10));\r\n\r\n //if (selectedObject.type === 'text') {\r\n // $('#text-wrapper').show();\r\n // $('#text-wrapper textarea').val(selectedObject.getText());\r\n\r\n // cmdBoldBtn.className = cmdUnderlineBtn.className = cmdItalicBtn.className = 'btn';\r\n\r\n // cmdBoldBtn.className = selectedObject.fontWeight === 'bold' ? cmdBoldBtn.className + ' active' : cmdBoldBtn.className;\r\n // cmdUnderlineBtn.className = selectedObject.textDecoration === 'underline' ? cmdUnderlineBtn.className + ' active' : cmdUnderlineBtn.className;\r\n // cmdItalicBtn.className = selectedObject.fontStyle === 'italic' ? cmdItalicBtn.className + ' active' : cmdItalicBtn.className;\r\n\r\n // fontFamilySwitch.value = selectedObject.get('fontFamily').toLowerCase();\r\n // var currentTextAlign = fabric.util.string.capitalize(selectedObject.get('textAlign'));\r\n\r\n // cmdTextAlignLeft.className = currentTextAlign === 'Left' ? 'btn active' : 'btn';\r\n // cmdTextAlignCenter.className = currentTextAlign === 'Center' ? 'btn active' : 'btn';\r\n // cmdTextAlignRight.className = currentTextAlign === 'Right' ? 'btn active' : 'btn';\r\n // cmdTextAlignJustify.className = currentTextAlign === 'Justify' ? 'btn active' : 'btn';\r\n\r\n\r\n // bgColorField.value = selectedObject.get('backgroundColor');\r\n // textFontSizeField.value = selectedObject.get('fontSize');\r\n //}\r\n //else {\r\n // $('#text-wrapper').hide();\r\n //}\r\n\r\n //$('#controls').show();\r\n }\r\n\r\n // http://stackoverflow.com/questions/9278569/equals-heights-of-thumbnails\r\n\r\n $(window).resize(function () {\r\n $('.thumbnails--images-tab .thumbnail').uniformHeight();\r\n });\r\n\r\n\r\n });\r\n\r\n});\n","define('pages/questions/embed',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'enums', 'bootstrap'], function ($, ko, crossroads, hasher, toastr) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n\r\n\r\n })\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuestionsGoViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n self.userId = ko.observable(-1);\r\n\r\n // Pages\r\n self.pages = new enums.Enum('login', 'question');\r\n self.page = ko.observable();\r\n\r\n // States\r\n self.isQuestionLoaded = ko.observable(false);\r\n self.isAnswerable = ko.observable(true);\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowExplanations = ko.observable(true);\r\n \r\n // Question\r\n self.questionId = ko.observable(0); // only used for syncing the UI\r\n self.currentQuestion = ko.observable(null);\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n\r\n self.explanationOptions = new enums.Enum('correct', 'incorrect');\r\n self.selectedExplanationOption = ko.observable(self.explanationOptions.correct);\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isAnswerable()) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n });\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuestionsGoViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n // Login page\r\n self.logIn = function () {\r\n var model = {\r\n userName: self.userName(),\r\n password: self.password()\r\n };\r\n\r\n if (self.userName() == null || self.userName() == '') {\r\n toastr['error']('Please enter a username.', 'Error');\r\n return;\r\n }\r\n\r\n if (self.password() == null || self.password() == '') {\r\n toastr['error']('Please enter a password.', 'Error');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Account/LoginJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == \"success\") {\r\n self.page(self.pages.question);\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.guest = function () {\r\n self.page(self.pages.question);\r\n }\r\n\r\n // Question\r\n \r\n self.like = function () {\r\n if (!this.IsLiked()) {\r\n setLike(this.AnswerId, this.IsLiked);\r\n } else {\r\n deleteLike(this.AnswerId, this.IsLiked);\r\n }\r\n }\r\n\r\n self.commit = function () {\r\n setAnswer(showExplanations);\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.refresh = function () {\r\n getMoreExplanations(function () {\r\n self.currentQuestion(self.question);\r\n });\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n \r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function showExplanations() {\r\n getExplanations(function () {\r\n self.currentQuestion(self.question);\r\n self.isShowExplanations(true);\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function setLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/AddLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(true);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function deleteLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/RemoveLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(false);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function setAnswer(callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n\r\n self.isSubmitting(true);\r\n\r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n\r\n var answerViewModel = {\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n\r\n self.isAnswerable(false);\r\n self.isShowReason(false);\r\n }\r\n else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getQuestion(id) {\r\n var model = { questionId: id };\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n self.question = data;\r\n\r\n self.questionId(self.question.QuestionId);\r\n self.currentQuestion(self.question);\r\n self.userId(self.question.UserId);\r\n self.isQuestionLoaded(true);\r\n\r\n if (self.question.UserId > 0) {\r\n self.page(self.pages.question);\r\n }\r\n else {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.question);\r\n }\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n \r\n function getExplanations(callback) {\r\n \r\n var model = {\r\n questionId: self.question.QuestionId,\r\n firstAnswerValue: self.question.CorrectAnswer,\r\n secondAnswerValue: self.question.AnswerValue\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n \r\n self.question.CorrectSkip = 0;\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n self.question.IncorrectSkip = 0;\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreSecondExplanations;\r\n\r\n self.question.Explanations = {\r\n CorrectExplanations: data.FirstExplanations,\r\n IncorrectExplanations: data.SecondExplanations\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getMoreExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n secondAnswerValue: null\r\n };\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n model.firstAnswerValue = self.question.CorrectAnswer;\r\n\r\n if (self.question.IsMoreCorrectExplanations) {\r\n self.question.CorrectSkip += 2;\r\n } else if (self.question.CorrectSkip > 0) {\r\n self.question.CorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.CorrectSkip;\r\n } else {\r\n model.firstAnswerValue = self.selectedAnswer();\r\n\r\n if (self.question.IsMoreIncorrectExplanations) {\r\n self.question.IncorrectSkip += 2;\r\n } else if (self.question.IncorrectSkip > 0) {\r\n self.question.IncorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.IncorrectSkip;\r\n }\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n if (data.FirstExplanations.length == 0) {\r\n toastr['info']('There are no more explanations to view.', 'All out!');\r\n return;\r\n }\r\n \r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n\r\n self.question.Explanations.CorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n } else {\r\n\r\n self.question.Explanations.IncorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n //setup crossroads\r\n crossroads.addRoute('/{questionId}/',\r\n function (questionId) {\r\n if (!self.isQuestionLoaded() || self.question.QuestionId != questionId) {\r\n self.isQuestionLoaded(false);\r\n getQuestion(questionId);\r\n } \r\n });\r\n\r\n // crossroads.routed.add(console.log, console); //log all routes\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash); //parse initial hash\r\n hasher.changed.add(parseHash); //parse hash changes\r\n hasher.init(); //start listening for history change\r\n }\r\n\r\n});\n","define('pages/questions/go',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'enums', 'moment', 'bootstrap'], function ($, ko, crossroads, hasher, toastr, enums, moment) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n\r\n $('.js-select-contents').click(function () {\r\n\r\n this.select();\r\n\r\n });\r\n\r\n window.onbeforeunload = function () {\r\n if (self.isShowReason() && self.reason() != null) {\r\n return \"Your work will be lost.\";\r\n }\r\n };\r\n\r\n })\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuestionsGoViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n self.userId = ko.observable(-1);\r\n self.isProvenTeacher = ko.observable(false);\r\n\r\n // Pages\r\n self.pages = new enums.Enum('login', 'question');\r\n self.page = ko.observable();\r\n\r\n // Tabs\r\n self.tabs = new enums.Enum('addtoquiz', 'share', 'report', 'comment');\r\n self.tab = ko.observable();\r\n\r\n // States\r\n self.isQuestionLiked = ko.observable(false);\r\n self.isQuestionLoaded = ko.observable(false);\r\n self.isAnswerable = ko.observable(true);\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowExplanations = ko.observable(true);\r\n\r\n // Question\r\n self.questionId = ko.observable(0); // only used for syncing the UI\r\n self.questionDateCreated = ko.observable();\r\n self.questionAuthor = ko.observable();\r\n self.questionDownloads = ko.observable(0);\r\n self.questionLikes = ko.observable(0);\r\n self.questionIsCurated = ko.observable(false);\r\n\r\n self.currentQuestion = ko.observable(null);\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n\r\n self.explanationOptions = new enums.Enum('correct', 'incorrect');\r\n self.selectedExplanationOption = ko.observable(self.explanationOptions.correct);\r\n\r\n // Subjects \r\n self.subjects = ko.observable(null);\r\n\r\n // Metrics \r\n self.metrics = ko.observable(null);\r\n\r\n // Report\r\n self.reportReason = ko.observable('');\r\n self.commentText = ko.observable('');\r\n\r\n // Commnets\r\n\r\n self.commentGroups = ko.observableArray([]);\r\n\r\n // Add to Quiz\r\n self.isQuizzesLoaded = ko.observable(false);\r\n self.quizOptions = ko.observableArray([]);\r\n self.selectedQuizOption = ko.observable(null);\r\n self.newQuizName = ko.observable('');\r\n\r\n self.moderateMode = ko.observable(false);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.socialMailto = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n var email = encodeURI('&subject=Try this Diagnostic Question&body=')\r\n + encodeURIComponent(url)\r\n + encodeURI('\\r\\n\\r\\nI found this question on diagnosticquestions.com where you can find thousands of diagnostic questions and quizzes. Best of all you can register for free!');\r\n\r\n return 'mailto:' + email;\r\n\r\n }, self);\r\n\r\n self.url = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n return url;\r\n\r\n }, self);\r\n\r\n self.socialFacebook = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + '/' + document.location.pathname + '#/' + self.questionId();\r\n\r\n return 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url);\r\n\r\n }, self);\r\n\r\n self.socialTwitter = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n var message = 'Try this! ' + url + ' There are loads of questions and it is free to register!';\r\n \r\n return 'http://twitter.com/home?status=' + encodeURIComponent(message);\r\n\r\n }, self);\r\n\r\n self.socialGoogle = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n var message = 'Try this! ' + url + ' There are loads of questions and it is free to register!'\r\n\r\n return 'https://plus.google.com/share?url=' + encodeURIComponent(message);\r\n\r\n }, self);\r\n\r\n self.embedCode = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname +\r\n '/Questions/Embed#/' + self.questionId();\r\n\r\n return ''\r\n\r\n }, self);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isAnswerable()) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n\r\n //firefox bug (placeholder not showed)\r\n setTimeout(function () { $('#reasonText').focus(); }, 200);\r\n });\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuestionsGoViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n // Login page\r\n self.logIn = function () {\r\n var model = {\r\n userName: self.userName(),\r\n password: self.password()\r\n };\r\n\r\n if (self.userName() == null || self.userName() == '') {\r\n toastr['error']('Please enter a username.', 'Error');\r\n return;\r\n }\r\n\r\n if (self.password() == null || self.password() == '') {\r\n toastr['error']('Please enter a password.', 'Error');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Account/LoginJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == \"success\") {\r\n self.page(self.pages.question);\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.guest = function () {\r\n self.page(self.pages.question);\r\n }\r\n\r\n // Question\r\n \r\n self.like = function () {\r\n if (!this.IsLiked()) {\r\n setLike(this.AnswerId, this.IsLiked);\r\n } else {\r\n deleteLike(this.AnswerId, this.IsLiked);\r\n }\r\n }\r\n\r\n self.commit = function () {\r\n setAnswer(showExplanations);\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.refresh = function () {\r\n getMoreExplanations(function () {\r\n self.currentQuestion(self.question);\r\n });\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n \r\n // Toolbar\r\n\r\n self.setTab = function (value) {\r\n if (value == self.tab()) {\r\n self.tab(null);\r\n } else {\r\n self.tab(value);\r\n\r\n if (value == self.tabs.addtoquiz && self.isQuizzesLoaded() == false) {\r\n getQuizzes();\r\n }\r\n\r\n if (value == self.tabs.comment) {\r\n getComments();\r\n }\r\n }\r\n }\r\n\r\n self.download = function () {\r\n\r\n self.questionDownloads(self.questionDownloads() + 1);\r\n\r\n // We want the default event to happen so return true\r\n return true;\r\n\r\n }\r\n\r\n self.likeQuestion = function () {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n userId: self.question.UserId\r\n };\r\n\r\n if (self.isQuestionLiked()) {\r\n\r\n $.ajax({\r\n url: '/Questions/Unlike/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n self.isQuestionLiked(false);\r\n self.questionLikes(self.questionLikes() - 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $.ajax({\r\n url: '/Questions/Like/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n self.isQuestionLiked(true);\r\n self.questionLikes(self.questionLikes() + 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n // Subjects\r\n\r\n self.toggleSubjects = function () {\r\n\r\n if (self.subjects() == null) {\r\n\r\n getSubjects(self.question.QuestionId);\r\n\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n self.toggleMetrics = function () {\r\n\r\n if (self.metrics() == null) {\r\n\r\n getMetrics(self.question.QuestionId);\r\n\r\n }\r\n\r\n return false;\r\n }\r\n\r\n self.report = function () {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n userId: self.question.UserId,\r\n reason: self.reportReason()\r\n };\r\n\r\n $.ajax({\r\n url: '/Flags/Create/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('You have flagged this question for moderation.', 'Reported');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n self.sendComment = function (text, parentId, currentList) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n senderId: self.question.UserId,\r\n text: text,\r\n parentId: parentId\r\n };\r\n\r\n $.ajax({\r\n url: '/Flags/AddComment/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('You have added a comment.', 'Success');\r\n\r\n // add to list\r\n\r\n var comment = message.data;\r\n\r\n comment.DateSent = moment(comment.DateSent).fromNow();\r\n comment.isReplying = ko.observable(false);\r\n comment.replyText = ko.observable('');\r\n comment.toggleReplying = function () {\r\n this.isReplying(!this.isReplying());\r\n };\r\n\r\n if (parentId != null) {\r\n currentList.push(comment);\r\n }\r\n else {\r\n var commentGroup = ko.observableArray([]);\r\n commentGroup.push(comment);\r\n self.commentGroups.push(commentGroup);\r\n }\r\n\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n self.processComments = function (comments) {\r\n for (var i = 0; i < comments.length; i++) {\r\n\r\n var commentGroup = ko.observableArray([]);\r\n\r\n for (var j = 0 ; j < comments[i].length; j++) {\r\n comments[i][j].DateSent = moment(comments[i][j].DateSent).fromNow();\r\n comments[i][j].isReplying = ko.observable(false);\r\n comments[i][j].replyText = ko.observable('');\r\n comments[i][j].toggleReplying = function () {\r\n this.isReplying(!this.isReplying());\r\n }\r\n comments[i][j].parent = commentGroup;\r\n commentGroup.push(comments[i][j]);\r\n }\r\n\r\n self.commentGroups.push(commentGroup);\r\n }\r\n\r\n }\r\n\r\n\r\n self.addToQuiz = function () {\r\n if (self.isSubmitting())\r\n return;\r\n\r\n self.isSubmitting(true);\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n userId: self.question.UserId\r\n };\r\n \r\n var url;\r\n\r\n if (self.newQuizName().length > 0) {\r\n url = '/QuizQuestions/AddToNewQuiz';\r\n model.quizName = self.newQuizName();\r\n } else if (self.selectedQuizOption()) {\r\n url = '/QuizQuestions/Add';\r\n model.quizId = self.selectedQuizOption().QuizId;\r\n } else {\r\n toastr['error']('Please select a quiz or enter a quiz name', 'Error');\r\n }\r\n \r\n $.ajax({\r\n url: url,\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('This question has been added to the quiz', 'Added to Quiz');\r\n }\r\n else if (message.status === 'error') {\r\n toastr['warning'](message.message, 'Warning');\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n self.moderatePass = function () {\r\n var model = {\r\n questionId: self.question.QuestionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Questions/ModeratePass',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('This question has been published', 'Pass');\r\n } \r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.moderateFail = function () {\r\n var model = {\r\n questionId: self.question.QuestionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Questions/ModerateFail',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('This question has been failed', 'Fail');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function showExplanations() {\r\n getExplanations(function () {\r\n self.currentQuestion(self.question);\r\n self.isShowExplanations(true);\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function setLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/AddLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(true);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function deleteLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/RemoveLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(false);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function setAnswer(callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n self.isSubmitting(true);\r\n\r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n\r\n var answerViewModel = {\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n mixpanel.track('Question Answered', {\r\n category: 'Take Quiz',\r\n label: !!answerViewModel.isGuess\r\n ? 'Guess'\r\n : answerViewModel.reason && answerViewModel.reason.length\r\n ? 'Explanation written'\r\n : 'No explanation'\r\n });\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n\r\n self.isAnswerable(false);\r\n self.isShowReason(false);\r\n } else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getQuestion(id) {\r\n var model = { questionId: id };\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n self.question = data;\r\n\r\n self.questionId(self.question.QuestionId);\r\n self.questionAuthor(self.question.AuthorUserName);\r\n self.questionDateCreated(moment(self.question.DateUploaded).format('D MMM YYYY'));\r\n self.questionDownloads(self.question.Downloads);\r\n self.questionLikes(self.question.Likes);\r\n self.isQuestionLiked(self.question.IsQuestionLiked);\r\n self.questionIsCurated(self.question.IsCurated);\r\n\r\n self.currentQuestion(self.question);\r\n self.userId(self.question.UserId);\r\n self.isProvenTeacher(self.question.IsProvenTeacher);\r\n self.isQuestionLoaded(true);\r\n\r\n if (self.question.UserId > 0) {\r\n self.page(self.pages.question);\r\n }\r\n else {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.question);\r\n }\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getComments() {\r\n var model = {\r\n questionId: self.question.QuestionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Flags/GetComments/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n self.processComments(data.data);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getQuizzes() {\r\n \r\n $.ajax({\r\n url: '/Questions/GoQuestionQuizzesJson',\r\n type: 'POST',\r\n data: JSON.stringify(null),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.quizOptions(data.Quizzes);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getSubjects(questionId) {\r\n var model = {\r\n questionId: questionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionSubjectsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.subjects(data.Subjects);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n\r\n function getMetrics(questionId) {\r\n \r\n $.ajax({\r\n url: '/v1/rasch-Scores/' + questionId,\r\n type: 'GET',\r\n data: null,\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n var metrics = [];\r\n\r\n Object.keys(data).forEach(function (key) {\r\n if (key.toLowerCase() !== 'questionid'\r\n && key.toLowerCase() !== 'subjectid') {\r\n metrics.push({\r\n name: capitalizeFirstLetter(key),\r\n value: round(data[key], 2).toFixed(2)\r\n });\r\n }\r\n })\r\n \r\n self.metrics(metrics);\r\n },\r\n error: function (error) {\r\n self.metrics([{\r\n name: 'Not enough students have yet answered this question to evaluate its quality',\r\n value: ''\r\n }]);\r\n }\r\n });\r\n }\r\n\r\n\r\n function getExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n firstAnswerValue: self.question.CorrectAnswer,\r\n secondAnswerValue: self.question.AnswerValue\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n self.question.CorrectSkip = 0;\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n self.question.IncorrectSkip = 0;\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreSecondExplanations;\r\n\r\n self.question.Explanations = {\r\n CorrectExplanations: data.FirstExplanations,\r\n IncorrectExplanations: data.SecondExplanations\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getMoreExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n secondAnswerValue: null\r\n };\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n model.firstAnswerValue = self.question.CorrectAnswer;\r\n\r\n if (self.question.IsMoreCorrectExplanations) {\r\n self.question.CorrectSkip += 2;\r\n } else if (self.question.CorrectSkip > 0) {\r\n self.question.CorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.CorrectSkip;\r\n } else {\r\n model.firstAnswerValue = self.selectedAnswer();\r\n\r\n if (self.question.IsMoreIncorrectExplanations) {\r\n self.question.IncorrectSkip += 2;\r\n } else if (self.question.IncorrectSkip > 0) {\r\n self.question.IncorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.IncorrectSkip;\r\n }\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n if (data.FirstExplanations.length == 0) {\r\n toastr['info']('There are no more explanations to view.', 'All out!');\r\n return;\r\n }\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n\r\n self.question.Explanations.CorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n } else {\r\n\r\n self.question.Explanations.IncorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n function capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n }\r\n\r\n function round(value, exp) {\r\n if (typeof exp === 'undefined' || +exp === 0)\r\n return Math.round(value);\r\n\r\n value = +value;\r\n exp = +exp;\r\n\r\n if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0))\r\n return NaN;\r\n\r\n // Shift\r\n value = value.toString().split('e');\r\n value = Math.round(+(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp)));\r\n\r\n // Shift back\r\n value = value.toString().split('e');\r\n return +(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp));\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n //setup crossroads\r\n crossroads.addRoute('/{questionId}/',\r\n function (questionId) {\r\n if (!self.isQuestionLoaded() || self.question.QuestionId != questionId) {\r\n self.isQuestionLoaded(false);\r\n getQuestion(questionId);\r\n }\r\n });\r\n\r\n crossroads.addRoute('/{questionId}/Moderate/',\r\n function (questionId) {\r\n self.moderateMode(true);\r\n if (!self.isQuestionLoaded() || self.question.QuestionId != questionId) {\r\n self.isQuestionLoaded(false);\r\n getQuestion(questionId);\r\n }\r\n });\r\n\r\n crossroads.addRoute('/',\r\n function () {\r\n document.location = '/Home/Dashboard?Message=Sorry%20no%20question%20information%20was%20provided%20so%20there%20is%20nothing%20to%20load.';\r\n });\r\n\r\n //crossroads.routed.add(console.log, console); //log all routes\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash); //parse initial hash\r\n hasher.changed.add(parseHash); //parse hash changes\r\n hasher.init(); //start listening for history change\r\n }\r\n\r\n});\n","define('pages/questions/import',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n\r\n});\n","define('pages/questions/index',['jquery', 'toastr', 'bootstrap', 'chosen', 'compactChildren'], function ($, toastr) {\r\n\r\n $(function () {\r\n\r\n $(\".order-questions-by\").change(function () {\r\n document.location = this.value;\r\n });\r\n \r\n var viewModel = {\r\n questionId: $(this).data('questionid'),\r\n userId: $(this).data('userid'),\r\n quizId: $(this).data('quizid')\r\n };\r\n \r\n $(\"#by-student-toggle\").change(function () {\r\n document.location = $(this).data('action');\r\n });\r\n\r\n var working = false;\r\n\r\n $('.js-add-to-instant-quiz').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this,\r\n counter;\r\n \r\n var viewModel = {\r\n questionId: $(self).data('questionid')\r\n };\r\n\r\n if (working == true) {\r\n return;\r\n }\r\n\r\n working = true;\r\n\r\n if ($(self).hasClass(\"active\")) {\r\n \r\n $(self).removeClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n })\r\n });\r\n\r\n $.ajax({\r\n url: '/QuizQuestions/Remove',\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n\r\n if (message.status == \"error\") {\r\n $(self).addClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n })\r\n });\r\n }\r\n\r\n working = false;\r\n\r\n },\r\n error: function () {\r\n\r\n $(self).addClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n })\r\n });\r\n\r\n working = false;\r\n\r\n }\r\n });\r\n\r\n } else {\r\n\r\n // Make the button active\r\n $(self).addClass(\"active\");\r\n\r\n // Enable the view instant quiz button and increment counter\r\n $('#js-view-instant-quiz').removeClass('disabled')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n })\r\n });\r\n\r\n $.ajax({\r\n url: '/QuizQuestions/Add',\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n\r\n if (message.status == \"error\") {\r\n $(self).removeClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n })\r\n });\r\n\r\n toastr['warning'](message.message, 'Warning');\r\n }\r\n\r\n working = false;\r\n },\r\n error: function () {\r\n\r\n $(self).removeClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n })\r\n });\r\n\r\n working = false;\r\n }\r\n });\r\n\r\n }\r\n\r\n });\r\n \r\n $('.js-question-like').click(function (event) {\r\n\r\n var self = this;\r\n var $self = $(self);\r\n\r\n var model = {\r\n questionId: $self.data('questionid'),\r\n userId: $self.data('userid')\r\n };\r\n\r\n var likeId = $self.data('like-id');\r\n\r\n if ($(this).hasClass('active')) {\r\n\r\n $.ajax({\r\n url: '/Questions/Unlike/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n changeLikes(likeId, -1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n \r\n $(this).removeClass('active');\r\n\r\n } else {\r\n \r\n $(this).addClass('active');\r\n\r\n $.ajax({\r\n url: '/Questions/Like/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n changeLikes(likeId, 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n });\r\n\r\n $('.js-moderate-fail').click(function (event) {\r\n\r\n var self = this;\r\n var $self = $(self);\r\n\r\n var model = {\r\n questionId: $self.data('questionid'),\r\n moderation: 'Failed'\r\n };\r\n\r\n\r\n $.ajax({\r\n url: '/Questions/Moderate/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['success']('Question failed', 'Success');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n });\r\n\r\n function changeLikes(id, value) {\r\n\r\n var text = $('#' + id).text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + value);\r\n });\r\n\r\n $('#' + id).text(text);\r\n }\r\n\r\n $(\"#chosen-author\").chosen({ allow_single_deselect: true, width: '100%' }).change(function () {\r\n document.location = this.value;\r\n });\r\n\r\n $(\"#chosen-subject\").chosen({ allow_single_deselect: true, width: '100%' }).change(function () {\r\n document.location = this.value;\r\n });\r\n \r\n function isTouchDevice() {\r\n return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n }\r\n\r\n });\r\n\r\n});\n","define('pages/questions/moderate',['jquery', 'bootstrap', 'chosen'], function ($) {\r\n\r\n $(function () {\r\n\r\n // Ajax request for moving questions\r\n\r\n $('.js-moderate').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n\r\n var viewModel = {\r\n questionId: $(self).data('questionid'),\r\n moderation: $(self).data('moderation'),\r\n reason: $(self).closest('.col-sm-6').find('.js-fail-reason').val()\r\n };\r\n \r\n $.ajax({\r\n url: $(self).data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n $(self).closest('.col-sm-6').remove();\r\n }\r\n });\r\n\r\n });\r\n\r\n $('.js-moderate-answer').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n\r\n var viewModel = {\r\n answerId: $(self).data('answerid'),\r\n moderation: $(self).data('moderation')\r\n };\r\n\r\n $.ajax({\r\n url: $(self).data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n $(self).closest('tr').remove();\r\n }\r\n });\r\n\r\n });\r\n\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/collections',['jquery', 'bootstrap', 'perfectScrollbarJquery'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('.thumbnail__description').perfectScrollbar({ suppressScrollX: true });\r\n\r\n $(window).resize(function () {\r\n $('.thumbnail__description').perfectScrollbar('update');\r\n });\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/create',['jquery', 'bootstrap'], function ($) {\r\n\r\n});\n","define('pages/quizzes/createbyquestionid',['jquery', 'knockout', 'toastr', 'jqueryValidate', 'bootstrap', 'mousetrap'], function ($, ko, toastr) {\r\n\r\n var self;\r\n\r\n function CreateByQuestionIdViewModel() {\r\n\r\n self = this;\r\n\r\n \r\n self.questions = ko.observableArray([]);\r\n self.quizName = ko.observable('');\r\n self.questionId = ko.observable('');\r\n \r\n addPageFunctions();\r\n bindEnterToAddQuestion();\r\n }\r\n\r\n function addPageFunctions() {\r\n \r\n self.removeQuestion = function (questionId) {\r\n for (var i = 0; i < self.questions().length; i++) {\r\n if (self.questions()[i].QuestionId == questionId) {\r\n self.questions.remove(self.questions()[i]);\r\n }\r\n }\r\n }\r\n\r\n self.questionPageUrl = function (questionId) {\r\n return '/Questions/Go#' + questionId;\r\n }\r\n\r\n self.addQuestion = function () {\r\n var questionId = parseInt($('#js-question-id').val());\r\n if (isNaN(questionId)) {\r\n toastr['error']('Please enter a valid question Id.', 'Error');\r\n return;\r\n }\r\n var model = { questionId : questionId }\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n self.questions.push(data);\r\n self.questionId('');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.createQuiz = function () {\r\n var model = {\r\n quizName: self.quizName(),\r\n questionIds: getQuestionIds()\r\n }\r\n\r\n \r\n $.ajax({\r\n url: '/Quizzes/CreateQuizByQuestionIds',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n toastr['success'](\"Quiz created.\", 'Success');\r\n self.questions.removeAll();\r\n self.quizName(\"\");\r\n self.questionId(\"\");\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n }\r\n\r\n ko.applyBindings(new CreateByQuestionIdViewModel());\r\n \r\n function getQuestionIds() {\r\n var ids = [];\r\n for (var i = 0; i < self.questions().length; i++) {\r\n ids.push(self.questions()[i].QuestionId);\r\n }\r\n return ids;\r\n }\r\n\r\n function bindEnterToAddQuestion() {\r\n Mousetrap.unbind([\"enter\"]);\r\n Mousetrap.bind(\"enter\", function () {\r\n self.addQuestion();\r\n });\r\n }\r\n\r\n});\n","define('pages/quizzes/default',['jquery', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/details',['jquery', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/edit',['jquery', 'bootstrap', 'chosen', 'sweetalert'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('#js-edit-quiz-name__trigger').popover({\r\n html: true,\r\n title: function () {\r\n return $($(this).data('markup')).find('.js-edit-quiz-name__head').html();\r\n },\r\n content: function () {\r\n return $($(this).data('markup')).find('.js-edit-quiz-name__content').html();\r\n },\r\n placement: 'bottom'\r\n });\r\n\r\n // Note that the 'hide' event does not remove the popover properly, it still prevents \r\n // click throughs to the Share button. So use 'toggle'.\r\n $('#js-edit-quiz-name__holder').on('click', '.js-edit-quiz-name__cancel', function (event) {\r\n $($(this).closest('#js-edit-quiz-name__holder').data('trigger')).popover('toggle');\r\n });\r\n\r\n function isEmpty(str) {\r\n return (!str || 0 === str.length);\r\n }\r\n\r\n $('input[name=\"SharingStatus\"]').change(function () {\r\n\r\n var $self = $(this);\r\n\r\n var quizId = $self.data('quizid');\r\n\r\n var model = {\r\n quizId: quizId,\r\n sharingStatus: this.value\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/SetSharingStatus',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n // Do nothing\r\n }\r\n });\r\n \r\n });\r\n\r\n $('input[name=\"QuizType\"]').change(function () {\r\n\r\n var $self = $(this);\r\n\r\n var quizId = $self.data('quizid');\r\n\r\n var model = {\r\n quizId: quizId,\r\n quizType: this.value\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/SetQuizType',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n // Do nothing\r\n }\r\n });\r\n\r\n });\r\n \r\n $('#js-publish').tooltip();\r\n\r\n $('#js-publish').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var $self = $(this);\r\n\r\n var quizId = $self.data('quizid');\r\n\r\n var model = {\r\n quizId: quizId,\r\n sharingStatus: 'colleagues'\r\n };\r\n\r\n swal(\r\n {\r\n title: \"Are you sure?\",\r\n text: \"You will not be able to edit this quiz or make it private if you publish it.\",\r\n type: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonClass: \"btn-danger\",\r\n confirmButtonText: \"Yes, publish!\",\r\n cancelButtonText: \"No, keep it private\",\r\n closeOnConfirm: false,\r\n closeOnCancel: false\r\n },\r\n function (isConfirm) {\r\n if (isConfirm) {\r\n $.ajax({\r\n url: '/Quizzes/SetSharingStatus',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'error') {\r\n swal(\"Error!\", message.message, \"error\");\r\n\r\n } else {\r\n swal(\"Success!\", \"Your quiz has been published.\", \"success\");\r\n location.reload();\r\n }\r\n }\r\n });\r\n } else {\r\n swal(\"Cancelled\", \"Your quiz is still private.\", \"error\");\r\n }\r\n }\r\n );\r\n\r\n });\r\n\r\n $('#js-publish').prop(\"disabled\", false);\r\n\r\n $('#js-edit-quiz-name__holder').on('submit', 'form', function (event) {\r\n\r\n var self = this;\r\n\r\n event.preventDefault();\r\n\r\n var viewModel = {\r\n quizId: $(this).find('input[name=\"Quiz.QuizId\"]').val(),\r\n name: $(this).find('input[name=\"Quiz.Name\"]').val(),\r\n description: $(this).find('textarea[name=\"Quiz.Description\"]').val()\r\n };\r\n\r\n if (isEmpty(viewModel.name)) {\r\n\r\n $('input[name=\"Quiz.Name\"]')\r\n .attr('placeholder', 'Enter a name')\r\n .focus();\r\n\r\n } else {\r\n\r\n $.ajax({\r\n url: $(this).attr('action'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n $('#js-quiz-name').html(viewModel.name);\r\n $('#js-quiz-description').html(viewModel.description);\r\n $('.js-edit-quiz-name__content').find('input[name=\"Quiz.Name\"]').attr('value', viewModel.name);\r\n $('.js-edit-quiz-name__content').find('textarea[name=\"Quiz.Description\"]').html(viewModel.description);\r\n $($(self).closest('#js-edit-quiz-name__holder').data('trigger')).popover('toggle');\r\n }\r\n });\r\n }\r\n\r\n });\r\n\r\n $('#js-share-quiz__trigger').popover({\r\n html: true,\r\n title: function () {\r\n return $($(this).data('markup')).find('.js-share-quiz__head').html();\r\n },\r\n content: function () {\r\n return $($(this).data('markup')).find('.js-share-quiz__content').html();\r\n },\r\n placement: 'bottom'\r\n });\r\n \r\n $('#js-share-quiz__holder').on('click', '#quiz__copy-link', function () { this.select(); });\r\n\r\n // Need to allow Ctrl-C so removed this. Means people can edit the url but they cannot save the edit so safe enough.\r\n\r\n //$('#js-share-quiz__holder').on('keydown', '#quiz__copy-link', function (event) {\r\n // event.preventDefault();\r\n // event.stopPropagation();\r\n // return false;\r\n //});\r\n\r\n $('#js-share-quiz__holder').on('cut', '#quiz__copy-link', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return false;\r\n });\r\n\r\n $('#js-delete-selected-questions').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var $self = $(this);\r\n \r\n var quizId = $self.data('quizid');\r\n\r\n var $selectedQuestionIds = $('input[name=selectedQuestionIds]:checked');\r\n\r\n var questionIds = $selectedQuestionIds\r\n .map(function () {\r\n return this.value;\r\n }).toArray();\r\n\r\n var viewModel = {\r\n quizId: quizId,\r\n questionIds: questionIds\r\n };\r\n\r\n var messages = \"\";\r\n\r\n if (questionIds === undefined || questionIds.length === 0) {\r\n\r\n messages += '![](\"~/Images/svg/ReferrerGold.svg\")
Please select a correct answer.
';\r\n\r\n }\r\n\r\n //if (ageGroup === undefined) {\r\n\r\n // errorMessages += 'Please select a age group.
';\r\n\r\n //}\r\n\r\n if (selectedSubjectIds === undefined || selectedSubjectIds.length === 0) {\r\n\r\n errorMessages += 'Please select at least one subject.
';\r\n\r\n }\r\n\r\n if (errorMessages === \"\") {\r\n\r\n $.ajax({\r\n url: $(this).attr('action'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n window.location = message.redirectUrl;\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $('#error-container').html(errorMessages);\r\n\r\n }\r\n\r\n });\r\n\r\n function pad(str, length) {\r\n while (str.length < length) {\r\n str = '0' + str;\r\n }\r\n return str;\r\n };\r\n\r\n var getRandomInt = fabric.util.getRandomInt;\r\n\r\n function getRandomColor() {\r\n return (\r\n pad(getRandomInt(0, 255).toString(16), 2) +\r\n pad(getRandomInt(0, 255).toString(16), 2) +\r\n pad(getRandomInt(0, 255).toString(16), 2)\r\n );\r\n }\r\n\r\n // Settings for selection rectangle\r\n fabric.Object.prototype.padding = 5;\r\n fabric.Object.prototype.transparentCorners = false;\r\n\r\n function getRandomNum(min, max) {\r\n return Math.random() * (max - min) + min;\r\n }\r\n\r\n var canvas = new fabric.Canvas('question-canvas');\r\n\r\n var canvasJson = $('#question-canvas').data('json');\r\n\r\n if (canvasJson != '') {\r\n canvas.loadFromJSON(canvasJson);\r\n }\r\n\r\n canvas.backgroundColor = '#ffffff';\r\n canvas.freeDrawingBrush.width = 5;\r\n canvas.renderAll();\r\n\r\n $('#fabric__clear-canvas').click(function () {\r\n if (confirm('Are you sure?')) {\r\n canvas.backgroundColor = '#ffffff';\r\n canvas.clear();\r\n }\r\n });\r\n\r\n $('#fabric__select-mode').click(function () {\r\n canvas.isDrawingMode = false;\r\n var slideWidth = $('#fabric__drawing-tab').width();\r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__shape-tab > a').tab('show');\r\n });\r\n\r\n $('#fabric__draw-mode').click(function () {\r\n canvas.isDrawingMode = true;\r\n canvas.deactivateAll().renderAll();\r\n $('#fabric__object-tab').hide();\r\n $('#fabric__text-tab').hide();\r\n $('#fabric__drawing-tab').show();\r\n $('#fabric__drawing-tab > a').tab('show');\r\n });\r\n\r\n $('#fabric__add-text').click(function () {\r\n\r\n var oldFontSize = $('#fabric__font-size').prop('value') || 16;\r\n\r\n var placeholder = new fabric.Text('Enter text here', {\r\n left: getRandomInt(350, 400),\r\n top: getRandomInt(350, 400),\r\n fontFamily: $('#fabric__font-family').prop('value') || 'sans-serif',\r\n angle: 0,\r\n fill: $('#fabric__text-colour').spectrum('get').toHexString(),\r\n scaleX: 0.5,\r\n scaleY: 0.5,\r\n fontWeight: $('#fabric__font-bold').hasClass('active') ? 'bold' : '',\r\n fontStyle: $('#fabric__font-italic').hasClass('active') ? 'italic' : '',\r\n fontSize: parseInt(2.5 * oldFontSize, 10), // Correction to make numbers similar to Word\r\n textDecoration: $('#fabric__font-underline').hasClass('active') ? 'underline' : '',\r\n originX: 'left',\r\n hasRotatingPoint: true\r\n });\r\n\r\n canvas.add(placeholder);\r\n canvas.setActiveObject(placeholder);\r\n\r\n if (canvas.isDrawingMode) {\r\n canvas.isDrawingMode = false;\r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__select-mode').addClass('active');\r\n $('#fabric__draw-mode').removeClass('active');\r\n }\r\n\r\n $('#fabric__object-tab').show();\r\n $('#fabric__text-tab').show();\r\n $('#fabric__text-tab > a').tab('show');\r\n\r\n });\r\n\r\n\r\n $(\"#fabric__background-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n canvas.backgroundColor = colour.toHexString();\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n //clickoutFiresChange: true,\r\n //disabled: true,\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n\r\n //The below pallette is a copy of the Chrome input color type which would\r\n //provide a wonderful fallback, but the pallette is an awful selection of colours.\r\n //['ff8080', 'ffff80', '80ff80', '00ff80', '80ffff', '0080ff', 'ff80c0', 'ff80ff'],\r\n //['ff0000', 'ffff00', '80ff00', '00ff40', '00ffff', '0080c0', '8080c0', 'ff00ff'],\r\n //['804040', 'ff8040', '00ff00', '008080', '004080', '8080ff', '800040', 'ff0080'],\r\n //['800000', 'ff8000', '008000', '008040', '0000ff', '0000a0', '800080', '8000ff'],\r\n //['400000', '804000', '004000', '004040', '000080', '000040', '400040', '400080'],\r\n //['000000', '808000', '808040', '808080', '408080', 'c0c0c0', '300030', 'ffffff']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n function deleteSelection() {\r\n var activeObject = canvas.getActiveObject(),\r\n activeGroup = canvas.getActiveGroup();\r\n if (activeGroup) {\r\n var objectsInGroup = activeGroup.getObjects();\r\n canvas.discardActiveGroup();\r\n objectsInGroup.forEach(function (object) {\r\n canvas.remove(object);\r\n });\r\n } else if (activeObject) {\r\n canvas.remove(activeObject);\r\n }\r\n }\r\n\r\n $('#fabric__remove').click(deleteSelection);\r\n Mousetrap.bind('del', deleteSelection);\r\n\r\n function unselectAll() {\r\n canvas.deactivateAll().renderAll();\r\n }\r\n\r\n Mousetrap.bind('esc', unselectAll);\r\n\r\n // Object Menu\r\n\r\n $(\"#fabric__stroke-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n activeObject.set(\"stroke\", colour.toHexString());\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n\r\n $(\"#fabric__fill-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n activeObject.set(\"fill\", colour.toHexString());\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showAlpha: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $('#fabric__stroke-thickness > li > a').click(function (event) {\r\n event.preventDefault();\r\n canvas.getActiveObject().set('strokeWidth', parseInt($(this).data('width'), 10));\r\n canvas.renderAll();\r\n });\r\n\r\n $('#fabric__opacity a').click(function (event) {\r\n event.preventDefault();\r\n var activeObject = canvas.getActiveObject(),\r\n activeGroup = canvas.getActiveGroup();\r\n\r\n if (activeGroup || activeObject) {\r\n (activeGroup || activeObject).setOpacity($(this).data('opacity') / 100);\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n\r\n $('#fabric__copy').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n\r\n if (!activeObject) return;\r\n\r\n if (fabric.util.getKlass(activeObject.type).async) {\r\n activeObject.clone(function (clone) {\r\n clone.set({ left: activeObject.left + 40, top: activeObject.top + 40 });\r\n canvas.add(clone);\r\n });\r\n } else {\r\n canvas.add(activeObject.clone().set({ left: activeObject.left + 40, top: activeObject.top + 40 }));\r\n }\r\n\r\n canvas.renderAll();\r\n\r\n });\r\n\r\n $('#fabric__flip-horizontal').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n activeObject.flipY = !activeObject.flipY;\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__flip-vertical').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n activeObject.flipX = !activeObject.flipX;\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__bring-to-front').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.bringToFront(activeObject);\r\n }\r\n });\r\n\r\n $('#fabric__bring-forward').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.bringForward(activeObject);\r\n }\r\n });\r\n\r\n $('#fabric__send-backwards').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.sendBackwards(activeObject);\r\n }\r\n });\r\n\r\n $('#fabric__send-to-back').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n canvas.sendToBack(activeObject);\r\n }\r\n });\r\n\r\n // Text\r\n\r\n $('textarea').autosize();\r\n\r\n //$('#fabric__text').focus(function () {\r\n // var activeObject = canvas.getActiveObject();\r\n\r\n // if (activeObject && activeObject.type === 'text') {\r\n // this.value = activeObject.text;\r\n // }\r\n //});\r\n\r\n $('#fabric__text').keyup(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n if (!this.value) {\r\n // canvas.discardActiveObject(); // TODO Check this. Discarding the active object lost connection so no more updates possible seems stupid, you may want to \r\n // remove all text and start typing afresh. discardActiveObject would ruin that. \r\n }\r\n else {\r\n activeObject.setText(this.value);\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-family').change(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fontFamily = this.value.toLowerCase();\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-size').change(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.setFontSize(parseInt(2.5 * this.value, 10)); // 2.5 scaling factor to make similar to Word\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-bold').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fontWeight = (activeObject.fontWeight == 'bold' ? '' : 'bold');\r\n (activeObject.fontWeight === 'bold') ? $(this).addClass('active') : $(this).removeClass('active');\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-italic').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fontStyle = (activeObject.fontStyle == 'italic' ? '' : 'italic');\r\n (activeObject.fontStyle === 'italic') ? $(this).addClass('active') : $(this).removeClass('active');\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__font-underline').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textDecoration = (activeObject.textDecoration == 'underline' ? '' : 'underline');\r\n (activeObject.textDecoration === 'underline') ? $(this).addClass('active') : $(this).removeClass('active');\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $(\"#fabric__text-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.fill = colour.toHexString();\r\n canvas.renderAll();\r\n }\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $(\"#fabric__text-background-colour\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.backgroundColor = colour.toHexString();\r\n canvas.renderAll();\r\n }\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showAlpha: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $('#fabric__text-align-left').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'left';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'left');\r\n if (activeObject.textAlign === 'left') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__text-align-center').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'center';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'center');\r\n if (activeObject.textAlign === 'center') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__text-align-right').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'right';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'right');\r\n if (activeObject.textAlign === 'right') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('#fabric__text-align-justify').click(function () {\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject && activeObject.type === 'text') {\r\n activeObject.textAlign = 'justify';\r\n canvas._adjustPosition && canvas._adjustPosition(activeObject, 'justify');\r\n if (activeObject.textAlign === 'justify') {\r\n $(this).siblings().removeClass('active');\r\n this.className += ' active';\r\n }\r\n else {\r\n this.className = 'btn';\r\n }\r\n canvas.renderAll();\r\n }\r\n });\r\n\r\n $('.js-character').click(function () {\r\n\r\n var $fabricText = $('#fabric__text');\r\n var fabricText = $fabricText[0];\r\n\r\n $fabricText.sendkeys($(this).val());\r\n\r\n var activeObject = canvas.getActiveObject();\r\n if (activeObject) {\r\n if (!fabricText.value) {\r\n // canvas.discardActiveObject(); // TODO Check this. Discarding the active object lost connection so no more updates possible seems stupid, you may want to \r\n // remove all text and start typing afresh. discardActiveObject would ruin that. \r\n }\r\n else {\r\n activeObject.setText(fabricText.value);\r\n }\r\n canvas.renderAll();\r\n }\r\n })\r\n\r\n $('.js-character-toggle').click(function () {\r\n $('.js-character').toggleClass('hide');\r\n })\r\n\r\n\r\n // Drawing\r\n\r\n $(\"#fabric__draw-stroke\").spectrum({\r\n cancelText: \"Cancel\",\r\n change: function (colour) {\r\n canvas.freeDrawingBrush.color = colour.toHexString();\r\n canvas.renderAll();\r\n },\r\n chooseText: \"OK\",\r\n maxSelectionSize: 6,\r\n move: function (color) {\r\n $(this).css(\"color\", color.toHexString());\r\n },\r\n showInitial: true,\r\n showPalette: true,\r\n showSelectionPalette: true,\r\n theme: 'sp-bootstrap',\r\n palette: [\r\n ['ffffff', 'f2f2f2', 'd8d8d8', 'bfbfbf', 'a5a5a5', '7f7f7f'],\r\n ['000000', '7f7f7f', '595959', '3f3f3f', '262626', '0c0c0c'],\r\n ['7030a0', 'e3d0f1', 'c7a3e3', 'ab73d5', '542378', '381750'],\r\n ['ff0000', 'ffcccc', 'fe9999', 'ff6566', 'bf0000', '7f0000'],\r\n ['ffff00', 'ffffcc', 'fffe99', 'ffff65', 'f1c405', 'ffbb02'],\r\n ['00b050', 'bcffda', '79ffb6', '36fe91', '00843b', '005827'],\r\n ['0070c0', 'bfe4ff', '7fcaff', '40afff', '005390', '003760']\r\n ],\r\n localStorageKey: \"spectrum.fabric\"\r\n });\r\n\r\n $('#fabric__draw-thickness > li > a').click(function (event) {\r\n event.preventDefault();\r\n canvas.freeDrawingBrush.width = parseInt($(this).data('width'), 10) || 5;\r\n });\r\n\r\n $('#fabric__shape-triangle').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Triangle({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n width: 100,\r\n height: 100,\r\n opacity: 1\r\n }));\r\n });\r\n\r\n $('#fabric__shape-circle').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Circle({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n radius: 50,\r\n opacity: 1\r\n }));\r\n });\r\n\r\n $('#fabric__shape-square').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Rect({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n width: 100,\r\n height: 100,\r\n opacity: 1\r\n }));\r\n });\r\n\r\n $('#fabric__shape-rectangle').click(function (event) {\r\n event.preventDefault();\r\n canvas.add(new fabric.Rect({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50),\r\n fill: '#' + getRandomColor(),\r\n width: 100,\r\n height: 60,\r\n opacity: 1\r\n }));\r\n });\r\n\r\n $('#fabric__image-tab').on('click', function (event) {\r\n // A horrible setTimeout solution. Need a promise here or \r\n // some other way of knowing the images have been loaded.\r\n\r\n setTimeout(function () {\r\n $('#fabric__image-tab-pane .thumbnail').uniformHeight();\r\n }, 100);\r\n\r\n });\r\n\r\n function isTouchDevice() {\r\n return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n }\r\n\r\n if (!isTouchDevice()) {\r\n $('.fabric__image').tooltip({\r\n trigger: 'hover',\r\n title: 'Click to insert'\r\n });\r\n }\r\n // Insert Image\r\n\r\n // TODO Add code to indicate that this picture is associated with this question\r\n // TODO Add equivalent code for the delete method\r\n // TODO Or don't bother recording this in the db and just search through JSON \r\n // for each question to check whether the image is in use before allowing delete.\r\n // Using delegation so new .fabric__image elements receive event.\r\n $('.fabric__images-list').on('click', '.fabric__image', function (event) {\r\n fabric.Image.fromURL($(this).data('url'), function (Img) {\r\n //Img.scale(0.5);\r\n Img.left = 0;\r\n Img.top = 0;\r\n Img.originX = 'left';\r\n Img.originY = 'top';\r\n canvas.add(Img);\r\n });\r\n });\r\n\r\n var uploadButton = $('')\r\n .addClass('btn btn-success')\r\n .prop('disabled', true)\r\n .text('Processing...')\r\n .on('click', function () {\r\n var $this = $(this),\r\n data = $this.data();\r\n $this\r\n .off('click')\r\n .text('Abort')\r\n .on('click', function () {\r\n $this.remove();\r\n data.abort();\r\n });\r\n data.submit().always(function () {\r\n $this.remove();\r\n });\r\n });\r\n\r\n var progressBar = $('');\r\n\r\n $('#fabric__upload-new-image').fileupload({\r\n acceptFileTypes: /(\\.|\\/)(gif|jpe?g|png)$/i,\r\n autoUpload: false,\r\n dataType: 'json',\r\n // Enable image resizing, except for Android and Opera,\r\n // which actually support image resizing, but fail to\r\n // send Blob objects via XHR requests:\r\n disableImageResize: /Android(?!.*Chrome)|Opera/\r\n .test(window.navigator.userAgent),\r\n maxFileSize: 5000000, // 5MB\r\n maxNumberOfFiles: 1,\r\n previewMaxWidth: 200,\r\n previewMaxHeight: 150,\r\n previewCrop: false, // Force uncropped previews\r\n imageMaxWidth: 640,\r\n imageMaxHeight: 480,\r\n imageCrop: false, // Force uncropped images\r\n url: this.action\r\n }).on('fileuploadadd', function (e, data) {\r\n data.context = $('').appendTo('#files');\r\n $.each(data.files, function (index, file) {\r\n var node = $('')\r\n .append($('').text(\"Filename: \" + file.name));\r\n if (!index) {\r\n node\r\n .append('
')\r\n .append(uploadButton.clone(true).data(data));\r\n }\r\n node.appendTo(data.context);\r\n });\r\n }).on('fileuploadprocessalways', function (e, data) {\r\n var index = data.index,\r\n file = data.files[index],\r\n node = $(data.context.children()[index]);\r\n if (file.preview) {\r\n node\r\n .prepend('
')\r\n .prepend(file.preview);\r\n }\r\n if (file.error) {\r\n node\r\n .append('
')\r\n .append(file.error);\r\n }\r\n if (index + 1 === data.files.length) {\r\n data.context.find('button')\r\n .text('Add to Canvas')\r\n .prop('disabled', !!data.files.error);\r\n }\r\n }).on('fileuploadsubmit', function (e, data) {\r\n\r\n }).on('fileuploadprogress', function (e, data) {\r\n var progress = parseInt(data.loaded / data.total * 100, 10);\r\n\r\n data.context.find('.progress-bar').css(\r\n 'width',\r\n progress + '%'\r\n );\r\n }).on('fileuploaddone', function (e, data) {\r\n\r\n $.each(data.result, function (index, file) {\r\n\r\n var thumbnail = tmpl(\"tmpl-thumbnail\", file);\r\n\r\n $('.thumbnails--images-tab').prepend(thumbnail);\r\n\r\n $('#progress').fadeOut();\r\n $(data.context).fadeOut();\r\n\r\n fabric.Image.fromURL(file.url, function (Img) {\r\n Img.left = 0;\r\n Img.top = 0;\r\n Img.originX = 'left';\r\n Img.originY = 'top';\r\n canvas.add(Img);\r\n });\r\n\r\n });\r\n\r\n $('.thumbnails--images-tab .thumbnail').uniformHeight();\r\n\r\n }).on('fileuploadfail', function (e, data) {\r\n $.each(data.result, function (index, file) {\r\n var error = $('').text(file.error);\r\n $(data.context.children()[index])\r\n .append('
')\r\n .append(error);\r\n });\r\n }).prop('disabled', !$.support.fileInput)\r\n .parent().addClass($.support.fileInput ? undefined : 'disabled');\r\n\r\n $(document).on('dragover', function (e) {\r\n var dropZone = $('#dropzone'),\r\n timeout = window.dropZoneTimeout;\r\n if (!timeout) {\r\n dropZone.addClass('in');\r\n } else {\r\n clearTimeout(timeout);\r\n }\r\n var found = false,\r\n node = e.target;\r\n do {\r\n if (node === dropZone[0]) {\r\n found = true;\r\n break;\r\n }\r\n node = node.parentNode;\r\n } while (node != null);\r\n if (found) {\r\n dropZone.addClass('hover');\r\n } else {\r\n dropZone.removeClass('hover');\r\n }\r\n window.dropZoneTimeout = setTimeout(function () {\r\n window.dropZoneTimeout = null;\r\n dropZone.removeClass('in hover');\r\n }, 100);\r\n });\r\n\r\n\r\n\r\n // There seems to be a bug in fabricjs which means this does not put the SVG in the right place\r\n\r\n $('.fabric__shape').click(function (event) {\r\n\r\n //var group = [];\r\n\r\n //fabric.loadSVGFromURL(\"/Images/shape1.svg\", function (objects, options) {\r\n\r\n // var loadedObjects = new fabric.Group(group);\r\n\r\n // //loadedObjects.set({\r\n // // left: 100,\r\n // // top: 100,\r\n // // width: 400,\r\n // // height: 400\r\n // //});\r\n\r\n // canvas.add(loadedObjects);\r\n // canvas.renderAll();\r\n\r\n //}, function (item, object) {\r\n // object.set('id', item.getAttribute('id'));\r\n // group.push(object);\r\n //})\r\n\r\n\r\n\r\n event.preventDefault();\r\n\r\n\r\n var id = this.id, match;\r\n if (match = /\\d+$/.exec(id)) {\r\n fabric.loadSVGFromURL('/Images/shape' + match[0] + '.svg', function (objects, options) {\r\n\r\n var loadedObject = fabric.util.groupSVGElements(objects, options);\r\n\r\n loadedObject.set({\r\n left: fabric.util.getRandomInt(0 + 50, 640 - 50),\r\n top: fabric.util.getRandomInt(0 + 50, 480 - 50)\r\n });\r\n\r\n loadedObject/*.scaleToWidth(300)*/.setCoords();\r\n\r\n // loadedObject.hasRotatingPoint = true;\r\n\r\n canvas.add(loadedObject);\r\n\r\n canvas.calcOffset();\r\n });\r\n }\r\n\r\n });\r\n\r\n // Recalculate the canvas offset periodically\r\n\r\n setTimeout(function () {\r\n canvas.calcOffset();\r\n }, 100);\r\n\r\n // Events\r\n\r\n canvas.on('selection:cleared', function () {\r\n\r\n $('#fabric__drawing-tab').hide();\r\n $('#fabric__object-tab').hide();\r\n $('#fabric__text-tab').hide();\r\n\r\n $('#fabric__shape-tab > a').tab('show');\r\n\r\n });\r\n\r\n canvas.on('object:selected', onObjectSelected);\r\n //canvas.on('group:selected', onObjectSelected);\r\n\r\n function onObjectSelected(event) {\r\n var selectedObject = event.target;\r\n\r\n $('#fabric__object-tab').show();\r\n\r\n if (selectedObject.type === 'text') {\r\n\r\n // Update the UI values\r\n $('#fabric__text').prop('value', selectedObject.text);\r\n $('#fabric__font-family').prop('value', selectedObject.fontFamily);\r\n $('#fabric__font-size').prop('value', parseInt(selectedObject.getFontSize() / 2.5, 10)); // Silly 2.5 multiplicative factor so values seen by teachers look right\r\n\r\n (selectedObject.fontWeight === 'bold') ? $('#fabric__font-bold').addClass('active') : $('#fabric__font-bold').removeClass('active');\r\n (selectedObject.fontStyle === 'italic') ? $('#fabric__font-italic').addClass('active') : $('#fabric__font-italic').removeClass('active');\r\n (selectedObject.textDecoration === 'underline') ? $('#fabric__font-underline').addClass('active') : $('#fabric__font-underline').removeClass('active');\r\n\r\n $(\"#fabric__text-colour\").spectrum('set', selectedObject.fill);\r\n $(\"#fabric__text-colour\").css(\"color\", selectedObject.fill);\r\n $(\"#fabric__text-background-colour\").spectrum('set', selectedObject.backgroundColor);\r\n $(\"#fabric__text-background-colour\").css(\"color\", selectedObject.backgroundColor);\r\n\r\n $('#fabric__text-align-' + selectedObject.textAlign).addClass('active').siblings().removeClass('active');\r\n\r\n $('#fabric__text-tab').show();\r\n $('#fabric__text-tab > a').tab('show');\r\n\r\n // TODO Fix this fudge. Basically works without setTimeout for new text objects. It doesn't work \r\n // when you click on an existing object. I believe this is because some other event like \"move\"\r\n // overrides it. Need to probably do something on mouseup or something.\r\n setTimeout(function () {\r\n $('#fabric__text').focus().select();\r\n }, 10);\r\n\r\n\r\n } else {\r\n $('#fabric__object-tab > a').tab('show');\r\n\r\n $(\"#fabric__stroke-colour\").spectrum('set', selectedObject.stroke || '#000000');\r\n $(\"#fabric__stroke-colour\").css(\"color\", selectedObject.stroke || '#000000');\r\n\r\n $(\"#fabric__fill-colour\").spectrum('set', selectedObject.fill || '#000000');\r\n $(\"#fabric__fill-colour\").css(\"color\", selectedObject.fill || '#000000');\r\n }\r\n\r\n\r\n\r\n //var colorEl = document.getElementById('color');\r\n //colorEl && (colorEl.value = selectedObject.getFill());\r\n\r\n //var opacityEl = document.getElementById('opacity');\r\n //opacityEl && (opacityEl.value = parseInt(selectedObject.getOpacity() * 100, 10));\r\n\r\n //if (selectedObject.type === 'text') {\r\n // $('#text-wrapper').show();\r\n // $('#text-wrapper textarea').val(selectedObject.getText());\r\n\r\n // cmdBoldBtn.className = cmdUnderlineBtn.className = cmdItalicBtn.className = 'btn';\r\n\r\n // cmdBoldBtn.className = selectedObject.fontWeight === 'bold' ? cmdBoldBtn.className + ' active' : cmdBoldBtn.className;\r\n // cmdUnderlineBtn.className = selectedObject.textDecoration === 'underline' ? cmdUnderlineBtn.className + ' active' : cmdUnderlineBtn.className;\r\n // cmdItalicBtn.className = selectedObject.fontStyle === 'italic' ? cmdItalicBtn.className + ' active' : cmdItalicBtn.className;\r\n\r\n // fontFamilySwitch.value = selectedObject.get('fontFamily').toLowerCase();\r\n // var currentTextAlign = fabric.util.string.capitalize(selectedObject.get('textAlign'));\r\n\r\n // cmdTextAlignLeft.className = currentTextAlign === 'Left' ? 'btn active' : 'btn';\r\n // cmdTextAlignCenter.className = currentTextAlign === 'Center' ? 'btn active' : 'btn';\r\n // cmdTextAlignRight.className = currentTextAlign === 'Right' ? 'btn active' : 'btn';\r\n // cmdTextAlignJustify.className = currentTextAlign === 'Justify' ? 'btn active' : 'btn';\r\n\r\n\r\n // bgColorField.value = selectedObject.get('backgroundColor');\r\n // textFontSizeField.value = selectedObject.get('fontSize');\r\n //}\r\n //else {\r\n // $('#text-wrapper').hide();\r\n //}\r\n\r\n //$('#controls').show();\r\n }\r\n\r\n // http://stackoverflow.com/questions/9278569/equals-heights-of-thumbnails\r\n\r\n $(window).resize(function () {\r\n $('.thumbnails--images-tab .thumbnail').uniformHeight();\r\n });\r\n\r\n\r\n });\r\n\r\n});\n","define('pages/questions/embed',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'enums', 'bootstrap'], function ($, ko, crossroads, hasher, toastr) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n\r\n\r\n })\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuestionsGoViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n self.userId = ko.observable(-1);\r\n\r\n // Pages\r\n self.pages = new enums.Enum('login', 'question');\r\n self.page = ko.observable();\r\n\r\n // States\r\n self.isQuestionLoaded = ko.observable(false);\r\n self.isAnswerable = ko.observable(true);\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowExplanations = ko.observable(true);\r\n \r\n // Question\r\n self.questionId = ko.observable(0); // only used for syncing the UI\r\n self.currentQuestion = ko.observable(null);\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n\r\n self.explanationOptions = new enums.Enum('correct', 'incorrect');\r\n self.selectedExplanationOption = ko.observable(self.explanationOptions.correct);\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isAnswerable()) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n });\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuestionsGoViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n // Login page\r\n self.logIn = function () {\r\n var model = {\r\n userName: self.userName(),\r\n password: self.password()\r\n };\r\n\r\n if (self.userName() == null || self.userName() == '') {\r\n toastr['error']('Please enter a username.', 'Error');\r\n return;\r\n }\r\n\r\n if (self.password() == null || self.password() == '') {\r\n toastr['error']('Please enter a password.', 'Error');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Account/LoginJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == \"success\") {\r\n self.page(self.pages.question);\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.guest = function () {\r\n self.page(self.pages.question);\r\n }\r\n\r\n // Question\r\n \r\n self.like = function () {\r\n if (!this.IsLiked()) {\r\n setLike(this.AnswerId, this.IsLiked);\r\n } else {\r\n deleteLike(this.AnswerId, this.IsLiked);\r\n }\r\n }\r\n\r\n self.commit = function () {\r\n setAnswer(showExplanations);\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.refresh = function () {\r\n getMoreExplanations(function () {\r\n self.currentQuestion(self.question);\r\n });\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n \r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function showExplanations() {\r\n getExplanations(function () {\r\n self.currentQuestion(self.question);\r\n self.isShowExplanations(true);\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function setLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/AddLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(true);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function deleteLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/RemoveLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(false);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function setAnswer(callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n\r\n self.isSubmitting(true);\r\n\r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n\r\n var answerViewModel = {\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n\r\n self.isAnswerable(false);\r\n self.isShowReason(false);\r\n }\r\n else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getQuestion(id) {\r\n var model = { questionId: id };\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n self.question = data;\r\n\r\n self.questionId(self.question.QuestionId);\r\n self.currentQuestion(self.question);\r\n self.userId(self.question.UserId);\r\n self.isQuestionLoaded(true);\r\n\r\n if (self.question.UserId > 0) {\r\n self.page(self.pages.question);\r\n }\r\n else {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.question);\r\n }\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n \r\n function getExplanations(callback) {\r\n \r\n var model = {\r\n questionId: self.question.QuestionId,\r\n firstAnswerValue: self.question.CorrectAnswer,\r\n secondAnswerValue: self.question.AnswerValue\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n \r\n self.question.CorrectSkip = 0;\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n self.question.IncorrectSkip = 0;\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreSecondExplanations;\r\n\r\n self.question.Explanations = {\r\n CorrectExplanations: data.FirstExplanations,\r\n IncorrectExplanations: data.SecondExplanations\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getMoreExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n secondAnswerValue: null\r\n };\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n model.firstAnswerValue = self.question.CorrectAnswer;\r\n\r\n if (self.question.IsMoreCorrectExplanations) {\r\n self.question.CorrectSkip += 2;\r\n } else if (self.question.CorrectSkip > 0) {\r\n self.question.CorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.CorrectSkip;\r\n } else {\r\n model.firstAnswerValue = self.selectedAnswer();\r\n\r\n if (self.question.IsMoreIncorrectExplanations) {\r\n self.question.IncorrectSkip += 2;\r\n } else if (self.question.IncorrectSkip > 0) {\r\n self.question.IncorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.IncorrectSkip;\r\n }\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n if (data.FirstExplanations.length == 0) {\r\n toastr['info']('There are no more explanations to view.', 'All out!');\r\n return;\r\n }\r\n \r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n\r\n self.question.Explanations.CorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n } else {\r\n\r\n self.question.Explanations.IncorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n //setup crossroads\r\n crossroads.addRoute('/{questionId}/',\r\n function (questionId) {\r\n if (!self.isQuestionLoaded() || self.question.QuestionId != questionId) {\r\n self.isQuestionLoaded(false);\r\n getQuestion(questionId);\r\n } \r\n });\r\n\r\n // crossroads.routed.add(console.log, console); //log all routes\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash); //parse initial hash\r\n hasher.changed.add(parseHash); //parse hash changes\r\n hasher.init(); //start listening for history change\r\n }\r\n\r\n});\n","define('pages/questions/go',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'enums', 'moment', 'bootstrap'], function ($, ko, crossroads, hasher, toastr, enums, moment) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n\r\n $('.js-select-contents').click(function () {\r\n\r\n this.select();\r\n\r\n });\r\n\r\n window.onbeforeunload = function () {\r\n if (self.isShowReason() && self.reason() != null) {\r\n return \"Your work will be lost.\";\r\n }\r\n };\r\n\r\n })\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuestionsGoViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n self.userId = ko.observable(-1);\r\n self.isProvenTeacher = ko.observable(false);\r\n\r\n // Pages\r\n self.pages = new enums.Enum('login', 'question');\r\n self.page = ko.observable();\r\n\r\n // Tabs\r\n self.tabs = new enums.Enum('addtoquiz', 'share', 'report', 'comment');\r\n self.tab = ko.observable();\r\n\r\n // States\r\n self.isQuestionLiked = ko.observable(false);\r\n self.isQuestionLoaded = ko.observable(false);\r\n self.isAnswerable = ko.observable(true);\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowExplanations = ko.observable(true);\r\n\r\n // Question\r\n self.questionId = ko.observable(0); // only used for syncing the UI\r\n self.questionDateCreated = ko.observable();\r\n self.questionAuthor = ko.observable();\r\n self.questionDownloads = ko.observable(0);\r\n self.questionLikes = ko.observable(0);\r\n self.questionIsCurated = ko.observable(false);\r\n\r\n self.currentQuestion = ko.observable(null);\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n\r\n self.explanationOptions = new enums.Enum('correct', 'incorrect');\r\n self.selectedExplanationOption = ko.observable(self.explanationOptions.correct);\r\n\r\n // Subjects \r\n self.subjects = ko.observable(null);\r\n\r\n // Metrics \r\n self.metrics = ko.observable(null);\r\n\r\n // Report\r\n self.reportReason = ko.observable('');\r\n self.commentText = ko.observable('');\r\n\r\n // Commnets\r\n\r\n self.commentGroups = ko.observableArray([]);\r\n\r\n // Add to Quiz\r\n self.isQuizzesLoaded = ko.observable(false);\r\n self.quizOptions = ko.observableArray([]);\r\n self.selectedQuizOption = ko.observable(null);\r\n self.newQuizName = ko.observable('');\r\n\r\n self.moderateMode = ko.observable(false);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.socialMailto = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n var email = encodeURI('&subject=Try this Diagnostic Question&body=')\r\n + encodeURIComponent(url)\r\n + encodeURI('\\r\\n\\r\\nI found this question on diagnosticquestions.com where you can find thousands of diagnostic questions and quizzes. Best of all you can register for free!');\r\n\r\n return 'mailto:' + email;\r\n\r\n }, self);\r\n\r\n self.url = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n return url;\r\n\r\n }, self);\r\n\r\n self.socialFacebook = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + '/' + document.location.pathname + '#/' + self.questionId();\r\n\r\n return 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url);\r\n\r\n }, self);\r\n\r\n self.socialTwitter = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n var message = 'Try this! ' + url + ' There are loads of questions and it is free to register!';\r\n \r\n return 'http://twitter.com/home?status=' + encodeURIComponent(message);\r\n\r\n }, self);\r\n\r\n self.socialGoogle = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.questionId();\r\n\r\n var message = 'Try this! ' + url + ' There are loads of questions and it is free to register!'\r\n\r\n return 'https://plus.google.com/share?url=' + encodeURIComponent(message);\r\n\r\n }, self);\r\n\r\n self.embedCode = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname +\r\n '/Questions/Embed#/' + self.questionId();\r\n\r\n return ''\r\n\r\n }, self);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isAnswerable()) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n\r\n //firefox bug (placeholder not showed)\r\n setTimeout(function () { $('#reasonText').focus(); }, 200);\r\n });\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuestionsGoViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n // Login page\r\n self.logIn = function () {\r\n var model = {\r\n userName: self.userName(),\r\n password: self.password()\r\n };\r\n\r\n if (self.userName() == null || self.userName() == '') {\r\n toastr['error']('Please enter a username.', 'Error');\r\n return;\r\n }\r\n\r\n if (self.password() == null || self.password() == '') {\r\n toastr['error']('Please enter a password.', 'Error');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Account/LoginJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == \"success\") {\r\n self.page(self.pages.question);\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.guest = function () {\r\n self.page(self.pages.question);\r\n }\r\n\r\n // Question\r\n \r\n self.like = function () {\r\n if (!this.IsLiked()) {\r\n setLike(this.AnswerId, this.IsLiked);\r\n } else {\r\n deleteLike(this.AnswerId, this.IsLiked);\r\n }\r\n }\r\n\r\n self.commit = function () {\r\n setAnswer(showExplanations);\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.refresh = function () {\r\n getMoreExplanations(function () {\r\n self.currentQuestion(self.question);\r\n });\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n \r\n // Toolbar\r\n\r\n self.setTab = function (value) {\r\n if (value == self.tab()) {\r\n self.tab(null);\r\n } else {\r\n self.tab(value);\r\n\r\n if (value == self.tabs.addtoquiz && self.isQuizzesLoaded() == false) {\r\n getQuizzes();\r\n }\r\n\r\n if (value == self.tabs.comment) {\r\n getComments();\r\n }\r\n }\r\n }\r\n\r\n self.download = function () {\r\n\r\n self.questionDownloads(self.questionDownloads() + 1);\r\n\r\n // We want the default event to happen so return true\r\n return true;\r\n\r\n }\r\n\r\n self.likeQuestion = function () {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n userId: self.question.UserId\r\n };\r\n\r\n if (self.isQuestionLiked()) {\r\n\r\n $.ajax({\r\n url: '/Questions/Unlike/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n self.isQuestionLiked(false);\r\n self.questionLikes(self.questionLikes() - 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $.ajax({\r\n url: '/Questions/Like/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n self.isQuestionLiked(true);\r\n self.questionLikes(self.questionLikes() + 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n // Subjects\r\n\r\n self.toggleSubjects = function () {\r\n\r\n if (self.subjects() == null) {\r\n\r\n getSubjects(self.question.QuestionId);\r\n\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n self.toggleMetrics = function () {\r\n\r\n if (self.metrics() == null) {\r\n\r\n getMetrics(self.question.QuestionId);\r\n\r\n }\r\n\r\n return false;\r\n }\r\n\r\n self.report = function () {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n userId: self.question.UserId,\r\n reason: self.reportReason()\r\n };\r\n\r\n $.ajax({\r\n url: '/Flags/Create/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('You have flagged this question for moderation.', 'Reported');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n self.sendComment = function (text, parentId, currentList) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n senderId: self.question.UserId,\r\n text: text,\r\n parentId: parentId\r\n };\r\n\r\n $.ajax({\r\n url: '/Flags/AddComment/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('You have added a comment.', 'Success');\r\n\r\n // add to list\r\n\r\n var comment = message.data;\r\n\r\n comment.DateSent = moment(comment.DateSent).fromNow();\r\n comment.isReplying = ko.observable(false);\r\n comment.replyText = ko.observable('');\r\n comment.toggleReplying = function () {\r\n this.isReplying(!this.isReplying());\r\n };\r\n\r\n if (parentId != null) {\r\n currentList.push(comment);\r\n }\r\n else {\r\n var commentGroup = ko.observableArray([]);\r\n commentGroup.push(comment);\r\n self.commentGroups.push(commentGroup);\r\n }\r\n\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n self.processComments = function (comments) {\r\n for (var i = 0; i < comments.length; i++) {\r\n\r\n var commentGroup = ko.observableArray([]);\r\n\r\n for (var j = 0 ; j < comments[i].length; j++) {\r\n comments[i][j].DateSent = moment(comments[i][j].DateSent).fromNow();\r\n comments[i][j].isReplying = ko.observable(false);\r\n comments[i][j].replyText = ko.observable('');\r\n comments[i][j].toggleReplying = function () {\r\n this.isReplying(!this.isReplying());\r\n }\r\n comments[i][j].parent = commentGroup;\r\n commentGroup.push(comments[i][j]);\r\n }\r\n\r\n self.commentGroups.push(commentGroup);\r\n }\r\n\r\n }\r\n\r\n\r\n self.addToQuiz = function () {\r\n if (self.isSubmitting())\r\n return;\r\n\r\n self.isSubmitting(true);\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n userId: self.question.UserId\r\n };\r\n \r\n var url;\r\n\r\n if (self.newQuizName().length > 0) {\r\n url = '/QuizQuestions/AddToNewQuiz';\r\n model.quizName = self.newQuizName();\r\n } else if (self.selectedQuizOption()) {\r\n url = '/QuizQuestions/Add';\r\n model.quizId = self.selectedQuizOption().QuizId;\r\n } else {\r\n toastr['error']('Please select a quiz or enter a quiz name', 'Error');\r\n }\r\n \r\n $.ajax({\r\n url: url,\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('This question has been added to the quiz', 'Added to Quiz');\r\n }\r\n else if (message.status === 'error') {\r\n toastr['warning'](message.message, 'Warning');\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n self.moderatePass = function () {\r\n var model = {\r\n questionId: self.question.QuestionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Questions/ModeratePass',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('This question has been published', 'Pass');\r\n } \r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.moderateFail = function () {\r\n var model = {\r\n questionId: self.question.QuestionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Questions/ModerateFail',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['info']('This question has been failed', 'Fail');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function showExplanations() {\r\n getExplanations(function () {\r\n self.currentQuestion(self.question);\r\n self.isShowExplanations(true);\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function setLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/AddLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(true);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function deleteLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/RemoveLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(false);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function setAnswer(callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n self.isSubmitting(true);\r\n\r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n\r\n var answerViewModel = {\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n mixpanel.track('Question Answered', {\r\n category: 'Take Quiz',\r\n label: !!answerViewModel.isGuess\r\n ? 'Guess'\r\n : answerViewModel.reason && answerViewModel.reason.length\r\n ? 'Explanation written'\r\n : 'No explanation'\r\n });\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n\r\n self.isAnswerable(false);\r\n self.isShowReason(false);\r\n } else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getQuestion(id) {\r\n var model = { questionId: id };\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n self.question = data;\r\n\r\n self.questionId(self.question.QuestionId);\r\n self.questionAuthor(self.question.AuthorUserName);\r\n self.questionDateCreated(moment(self.question.DateUploaded).format('D MMM YYYY'));\r\n self.questionDownloads(self.question.Downloads);\r\n self.questionLikes(self.question.Likes);\r\n self.isQuestionLiked(self.question.IsQuestionLiked);\r\n self.questionIsCurated(self.question.IsCurated);\r\n\r\n self.currentQuestion(self.question);\r\n self.userId(self.question.UserId);\r\n self.isProvenTeacher(self.question.IsProvenTeacher);\r\n self.isQuestionLoaded(true);\r\n\r\n if (self.question.UserId > 0) {\r\n self.page(self.pages.question);\r\n }\r\n else {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.question);\r\n }\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getComments() {\r\n var model = {\r\n questionId: self.question.QuestionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Flags/GetComments/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n self.processComments(data.data);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getQuizzes() {\r\n \r\n $.ajax({\r\n url: '/Questions/GoQuestionQuizzesJson',\r\n type: 'POST',\r\n data: JSON.stringify(null),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.quizOptions(data.Quizzes);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getSubjects(questionId) {\r\n var model = {\r\n questionId: questionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionSubjectsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.subjects(data.Subjects);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n\r\n function getMetrics(questionId) {\r\n \r\n $.ajax({\r\n url: '/v1/rasch-Scores/' + questionId,\r\n type: 'GET',\r\n data: null,\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n var metrics = [];\r\n\r\n Object.keys(data).forEach(function (key) {\r\n if (key.toLowerCase() !== 'questionid'\r\n && key.toLowerCase() !== 'subjectid') {\r\n metrics.push({\r\n name: capitalizeFirstLetter(key),\r\n value: round(data[key], 2).toFixed(2)\r\n });\r\n }\r\n })\r\n \r\n self.metrics(metrics);\r\n },\r\n error: function (error) {\r\n self.metrics([{\r\n name: 'Not enough students have yet answered this question to evaluate its quality',\r\n value: ''\r\n }]);\r\n }\r\n });\r\n }\r\n\r\n\r\n function getExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n firstAnswerValue: self.question.CorrectAnswer,\r\n secondAnswerValue: self.question.AnswerValue\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n self.question.CorrectSkip = 0;\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n self.question.IncorrectSkip = 0;\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreSecondExplanations;\r\n\r\n self.question.Explanations = {\r\n CorrectExplanations: data.FirstExplanations,\r\n IncorrectExplanations: data.SecondExplanations\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getMoreExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.question.QuestionId,\r\n secondAnswerValue: null\r\n };\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n model.firstAnswerValue = self.question.CorrectAnswer;\r\n\r\n if (self.question.IsMoreCorrectExplanations) {\r\n self.question.CorrectSkip += 2;\r\n } else if (self.question.CorrectSkip > 0) {\r\n self.question.CorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.CorrectSkip;\r\n } else {\r\n model.firstAnswerValue = self.selectedAnswer();\r\n\r\n if (self.question.IsMoreIncorrectExplanations) {\r\n self.question.IncorrectSkip += 2;\r\n } else if (self.question.IncorrectSkip > 0) {\r\n self.question.IncorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.question.IncorrectSkip;\r\n }\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n if (data.FirstExplanations.length == 0) {\r\n toastr['info']('There are no more explanations to view.', 'All out!');\r\n return;\r\n }\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n\r\n self.question.Explanations.CorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.CorrectExplanations.length; i++) {\r\n self.question.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n } else {\r\n\r\n self.question.Explanations.IncorrectExplanations = data.FirstExplanations;\r\n\r\n self.question.IsMoreIncorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < self.question.Explanations.IncorrectExplanations.length; i++) {\r\n self.question.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n function capitalizeFirstLetter(string) {\r\n return string.charAt(0).toUpperCase() + string.slice(1);\r\n }\r\n\r\n function round(value, exp) {\r\n if (typeof exp === 'undefined' || +exp === 0)\r\n return Math.round(value);\r\n\r\n value = +value;\r\n exp = +exp;\r\n\r\n if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0))\r\n return NaN;\r\n\r\n // Shift\r\n value = value.toString().split('e');\r\n value = Math.round(+(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp)));\r\n\r\n // Shift back\r\n value = value.toString().split('e');\r\n return +(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp));\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n //setup crossroads\r\n crossroads.addRoute('/{questionId}/',\r\n function (questionId) {\r\n if (!self.isQuestionLoaded() || self.question.QuestionId != questionId) {\r\n self.isQuestionLoaded(false);\r\n getQuestion(questionId);\r\n }\r\n });\r\n\r\n crossroads.addRoute('/{questionId}/Moderate/',\r\n function (questionId) {\r\n self.moderateMode(true);\r\n if (!self.isQuestionLoaded() || self.question.QuestionId != questionId) {\r\n self.isQuestionLoaded(false);\r\n getQuestion(questionId);\r\n }\r\n });\r\n\r\n crossroads.addRoute('/',\r\n function () {\r\n document.location = '/Home/Dashboard?Message=Sorry%20no%20question%20information%20was%20provided%20so%20there%20is%20nothing%20to%20load.';\r\n });\r\n\r\n //crossroads.routed.add(console.log, console); //log all routes\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash); //parse initial hash\r\n hasher.changed.add(parseHash); //parse hash changes\r\n hasher.init(); //start listening for history change\r\n }\r\n\r\n});\n","define('pages/questions/import',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n\r\n});\n","define('pages/questions/index',['jquery', 'toastr', 'bootstrap', 'chosen', 'compactChildren'], function ($, toastr) {\r\n\r\n $(function () {\r\n\r\n $(\".order-questions-by\").change(function () {\r\n document.location = this.value;\r\n });\r\n \r\n var viewModel = {\r\n questionId: $(this).data('questionid'),\r\n userId: $(this).data('userid'),\r\n quizId: $(this).data('quizid')\r\n };\r\n \r\n $(\"#by-student-toggle\").change(function () {\r\n document.location = $(this).data('action');\r\n });\r\n\r\n var working = false;\r\n\r\n $('.js-add-to-instant-quiz').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this,\r\n counter;\r\n \r\n var viewModel = {\r\n questionId: $(self).data('questionid')\r\n };\r\n\r\n if (working == true) {\r\n return;\r\n }\r\n\r\n working = true;\r\n\r\n if ($(self).hasClass(\"active\")) {\r\n \r\n $(self).removeClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n })\r\n });\r\n\r\n $.ajax({\r\n url: '/QuizQuestions/Remove',\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n\r\n if (message.status == \"error\") {\r\n $(self).addClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n })\r\n });\r\n }\r\n\r\n working = false;\r\n\r\n },\r\n error: function () {\r\n\r\n $(self).addClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n })\r\n });\r\n\r\n working = false;\r\n\r\n }\r\n });\r\n\r\n } else {\r\n\r\n // Make the button active\r\n $(self).addClass(\"active\");\r\n\r\n // Enable the view instant quiz button and increment counter\r\n $('#js-view-instant-quiz').removeClass('disabled')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + 1);\r\n })\r\n });\r\n\r\n $.ajax({\r\n url: '/QuizQuestions/Add',\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n\r\n if (message.status == \"error\") {\r\n $(self).removeClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n })\r\n });\r\n\r\n toastr['warning'](message.message, 'Warning');\r\n }\r\n\r\n working = false;\r\n },\r\n error: function () {\r\n\r\n $(self).removeClass(\"active\");\r\n\r\n $('#js-view-instant-quiz')\r\n .text(function (index, text) {\r\n return text.replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) - 1);\r\n })\r\n });\r\n\r\n working = false;\r\n }\r\n });\r\n\r\n }\r\n\r\n });\r\n \r\n $('.js-question-like').click(function (event) {\r\n\r\n var self = this;\r\n var $self = $(self);\r\n\r\n var model = {\r\n questionId: $self.data('questionid'),\r\n userId: $self.data('userid')\r\n };\r\n\r\n var likeId = $self.data('like-id');\r\n\r\n if ($(this).hasClass('active')) {\r\n\r\n $.ajax({\r\n url: '/Questions/Unlike/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n changeLikes(likeId, -1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n \r\n $(this).removeClass('active');\r\n\r\n } else {\r\n \r\n $(this).addClass('active');\r\n\r\n $.ajax({\r\n url: '/Questions/Like/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n changeLikes(likeId, 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n });\r\n\r\n $('.js-moderate-fail').click(function (event) {\r\n\r\n var self = this;\r\n var $self = $(self);\r\n\r\n var model = {\r\n questionId: $self.data('questionid'),\r\n moderation: 'Failed'\r\n };\r\n\r\n\r\n $.ajax({\r\n url: '/Questions/Moderate/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n toastr['success']('Question failed', 'Success');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n });\r\n\r\n function changeLikes(id, value) {\r\n\r\n var text = $('#' + id).text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + value);\r\n });\r\n\r\n $('#' + id).text(text);\r\n }\r\n\r\n $(\"#chosen-author\").chosen({ allow_single_deselect: true, width: '100%' }).change(function () {\r\n document.location = this.value;\r\n });\r\n\r\n $(\"#chosen-subject\").chosen({ allow_single_deselect: true, width: '100%' }).change(function () {\r\n document.location = this.value;\r\n });\r\n \r\n function isTouchDevice() {\r\n return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n }\r\n\r\n });\r\n\r\n});\n","define('pages/questions/moderate',['jquery', 'bootstrap', 'chosen'], function ($) {\r\n\r\n $(function () {\r\n\r\n // Ajax request for moving questions\r\n\r\n $('.js-moderate').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n\r\n var viewModel = {\r\n questionId: $(self).data('questionid'),\r\n moderation: $(self).data('moderation'),\r\n reason: $(self).closest('.col-sm-6').find('.js-fail-reason').val()\r\n };\r\n \r\n $.ajax({\r\n url: $(self).data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n $(self).closest('.col-sm-6').remove();\r\n }\r\n });\r\n\r\n });\r\n\r\n $('.js-moderate-answer').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n\r\n var viewModel = {\r\n answerId: $(self).data('answerid'),\r\n moderation: $(self).data('moderation')\r\n };\r\n\r\n $.ajax({\r\n url: $(self).data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n $(self).closest('tr').remove();\r\n }\r\n });\r\n\r\n });\r\n\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/collections',['jquery', 'bootstrap', 'perfectScrollbarJquery'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('.thumbnail__description').perfectScrollbar({ suppressScrollX: true });\r\n\r\n $(window).resize(function () {\r\n $('.thumbnail__description').perfectScrollbar('update');\r\n });\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/create',['jquery', 'bootstrap'], function ($) {\r\n\r\n});\n","define('pages/quizzes/createbyquestionid',['jquery', 'knockout', 'toastr', 'jqueryValidate', 'bootstrap', 'mousetrap'], function ($, ko, toastr) {\r\n\r\n var self;\r\n\r\n function CreateByQuestionIdViewModel() {\r\n\r\n self = this;\r\n\r\n \r\n self.questions = ko.observableArray([]);\r\n self.quizName = ko.observable('');\r\n self.questionId = ko.observable('');\r\n \r\n addPageFunctions();\r\n bindEnterToAddQuestion();\r\n }\r\n\r\n function addPageFunctions() {\r\n \r\n self.removeQuestion = function (questionId) {\r\n for (var i = 0; i < self.questions().length; i++) {\r\n if (self.questions()[i].QuestionId == questionId) {\r\n self.questions.remove(self.questions()[i]);\r\n }\r\n }\r\n }\r\n\r\n self.questionPageUrl = function (questionId) {\r\n return '/Questions/Go#' + questionId;\r\n }\r\n\r\n self.addQuestion = function () {\r\n var questionId = parseInt($('#js-question-id').val());\r\n if (isNaN(questionId)) {\r\n toastr['error']('Please enter a valid question Id.', 'Error');\r\n return;\r\n }\r\n var model = { questionId : questionId }\r\n\r\n $.ajax({\r\n url: '/Questions/GoQuestionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n self.questions.push(data);\r\n self.questionId('');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.createQuiz = function () {\r\n var model = {\r\n quizName: self.quizName(),\r\n questionIds: getQuestionIds()\r\n }\r\n\r\n \r\n $.ajax({\r\n url: '/Quizzes/CreateQuizByQuestionIds',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n toastr['success'](\"Quiz created.\", 'Success');\r\n self.questions.removeAll();\r\n self.quizName(\"\");\r\n self.questionId(\"\");\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n }\r\n\r\n ko.applyBindings(new CreateByQuestionIdViewModel());\r\n \r\n function getQuestionIds() {\r\n var ids = [];\r\n for (var i = 0; i < self.questions().length; i++) {\r\n ids.push(self.questions()[i].QuestionId);\r\n }\r\n return ids;\r\n }\r\n\r\n function bindEnterToAddQuestion() {\r\n Mousetrap.unbind([\"enter\"]);\r\n Mousetrap.bind(\"enter\", function () {\r\n self.addQuestion();\r\n });\r\n }\r\n\r\n});\n","define('pages/quizzes/default',['jquery', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/details',['jquery', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n\r\n});\n","define('pages/quizzes/edit',['jquery', 'bootstrap', 'chosen', 'sweetalert'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('#js-edit-quiz-name__trigger').popover({\r\n html: true,\r\n title: function () {\r\n return $($(this).data('markup')).find('.js-edit-quiz-name__head').html();\r\n },\r\n content: function () {\r\n return $($(this).data('markup')).find('.js-edit-quiz-name__content').html();\r\n },\r\n placement: 'bottom'\r\n });\r\n\r\n // Note that the 'hide' event does not remove the popover properly, it still prevents \r\n // click throughs to the Share button. So use 'toggle'.\r\n $('#js-edit-quiz-name__holder').on('click', '.js-edit-quiz-name__cancel', function (event) {\r\n $($(this).closest('#js-edit-quiz-name__holder').data('trigger')).popover('toggle');\r\n });\r\n\r\n function isEmpty(str) {\r\n return (!str || 0 === str.length);\r\n }\r\n\r\n $('input[name=\"SharingStatus\"]').change(function () {\r\n\r\n var $self = $(this);\r\n\r\n var quizId = $self.data('quizid');\r\n\r\n var model = {\r\n quizId: quizId,\r\n sharingStatus: this.value\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/SetSharingStatus',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n // Do nothing\r\n }\r\n });\r\n \r\n });\r\n\r\n $('input[name=\"QuizType\"]').change(function () {\r\n\r\n var $self = $(this);\r\n\r\n var quizId = $self.data('quizid');\r\n\r\n var model = {\r\n quizId: quizId,\r\n quizType: this.value\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/SetQuizType',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n // Do nothing\r\n }\r\n });\r\n\r\n });\r\n \r\n $('#js-publish').tooltip();\r\n\r\n $('#js-publish').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var $self = $(this);\r\n\r\n var quizId = $self.data('quizid');\r\n\r\n var model = {\r\n quizId: quizId,\r\n sharingStatus: 'colleagues'\r\n };\r\n\r\n swal(\r\n {\r\n title: \"Are you sure?\",\r\n text: \"You will not be able to edit this quiz or make it private if you publish it.\",\r\n type: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonClass: \"btn-danger\",\r\n confirmButtonText: \"Yes, publish!\",\r\n cancelButtonText: \"No, keep it private\",\r\n closeOnConfirm: false,\r\n closeOnCancel: false\r\n },\r\n function (isConfirm) {\r\n if (isConfirm) {\r\n $.ajax({\r\n url: '/Quizzes/SetSharingStatus',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'error') {\r\n swal(\"Error!\", message.message, \"error\");\r\n\r\n } else {\r\n swal(\"Success!\", \"Your quiz has been published.\", \"success\");\r\n location.reload();\r\n }\r\n }\r\n });\r\n } else {\r\n swal(\"Cancelled\", \"Your quiz is still private.\", \"error\");\r\n }\r\n }\r\n );\r\n\r\n });\r\n\r\n $('#js-publish').prop(\"disabled\", false);\r\n\r\n $('#js-edit-quiz-name__holder').on('submit', 'form', function (event) {\r\n\r\n var self = this;\r\n\r\n event.preventDefault();\r\n\r\n var viewModel = {\r\n quizId: $(this).find('input[name=\"Quiz.QuizId\"]').val(),\r\n name: $(this).find('input[name=\"Quiz.Name\"]').val(),\r\n description: $(this).find('textarea[name=\"Quiz.Description\"]').val()\r\n };\r\n\r\n if (isEmpty(viewModel.name)) {\r\n\r\n $('input[name=\"Quiz.Name\"]')\r\n .attr('placeholder', 'Enter a name')\r\n .focus();\r\n\r\n } else {\r\n\r\n $.ajax({\r\n url: $(this).attr('action'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n $('#js-quiz-name').html(viewModel.name);\r\n $('#js-quiz-description').html(viewModel.description);\r\n $('.js-edit-quiz-name__content').find('input[name=\"Quiz.Name\"]').attr('value', viewModel.name);\r\n $('.js-edit-quiz-name__content').find('textarea[name=\"Quiz.Description\"]').html(viewModel.description);\r\n $($(self).closest('#js-edit-quiz-name__holder').data('trigger')).popover('toggle');\r\n }\r\n });\r\n }\r\n\r\n });\r\n\r\n $('#js-share-quiz__trigger').popover({\r\n html: true,\r\n title: function () {\r\n return $($(this).data('markup')).find('.js-share-quiz__head').html();\r\n },\r\n content: function () {\r\n return $($(this).data('markup')).find('.js-share-quiz__content').html();\r\n },\r\n placement: 'bottom'\r\n });\r\n \r\n $('#js-share-quiz__holder').on('click', '#quiz__copy-link', function () { this.select(); });\r\n\r\n // Need to allow Ctrl-C so removed this. Means people can edit the url but they cannot save the edit so safe enough.\r\n\r\n //$('#js-share-quiz__holder').on('keydown', '#quiz__copy-link', function (event) {\r\n // event.preventDefault();\r\n // event.stopPropagation();\r\n // return false;\r\n //});\r\n\r\n $('#js-share-quiz__holder').on('cut', '#quiz__copy-link', function (event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return false;\r\n });\r\n\r\n $('#js-delete-selected-questions').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var $self = $(this);\r\n \r\n var quizId = $self.data('quizid');\r\n\r\n var $selectedQuestionIds = $('input[name=selectedQuestionIds]:checked');\r\n\r\n var questionIds = $selectedQuestionIds\r\n .map(function () {\r\n return this.value;\r\n }).toArray();\r\n\r\n var viewModel = {\r\n quizId: quizId,\r\n questionIds: questionIds\r\n };\r\n\r\n var messages = \"\";\r\n\r\n if (questionIds === undefined || questionIds.length === 0) {\r\n\r\n messages += '
Please select at least one question.
';\r\n\r\n }\r\n\r\n if (messages === \"\") {\r\n\r\n $.ajax({\r\n url: $self.data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n // Remove the questions you have just deleted\r\n $selectedQuestionIds.each(function () {\r\n $(this).closest('tr').remove();\r\n });\r\n\r\n messages = 'The questions you selected have been deleted.
';\r\n $('#message-container').html(messages);\r\n\r\n // Enable all move links\r\n $('.js-move').removeClass('disabled');\r\n $('.js-move-up').first().addClass('disabled');\r\n $('.js-move-down').last().addClass('disabled');\r\n\r\n updateCounter();\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $('#message-container').html(messages);\r\n\r\n }\r\n\r\n });\r\n\r\n\r\n // Enable the Add to Selected Quiz button when a quiz has been selected\r\n $('#js-selected-quiz').chosen().change(function () {\r\n var quizId = this.value;\r\n\r\n $('#js-add-to-selected-quiz').removeClass('disabled');\r\n });\r\n \r\n // Disable the Add to Selected Quiz button when the button has been clicked and\r\n // clear the Selected Quiz dropdown.\r\n $('#js-add-to-selected-quiz').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var $self = $(this);\r\n var $selectedQuiz = $('#js-selected-quiz');\r\n \r\n var quizId = $selectedQuiz.val();\r\n var questionIds = $('input[name=selectedQuestionIds]:checked')\r\n .map(function () {\r\n return this.value;\r\n }).toArray();\r\n\r\n var viewModel = {\r\n quizId: quizId,\r\n questionIds: questionIds\r\n };\r\n\r\n var messages = \"\";\r\n\r\n if (questionIds === undefined || questionIds.length === 0) {\r\n\r\n messages += 'Please select at least one question.
';\r\n\r\n }\r\n\r\n if (messages === \"\") {\r\n\r\n $.ajax({\r\n url: $self.data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status != \"success\")\r\n {\r\n if (message.status == \"public\")\r\n {\r\n messages = 'The selected quiz is locked because it is public
';\r\n $('#message-container').html(messages);\r\n }\r\n else if (message.status === \"error\")\r\n {\r\n messages = '' + message.message + '
';\r\n $('#message-container').html(messages);\r\n }\r\n else\r\n {\r\n messages = 'The selected quiz is locked because the assignment to class ' + message.status + ' is active
';\r\n $('#message-container').html(messages);\r\n }\r\n }\r\n else\r\n {\r\n messages = 'The selected questions have been added to the selected quiz.
';\r\n $('#message-container').html(messages);\r\n }\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $('#message-container').html(messages);\r\n\r\n }\r\n\r\n // Reset the select element and trigger jquery chosen to update\r\n $selectedQuiz.find(\":selected\").prop('selected', false);\r\n $selectedQuiz.trigger('chosen:updated');\r\n\r\n // Disable this button again\r\n $self.addClass('disabled');\r\n\r\n });\r\n \r\n $('#js-new-quiz-name').keyup(function () {\r\n\r\n if ($(this).val() === \"\") {\r\n $('#js-add-to-new-quiz').addClass('disabled');\r\n } else {\r\n $('#js-add-to-new-quiz').removeClass('disabled');\r\n }\r\n\r\n });\r\n\r\n $('#js-add-to-new-quiz').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var $self = $(this);\r\n \r\n var quizName = $('#js-new-quiz-name').val();\r\n var questionIds = $('input[name=selectedQuestionIds]:checked')\r\n .map(function () {\r\n return this.value;\r\n }).toArray();\r\n \r\n var viewModel = {\r\n quizName: quizName,\r\n questionIds: questionIds\r\n };\r\n\r\n var messages = \"\";\r\n\r\n if (questionIds === undefined || questionIds.length === 0) {\r\n\r\n messages += 'Please select at least one question.
';\r\n\r\n }\r\n\r\n if (questionIds.length > 20) {\r\n\r\n messages += 'Quizzes cannot contain more than 20 questions.
';\r\n\r\n }\r\n \r\n if (quizName === \"\") {\r\n\r\n messages += 'Please enter a name for the new quiz.
';\r\n\r\n }\r\n \r\n if (messages === \"\") {\r\n\r\n $.ajax({\r\n url: $self.data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status === \"error\") {\r\n messages = '' + data.message + '
';\r\n $('#message-container').html(messages);\r\n } else {\r\n ga('send', 'event', 'Questions', 'Questions – Create a new quiz');\r\n\r\n messages = 'A new quiz named ' + quizName + ' has been created. The selected questions have been added to this new quiz.
';\r\n $('#message-container').html(messages);\r\n\r\n $('#js-new-quiz-name').val('');\r\n\r\n $self.addClass('disabled');\r\n }\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $('#message-container').html(messages);\r\n\r\n }\r\n\r\n });\r\n\r\n // Toggle the selection of all the questions\r\n $('#js-toggle-selected-questions').click(function () {\r\n $('input[name = \"selectedQuestionIds\"]').prop('checked', this.checked);\r\n updateCounter();\r\n });\r\n\r\n $('input[name = \"selectedQuestionIds\"]').click(function () {\r\n if (!this.checked) {\r\n $('#js-toggle-selected-questions').prop('checked', false);\r\n }\r\n updateCounter();\r\n });\r\n\r\n // Ajax request for moving questions\r\n $('.js-move').click(function (event) {\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n \r\n var viewModel = {\r\n questionId: $(self).data('questionid'),\r\n quizId: $(self).data('quizid'),\r\n direction: $(self).data('direction')\r\n };\r\n \r\n $.ajax({\r\n url: $(self).data('url'),\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n console.log(message);\r\n\r\n var row = $(self).closest('tr');\r\n \r\n if ($(self).data('direction') === \"up\") {\r\n row.insertBefore(row.prev());\r\n } else {\r\n row.insertAfter(row.next());\r\n }\r\n\r\n // Enable all move links\r\n $('.js-move').removeClass('disabled');\r\n $('.js-move-up').first().addClass('disabled');\r\n $('.js-move-down').last().addClass('disabled');\r\n\r\n }\r\n });\r\n });\r\n });\r\n\r\n function updateCounter() {\r\n var count = $('input[name=selectedQuestionIds]:checked').length;\r\n\r\n $('.js-selected-questions-count').text(count + \" Selected\");\r\n }\r\n\r\n});\n","define('pages/quizzes/embed',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'd3', 'enums', 'moment', 'bootstrap'], function ($, ko, crossroads, hasher, toastr, d3, enums, moment) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n\r\n ko.bindingHandlers.donut = {\r\n update: function (element, valueAccessor) {\r\n element.innerHTML = '';\r\n var percent = ko.unwrap(valueAccessor());\r\n drawDonut(percent, element);\r\n }\r\n };\r\n\r\n ko.bindingHandlers.option = {\r\n update: function (element, valueAccessor) {\r\n var value = ko.utils.unwrapObservable(valueAccessor());\r\n ko.selectExtensions.writeValue(element, value);\r\n }\r\n };\r\n function drawDonut(percent, element) {\r\n\r\n var side = 100,\r\n radius = side / 2,\r\n thickness = 6;\r\n\r\n var color = d3.scale.ordinal()\r\n .range(['#93b254', '#e24b3f']);\r\n\r\n var arc = d3.svg.arc()\r\n .outerRadius(radius)\r\n .innerRadius(radius - thickness);\r\n\r\n var pie = d3.layout.pie()\r\n .sort(null);\r\n\r\n var svg = d3.select(element).append('svg')\r\n .attr('width', '100%')\r\n .attr('height', '100%')\r\n .attr('viewBox', '0 0 ' + side + ' ' + side)\r\n .append('g')\r\n .attr('transform', 'translate(' + radius + ',' + radius + ')');\r\n\r\n var data = [percent, 100 - percent];\r\n\r\n var g = svg.selectAll('.arc')\r\n .data(pie(data))\r\n .enter().append('g')\r\n .attr('class', 'arc');\r\n\r\n g.append('path')\r\n .attr('d', arc)\r\n .style('fill', function (d, i) { return color(i); });\r\n\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuizGoViewModel() {\r\n self = this;\r\n self.isReview = $('#isreview').data('isreview') == 'True';\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n\r\n // Pages\r\n self.pages = new enums.Enum('welcome', 'login', 'title', 'question', 'summary');\r\n self.page = ko.observable();\r\n\r\n // States\r\n self.isQuizLoaded = ko.observable(false);\r\n self.isQuizSessionLoaded = ko.observable(false);\r\n self.isQuizSessionComplete = ko.observable(false);\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowExplanations = ko.observable(true);\r\n\r\n // Quiz\r\n self.quizId = ko.observable(0); // only used for syncing the UI\r\n self.quizName = ko.observable();\r\n self.quizDateCreated = ko.observable();\r\n self.quizDesc = ko.observable();\r\n self.quizAuthor = ko.observable();\r\n\r\n self.userId = ko.observable(-1);\r\n self.attemptGroups = ko.observableArray([]);\r\n self.selectedAttempt = ko.observable(); \r\n\r\n // QuizSession\r\n self.questionCount = ko.observable(0);\r\n self.position = ko.observable(null);\r\n self.correctCount = ko.observable(0);\r\n\r\n // QuizSession Question\r\n self.currentQuestion = ko.observable(null);\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n\r\n self.explanationOptions = new enums.Enum('correct', 'incorrect');\r\n self.selectedExplanationOption = ko.observable(self.explanationOptions.correct);\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.isAnswerable = ko.pureComputed(function () {\r\n return !self.isQuizSessionComplete() && !self.currentQuestion().AnswerValue && !self.isReview;\r\n }, self);\r\n\r\n self.angle = ko.pureComputed(function () {\r\n return 360 * self.correctCount() / self.questionCount();\r\n }, self);\r\n\r\n self.percent = ko.pureComputed(function () {\r\n return 100 * self.correctCount() / self.questionCount();\r\n }, self);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.position.subscribe(function (value) {\r\n if (value) {\r\n if ((self.isQuizSessionComplete() || self.isReview) &&\r\n self.quizSession.QuestionsAndAnswers[self.position() - 1].Explanations == null) {\r\n getExplanations(changeCurrentQuestion);\r\n } else {\r\n changeCurrentQuestion();\r\n }\r\n }\r\n });\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isQuizSessionComplete() == false) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n \r\n //firefox bug (placeholder not showed)\r\n setTimeout(function () { $('#reasonText').focus(); }, 200);\r\n });\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n \r\n // An attempt group is a collection of attempt options with similar characteristics. E.g. there\r\n // could be an \"Assignments\" attempt group and a \"Other attempts\" (which are not linked to \r\n // assignments).\r\n function AttemptGroup(label, children) {\r\n this.label = ko.observable(label);\r\n this.children = ko.observableArray(children);\r\n }\r\n\r\n // When we create a new quiz session we should update the attempt option with details of the\r\n // quiz session.\r\n function UpdateAttemptOption(attemptOption, quizSession) {\r\n\r\n // If we are changing the \"New\" attempt option we need to add another \"New\" attempt option.\r\n if (attemptOption.quizSessionId == null && attemptOption.assignmentId == null) {\r\n\r\n self.attemptGroups().forEach(function (attemptGroup) {\r\n attemptGroup.children().forEach(function (attemptOption2) {\r\n if (attemptOption2 == attemptOption) {\r\n attemptGroup.children.push(new AttemptOption(null, null));\r\n }\r\n });\r\n });\r\n\r\n }\r\n \r\n if (quizSession) {\r\n attemptOption.quizSessionId = quizSession.QuizSessionId;\r\n attemptOption.dateCompleted = quizSession.DateCompleted;\r\n attemptOption.dateCreated = quizSession.DateCreated;\r\n\r\n if (quizSession.DateCompleted) {\r\n label = \"Completed \" + moment(quizSession.DateCompleted).fromNow();\r\n }\r\n else {\r\n label = \"Started \" + moment(quizSession.DateCreated).fromNow();\r\n }\r\n\r\n description = label;\r\n }\r\n\r\n if (attemptOption.assignmentId > 0) {\r\n \r\n // Overwrite the quiz session label if there is one.\r\n label = attemptOption.groupCode + \" due \" + moment(attemptOption.endDate).fromNow();\r\n\r\n // Prepend the new label to the description.\r\n if (description) {\r\n description = label + \" (\" + description + \")\";\r\n } else {\r\n description = label + \" (Not started)\";\r\n }\r\n }\r\n\r\n attemptOption.label(label);\r\n attemptOption.description(description);\r\n }\r\n\r\n // An attempt option is a mix of assignments and quiz sessions, where either may be null. When\r\n // the page loads we get all assignments for the current user and if they have already started\r\n // the assignment we get the associated quiz session too. We also get all their other attempts \r\n // at this quiz which are not linked to an assignment.\r\n function AttemptOption(quizSession, assignment) {\r\n\r\n var label, description;\r\n\r\n if (quizSession) {\r\n this.quizSessionId = quizSession.QuizSessionId;\r\n this.dateCompleted = quizSession.DateCompleted;\r\n this.dateCreated = quizSession.DateCreated;\r\n\r\n if (quizSession.DateCompleted) {\r\n label = \"Completed \" + moment(quizSession.DateCompleted).fromNow();\r\n }\r\n else {\r\n label = \"Started \" + moment(quizSession.DateCreated).fromNow();\r\n }\r\n \r\n description = label;\r\n } \r\n \r\n if (assignment) {\r\n this.assignmentId = assignment.AssignmentId;\r\n this.endDate = assignment.EndDate;\r\n this.groupCode = assignment.GroupCode;\r\n\r\n // Overwrite the quiz session label if there is one.\r\n label = this.groupCode + \" due \" + moment(this.endDate).fromNow();\r\n\r\n // Prepend the new label to the description.\r\n if (description) {\r\n description = label + \" (\" + description + \")\";\r\n } else {\r\n description = label + \"(Not started)\";\r\n }\r\n }\r\n\r\n if (!quizSession && !assignment) {\r\n label = \"New\";\r\n description = \"Create a new attempt (not counted towards assignments)\";\r\n }\r\n\r\n this.label = ko.observable(label);\r\n this.description = ko.observable(description);\r\n }\r\n \r\n ko.applyBindings(new QuizGoViewModel());\r\n\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n window.onbeforeunload = function () {\r\n if (self.isShowReason() && self.reason() != null) {\r\n return \"Your work will be lost.\";\r\n }\r\n };\r\n });\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n // Login page\r\n self.logIn = function () {\r\n var model = {\r\n userName: self.userName(),\r\n password: self.password()\r\n };\r\n\r\n if (self.userName() == null || self.userName() == '') {\r\n toastr['error']('Please enter a username.', 'Error');\r\n return;\r\n }\r\n\r\n if (self.password() == null || self.password() == '') {\r\n toastr['error']('Please enter a password.', 'Error');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Account/LoginJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == \"success\") {\r\n // Reload quiz to get quiz sessions for this user\r\n getQuiz(self.quiz.QuizId);\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.logInPage = function () {\r\n self.page(self.pages.login);\r\n };\r\n\r\n self.guest = function () {\r\n restart();\r\n }\r\n\r\n self.quizCompleted = function () {\r\n parent.window.postMessage(\"Quiz Completed\", \"https://diagnosticquestions.com\");\r\n }\r\n\r\n\r\n // Title\r\n self.resumeOrReview = function () {\r\n hasher.setHash(self.quiz.QuizId, self.selectedAttempt().quizSessionId);\r\n }\r\n\r\n self.start = function () {\r\n start();\r\n }\r\n\r\n self.restart = function () {\r\n restart();\r\n }\r\n\r\n // Question\r\n self.forward = function () {\r\n forward();\r\n }\r\n\r\n self.backward = function () {\r\n backward();\r\n }\r\n \r\n self.fastforward = function () {\r\n fastforward();\r\n }\r\n\r\n self.like = function () {\r\n if (!this.IsLiked()) {\r\n setLike(this.AnswerId, this.IsLiked);\r\n } else {\r\n deleteLike(this.AnswerId, this.IsLiked);\r\n }\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.refresh = function () {\r\n getMoreExplanations(function () {\r\n self.currentQuestion(self.quizSession.QuestionsAndAnswers[self.position() - 1])\r\n });\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n\r\n // Summary\r\n self.review = function () {\r\n self.position(1);\r\n }\r\n\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function restart() {\r\n getQuizSession(self.quiz.QuizId, null, null);\r\n }\r\n\r\n\r\n function start() {\r\n getQuizSession(self.quiz.QuizId, null, self.selectedAttempt().assignmentId);\r\n }\r\n\r\n function changeCurrentQuestion() {\r\n self.currentQuestion(self.quizSession.QuestionsAndAnswers[self.position() - 1]);\r\n self.selectedAnswer(self.currentQuestion().AnswerValue);\r\n self.reason(self.currentQuestion().Reason);\r\n self.isGuess(self.currentQuestion().IsGuess);\r\n self.page(self.pages.question);\r\n }\r\n\r\n function changeQuestionForward() {\r\n if (self.position() + 1 > self.quizSession.QuestionsAndAnswers.length) {\r\n if (!self.isQuizSessionComplete()) {\r\n self.isQuizSessionComplete(true);\r\n }\r\n self.position(null);\r\n self.correctCount(calcCorrectCount());\r\n self.page(self.pages.summary);\r\n\r\n } else {\r\n self.position(self.position() + 1);\r\n }\r\n }\r\n\r\n function changeQuestionFastForward() {\r\n\r\n var nextMisconceptionPosition = calcNextMisconceptionPosition();\r\n\r\n if (nextMisconceptionPosition == null) {\r\n self.position(null);\r\n self.isQuizSessionComplete(true);\r\n self.correctCount(calcCorrectCount());\r\n self.page(self.pages.summary);\r\n } else {\r\n self.position(nextMisconceptionPosition);\r\n }\r\n }\r\n\r\n function forward() {\r\n if (self.page() == self.pages.question) {\r\n if (self.currentQuestion().AnswerValue) {\r\n changeQuestionForward();\r\n } else if (self.selectedAnswer()) {\r\n // Save the answer and then move on\r\n setAnswer(changeQuestionForward);\r\n }\r\n }\r\n }\r\n\r\n function fastforward() {\r\n if (self.page() == self.pages.question) {\r\n if (self.currentQuestion().AnswerValue) {\r\n changeQuestionFastForward();\r\n }\r\n }\r\n }\r\n\r\n function backward() {\r\n if (self.page() == self.pages.question) {\r\n if (self.position() < 2) {\r\n self.position(null);\r\n hasher.replaceHash(self.quiz.QuizId);\r\n } else {\r\n self.position(self.position() - 1);\r\n }\r\n }\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function setLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/AddLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(true);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function deleteLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/RemoveLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(false);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function setAnswer(callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n\r\n self.isSubmitting(true);\r\n\r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n\r\n var answerViewModel = {\r\n quizSessionId: self.quizSession.QuizSessionId,\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n } else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getQuiz(id) {\r\n var model = { quizId: id, userIdFromToken: self.userIdFromToken };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoQuizJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status != 'success') {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n else {\r\n self.quiz = data.model;\r\n\r\n self.quizId(self.quiz.QuizId);\r\n self.quizName(self.quiz.Name);\r\n self.quizDesc(self.quiz.Description);\r\n self.quizAuthor(self.quiz.AuthorUserName);\r\n self.quizDateCreated(moment(self.quiz.DateCreated).format('D MMM YYYY'));\r\n self.userId(self.quiz.UserId);\r\n\r\n var assignmentIdToQuizSession = {};\r\n var otherAttemptOptions = [];\r\n var assignmentAttemptOptions = [];\r\n data.model.QuizSessions.forEach(function (quizSession) {\r\n if (quizSession.AssignmentId) {\r\n // This quiz session is associated with an assignment so link it below.\r\n assignmentIdToQuizSession[quizSession.AssignmentId] = quizSession;\r\n } else {\r\n // This quiz session is not associated with an assignment.\r\n otherAttemptOptions.push(new AttemptOption(quizSession, null));\r\n }\r\n });\r\n\r\n // Add an entry to stand for \"new attempt/try again\"\r\n otherAttemptOptions.push(new AttemptOption(null, null));\r\n\r\n data.model.Assignments.forEach(function (assignment) {\r\n var quizSession = assignmentIdToQuizSession[assignment.AssignmentId];\r\n\r\n assignmentAttemptOptions.push(new AttemptOption(quizSession, assignment));\r\n });\r\n\r\n self.attemptGroups([]);\r\n\r\n if (assignmentAttemptOptions.length > 0) {\r\n self.attemptGroups.push(new AttemptGroup(\"Assignments\", assignmentAttemptOptions));\r\n }\r\n\r\n self.attemptGroups.push(new AttemptGroup(\"Other Attempts\", otherAttemptOptions));\r\n\r\n var bestAttempt;\r\n\r\n self.attemptGroups().forEach(function (attemptGroup) {\r\n attemptGroup.children().forEach(function (attemptOption) {\r\n if (bestAttempt == null) {\r\n // 1. Something is better than nothing\r\n bestAttempt = attemptOption;\r\n } else if (bestAttempt.assignmentId == null\r\n && attemptOption.assignmentId != null) {\r\n // 2. Assignment attempts always trump other attempts\r\n bestAttempt = attemptOption;\r\n } else if (bestAttempt.assignmentId != null\r\n && attemptOption.assignmentId != null\r\n && bestAttempt.endDate < attemptOption.endDate) {\r\n // 3. Of assignment attempts favour the most recent assignment\r\n bestAttempt = attemptOption;\r\n } else if (bestAttempt.assignmentId == null\r\n && attemptOption.assignmentId == null\r\n && bestAttempt.dateCreated < attemptOption.dateCreated) {\r\n // 4. Of two other attempts favour the most recent\r\n bestAttempt = attemptOption;\r\n }\r\n });\r\n });\r\n\r\n if (bestAttempt) {\r\n self.selectedAttempt(bestAttempt);\r\n }\r\n\r\n self.isQuizLoaded(true);\r\n\r\n if (self.userId() > 0) {\r\n self.page(self.pages.title);\r\n }\r\n else {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.welcome);\r\n }\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n // Note that assignmentId can be undefined when we get a specific quizSessionId that does\r\n // not mean that the quizSession is not associated with an assignment!\r\n function getQuizSession(quizId, quizSessionId, assignmentId) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n quizId: quizId,\r\n quizSessionId: quizSessionId,\r\n userId: self.userId(),\r\n isFromTSL: self.userIdFromToken != null,\r\n assignmentId: assignmentId\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoQuizSessionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.isSubmitting(false);\r\n if (data.error != null) {\r\n toastr['error'](data.error, 'Error');\r\n return;\r\n }\r\n self.quizSession = data;\r\n\r\n var attempt;\r\n\r\n // Loop over the attempt groups to find the attempt that this quiz session\r\n // corresponds to. There are many cases to consider:\r\n // 1. Both quizSessionId and self.quizSession.AssignmentId can be null this \r\n // corresponds to a new attempt.\r\n // 2. If quizSessionId is null and self.quizSession.AssignmentId is not null this\r\n // corresponds to a new (and only) assignment attempt.\r\n // 3. If quizSessionId is not null and self.quizSession.AssignmentId is not null\r\n // this corresponds to resuming an assignment attempt.\r\n // 4. If quizSessionId is not null and self.quizSession.AssignmentId is null this\r\n // corresponds to resuming an attempt (not linked to an assignment).\r\n self.attemptGroups().forEach(function (attemptGroup) {\r\n attemptGroup.children().forEach(function (attemptOption) {\r\n if (attemptOption.quizSessionId == quizSessionId\r\n && attemptOption.assignmentId == self.quizSession.AssignmentId) {\r\n attempt = attemptOption\r\n }\r\n });\r\n });\r\n\r\n // If attempt is null it means that the attempt option was not found. This can\r\n // happen when you try to go to Quizzes/Embed/{quizId}/{quizSessionId} when you are\r\n // not logged in.The attempt options are calculated for the current logged in user.\r\n // If no one is logged in it will only contain the \"new\" option which will not\r\n // match. So if attempt is null simply exit here.\r\n\r\n if (attempt == null) {\r\n toastr['warning']('No attempt found.', 'Warning');\r\n hasher.replaceHash(quizId);\r\n return;\r\n }\r\n \r\n UpdateAttemptOption(attempt, self.quizSession);\r\n\r\n self.selectedAttempt(attempt);\r\n\r\n self.questionCount(self.quizSession.QuestionsAndAnswers.length);\r\n\r\n if (self.quizSession.DateCompleted) {\r\n self.isQuizSessionComplete(true);\r\n self.position(1);\r\n } else {\r\n self.isQuizSessionComplete(false);\r\n if (self.isReview) {\r\n self.position(1);\r\n } else {\r\n self.position(data.Position);\r\n }\r\n }\r\n\r\n self.isQuizSessionLoaded(true);\r\n\r\n if (quizSessionId == null) {\r\n hasher.replaceHash(quizId, data.QuizSessionId);\r\n }\r\n\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n function getExplanations(callback) {\r\n // Note: At this point we have changed the position() but not the currentQuestion().\r\n // This is because when the currentQuestion() observable is updated the UI will be \r\n // updated and we need to attach the top explanations before that.\r\n //\r\n // In other words:\r\n // currentQuestion() != self.quizSession.QuestionsAndAnswers[self.position() - 1]\r\n\r\n var nextQuestion = self.quizSession.QuestionsAndAnswers[self.position() - 1];\r\n\r\n var model = {\r\n questionId: nextQuestion.QuestionId,\r\n firstAnswerValue: nextQuestion.CorrectAnswer,\r\n secondAnswerValue: nextQuestion.AnswerValue\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n var nextQuestion = self.quizSession.QuestionsAndAnswers[self.position() - 1];\r\n\r\n // Catch the error \"Issue with Unable to set property 'CorrectSkip' of undefined or null reference\"\r\n if (nextQuestion == null) {\r\n toastr['error']('We cannot find any explanations for this question', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n\r\n nextQuestion.CorrectSkip = 0;\r\n nextQuestion.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n nextQuestion.IncorrectSkip = 0;\r\n nextQuestion.IsMoreIncorrectExplanations = data.IsMoreSecondExplanations;\r\n\r\n nextQuestion.Explanations = {\r\n CorrectExplanations: data.FirstExplanations,\r\n IncorrectExplanations: data.SecondExplanations\r\n }\r\n\r\n for (var i = 0; i < nextQuestion.Explanations.CorrectExplanations.length; i++) {\r\n nextQuestion.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n for (var i = 0; i < nextQuestion.Explanations.IncorrectExplanations.length; i++) {\r\n nextQuestion.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n function getMoreExplanations(callback) {\r\n\r\n var model = {\r\n questionId: self.currentQuestion().QuestionId,\r\n secondAnswerValue: null\r\n };\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n model.firstAnswerValue = self.currentQuestion().CorrectAnswer;\r\n\r\n if (self.currentQuestion().IsMoreCorrectExplanations) {\r\n self.currentQuestion().CorrectSkip += 2;\r\n } else if (self.currentQuestion().CorrectSkip > 0) {\r\n self.currentQuestion().CorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.currentQuestion().CorrectSkip;\r\n } else {\r\n model.firstAnswerValue = self.selectedAnswer();\r\n\r\n if (self.currentQuestion().IsMoreIncorrectExplanations) {\r\n self.currentQuestion().IncorrectSkip += 2;\r\n } else if (self.currentQuestion().IncorrectSkip > 0) {\r\n self.currentQuestion().IncorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.currentQuestion().IncorrectSkip;\r\n }\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n if (data.FirstExplanations.length == 0) {\r\n toastr['info']('There are no more explanations to view.', 'All out!');\r\n return;\r\n }\r\n\r\n var updateQuestion = self.quizSession.QuestionsAndAnswers[self.position() - 1];\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n\r\n updateQuestion.Explanations.CorrectExplanations = data.FirstExplanations;\r\n\r\n updateQuestion.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < updateQuestion.Explanations.CorrectExplanations.length; i++) {\r\n updateQuestion.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n } else {\r\n\r\n updateQuestion.Explanations.IncorrectExplanations = data.FirstExplanations;\r\n\r\n updateQuestion.IsMoreIncorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < updateQuestion.Explanations.IncorrectExplanations.length; i++) {\r\n updateQuestion.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function calcCorrectCount() {\r\n var questionsAndAnswers = self.quizSession.QuestionsAndAnswers;\r\n var count = 0;\r\n\r\n for (var i = 0; i < questionsAndAnswers.length; i++) {\r\n if (questionsAndAnswers[i].CorrectAnswer == questionsAndAnswers[i].AnswerValue) {\r\n count++;\r\n }\r\n }\r\n\r\n return count;\r\n }\r\n\r\n function calcNextMisconceptionPosition() {\r\n var questionsAndAnswers = self.quizSession.QuestionsAndAnswers;\r\n var currentPosition = self.position();\r\n var nextMisconceptionPosition;\r\n\r\n for (var i = currentPosition; i < questionsAndAnswers.length; i++) {\r\n if (questionsAndAnswers[i].CorrectAnswer != questionsAndAnswers[i].AnswerValue) {\r\n nextMisconceptionPosition = i + 1;\r\n break;\r\n }\r\n }\r\n\r\n return nextMisconceptionPosition;\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n //setup crossroads\r\n crossroads.addRoute('/{quizId}/',\r\n function (quizId) {\r\n if (!self.isQuizLoaded() || self.quiz.QuizId != quizId) {\r\n self.isQuizLoaded(false);\r\n getQuiz(quizId);\r\n } else {\r\n // When url is changed from /{quizId}/{quizSessionId} to /{quizId} it\r\n // is essential to set position to null so when we resume or restart \r\n // a quiz session the value of position will change and trigger the \r\n // subscribe.\r\n self.position(null);\r\n\r\n if (self.userId() > 0) {\r\n self.page(self.pages.title);\r\n }\r\n else {\r\n self.page(self.pages.welcome);\r\n }\r\n }\r\n });\r\n\r\n crossroads.addRoute('/{quizId}/{quizSessionId}/',\r\n function (quizId, quizSessionId) {\r\n if (!self.isQuizLoaded() || self.quiz.QuizId != quizId) {\r\n self.isQuizLoaded(false);\r\n getQuiz(quizId);\r\n }\r\n if (!self.isQuizSessionLoaded() || self.quizSession.QuizSessionId != quizSessionId) {\r\n self.isQuizSessionLoaded(false);\r\n getQuizSession(quizId, quizSessionId);\r\n } else {\r\n // Resuming the current quiz session from the title page.\r\n // You don't need to reload the quizSession but you do need\r\n // to set the position so the question page reloads.\r\n self.position(1);\r\n }\r\n });\r\n\r\n //crossroads.routed.add(console.log, console); //log all routes\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash); //parse initial hash\r\n hasher.changed.add(parseHash); //parse hash changes\r\n hasher.init(); //start listening for history change\r\n }\r\n\r\n});\n","define('pages/quizzes/gcse',['jquery', 'knockout', 'toastr', 'enums', 'bootstrap', 'moment'], function ($, ko, toastr) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n \r\n })\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuizzesPremiumViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.paper1Options = [\r\n \"/Images/premium-quiz-paper-1-1.jpg\",\r\n \"/Images/premium-quiz-paper-1-2.jpg\",\r\n \"/Images/premium-quiz-paper-1-3.jpg\",\r\n \"/Images/premium-quiz-paper-1-4.jpg\",\r\n \"/Images/premium-quiz-paper-1-5.jpg\"\r\n ];\r\n\r\n self.paper2Options = [\r\n \"/Images/premium-quiz-paper-2-1.jpg\",\r\n \"/Images/premium-quiz-paper-2-2.jpg\",\r\n \"/Images/premium-quiz-paper-2-3.jpg\",\r\n \"/Images/premium-quiz-paper-2-4.jpg\",\r\n \"/Images/premium-quiz-paper-2-5.jpg\"\r\n ];\r\n\r\n self.selectedPaper1Index = ko.observable(0);\r\n self.selectedPaper2Index = ko.observable(0);\r\n\r\n self.freePaper1Options = [\r\n \"/Images/free-quiz-paper-1-1.jpg\",\r\n \"/Images/free-quiz-paper-1-2.jpg\",\r\n \"/Images/free-quiz-paper-1-3.jpg\",\r\n \"/Images/free-quiz-paper-1-4.jpg\",\r\n \"/Images/free-quiz-paper-1-5.jpg\"\r\n ];\r\n\r\n self.freePaper2Options = [\r\n \"/Images/free-quiz-paper-2-1.jpg\",\r\n \"/Images/free-quiz-paper-2-2.jpg\",\r\n \"/Images/free-quiz-paper-2-3.jpg\",\r\n \"/Images/free-quiz-paper-2-4.jpg\",\r\n \"/Images/free-quiz-paper-2-5.jpg\"\r\n ];\r\n\r\n self.selectedFreePaper1Index = ko.observable(0);\r\n self.selectedFreePaper2Index = ko.observable(0);\r\n\r\n self.takeawayfoundation = [\r\n { name: '1 - Place Value', quizid: '12710', screenshot: 'd4b96297-c67e-43b1-a2b2-8ed105cb0e73' },\r\n { name: '2 - Ordering Numbers', quizid: '12717', screenshot: 'edaac662-aa7f-4f23-94e4-46e6a519143b' },\r\n { name: '3 - Reading Scales', quizid: '12718', screenshot: 'd4081af4-39b4-4534-b392-838d3f34f3d4' },\r\n { name: '4 - Negative Numbers', quizid: '12719', screenshot: '90f5bab0-0767-4966-aa67-4db63cde3ab4' },\r\n { name: '5 - Fractions of an Amount', quizid: '12724', screenshot: '1da33512-5342-424e-8dbc-eabeba979268' },\r\n { name: '6 - Powers and Square Roots', quizid: '12721', screenshot: '0179f483-fdfb-47d4-978f-38c9fe743fbe' },\r\n { name: '7 - Fractions, Decimals & Percentages', quizid: '12722', screenshot: '76c183b0-28e2-408e-9e98-e744bc4dfa1a' },\r\n { name: '8 - Money Problems', quizid: '12723', screenshot: '4634bdea-f2e7-4db2-8861-ea658ca55084' },\r\n { name: '9 - Shading Fractions of Shapes', quizid: '12725', screenshot: '794bacbc-0f78-4979-880d-e277083046bc' },\r\n { name: '10 - Addition and Subtraction', quizid: '12726', screenshot: '351c7c69-b991-48eb-8ca8-49e9c8623063' },\r\n { name: '11 - Multiplication and Division', quizid: '12727', screenshot: '0fbf81d3-1209-46c8-bbba-6bef6343cb34' },\r\n { name: '12 - Timetables and Distance Tables', quizid: '12728', screenshot: 'a575989d-076e-4be3-a9dc-1486ed872bc6' },\r\n { name: '13 - Tallys and Charts', quizid: '12729', screenshot: '9c80db73-e695-4d48-96fc-7ce54ad1e6d1' },\r\n { name: '14 - Co-ordinates', quizid: '12730', screenshot: '0bcf2bf2-93bc-44b1-be9c-ea488d448959' },\r\n { name: '15 - Angles', quizid: '12731', screenshot: '2628278d-1c94-4953-b9bd-c94960f7dd98' },\r\n { name: '16 - Congruent Shapes', quizid: '12732', screenshot: 'eb5b9dbc-dd40-4d0b-8f2e-d834691e45d4' },\r\n { name: '17 - Perimeter, Area & Volume', quizid: '12733', screenshot: 'f8c17c08-3ec6-42e4-bae9-1b074d8f74e5' },\r\n { name: '18 - Metric and Imperial Measures', quizid: '12734', screenshot: '22495588-a120-4ecf-b087-e249f9410a33' },\r\n { name: '19 - 2D and 3D Shapes', quizid: '12735', screenshot: '189f6395-ef23-4922-b05d-2c37fb032328' },\r\n { name: '20 - Averages and Range', quizid: '12736', screenshot: '3e808e5c-867f-4f80-8a00-25796d1b1832' },\r\n { name: '21 - Pictograms', quizid: '12737', screenshot: '1751810f-6426-4b8a-bdbf-fd495c207e5d' },\r\n { name: '22 - Conversion Graphs', quizid: '12738', screenshot: 'd7af34c7-8ea0-4f3e-9542-94ce5bb75661' }\r\n ];\r\n\r\n self.takeawaygraded = [\r\n { name: '23 - Factors, Multiples and Primes', quizid: '12740', screenshot: '8902c4fb-40f1-471e-b15e-3bba9f8bb0a6' },\r\n { name: '24 - Powers, Roots and BIDMAS', quizid: '12741', screenshot: '15f38a66-b713-4f16-ace0-229fcb684db9' },\r\n { name: '25 - Ordering Fractions, Decimals & Percentages', quizid: '12742', screenshot: 'aaf8477f-fa56-4770-b424-e92441176d14' },\r\n { name: '27 - Operations with Fractions', quizid: '12743', screenshot: '92b6cf20-2d85-4dd5-9824-6d85ba22a3bc' },\r\n { name: '28 - Ratio', quizid: '12744', screenshot: '6c07dfd4-df23-400d-8bc1-1fd6a2490077' },\r\n { name: '29 - Proportion Recipies', quizid: '12745', screenshot: 'c1fe43f6-fa40-4f43-9072-7d77afdf59cf' },\r\n { name: '30 - Calculator Use', quizid: '12746', screenshot: '415b65ba-4cf7-48ff-a51f-873821a9c682' },\r\n { name: '31 - Exchange Rates', quizid: '12747', screenshot: '584d7ad6-c8b9-4fe9-8425-02aa42c1af2e' },\r\n { name: '26 - Best Buys', quizid: '12753', screenshot: '8179097f-86a6-4879-b08e-afdf3ba2f227' },\r\n { name: '32 - Algebraic Substitution', quizid: '12754', screenshot: 'b59456b9-4e57-474e-8d53-4528320b3a05' },\r\n { name: '33 - Angles in Parallel Lines', quizid: '12755', screenshot: '5d60afd3-a058-41ae-ac61-1df8546cbb1f' },\r\n { name: '34 - Angles in Triangles and Quadrilaterals', quizid: '12756', screenshot: '8eab3b01-2c2a-4517-93b1-852d513c38b5' },\r\n { name: '35 - Angles in Polygons', quizid: '12757', screenshot: 'fe2d122e-e16f-4505-81be-ad14d73955f0' },\r\n { name: '36 - Area and Circumference of Circles', quizid: '12758', screenshot: '03ca2fa2-4dec-443b-b945-d5c161bac809' },\r\n { name: '37 - Compound Area', quizid: '12759', screenshot: '496e7a39-fb78-49e9-a71e-bf11680396d8' },\r\n { name: '38 - Rotations', quizid: '12760', screenshot: '691c84a2-2da6-4c4d-963d-7595bd115ede' },\r\n { name: '39 - Reflections', quizid: '12761', screenshot: 'f4e24ede-a8a3-45bf-a959-97b3a92d1e85' },\r\n { name: '40 - Enlargement', quizid: '12762', screenshot: 'f6baf568-36a8-435c-b0cc-e3256d58693c' },\r\n { name: '41 - Translations', quizid: '12763', screenshot: '0221ef8e-352a-4473-b2d0-ecb09f685f78' },\r\n { name: '42 - Mixed Transformations', quizid: '12765', screenshot: 'a385518c-2c45-422f-8d2c-d82e6dfa5451' },\r\n { name: '43 - Nets, Plans and Elevations', quizid: '12766', screenshot: '5d969181-21e9-485f-a9dd-2b047bd3823c' },\r\n { name: '44 - Symmetry', quizid: '12767', screenshot: 'e662d32f-318d-4d35-a162-1bb7739e11b2' },\r\n { name: '45 - Two Way Tables', quizid: '12768', screenshot: 'e3e00046-231f-499a-abee-307979784240' },\r\n { name: '47 - Scatter Diagrams', quizid: '12769', screenshot: 'd62dd184-0aa4-44c7-b7a1-fa37ed9ef960' },\r\n { name: '46 - Pie Charts', quizid: '12770', screenshot: '9d76aac3-834e-4781-8118-883f418ad332' },\r\n { name: '48 - Frequency Polygons', quizid: '12772', screenshot: '20ca4805-a4ee-4875-9800-de910e311ed9' },\r\n { name: '49 - Stem and Leaf Diagrams', quizid: '12773', screenshot: '47e7d8da-a5ca-4d77-a245-935dd54da46e' },\r\n { name: '50 - Probability', quizid: '12774', screenshot: 'bb686d39-91a8-4cd2-887b-f2bd63b1ebe3' }\r\n ];\r\n\r\n self.takeawaygradec = [\r\n { name: '51 - Percentages', quizid: '12775', screenshot: 'ef225acf-8180-4f86-822c-be5af815fef1' },\r\n { name: '52 - Product of Prime Factors, HCF & LCM', quizid: '12778', screenshot: 'd793bde4-239e-4f1a-a4d4-0d326ce18a77' },\r\n { name: '53 - Using Place Value', quizid: '12779', screenshot: '1a0e3266-cdd7-447d-bbe2-7e4da885a8ca' },\r\n { name: '54 - Negative Numbers', quizid: '12781', screenshot: '39a5427f-6901-45d0-a58f-7ef351e32358' },\r\n { name: '55 - Estimation', quizid: '12782', screenshot: 'a0de6045-a61d-4f89-8911-e77536ab8a25' },\r\n { name: '57 - Collecting Like Terms', quizid: '12783', screenshot: '23d56e4a-2bd1-479e-9b99-691c08bf68d3' },\r\n { name: '58 - Expanding and Factorising', quizid: '12793', screenshot: '71aa5c68-dfd7-4e3e-82a5-a31967b1d674' },\r\n { name: '59 - Solving Linear Equations', quizid: '12794', screenshot: '7a21a466-d4f1-4d70-b4bc-c8b9edf4b7b1' },\r\n { name: '60 - Rearranging Formulae', quizid: '12795', screenshot: '929ca3b9-b4e4-4aff-a21c-c4c9aba9e3bc' },\r\n { name: '61 - Inequalities', quizid: '12796', screenshot: '4ae01b65-5164-4809-897f-aa03b7bdf94b' },\r\n { name: '62 - Trial and Improvement', quizid: '12797', screenshot: 'b340e788-5512-492c-83fa-f481261a9bb9' },\r\n { name: '63 - Index Notation', quizid: '12798', screenshot: '9d6c1b66-8cf4-4da2-b28b-6ff0fe69630b' },\r\n { name: '64 - Forming and Solving Equations', quizid: '12799', screenshot: 'b1b55bb0-3b90-43fe-8d34-9db3fcebb4c3' },\r\n { name: '65 - Sequences', quizid: '12800', screenshot: '2ff672aa-2083-42b0-ae83-3204a5d85e62' },\r\n { name: '66 - Drawing Straight Line Graphs', quizid: '12801', screenshot: '91a66ef8-5274-4938-981e-ed5ab4b40ffe' },\r\n { name: '67 - Solving Simultaneous Equations Graphically', quizid: '12802', screenshot: '1d78b985-4f4c-45b7-ba9a-510b2a5d00c5' },\r\n { name: '68 - Drawing Quadratic Graphs', quizid: '12803', screenshot: '8f850a0d-b4e5-4fbb-9e89-b0de9ae8f9d5' },\r\n { name: '69 - Distance Time Graphs', quizid: '12804', screenshot: '45146c86-a1be-402e-a56a-af73b8e9a31d' },\r\n { name: '70 - Pythahoras\\' Theorem', quizid: '12805', screenshot: '851d03af-7e1e-4d63-9d14-b1cdc5b0d681' },\r\n { name: '71 - Surface Area', quizid: '12807', screenshot: '502f3e10-7617-4099-9536-c44f736d658c' },\r\n { name: '72 - Volume of a Prism', quizid: '12809', screenshot: 'fcadbdc4-7b5f-48a4-8ab9-6b9e778913ae' },\r\n { name: '73 - Volume and Surface Area of a Cylinder', quizid: '12811', screenshot: '4a090314-7db1-4150-b701-47860e19013b' },\r\n { name: '74 - Similar Shapes', quizid: '12812', screenshot: '7b702a35-8a51-435d-8694-003b7cb89d40' },\r\n { name: '75 - Compound Measures', quizid: '12844', screenshot: '5b46e23b-e9fb-4fa8-859f-916fc8c1840b' },\r\n { name: '76 - Loci and Constructions', quizid: '12845', screenshot: 'ee4d1683-a0c2-42e3-8886-027110f9e20a' },\r\n { name: '77 - Bearings', quizid: '12846', screenshot: '2ae868b3-b993-43df-9317-4aabf6b1ece7' },\r\n { name: '78 - Probability and Relatively Frequency ', quizid: '12847', screenshot: 'f598c553-3186-4a05-a42a-8f20dd8e35bd' },\r\n { name: '79 - Averages from Frequency Tables', quizid: '12848', screenshot: '62110a89-2420-48ff-94f1-34fa52acb76e' },\r\n { name: '80 - Questionnaires', quizid: '12849', screenshot: '5bf66882-7f88-48d6-bebe-94ee4cf5dbad' },\r\n { name: '81 - Functional Maths Questions', quizid: '12850', screenshot: '133ccd36-d5e1-4a99-9d74-3bfc7d192121' }\r\n ];\r\n\r\n self.takeawaygradeb = [\r\n { name: '82 - Standard Form', quizid: '13382', screenshot: 'f1dbb9ec-3c45-4685-9e1c-096add415033' },\r\n { name: '83 - Compound Interest and Depreciation', quizid: '13383', screenshot: '411d1604-f6a7-4e77-a166-261365b145d8' },\r\n { name: '84 - Reverse Percentages', quizid: '13384', screenshot: 'b04b41de-bb23-4b4e-aeb9-86aabbb45e30' },\r\n { name: '85 - Expand and Factorise Quadratics', quizid: '13385', screenshot: 'c423a8db-5a80-4fba-bb72-0c422a146095' },\r\n { name: '87 - Simultaneous Equations', quizid: '13386', screenshot: '0809af76-7781-4394-a4ba-8e45395a59ff' },\r\n { name: '88 - Inequalities: Shading Regions', quizid: '13387', screenshot: '1d21923f-5e3c-4949-a658-3d0994eefcd3' },\r\n { name: '89 - Trigonometry', quizid: '13388', screenshot: '3e6f9d33-c89b-4281-97bf-92acd3a2b130' },\r\n { name: '90 - Circle Theorems', quizid: '13389', screenshot: '88991155-3881-4e53-a615-8295687f6a62' },\r\n { name: '86 - Solving Quadratics by Factorisation', quizid: '13390', screenshot: '210903ba-efd8-4005-a42f-2953488e1243' },\r\n { name: '91 - Cumulative Frequency and Box Plots', quizid: '13393', screenshot: 'ab27ed9b-c013-4d37-b553-98f0c89f8ca1' },\r\n { name: '92 - Tree Diagrams', quizid: '13394', screenshot: 'feea1520-c201-4650-a755-3bb9f951905b' },\r\n { name: '93 - Recurring Decimals', quizid: '13395', screenshot: 'a72b1b8b-a6cb-49cf-ae84-f064133d82df' },\r\n { name: '94 - Fractional and Negative Indices', quizid: '13396', screenshot: '7fd48df9-0ba7-40c1-aefa-46ef6febc078' },\r\n { name: '95 - Surds', quizid: '13397', screenshot: 'e2c92c7d-6084-45a5-8d56-b08df2dafeff' },\r\n { name: '96 - Direct and Inverse Proportion', quizid: '13398', screenshot: 'a8f49951-c294-405d-b67c-4096afb48e58' },\r\n { name: '97 - Upper and Lower Bounds', quizid: '13399', screenshot: '73da39b1-2cc8-46b6-9e54-38b10d69c4a4' },\r\n { name: '98 - Solving Quadratic Equations using the Formula', quizid: '13400', screenshot: '6672bb9e-12b8-405b-8927-e159af392fda' },\r\n { name: '99 - Algebraic Fractions', quizid: '13401', screenshot: '0a6a02ee-4252-4e16-988a-32914e124a65' },\r\n { name: '100 - More Difficult Rearranging Formulae', quizid: '13402', screenshot: 'b59ac447-6d98-4400-b6c8-be6a111a0ae6' },\r\n { name: '101 - Simultaneous Equations with a Quadratic', quizid: '13403', screenshot: 'ea5be020-9566-4e2c-b705-ce0c98afbd28' },\r\n { name: '102 - Transformations of Functions', quizid: '13404', screenshot: '1291be8b-2523-4760-9370-c2b0eee8e158' },\r\n { name: '103 - Enlargements with a Negative Scale Factor', quizid: '13405', screenshot: 'ebf4f5a7-edb9-4f43-a81e-2a2e65b7f552' },\r\n { name: '104 - Sine & Cosine Rule, and Area of a Triangle', quizid: '13406', screenshot: 'b77a7161-fa98-498a-a236-732ef3eca420' },\r\n { name: '105 - 3D Pythagoras', quizid: '13407', screenshot: '2bbdc898-7146-460f-9131-a6f88230847e' },\r\n { name: '106 - Spheres and Cones', quizid: '13408', screenshot: 'a8517ead-9731-4a1a-8d53-cd4d10b1fe77' },\r\n { name: '107 - Area of a Sector and Length of an Arc', quizid: '13409', screenshot: '4365892b-85c5-4369-8829-6fd080aea24a' },\r\n { name: '108 - Vectors', quizid: '13410', screenshot: 'a52bb5cb-4186-4170-ad30-525449be857a' },\r\n { name: '109 - Histograms', quizid: '13411', screenshot: 'dadb87a5-cdab-4187-b48c-4444f5207cec' },\r\n { name: '110 - Stratified Sampling', quizid: '13412', screenshot: 'cf9079c3-adb6-42bd-a657-89fa4cbe5a5f' },\r\n { name: '111 - Algebraic Proof', quizid: '13413', screenshot: 'd09433b1-e8a4-422e-a133-ce497a7feafa' }\r\n ];\r\n\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.selectedPaper1 = ko.pureComputed(function () {\r\n return self.paper1Options[self.selectedPaper1Index()];\r\n }, self);\r\n\r\n self.selectedPaper2 = ko.pureComputed(function () {\r\n return self.paper2Options[self.selectedPaper2Index()];\r\n }, self);\r\n\r\n self.selectedFreePaper1 = ko.pureComputed(function () {\r\n return self.freePaper1Options[self.selectedFreePaper1Index()];\r\n }, self);\r\n\r\n self.selectedFreePaper2 = ko.pureComputed(function () {\r\n return self.freePaper2Options[self.selectedFreePaper2Index()];\r\n }, self);\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuizzesPremiumViewModel());\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n\r\n self.nextPaper1Question = function () {\r\n var next = (self.selectedPaper1Index() + 1) % self.paper1Options.length;\r\n this.selectedPaper1Index(next);\r\n }\r\n\r\n self.prevPaper1Question = function () {\r\n var prev = (this.selectedPaper1Index() + self.paper1Options.length - 1) % self.paper1Options.length;\r\n this.selectedPaper1Index(prev);\r\n }\r\n\r\n self.nextPaper2Question = function () {\r\n var next = (self.selectedPaper2Index() + 1) % self.paper2Options.length;\r\n this.selectedPaper2Index(next);\r\n }\r\n\r\n self.prevPaper2Question = function () {\r\n var prev = (this.selectedPaper2Index() + self.paper2Options.length - 1) % self.paper2Options.length;\r\n this.selectedPaper2Index(prev);\r\n }\r\n\r\n self.nextFreePaper1Question = function () {\r\n var next = (self.selectedFreePaper1Index() + 1) % self.freePaper1Options.length;\r\n this.selectedFreePaper1Index(next);\r\n }\r\n\r\n self.prevFreePaper1Question = function () {\r\n var prev = (this.selectedFreePaper1Index() + self.freePaper1Options.length - 1) % self.freePaper1Options.length;\r\n this.selectedFreePaper1Index(prev);\r\n }\r\n\r\n self.nextFreePaper2Question = function () {\r\n var next = (self.selectedFreePaper2Index() + 1) % self.freePaper2Options.length;\r\n this.selectedFreePaper2Index(next);\r\n }\r\n\r\n self.prevFreePaper2Question = function () {\r\n var prev = (this.selectedFreePaper2Index() + self.freePaper2Options.length - 1) % self.freePaper2Options.length;\r\n this.selectedFreePaper2Index(prev);\r\n }\r\n\r\n self.addPremiumQuizToOrder = function (quizId) {\r\n\r\n var model = {\r\n quizId: quizId,\r\n quantity: 1\r\n };\r\n\r\n $.ajax({\r\n url: '/Orders/CreateOrderQuiz',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n\r\n document.location.href = \"/Orders#/Basket/\";\r\n }\r\n else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n }\r\n });\r\n\r\n }\r\n\r\n self.setAnchor = function (anchor) {\r\n scrollToAnchor(anchor);\r\n }\r\n\r\n }\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function scrollToAnchor(anchor) {\r\n var target = $('#' + anchor);\r\n if (target.length) {\r\n $('html,body').animate({\r\n scrollTop: target.offset().top\r\n }, 1000);\r\n }\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n});\n","define('pages/quizzes/go',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'd3', 'enums', 'moment', 'bootstrap'], function ($, ko, crossroads, hasher, toastr, d3, enums, moment) {\r\n\r\n var self;\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n \r\n ko.bindingHandlers.donut = {\r\n update: function (element, valueAccessor) {\r\n element.innerHTML = '';\r\n var percent = ko.unwrap(valueAccessor());\r\n drawDonut(percent, element);\r\n }\r\n };\r\n\r\n ko.bindingHandlers.option = {\r\n update: function (element, valueAccessor) {\r\n var value = ko.utils.unwrapObservable(valueAccessor());\r\n ko.selectExtensions.writeValue(element, value);\r\n }\r\n };\r\n\r\n function drawDonut(percent, element) {\r\n\r\n var side = 100,\r\n radius = side / 2,\r\n thickness = 6;\r\n\r\n var color = d3.scale.ordinal()\r\n .range(['#93b254', '#e24b3f']);\r\n\r\n var arc = d3.svg.arc()\r\n .outerRadius(radius)\r\n .innerRadius(radius - thickness);\r\n\r\n var pie = d3.layout.pie()\r\n .sort(null);\r\n\r\n var svg = d3.select(element).append('svg')\r\n .attr('width', '100%')\r\n .attr('height', '100%')\r\n .attr('viewBox', '0 0 ' + side + ' ' + side)\r\n .append('g')\r\n .attr('transform', 'translate(' + radius + ',' + radius + ')');\r\n\r\n var data = [percent, 100 - percent];\r\n\r\n var g = svg.selectAll('.arc')\r\n .data(pie(data))\r\n .enter().append('g')\r\n .attr('class', 'arc');\r\n\r\n g.append('path')\r\n .attr('d', arc)\r\n .style('fill', function (d, i) { return color(i); });\r\n\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n function QuizGoViewModel() {\r\n self = this;\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n\r\n // Pages\r\n self.pages = new enums.Enum('welcome', 'login', 'title', 'question', 'summary', 'preview');\r\n self.page = ko.observable();\r\n\r\n // States\r\n self.isQuizLiked = ko.observable(false);\r\n self.isQuizLoaded = ko.observable(false);\r\n self.isQuizSessionLoaded = ko.observable(false);\r\n self.isQuizSessionComplete = ko.observable(false);\r\n self.isShareMode = ko.observable(false);\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowExplanations = ko.observable(true);\r\n self.isAuthorized = ko.observable(true);\r\n \r\n // Quiz\r\n self.quizId = ko.observable(0); // only used for syncing the UI\r\n self.quizName = ko.observable();\r\n self.quizDateCreated = ko.observable();\r\n self.quizDesc = ko.observable();\r\n self.quizAuthor = ko.observable();\r\n self.quizAuthorUserId = ko.observable();\r\n self.quizDownloads = ko.observable(0);\r\n self.quizLikes = ko.observable(0);\r\n self.quizType = ko.observable('Free');\r\n self.quizIsCurated = ko.observable(false);\r\n self.enableDownload = ko.observable(true);\r\n\r\n self.userId = ko.observable(-1);\r\n self.userRoles = new enums.Enum('Anonymous', 'User', 'Teacher', 'Student'); // Matches the server\r\n self.userRole = ko.observable(self.userRoles.Anonymous);\r\n\r\n self.attemptGroups = ko.observableArray([]);\r\n self.selectedAttempt = ko.observable();\r\n\r\n self.collectionName = ko.observable();\r\n self.collectionSlug = ko.observable();\r\n\r\n // QuizSession\r\n self.questionCount = ko.observable(0);\r\n self.position = ko.observable(null);\r\n self.correctCount = ko.observable(0);\r\n self.reviewed = ko.observable(false);\r\n\r\n // QuizSession Question\r\n self.currentQuestion = ko.observable(null);\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n self.focusReason = ko.observable(false);\r\n\r\n self.explanationOptions = new enums.Enum('correct', 'incorrect');\r\n self.selectedExplanationOption = ko.observable(self.explanationOptions.correct);\r\n\r\n // Preview\r\n self.previewCurrentQuestion = ko.observable(null);\r\n self.previewPosition = ko.observable(null);\r\n self.previewQuestionCount = ko.observable(0);\r\n\r\n // Subjects \r\n self.subjects = ko.observable(null);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.isAnswerable = ko.pureComputed(function () {\r\n return !self.isQuizSessionComplete() && !self.currentQuestion().AnswerValue;\r\n }, self);\r\n \r\n self.angle = ko.pureComputed(function () {\r\n return 360 * self.correctCount() / self.questionCount();\r\n }, self);\r\n\r\n self.percent = ko.pureComputed(function () {\r\n return 100 * self.correctCount() / self.questionCount();\r\n }, self);\r\n \r\n self.socialMailto = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.quizId();\r\n\r\n var email = encodeURI('&subject=Try this Diagnostic Quiz&body=')\r\n + encodeURIComponent(url) \r\n + encodeURI('\\r\\n\\r\\nI found this quiz on diagnosticquestions.com where you can find thousands of diagnostic questions and quizzes. Register for free to create your own questions and quizzes and assign them to your students.');\r\n\r\n return 'mailto:' + email;\r\n\r\n }, self);\r\n\r\n self.url = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.quizId();\r\n \r\n return url;\r\n\r\n }, self);\r\n\r\n self.socialFacebook = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + '/' + document.location.pathname + '#/' + self.quizId();\r\n\r\n return 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url);\r\n\r\n }, self);\r\n \r\n self.socialTwitter = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.quizId();\r\n\r\n var message = 'Try this! ' + url + ' There are loads of quizzes and it is free to register!';\r\n \r\n return 'http://twitter.com/home?status=' + encodeURIComponent(message);\r\n\r\n }, self);\r\n\r\n self.socialGoogle = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname + document.location.pathname + '#/' + self.quizId();\r\n\r\n var message = 'Try this! ' + url + ' There are loads of questions and it is free to register!';\r\n\r\n return 'https://plus.google.com/share?url=' + encodeURIComponent(message);\r\n\r\n }, self);\r\n\r\n self.embedCode = ko.pureComputed(function () {\r\n\r\n var url = document.location.protocol + '//' + document.location.hostname +\r\n '/Quizzes/Embed#/' + self.quizId();\r\n\r\n return ''\r\n \r\n }, self);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.position.subscribe(function (value) {\r\n if (value)\r\n {\r\n if (self.isQuizSessionComplete() &&\r\n self.quizSession.QuestionsAndAnswers[self.position() - 1].Explanations == null) {\r\n getExplanations(changeCurrentQuestion);\r\n } else {\r\n changeCurrentQuestion();\r\n }\r\n }\r\n });\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isQuizSessionComplete() == false) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n\r\n //firefox bug (placeholder not showed)\r\n setTimeout(function () { $('#reasonText').focus(); }, 200);\r\n \r\n });\r\n \r\n self.previewPosition.subscribe(function (value) {\r\n if (value) {\r\n self.previewCurrentQuestion(self.previewQuestions[self.previewPosition() - 1]);\r\n }\r\n });\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n // An attempt group is a collection of attempt options with similar characteristics. E.g. there\r\n // could be an \"Assignments\" attempt group and a \"Other attempts\" (which are not linked to \r\n // assignments).\r\n function AttemptGroup(label, children) {\r\n this.label = ko.observable(label);\r\n this.children = ko.observableArray(children);\r\n }\r\n\r\n // When we create a new quiz session we should update the attempt option with details of the\r\n // quiz session.\r\n function UpdateAttemptOption(attemptOption, quizSession) {\r\n\r\n // If we are changing the \"New\" attempt option we need to add another \"New\" attempt option.\r\n if (attemptOption.quizSessionId == null && attemptOption.assignmentId == null) {\r\n\r\n self.attemptGroups().forEach(function (attemptGroup) {\r\n attemptGroup.children().forEach(function (attemptOption2) {\r\n if (attemptOption2 == attemptOption) {\r\n attemptGroup.children.push(new AttemptOption(null, null));\r\n }\r\n });\r\n });\r\n \r\n }\r\n \r\n if (quizSession) {\r\n attemptOption.quizSessionId = quizSession.QuizSessionId;\r\n attemptOption.dateCompleted = quizSession.DateCompleted;\r\n attemptOption.dateCreated = quizSession.DateCreated;\r\n\r\n if (quizSession.DateCompleted) {\r\n label = \"Completed \" + moment(quizSession.DateCompleted).fromNow();\r\n }\r\n else {\r\n label = \"Started \" + moment(quizSession.DateCreated).fromNow();\r\n }\r\n\r\n description = label;\r\n }\r\n\r\n if (attemptOption.assignmentId > 0) {\r\n \r\n // Overwrite the quiz session label if there is one.\r\n label = attemptOption.groupCode + \" due \" + moment(attemptOption.endDate).fromNow();\r\n\r\n // Prepend the new label to the description.\r\n if (description) {\r\n description = label + \" (\" + description + \")\";\r\n } else {\r\n description = label + \" (Not started)\";\r\n }\r\n }\r\n\r\n attemptOption.label(label);\r\n attemptOption.description(description);\r\n }\r\n\r\n\r\n\r\n // An attempt option is a mix of assignments and quiz sessions, where either may be null. When\r\n // the page loads we get all assignments for the current user and if they have already started\r\n // the assignment we get the associated quiz session too. We also get all their other attempts \r\n // at this quiz which are not linked to an assignment.\r\n function AttemptOption(quizSession, assignment) {\r\n\r\n var label, description;\r\n\r\n if (quizSession) {\r\n this.quizSessionId = quizSession.QuizSessionId;\r\n this.dateCompleted = quizSession.DateCompleted;\r\n this.dateCreated = quizSession.DateCreated;\r\n\r\n if (quizSession.DateCompleted) {\r\n label = \"Completed \" + moment(quizSession.DateCompleted).fromNow();\r\n }\r\n else {\r\n label = \"Started \" + moment(quizSession.DateCreated).fromNow();\r\n }\r\n \r\n description = label;\r\n } \r\n \r\n if (assignment) {\r\n this.assignmentId = assignment.AssignmentId;\r\n this.endDate = assignment.EndDate;\r\n this.groupCode = assignment.GroupCode;\r\n\r\n // Overwrite the quiz session label if there is one.\r\n label = this.groupCode + \" due \" + moment(this.endDate).fromNow();\r\n\r\n // Prepend the new label to the description.\r\n if (description) {\r\n description = label + \" (\" + description + \")\";\r\n } else {\r\n description = label + \"(Not started)\";\r\n }\r\n }\r\n\r\n if (!quizSession && !assignment) {\r\n label = \"New\";\r\n description = \"Create a new attempt (not counted towards assignments)\";\r\n }\r\n\r\n this.label = ko.observable(label);\r\n this.description = ko.observable(description);\r\n }\r\n \r\n ko.applyBindings(new QuizGoViewModel());\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function() {\r\n\r\n $('.js-select-contents').click(function() {\r\n\r\n this.select();\r\n\r\n });\r\n\r\n window.onbeforeunload = function () {\r\n if (self.quizSession && self.page() == self.pages.question && !self.isQuizSessionComplete()) {\r\n ga('send', 'event', 'Quiz', 'Quiz – Abandon quiz');\r\n }\r\n\r\n if (self.page() == self.pages.summary && !self.reviewed()) {\r\n ga('send', 'event', 'Results', 'Results – Exit from results');\r\n }\r\n\r\n if (self.isShowReason() && self.reason() != null) {\r\n return \"Your work will be lost.\";\r\n }\r\n };\r\n });\r\n \r\n initRouter();\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions()\r\n {\r\n // Login page\r\n self.logIn = function () {\r\n var model = {\r\n userName: self.userName(),\r\n password: self.password()\r\n };\r\n\r\n if (self.userName() == null || self.userName() == '') {\r\n toastr['error']('Please enter a username.', 'Error');\r\n return;\r\n }\r\n\r\n if (self.password() == null || self.password() == '') {\r\n toastr['error']('Please enter a password.', 'Error');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Account/LoginJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == \"success\") {\r\n // Reload quiz to get quiz sessions for this user\r\n getQuiz(self.quiz.QuizId);\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n self.logInPage = function () {\r\n self.page(self.pages.login);\r\n };\r\n\r\n self.guest = function () {\r\n restart();\r\n }\r\n\r\n // Title\r\n self.resumeOrReview = function () {\r\n mixpanel.track(self.selectedAttempt().quizSessionId ? 'Quiz Resumed' : 'Quiz Started', {\r\n category: 'Take Quiz'\r\n });\r\n hasher.setHash(self.quiz.QuizId, self.selectedAttempt().quizSessionId);\r\n }\r\n\r\n self.start = function () {\r\n start();\r\n }\r\n\r\n self.restart = function () {\r\n restart();\r\n }\r\n\r\n // Question\r\n self.forward = function () { \r\n forward();\r\n }\r\n\r\n self.backward = function () {\r\n backward();\r\n }\r\n\r\n self.fastforward = function () {\r\n fastforward();\r\n }\r\n\r\n self.likeCorrect = function () {\r\n ga('send', 'event', 'Review', 'Review – Like correct explanation');\r\n self.like(this);\r\n }\r\n\r\n self.likeInCorrect = function () {\r\n ga('send', 'event', 'Review', 'Review – Like incorrect explanation');\r\n self.like(this);\r\n }\r\n\r\n self.like = function (answer) {\r\n if (!answer.IsLiked()) {\r\n setLike(answer.AnswerId, answer.IsLiked);\r\n } else {\r\n deleteLike(answer.AnswerId, answer.IsLiked);\r\n }\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.refresh = function () {\r\n getMoreExplanations(function () {\r\n self.currentQuestion(self.quizSession.QuestionsAndAnswers[self.position() - 1])\r\n });\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n\r\n // Summary\r\n self.review = function () {\r\n self.position(1);\r\n self.reviewed(true);\r\n ga('send', 'event', 'Results', 'Results – Review from results');\r\n }\r\n \r\n // Toolbar\r\n\r\n self.dataQuiz = function () {\r\n\r\n window.location.href = '/Data/Quiz/' + self.quizId();\r\n\r\n }\r\n\r\n self.assignQuiz = function () {\r\n window.location.href = '/Assignments/Create?quizId=' + self.quizId();\r\n\r\n }\r\n\r\n self.liveQuiz = function () {\r\n\r\n var model = {\r\n quizId: self.quiz.QuizId,\r\n controllerId: self.quiz.UserId,\r\n comment: \"\"\r\n }\r\n\r\n if (model.controllerId == null) {\r\n toastr['warning']('You must log in to host a live quiz.', 'Please log in');\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: '/Quizzes/CreateLiveQuiz',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n window.document.location = '/Quizzes/Live/' + message.liveQuizId;\r\n } else {\r\n toastr['warning']('You must log in to host a live quiz.', 'Please log in');\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n }\r\n\r\n self.download = function () {\r\n self.quizDownloads(self.quizDownloads() + 1);\r\n \r\n window.location.href = '/Quizzes/Worksheet?quizId=' + self.quizId();\r\n\r\n // PDF generation is a CPU intensive process.\r\n // Disable the download button for 10s to avoid multiple requests from the same client.\r\n self.enableDownload(false);\r\n setTimeout(function () { self.enableDownload(true); }, 10000);\r\n }\r\n\r\n self.likeQuiz = function () {\r\n\r\n var model = {\r\n quizId: self.quiz.QuizId,\r\n userId: self.quiz.UserId\r\n };\r\n\r\n if (self.isQuizLiked()) {\r\n\r\n $.ajax({\r\n url: '/Quizzes/Unlike/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n self.isQuizLiked(false);\r\n self.quizLikes(self.quizLikes() - 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n\r\n } else {\r\n\r\n $.ajax({\r\n url: '/Quizzes/Like/',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n if (message.status == 'success') {\r\n self.isQuizLiked(true);\r\n self.quizLikes(self.quizLikes() + 1);\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n \r\n }\r\n\r\n }\r\n\r\n self.buyPremiumQuiz = function () {\r\n var model = {\r\n quizId: self.quiz.QuizId,\r\n // TODO buy for students?\r\n quantity: 1\r\n };\r\n $.ajax({\r\n url: '/Orders/CreateOrderQuiz',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n document.location.href = \"/Orders#/Basket/\";\r\n }\r\n else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Preview\r\n\r\n self.togglePreviewMode = function () {\r\n\r\n if (self.page() === self.pages.preview) {\r\n\r\n self.page(self.previousPage);\r\n \r\n } else {\r\n self.previousPage = self.page();\r\n\r\n if (self.previewQuestions) {\r\n\r\n self.page(self.pages.preview);\r\n\r\n } else {\r\n\r\n getQuizQuestions(self.quiz.QuizId);\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n self.previewForward = function () {\r\n previewForward();\r\n }\r\n\r\n self.previewBackward = function () {\r\n previewBackward();\r\n }\r\n\r\n // Subjects\r\n\r\n self.toggleSubjects = function () {\r\n\r\n if (self.subjects() == null) {\r\n\r\n getSubjects(self.quiz.QuizId);\r\n\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n self.shareMailto = function () {\r\n window.location.href = self.socialMailto();\r\n }\r\n\r\n self.shareTwitter = function () {\r\n window.location.href = self.socialTwitter();\r\n }\r\n\r\n self.shareFacebook = function () {\r\n window.location.href = self.socialFacebook();\r\n }\r\n\r\n self.shareGoogle = function () {\r\n window.location.href = self.socialGoogle();\r\n }\r\n\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function restart() {\r\n ga('send', 'event', 'Quiz', 'Quiz – Start quiz');\r\n mixpanel.track('Quiz Started', {\r\n category: 'Take Quiz'\r\n });\r\n getQuizSession(self.quiz.QuizId, null, null);\r\n }\r\n\r\n\r\n function start() {\r\n ga('send', 'event', 'Quiz', 'Quiz – Start quiz');\r\n mixpanel.track('Quiz Started', {\r\n category: 'Take Quiz'\r\n });\r\n getQuizSession(self.quiz.QuizId, null, self.selectedAttempt().assignmentId);\r\n }\r\n\r\n function changeCurrentQuestion() {\r\n self.currentQuestion(self.quizSession.QuestionsAndAnswers[self.position() - 1]);\r\n self.selectedAnswer(self.currentQuestion().AnswerValue);\r\n self.reason(self.currentQuestion().Reason);\r\n self.isGuess(self.currentQuestion().IsGuess);\r\n self.page(self.pages.question);\r\n }\r\n\r\n function changeQuestionForward() {\r\n if (self.position() + 1 > self.quizSession.QuestionsAndAnswers.length) {\r\n if (!self.isQuizSessionComplete()) {\r\n quizFinish();\r\n self.isQuizSessionComplete(true);\r\n }\r\n self.position(null);\r\n self.correctCount(calcCorrectCount());\r\n self.page(self.pages.summary);\r\n } else {\r\n self.position(self.position() + 1);\r\n }\r\n }\r\n\r\n function changeQuestionFastForward() {\r\n\r\n var nextMisconceptionPosition = calcNextMisconceptionPosition();\r\n\r\n if (nextMisconceptionPosition == null) {\r\n self.position(null);\r\n self.isQuizSessionComplete(true);\r\n self.correctCount(calcCorrectCount());\r\n self.page(self.pages.summary);\r\n } else {\r\n self.position(nextMisconceptionPosition);\r\n }\r\n }\r\n\r\n function forward() {\r\n if (self.page() == self.pages.question) {\r\n if (self.currentQuestion().AnswerValue) {\r\n changeQuestionForward();\r\n } else if (self.selectedAnswer()) {\r\n // Save the answer and then move on\r\n setAnswer(changeQuestionForward);\r\n }\r\n }\r\n }\r\n\r\n function fastforward() {\r\n if (self.page() == self.pages.question) {\r\n if (self.currentQuestion().AnswerValue) {\r\n changeQuestionFastForward();\r\n }\r\n }\r\n }\r\n\r\n function backward() {\r\n if (self.page() == self.pages.question) {\r\n if (self.position() < 2) {\r\n self.position(null);\r\n hasher.replaceHash(self.quiz.QuizId);\r\n } else {\r\n self.position(self.position() - 1);\r\n }\r\n }\r\n }\r\n\r\n function previewForward() {\r\n if (self.page() == self.pages.preview &&\r\n self.previewPosition() < self.previewQuestionCount()) {\r\n self.previewPosition(self.previewPosition() + 1);\r\n }\r\n }\r\n\r\n function previewBackward() {\r\n if (self.page() == self.pages.preview &&\r\n self.previewPosition() > 1) {\r\n self.previewPosition(self.previewPosition() - 1);\r\n }\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n function quizFinish() {\r\n ga('send', 'event', 'Quiz', 'Quiz – Complete quiz');\r\n mixpanel.track('Quiz Completed', {\r\n category: 'Take Quiz'\r\n });\r\n\r\n if (self.userRole().name != 'Student') {\r\n return;\r\n }\r\n \r\n var model = {\r\n quizSessionId: self.quizSession.QuizSessionId\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/FinishQuizSessionCheckPerfect',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n },\r\n });\r\n }\r\n\r\n function setLike(answerId, callback) {\r\n \r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/AddLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(true);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function deleteLike(answerId, callback) {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n answerId: answerId\r\n };\r\n\r\n $.ajax({\r\n url: '/Data/RemoveLikeAnswer',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (typeof (callback) === \"function\") {\r\n callback(false);\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function setAnswer(callback) {\r\n\r\n if (self.isSubmitting())\r\n {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n self.isSubmitting(true);\r\n\r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n\r\n var answerViewModel = {\r\n quizSessionId: self.quizSession.QuizSessionId,\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n mixpanel.track('Question Answered', {\r\n category: 'Take Quiz',\r\n label: !!answerViewModel.isGuess\r\n ? 'Guess'\r\n : answerViewModel.reason && answerViewModel.reason.length\r\n ? 'Explanation written'\r\n : 'No explanation'\r\n });\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n if (isGuess) {\r\n ga('send', 'event', 'Quiz', 'Quiz – Answer question – Guessed');\r\n }\r\n if (reason != null && reason != '') {\r\n ga('send', 'event', 'Quiz', 'Quiz – Answer question');\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n }\r\n else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getQuiz(id)\r\n {\r\n var model = { quizId: id };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoQuizJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status != 'success')\r\n {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n else\r\n {\r\n self.quiz = data.model;\r\n\r\n self.quizId(self.quiz.QuizId);\r\n self.quizName(self.quiz.Name);\r\n self.quizDesc(self.quiz.Description);\r\n self.quizAuthor(self.quiz.AuthorUserName);\r\n self.quizAuthorUserId(self.quiz.AuthorUserId);\r\n self.quizDateCreated(moment(self.quiz.DateCreated).format('D MMM YYYY'));\r\n self.quizDownloads(self.quiz.Downloads);\r\n self.quizLikes(self.quiz.Likes);\r\n self.quizIsCurated(self.quiz.IsCurated);\r\n self.userId(self.quiz.UserId);\r\n self.userRole(self.userRoles[self.quiz.UserRole]);\r\n self.isQuizLiked(self.quiz.IsQuizLiked);\r\n self.quizType(self.quiz.QuizType);\r\n self.isAuthorized(self.quiz.IsAuthorized);\r\n \r\n self.collectionName(self.quiz.CollectionName);\r\n self.collectionSlug(self.quiz.CollectionSlug);\r\n\r\n var assignmentIdToQuizSession = {};\r\n var otherAttemptOptions = [];\r\n var assignmentAttemptOptions = [];\r\n\r\n data.model.QuizSessions.forEach(function (quizSession) {\r\n if (quizSession.AssignmentId) {\r\n // This quiz session is associated with an assignment so link it below.\r\n assignmentIdToQuizSession[quizSession.AssignmentId] = quizSession;\r\n } else {\r\n // This quiz session is not associated with an assignment.\r\n otherAttemptOptions.push(new AttemptOption(quizSession, null));\r\n }\r\n });\r\n\r\n // Add an entry to stand for \"new attempt/try again\"\r\n otherAttemptOptions.push(new AttemptOption(null, null));\r\n\r\n data.model.Assignments.forEach(function (assignment) {\r\n var quizSession = assignmentIdToQuizSession[assignment.AssignmentId];\r\n\r\n assignmentAttemptOptions.push(new AttemptOption(quizSession, assignment));\r\n });\r\n\r\n self.attemptGroups([]);\r\n\r\n if (assignmentAttemptOptions.length > 0) {\r\n self.attemptGroups.push(new AttemptGroup(\"Assignments\", assignmentAttemptOptions));\r\n }\r\n\r\n self.attemptGroups.push(new AttemptGroup(\"Other Attempts\", otherAttemptOptions));\r\n\r\n var bestAttempt;\r\n\r\n self.attemptGroups().forEach(function (attemptGroup) {\r\n attemptGroup.children().forEach(function (attemptOption) {\r\n if (bestAttempt == null) {\r\n // 1. Something is better than nothing\r\n bestAttempt = attemptOption;\r\n } else if (bestAttempt.assignmentId == null\r\n && attemptOption.assignmentId != null) {\r\n // 2. Assignment attempts always trump other attempts\r\n bestAttempt = attemptOption;\r\n } else if (bestAttempt.assignmentId != null\r\n && attemptOption.assignmentId != null\r\n && bestAttempt.endDate < attemptOption.endDate) {\r\n // 3. Of assignment attempts favour the most recent assignment\r\n bestAttempt = attemptOption;\r\n } else if (bestAttempt.assignmentId == null\r\n && attemptOption.assignmentId == null\r\n && bestAttempt.dateCreated < attemptOption.dateCreated) {\r\n // 4. Of two other attempts favour the most recent\r\n bestAttempt = attemptOption;\r\n }\r\n });\r\n });\r\n\r\n if (bestAttempt) {\r\n self.selectedAttempt(bestAttempt);\r\n }\r\n\r\n self.isQuizLoaded(true);\r\n\r\n if (self.quiz.UserId > 0)\r\n {\r\n self.page(self.pages.title);\r\n }\r\n else\r\n {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.welcome);\r\n }\r\n\r\n if (!self.isAuthorized())\r\n {\r\n self.togglePreviewMode();\r\n }\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n // Note that assignmentId can be undefined when we get a specific quizSessionId that does\r\n // not mean that the quizSession is not associated with an assignment!\r\n function getQuizSession(quizId, quizSessionId, assignmentId)\r\n {\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n self.isSubmitting(true);\r\n\r\n var model = {\r\n quizId: quizId,\r\n quizSessionId: quizSessionId,\r\n assignmentId: assignmentId\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoQuizSessionJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.isSubmitting(false);\r\n if (data.error != null)\r\n {\r\n toastr['error'](data.error, 'Error');\r\n return;\r\n }\r\n self.quizSession = data;\r\n\r\n var attempt;\r\n\r\n // Loop over the attempt groups to find the attempt that this quiz session\r\n // corresponds to. There are many cases to consider:\r\n // 1. Both quizSessionId and self.quizSession.AssignmentId can be null this \r\n // corresponds to a new attempt.\r\n // 2. If quizSessionId is null and self.quizSession.AssignmentId is not null this\r\n // corresponds to a new (and only) assignment attempt.\r\n // 3. If quizSessionId is not null and self.quizSession.AssignmentId is not null\r\n // this corresponds to resuming an assignment attempt.\r\n // 4. If quizSessionId is not null and self.quizSession.AssignmentId is null this\r\n // corresponds to resuming an attempt (not linked to an assignment).\r\n self.attemptGroups().forEach(function (attemptGroup) {\r\n attemptGroup.children().forEach(function (attemptOption) {\r\n if (attemptOption.quizSessionId == quizSessionId\r\n && attemptOption.assignmentId == self.quizSession.AssignmentId) {\r\n attempt = attemptOption\r\n }\r\n });\r\n });\r\n\r\n // If attempt is null it means that the attempt option was not found. This can\r\n // happen when you try to go to Quizzes/Embed/{quizId}/{quizSessionId} when you are\r\n // not logged in.The attempt options are calculated for the current logged in user.\r\n // If no one is logged in it will only contain the \"new\" option which will not\r\n // match. So if attempt is null simply exit here.\r\n\r\n if (attempt == null) {\r\n toastr['warning']('No attempt found.', 'Warning');\r\n hasher.replaceHash(quizId);\r\n return;\r\n }\r\n\r\n UpdateAttemptOption(attempt, self.quizSession);\r\n\r\n self.selectedAttempt(attempt);\r\n\r\n self.questionCount(self.quizSession.QuestionsAndAnswers.length);\r\n\r\n if (self.quizSession.DateCompleted) {\r\n self.isQuizSessionComplete(true);\r\n self.position(1);\r\n } else {\r\n self.isQuizSessionComplete(false);\r\n self.position(data.Position);\r\n }\r\n\r\n self.isQuizSessionLoaded(true);\r\n\r\n if (quizSessionId == null) {\r\n hasher.replaceHash(quizId, data.QuizSessionId);\r\n }\r\n\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n function getQuizQuestions(quizId)\r\n {\r\n var model = {\r\n quizId: quizId\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoQuizQuestionsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.previewQuestions = data.QuizQuestions;\r\n\r\n self.previewQuestionCount(self.previewQuestions.length);\r\n\r\n self.page(self.pages.preview);\r\n\r\n self.previewPosition(1);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getSubjects(quizId) {\r\n var model = {\r\n quizId: quizId\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoQuizSubjectsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.subjects(data.Subjects);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n\r\n function getExplanations(callback)\r\n {\r\n // Note: At this point we have changed the position() but not the currentQuestion().\r\n // This is because when the currentQuestion() observable is updated the UI will be \r\n // updated and we need to attach the top explanations before that.\r\n //\r\n // In other words:\r\n // currentQuestion() != self.quizSession.QuestionsAndAnswers[self.position() - 1]\r\n \r\n var nextQuestion = self.quizSession.QuestionsAndAnswers[self.position() - 1];\r\n\r\n var model = {\r\n questionId: nextQuestion.QuestionId,\r\n firstAnswerValue: nextQuestion.CorrectAnswer,\r\n secondAnswerValue: nextQuestion.AnswerValue\r\n };\r\n\r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n var nextQuestion = self.quizSession.QuestionsAndAnswers[self.position() - 1];\r\n \r\n // Catch the error \"Issue with Unable to set property 'CorrectSkip' of undefined or null reference\"\r\n if (nextQuestion == null) {\r\n toastr['error']('We cannot find any explanations for this question', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n\r\n nextQuestion.CorrectSkip = 0;\r\n nextQuestion.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n nextQuestion.IncorrectSkip = 0;\r\n nextQuestion.IsMoreIncorrectExplanations = data.IsMoreSecondExplanations;\r\n\r\n nextQuestion.Explanations = {\r\n CorrectExplanations: data.FirstExplanations,\r\n IncorrectExplanations: data.SecondExplanations\r\n }\r\n \r\n for (var i = 0; i < nextQuestion.Explanations.CorrectExplanations.length; i++) {\r\n nextQuestion.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n for (var i = 0; i < nextQuestion.Explanations.IncorrectExplanations.length; i++) {\r\n nextQuestion.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n \r\n function getMoreExplanations(callback) {\r\n \r\n var model = {\r\n questionId: self.currentQuestion().QuestionId,\r\n secondAnswerValue: null\r\n };\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n model.firstAnswerValue = self.currentQuestion().CorrectAnswer;\r\n\r\n if (self.currentQuestion().IsMoreCorrectExplanations) {\r\n self.currentQuestion().CorrectSkip += 2;\r\n } else if (self.currentQuestion().CorrectSkip > 0) {\r\n self.currentQuestion().CorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n \r\n model.skip = self.currentQuestion().CorrectSkip;\r\n } else {\r\n model.firstAnswerValue = self.selectedAnswer();\r\n\r\n if (self.currentQuestion().IsMoreIncorrectExplanations) {\r\n self.currentQuestion().IncorrectSkip += 2;\r\n } else if (self.currentQuestion().IncorrectSkip > 0) {\r\n self.currentQuestion().IncorrectSkip = 0;\r\n } else {\r\n toastr['info']('We are already showing all the explanations', 'All out!');\r\n }\r\n\r\n model.skip = self.currentQuestion().IncorrectSkip;\r\n }\r\n \r\n $.ajax({\r\n url: '/Quizzes/GoExplanationsJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n\r\n if (data.FirstExplanations.length == 0) {\r\n toastr['info']('There are no more explanations to view.', 'All out!');\r\n return;\r\n }\r\n\r\n var updateQuestion = self.quizSession.QuestionsAndAnswers[self.position() - 1];\r\n\r\n if (self.selectedExplanationOption() == self.explanationOptions.correct) {\r\n\r\n updateQuestion.Explanations.CorrectExplanations = data.FirstExplanations;\r\n\r\n updateQuestion.IsMoreCorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < updateQuestion.Explanations.CorrectExplanations.length; i++) {\r\n updateQuestion.Explanations.CorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n } else {\r\n \r\n updateQuestion.Explanations.IncorrectExplanations = data.FirstExplanations;\r\n\r\n updateQuestion.IsMoreIncorrectExplanations = data.IsMoreFirstExplanations;\r\n\r\n for (var i = 0; i < updateQuestion.Explanations.IncorrectExplanations.length; i++) {\r\n updateQuestion.Explanations.IncorrectExplanations[i].IsLiked = ko.observable(false);\r\n }\r\n\r\n }\r\n\r\n if (typeof (callback) === \"function\") {\r\n callback();\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function calcCorrectCount() {\r\n var questionsAndAnswers = self.quizSession.QuestionsAndAnswers;\r\n var count = 0;\r\n\r\n for (var i = 0; i < questionsAndAnswers.length; i++) {\r\n if (questionsAndAnswers[i].CorrectAnswer == questionsAndAnswers[i].AnswerValue) {\r\n count++;\r\n }\r\n }\r\n\r\n return count;\r\n }\r\n\r\n function calcNextMisconceptionPosition() {\r\n var questionsAndAnswers = self.quizSession.QuestionsAndAnswers;\r\n var currentPosition = self.position();\r\n var nextMisconceptionPosition;\r\n\r\n for (var i = currentPosition; i < questionsAndAnswers.length; i++) {\r\n if (questionsAndAnswers[i].CorrectAnswer != questionsAndAnswers[i].AnswerValue) {\r\n nextMisconceptionPosition = i + 1;\r\n break;\r\n }\r\n }\r\n\r\n return nextMisconceptionPosition;\r\n }\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n function initRouter() {\r\n //setup crossroads\r\n crossroads.addRoute('/{quizId}/',\r\n function (quizId) {\r\n if (!self.isQuizLoaded() || self.quiz.QuizId != quizId) {\r\n self.isQuizLoaded(false);\r\n\r\n self.previewQuestions = null;\r\n self.previewCurrentQuestion(null);\r\n self.previewPosition(null);\r\n self.previewQuestionCount(0);\r\n\r\n getQuiz(quizId);\r\n } else {\r\n // When url is changed from /{quizId}/{quizSessionId} to /{quizId} it\r\n // is essential to set position to null so when we resume or restart \r\n // a quiz session the value of position will change and trigger the \r\n // subscribe.\r\n self.position(null); \r\n\r\n if (self.userId() > 0) {\r\n self.page(self.pages.title);\r\n }\r\n else {\r\n self.page(self.pages.welcome);\r\n }\r\n }\r\n });\r\n\r\n\r\n crossroads.addRoute('/{quizId}/{quizSessionId}/',\r\n function (quizId, quizSessionId) {\r\n if (!self.isQuizLoaded() || self.quiz.QuizId != quizId) {\r\n self.isQuizLoaded(false);\r\n\r\n self.previewQuestions = null;\r\n self.previewCurrentQuestion(null);\r\n self.previewPosition(null);\r\n self.previewQuestionCount(0);\r\n\r\n getQuiz(quizId);\r\n }\r\n if (!self.isQuizSessionLoaded() || self.quizSession.QuizSessionId != quizSessionId) {\r\n self.isQuizSessionLoaded(false);\r\n getQuizSession(quizId, quizSessionId);\r\n } else {\r\n // Resuming the current quiz session from the title page.\r\n // You don't need to reload the quizSession but you do need\r\n // to set the position so the question page reloads.\r\n self.position(1);\r\n }\r\n });\r\n \r\n crossroads.addRoute('/',\r\n function () {\r\n document.location = '/Home/Dashboard?Message=Sorry%20no%20quiz%20information%20was%20provided%20so%20there%20is%20nothing%20to%20load.';\r\n });\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash); //parse initial hash\r\n hasher.changed.add(parseHash); //parse hash changes\r\n hasher.init(); //start listening for history change\r\n }\r\n\r\n});\n","define('pages/quizzes/import',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n\r\n});\n","define('pages/quizzes/index',['jquery', 'toastr', 'bootstrap', 'chosen', 'sweetalert', 'mousetrap'], function ($, toastr) {\r\n\r\n $(function () {\r\n \r\n if (!isTouchDevice()) {\r\n $('.js-quizzes-toolbar-button').tooltip({ container: 'body', placement: 'bottom' });\r\n }\r\n\r\n $(\"#chosen-author\").chosen({ allow_single_deselect: true, width: '100%' }).change(function () {\r\n document.location = this.value;\r\n });\r\n\r\n $(\"#chosen-subject\").chosen({ allow_single_deselect: true, width: '100%' }).change(function () {\r\n document.location = this.value;\r\n });\r\n\r\n $('#quiz-search-text').focus(function () {\r\n bindEnterToSearch();\r\n });\r\n \r\n $('#live-quiz-code').focus(function () {\r\n bindEnterToJoin();\r\n });\r\n });\r\n \r\n var isRequesting = false; \r\n\r\n function bindEnterToSearch()\r\n {\r\n Mousetrap.unbind([\"enter\"]);\r\n Mousetrap.bind(\"enter\", function () {\r\n quizSearch();\r\n });\r\n }\r\n\r\n function bindEnterToJoin() {\r\n Mousetrap.unbind([\"enter\"]);\r\n Mousetrap.bind(\"enter\", function () {\r\n joinLiveQuiz();\r\n });\r\n }\r\n\r\n function arrowBindings() {\r\n Mousetrap.bind(\"right\", function () {\r\n updateAnswerAndChangePage(\"next\");\r\n });\r\n Mousetrap.bind(\"left\", function () {\r\n updateAnswerAndChangePage(\"previous\");\r\n });\r\n }\r\n\r\n function keyboardBindings(answerValue) {\r\n if (answerValue) {\r\n Mousetrap.unbind(['1', '2', '3', '4', 'A', 'B', 'C', 'D']);\r\n }\r\n else {\r\n Mousetrap.bind(['1', 'A'], function () { selectAnswer(1) });\r\n Mousetrap.bind(['2', 'B'], function () { selectAnswer(2) });\r\n Mousetrap.bind(['3', 'C'], function () { selectAnswer(3) });\r\n Mousetrap.bind(['4', 'D'], function () { selectAnswer(4) });\r\n\r\n }\r\n }\r\n\r\n\r\n $(\".order-quizzes-by\").change(function () {\r\n document.location = this.value;\r\n });\r\n\r\n $(\"#liked-toggle\").change(function () {\r\n document.location = $(this).data('action');\r\n });\r\n\r\n $(\"#colleague-toggle\").change(function () {\r\n document.location = $(this).data('action');\r\n });\r\n\r\n $('#join-live-quiz').click(function (event) {\r\n joinLiveQuiz();\r\n });\r\n\r\n function joinLiveQuiz()\r\n {\r\n var livequizid = $('#live-quiz-code').val();\r\n window.document.location = '/Quizzes/Live/' + livequizid;\r\n }\r\n\r\n $('#quiz-search').click(function (event) {\r\n quizSearch();\r\n });\r\n\r\n function quizSearch()\r\n {\r\n var searchText = $('#quiz-search-text').val();\r\n if (/\\S/.test(searchText)) {\r\n window.document.location = '/Quizzes?Search=' + searchText;\r\n }\r\n }\r\n\r\n $('#quiz-search-clear').click(function (event) {\r\n window.document.location = '/Quizzes';\r\n });\r\n\r\n var isAddingToStream = false;\r\n\r\n $('.js-add-to-stream').click(function (event) {\r\n\r\n if (isAddingToStream) {\r\n toastr['error']('Still adding the last one to the stream', 'Error');\r\n return;\r\n }\r\n\r\n isAddingToStream = true;\r\n\r\n event.preventDefault();\r\n\r\n var self = this;\r\n\r\n var viewModel = {\r\n streamId: $('#selectedStreamId').val(),\r\n quizId: $(self).data('quizid')\r\n };\r\n\r\n if (viewModel.streamId == '')\r\n {\r\n toastr['error']('Please select a stream', 'Error');\r\n isAddingToStream = false;\r\n }\r\n else\r\n {\r\n $.ajax({\r\n url: '/Streams/Add',\r\n type: 'POST',\r\n data: JSON.stringify(viewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n \r\n if (data.status == 'success') {\r\n toastr['success']('Added quiz to stream', 'Success');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n isAddingToStream = false;\r\n }\r\n });\r\n }\r\n\r\n });\r\n\r\n\r\n $('.js-quiz-like').click(function (event) {\r\n if (isRequesting) return;\r\n\r\n var self = this;\r\n var $self = $(self);\r\n\r\n var model = {\r\n quizId: $self.data('quizid'),\r\n userId: $self.data('userid')\r\n };\r\n var likeUrl = $self.data('like');\r\n var redirectUrl = $self.data('redirect');\r\n var unlikeUrl = $self.data('unlike');\r\n var likeId = $self.data('like-id');\r\n\r\n if (model.userId < 1) {\r\n document.location.href = redirectUrl;\r\n } else {\r\n isRequesting = true;\r\n if ($(this).hasClass('active')) {\r\n\r\n $.ajax({\r\n url: unlikeUrl,\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n changeLikes(likeId, -1);\r\n },\r\n complete: function () {\r\n isRequesting = false;\r\n }\r\n });\r\n\r\n $(this).removeClass('active');\r\n\r\n } else {\r\n\r\n $(this).addClass('active');\r\n\r\n $.ajax({\r\n url: likeUrl,\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (message) {\r\n changeLikes(likeId, 1);\r\n },\r\n complete: function () {\r\n isRequesting = false;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n\r\n function changeLikes(id, value) {\r\n\r\n var text = $('#' + id).text()\r\n .replace(/(\\d+)/, function (fullMatch, n) {\r\n return (Number(n) + value);\r\n });\r\n\r\n $('#' + id).text(text);\r\n }\r\n\r\n function isTouchDevice() {\r\n return true == (\"ontouchstart\" in window || window.DocumentTouch && document instanceof DocumentTouch);\r\n }\r\n\r\n});\n","define('pages/quizzes/live',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'd3', 'c3', 'enums', 'moment', 'bootstrap', 'signalr', 'signalrhubs'], function ($, ko, crossroads, hasher, toastr, d3, c3, enums, moment) {\r\n\r\n var self,\r\n SRController;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// SignalR Settings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n SRController = $.connection.testHub;\r\n\r\n SRController.client.newUserComing = function (userName, firstName, lastName, count) {\r\n self.currentUserCount(count);\r\n self.userJoined(userName, firstName, lastName);\r\n }\r\n\r\n SRController.client.liveQuizClosed = function () {\r\n toastr['warning']('This live quiz is closed.', 'Closed');\r\n }\r\n\r\n SRController.client.roomClosed = function () {\r\n toastr['warning']('This room is closed.', 'Closed');\r\n }\r\n\r\n SRController.client.roomEntered = function () {\r\n self.isRoomEntered(true);\r\n }\r\n\r\n SRController.client.startQuiz = function () {\r\n self.position(1);\r\n }\r\n\r\n SRController.client.moveToQuestion = function (position, islocked) {\r\n if (position > self.liveQuiz.QuestionsAndAnswers.length) {\r\n self.position(null);\r\n self.isLiveQuizComplete(true);\r\n self.correctCount(calcCorrectCount());\r\n self.page(self.pages.summary);\r\n } else {\r\n self.isLocked(islocked);\r\n self.position(position);\r\n self.notAnswered(self.allUsers());\r\n }\r\n }\r\n\r\n SRController.client.lockQuestion = function () {\r\n self.isLocked(true);\r\n\r\n };\r\n\r\n SRController.client.unlockQuestion = function () {\r\n if (!self.liveQuiz.QuestionsAndAnswers[self.position() - 1].AnswerValue && !self.isLiveQuizComplete()) {\r\n self.isLocked(false);\r\n }\r\n };\r\n\r\n\r\n // Sent to each user (not controller) when controller clicks forward to summary page\r\n // or user joins completed live quiz. Gets all users answers for each question. \r\n // We no longer use this data in the UI.\r\n SRController.client.getReviewData = function (data, position) {\r\n\r\n self.isLiveQuizComplete(true);\r\n\r\n //for (var j = 0; j < data.length; j++) {\r\n\r\n // self.liveQuiz.QuestionsAndAnswers[j].Labels = ['A', 'B', 'C', 'D'];\r\n // self.liveQuiz.QuestionsAndAnswers[j].Count = [];\r\n // self.liveQuiz.QuestionsAndAnswers[j].Percentage = [];\r\n // self.liveQuiz.QuestionsAndAnswers[j].Total = 0;\r\n\r\n // for (var i = 0; i < 4; i++) {\r\n // self.liveQuiz.QuestionsAndAnswers[j].Count[i] = data[j][0][i];\r\n // self.liveQuiz.QuestionsAndAnswers[j].Percentage[i] = data[j][1][i] * 100;\r\n // }\r\n\r\n // self.liveQuiz.QuestionsAndAnswers[j].Total = data[j][2];\r\n //}\r\n\r\n if (position == null || position > self.questionsCount()) {\r\n self.position(null);\r\n self.page(self.pages.summary);\r\n } else {\r\n self.position(position);\r\n }\r\n\r\n }\r\n\r\n // Sent to the controller when the controller clicks forward to summary page or joins\r\n // a completed live quiz.\r\n SRController.client.getSummaryData = function (correctCount, wrongCount) {\r\n\r\n self.isLiveQuizComplete(true);\r\n \r\n var total = 0;\r\n var correct = 0;\r\n for (var i = 1; i < correctCount.length; i++) {\r\n total = total + correctCount[i] + wrongCount[i];\r\n correct = correct + correctCount[i];\r\n }\r\n if (total == 0)\r\n total = 1;\r\n\r\n self.allUsersPercent(Math.round(correct / total * 100));\r\n }\r\n\r\n SRController.client.getQuestionData = function (data) {\r\n \r\n for (var i = 0; i < data.SingleAnswers.length; i++) {\r\n var answerViewModel = {\r\n userName: data.SingleAnswers[i].FirstName + ' ' + data.SingleAnswers[i].LastName,\r\n answerValue: data.SingleAnswers[i].AnswerValue,\r\n reason: data.SingleAnswers[i].Reason,\r\n time: data.SingleAnswers[i].SecondsUsed + 's'\r\n };\r\n\r\n self.currentAnswers.unshift(answerViewModel);\r\n self.setAnswered(data.SingleAnswers[i].UserName);\r\n }\r\n\r\n }\r\n\r\n SRController.client.getAnswer = function (userName, firstName, lastName, answerValue, reason, timeused) {\r\n\r\n var answerViewModel = {\r\n userName: getDisplayName(userName, firstName, lastName),\r\n answerValue: answerValue,\r\n reason: reason,\r\n time: timeused + 's'\r\n };\r\n\r\n self.currentAnswers.unshift(answerViewModel);\r\n self.setAnswered(userName);\r\n };\r\n\r\n\r\n });\r\n\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ko.bindingHandlers.toggle = {\r\n init: function (element, valueAccessor) {\r\n ko.utils.registerEventHandler(element, 'click', function (event) {\r\n var toggleValue = valueAccessor();\r\n toggleValue(!toggleValue());\r\n if (event.preventDefault)\r\n event.preventDefault();\r\n event.returnValue = false;\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n var toggleValue = ko.unwrap(valueAccessor());\r\n ko.utils.toggleDomNodeCssClass(element, 'active', toggleValue);\r\n }\r\n };\r\n\r\n ko.bindingHandlers.donut = {\r\n update: function (element, valueAccessor) {\r\n element.innerHTML = '';\r\n var percent = ko.unwrap(valueAccessor());\r\n drawDonut(percent, element);\r\n }\r\n };\r\n\r\n function drawDonut(percent, element) {\r\n\r\n var side = 100,\r\n radius = side / 2,\r\n thickness = 6;\r\n\r\n var color = d3.scale.ordinal()\r\n .range(['#93b254', '#e24b3f']);\r\n\r\n var arc = d3.svg.arc()\r\n .outerRadius(radius)\r\n .innerRadius(radius - thickness);\r\n\r\n var pie = d3.layout.pie()\r\n .sort(null);\r\n\r\n var svg = d3.select(element).append('svg')\r\n .attr('width', '100%')\r\n .attr('height', '100%')\r\n .attr('viewBox', '0 0 ' + side + ' ' + side)\r\n .append('g')\r\n .attr('transform', 'translate(' + radius + ',' + radius + ')');\r\n\r\n var data = [percent, 100 - percent];\r\n\r\n var g = svg.selectAll('.arc')\r\n .data(pie(data))\r\n .enter().append('g')\r\n .attr('class', 'arc');\r\n\r\n g.append('path')\r\n .attr('d', arc)\r\n .style('fill', function (d, i) { return color(i); });\r\n\r\n }\r\n\r\n ko.bindingHandlers.questionBarchart = {\r\n update: function (element, valueAccessor) {\r\n element.innerHTML = '';\r\n var currentAnswers = ko.unwrap(valueAccessor());\r\n drawQuestionBarchart(currentAnswers, element);\r\n }\r\n };\r\n\r\n function drawQuestionBarchart(currentAnswers, element) {\r\n var correctCounts = ['Correct', null, null, null, null];\r\n var incorrectCounts = ['Incorrect', 0, 0, 0, 0];\r\n\r\n correctCounts[self.currentQuestion().CorrectAnswer] = 0;\r\n incorrectCounts[self.currentQuestion().CorrectAnswer] = null;\r\n \r\n for (var i = 0; i < currentAnswers.length; i++) {\r\n if (currentAnswers[i].answerValue == self.currentQuestion().CorrectAnswer) {\r\n correctCounts[currentAnswers[i].answerValue]++;\r\n } else {\r\n incorrectCounts[currentAnswers[i].answerValue]++;\r\n }\r\n }\r\n\r\n chart = c3.generate({\r\n bindto: element,\r\n size: {\r\n height: 400\r\n },\r\n data: {\r\n columns: [correctCounts, incorrectCounts],\r\n type: 'bar',\r\n groups: [\r\n ['Correct', 'Incorrect']\r\n ],\r\n colors: {\r\n Incorrect: '#e24b3f',\r\n Correct: '#93b254'\r\n }\r\n },\r\n bar: {\r\n width: {\r\n ratio: 1\r\n }\r\n },\r\n axis: {\r\n x: {\r\n tick: {\r\n format: function (x) { return String.fromCharCode(x + 'A'.charCodeAt(0)) }\r\n }\r\n },\r\n y: {\r\n tick: {\r\n format: d3.format(\"d\")\r\n },\r\n min: 0,\r\n padding: { top: 1, bottom: 0 }\r\n }\r\n }\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuizLiveViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Login\r\n self.userName = ko.observable();\r\n self.password = ko.observable();\r\n self.returnUrl = ko.observable();\r\n\r\n // Pages\r\n self.pages = new enums.Enum('login', 'title', 'question', 'summary');\r\n self.page = ko.observable();\r\n\r\n // States\r\n self.isSubmitting = ko.observable(false);\r\n self.isShowReason = ko.observable(false);\r\n self.isShowAnswers = ko.observable(false);\r\n self.isShowMyExplanation = ko.observable(false);\r\n\r\n // LiveQuiz\r\n self.liveQuiz;\r\n self.liveQuizId = ko.observable(null);\r\n self.isController = ko.observable(false);\r\n self.isRoomEntered = ko.observable(false);\r\n self.currentUserCount = ko.observable();\r\n self.isLiveQuizLoaded = ko.observable(false);\r\n self.isLiveQuizComplete = ko.observable(false);\r\n self.position = ko.observable(null);\r\n self.allUsersPercent = ko.observable(0);\r\n self.allUsers = ko.observableArray([]);\r\n self.notAnswered = ko.observableArray([]);\r\n\r\n // Quiz\r\n self.quizName = ko.observable();\r\n self.quizAuthor = ko.observable();\r\n self.quizDateCreated = ko.observable();\r\n\r\n // QuizSession\r\n self.questionCount = ko.observable(0);\r\n self.correctCount = ko.observable(0);\r\n\r\n // Question\r\n self.currentQuestion = ko.observable(null);\r\n self.isLocked = ko.observable(false);\r\n\r\n // Individual Answer\r\n self.selectedAnswer = ko.observable(null);\r\n self.reason = ko.observable(null);\r\n self.isGuess = ko.observable(false);\r\n\r\n // All Answers for this Question\r\n self.currentAnswers = ko.observableArray([]);\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.isAnswerable = ko.pureComputed(function () {\r\n return !self.isLiveQuizComplete() && !self.currentQuestion().AnswerValue && !self.isLocked();\r\n }, self);\r\n \r\n self.angle = ko.pureComputed(function () {\r\n return 360 * self.correctCount() / self.questionCount();\r\n }, self);\r\n\r\n self.percent = ko.pureComputed(function () {\r\n return 100 * self.correctCount() / self.questionCount();\r\n }, self);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.position.subscribe(function (value) {\r\n if (value) {\r\n changeCurrentQuestion();\r\n }\r\n });\r\n\r\n self.selectedAnswer.subscribe(function (value) {\r\n if (value && self.isLiveQuizComplete() == false) {\r\n self.isShowReason(true);\r\n } else {\r\n self.isShowReason(false);\r\n }\r\n });\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuizLiveViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n // Login page\r\n //self.logIn = function () {\r\n // var model = {\r\n // userName: self.userName(),\r\n // password: self.password()\r\n // };\r\n\r\n // $.ajax({\r\n // url: '/Account/LoginJson',\r\n // type: 'POST',\r\n // data: JSON.stringify(model),\r\n // datatype: 'json',\r\n // processData: false,\r\n // contentType: 'application/json; charset=utf-8',\r\n // success: function (data) {\r\n // if (data.status == \"success\") {\r\n // getLiveQuiz(self.quiz.QuizId);\r\n // } else {\r\n // toastr['error'](data.status, 'Error');\r\n // }\r\n // },\r\n // error: function (error) {\r\n // toastr['error']('Please check your internet connection', 'Error');\r\n // }\r\n // });\r\n //}\r\n\r\n // Title\r\n self.startOrRestart = function () {\r\n \r\n if (self.isController()) {\r\n SRController.server.startQuiz(self.liveQuiz.LiveQuizId);\r\n }\r\n\r\n }\r\n\r\n // Question\r\n self.forward = function () {\r\n \r\n if (self.isController()) {\r\n\r\n var isFinished = self.position() == self.questionCount();\r\n\r\n self.currentAnswers([]);\r\n\r\n SRController.server.moveForward(self.liveQuiz.LiveQuizId);\r\n\r\n if (isFinished) {\r\n SRController.server.finishQuiz(self.liveQuiz.LiveQuizId);\r\n }\r\n }\r\n\r\n }\r\n\r\n self.backward = function () {\r\n\r\n if (self.page() == self.pages.question && self.isController()) {\r\n\r\n self.currentAnswers([]);\r\n\r\n SRController.server.moveBackward(self.liveQuiz.LiveQuizId);\r\n\r\n }\r\n\r\n }\r\n\r\n self.commit = function () {\r\n setAnswer();\r\n }\r\n\r\n self.answerLabel = function (answerValue) {\r\n return ['A', 'B', 'C', 'D'][answerValue - 1];\r\n }\r\n\r\n self.openReason = function () {\r\n self.isShowReason(true);\r\n }\r\n\r\n self.closeReason = function () {\r\n self.isShowReason(false);\r\n }\r\n\r\n self.toggleLock = function () {\r\n\r\n if (self.isLocked()) {\r\n self.isLocked(false);\r\n SRController.server.unlockQuestion(self.liveQuiz.LiveQuizId, self.position());\r\n } else {\r\n self.isLocked(true);\r\n SRController.server.lockQuestion(self.liveQuiz.LiveQuizId, self.position());\r\n }\r\n }\r\n\r\n // Summary\r\n self.review = function () {\r\n\r\n self.position(1);\r\n SRController.server.goReview(self.liveQuiz.LiveQuizId);\r\n\r\n }\r\n\r\n // Close\r\n self.closeRoom = function () {\r\n SRController.server.closeRoom(self.liveQuiz.LiveQuizId);\r\n }\r\n\r\n self.userJoined = function (newUserName, firstName, lastName) {\r\n if (self.userName() === newUserName) {\r\n return\r\n }\r\n for (var i = 0; i < self.allUsers().length; i++) {\r\n if (self.allUsers()[i].userName === newUserName) {\r\n return;\r\n }\r\n }\r\n self.allUsers.push({\r\n userName: newUserName,\r\n displayName: getDisplayName(newUserName, firstName, lastName)\r\n });\r\n }\r\n \r\n self.setAnswered = function (userName) {\r\n for (var i = 0; i < self.notAnswered().length; i++) {\r\n if (self.notAnswered()[i].userName === userName) {\r\n self.notAnswered.remove(self.notAnswered()[i]);\r\n return\r\n }\r\n }\r\n }\r\n\r\n self.getNameList = function (list) {\r\n if (list == null || list.length == 0)\r\n return \"\";\r\n var result = \"\";\r\n for (var i = 0; i < list.length; i++) {\r\n if (i != 0)\r\n result += \", \";\r\n result += list[i].displayName;\r\n }\r\n result += \". \";\r\n return result;\r\n }\r\n \r\n }\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n function getDisplayName(userName, firstName, lastName) {\r\n if ((firstName == null || firstName == '') && (lastName == null || lastName == '')) {\r\n return userName;\r\n } else {\r\n return firstName + ' ' + lastName;\r\n }\r\n }\r\n\r\n function changeCurrentQuestion() {\r\n self.currentQuestion(self.liveQuiz.QuestionsAndAnswers[self.position() - 1]);\r\n self.selectedAnswer(self.currentQuestion().AnswerValue);\r\n self.reason(self.currentQuestion().Reason);\r\n self.isGuess(self.currentQuestion().IsGuess);\r\n self.page(self.pages.question);\r\n }\r\n\r\n function changeQuestionForward() {\r\n\r\n if (self.position() + 1 > self.questionsCount()) {\r\n self.position(null);\r\n self.isLiveQuizComplete(true);\r\n self.correctCount(calcCorrectCount());\r\n self.page(self.pages.summary);\r\n } else {\r\n self.position(self.position() + 1);\r\n }\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function setAnswer() {\r\n\r\n if (self.isSubmitting()) {\r\n return;\r\n }\r\n\r\n if (self.reason() != null && self.reason().length > 1000) {\r\n toastr['error']('Length limit for explanation: 1000 characters.', 'Error');\r\n return;\r\n }\r\n\r\n self.isSubmitting(true);\r\n \r\n var answerValue = self.selectedAnswer();\r\n var reason = self.reason();\r\n var isGuess = self.isGuess();\r\n \r\n \r\n var answerViewModel = {\r\n quizSessionId: self.liveQuiz.QuizSessionId,\r\n questionId: self.currentQuestion().QuestionId,\r\n answerValue: answerValue,\r\n reason: reason,\r\n isGuess: isGuess\r\n };\r\n\r\n $.ajax({\r\n url: '/Answers/Add',\r\n type: 'POST',\r\n data: JSON.stringify(answerViewModel),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n if (!self.isController()) {\r\n SRController.server.sendAnswer(self.liveQuiz.LiveQuizId, self.userName(), self.liveQuiz.FirstName, self.liveQuiz.LastName, answerValue, reason, self.position());\r\n }\r\n self.currentQuestion().AnswerValue = answerValue;\r\n self.currentQuestion().Reason = reason;\r\n self.currentQuestion().IsGuess = isGuess;\r\n\r\n self.isLocked(true);\r\n } else if (data.isValidationFailed) {\r\n toastr['warning'](data.status, 'Warning');\r\n } else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n self.isSubmitting(false);\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n self.isSubmitting(false);\r\n }\r\n });\r\n\r\n }\r\n\r\n function getLiveQuiz(id) {\r\n var model = { liveQuizId: id };\r\n\r\n $.ajax({\r\n url: '/Quizzes/LiveJson',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.error) {\r\n toastr['error'](data.error, 'Error');\r\n }\r\n else {\r\n\r\n if (data.UserId < 1) {\r\n self.returnUrl(document.location.href);\r\n self.page(self.pages.login);\r\n return;\r\n }\r\n\r\n self.liveQuiz = data;\r\n self.liveQuizId(self.liveQuiz.LiveQuizId);\r\n\r\n if (self.liveQuiz.DateCompleted) {\r\n self.isLiveQuizComplete(true);\r\n }\r\n\r\n self.quizName(self.liveQuiz.QuizName);\r\n self.quizAuthor(self.liveQuiz.AuthorUserName);\r\n self.quizDateCreated(moment(self.liveQuiz.QuizDateCreated).format('D MMM YYYY'));\r\n\r\n self.questionCount(self.liveQuiz.QuestionsCount);\r\n\r\n self.userName(self.liveQuiz.UserName);\r\n self.isController(self.liveQuiz.IsController);\r\n\r\n self.isLiveQuizLoaded(true);\r\n self.page(self.pages.title);\r\n \r\n $.connection.hub.start().done(function () {\r\n SRController.server.joinRoom(self.liveQuiz.LiveQuizId, self.userName(), self.liveQuiz.FirstName, self.liveQuiz.LastName, self.liveQuiz.UserId, self.liveQuiz.ControllerId, self.liveQuiz.QuizId);\r\n });\r\n\r\n }\r\n },\r\n error: function (error) {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n });\r\n }\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function calcCorrectCount() {\r\n var questionsAndAnswers = self.liveQuiz.QuestionsAndAnswers;\r\n var count = 0;\r\n\r\n for (var i = 0; i < questionsAndAnswers.length; i++) {\r\n if (questionsAndAnswers[i].CorrectAnswer == questionsAndAnswers[i].AnswerValue) {\r\n count++;\r\n }\r\n }\r\n\r\n return count;\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n\r\n crossroads.addRoute('/{liveQuizId}/',\r\n function (liveQuizId) {\r\n if (!self.isLiveQuizLoaded() || self.liveQuiz.LiveQuizId != liveQuizId) {\r\n self.isLiveQuizLoaded(false);\r\n getLiveQuiz(liveQuizId);\r\n } else {\r\n // When url is changed from /{quizId}/{quizSessionId} to /{quizId} it\r\n // is essential to set position to null so when we resume or restart \r\n // a quiz session the value of position will change and trigger the \r\n // subscribe.\r\n self.position(null);\r\n self.page(self.pages.title);\r\n }\r\n });\r\n\r\n //crossroads.routed.add(console.log, console);\r\n\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash);\r\n hasher.changed.add(parseHash);\r\n hasher.init();\r\n }\r\n\r\n});\n","define('pages/quizzes/premium',['jquery', 'knockout', 'toastr', 'enums', 'bootstrap', 'moment'], function ($, ko, toastr) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n \r\n })\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function QuizzesPremiumViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.paper1Options = [\r\n \"/Images/premium-quiz-paper-1-1.jpg\",\r\n \"/Images/premium-quiz-paper-1-2.jpg\",\r\n \"/Images/premium-quiz-paper-1-3.jpg\",\r\n \"/Images/premium-quiz-paper-1-4.jpg\",\r\n \"/Images/premium-quiz-paper-1-5.jpg\"\r\n ];\r\n\r\n self.paper2Options = [\r\n \"/Images/premium-quiz-paper-2-1.jpg\",\r\n \"/Images/premium-quiz-paper-2-2.jpg\",\r\n \"/Images/premium-quiz-paper-2-3.jpg\",\r\n \"/Images/premium-quiz-paper-2-4.jpg\",\r\n \"/Images/premium-quiz-paper-2-5.jpg\"\r\n ];\r\n\r\n self.selectedPaper1Index = ko.observable(0);\r\n self.selectedPaper2Index = ko.observable(0);\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n self.selectedPaper1 = ko.pureComputed(function () {\r\n return self.paper1Options[self.selectedPaper1Index()];\r\n }, self);\r\n\r\n self.selectedPaper2 = ko.pureComputed(function () {\r\n return self.paper2Options[self.selectedPaper2Index()];\r\n }, self);\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new QuizzesPremiumViewModel());\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n\r\n self.nextPaper1Question = function () {\r\n var next = (self.selectedPaper1Index() + 1) % self.paper1Options.length;\r\n this.selectedPaper1Index(next);\r\n }\r\n\r\n self.prevPaper1Question = function () {\r\n var prev = (this.selectedPaper1Index() + self.paper1Options.length - 1) % self.paper1Options.length;\r\n this.selectedPaper1Index(prev);\r\n }\r\n\r\n self.nextPaper2Question = function () {\r\n var next = (self.selectedPaper2Index() + 1) % self.paper2Options.length;\r\n this.selectedPaper2Index(next);\r\n }\r\n\r\n self.prevPaper2Question = function () {\r\n var prev = (this.selectedPaper2Index() + self.paper2Options.length - 1) % self.paper2Options.length;\r\n this.selectedPaper2Index(prev);\r\n }\r\n\r\n self.addPremiumQuizToOrder = function (quizId) {\r\n\r\n var model = {\r\n quizId: quizId,\r\n quantity: 1\r\n };\r\n\r\n $.ajax({\r\n url: '/Orders/CreateOrderQuiz',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n document.location.href = \"/Orders#/Basket/\";\r\n }\r\n else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n\r\n\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n});\n","define('pages/reports/index',[\r\n 'jquery',\r\n 'knockout',\r\n 'crossroads',\r\n 'hasher',\r\n 'toastr',\r\n 'enums',\r\n 'moment',\r\n 'jqueryValidate',\r\n 'bootstrap',\r\n 'knockoutValidation',\r\n 'perfectScrollbarJquery'],\r\nfunction (\r\n $,\r\n ko,\r\n crossroads,\r\n hasher,\r\n toastr,\r\n enums,\r\n moment\r\n) {\r\n \r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n\r\n\r\n })\r\n\r\n function FilterValue(data) {\r\n this.Value = data.Value;\r\n this.Text = data.Text;\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n function ReportsViewModel() {\r\n\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n self.startDates = [];\r\n self.endDates = ko.observableArray([]);\r\n\r\n var startDate = new moment('2015-09-01');\r\n self.startDates.push({\r\n name: '1st September 2015',\r\n value: startDate.format('DD/MM/YYYY'),\r\n daysAgo: Math.floor((new Date() - new Date('2015-09-01')) / (60 * 60 * 24 * 1000))\r\n });\r\n\r\n [365, 274, 183, 91].forEach(function (daysAgo) {\r\n\r\n var startDate = moment().subtract(daysAgo, 'days');\r\n\r\n self.startDates.push({\r\n name: startDate.fromNow(),\r\n value: startDate.format('DD/MM/YYYY'),\r\n daysAgo: daysAgo\r\n });\r\n\r\n });\r\n\r\n \r\n\r\n self.startDate = ko.observable();\r\n self.endDate = ko.observable();\r\n \r\n self.pages = new enums.Enum('pick', 'edit', 'students', 'generating', 'done');\r\n self.page = ko.observable(self.pages.pick);\r\n\r\n // Pick\r\n self.reportTypes = new enums.Enum('student', 'class', 'cohort');\r\n self.reportType = ko.observable();\r\n\r\n // Edit \r\n self.classFilter = ko.observable([]);\r\n self.classFilterValue = ko.observable();\r\n\r\n self.studentFilter = ko.observable([]);\r\n self.studentFilterValue = ko.observable();\r\n\r\n self.subjectFilter = ko.observable([]);\r\n self.subjectFilterValue = ko.observable();\r\n\r\n self.isAllStudents = ko.observable(); // true = all students in class, false = select students\r\n \r\n // Record which student has been selected within each element\r\n self.students = ko.observableArray([]);\r\n\r\n self.isGenerating = ko.observable(false);\r\n\r\n self.selectedStudentCount = ko.observable(0);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.step = ko.pureComputed(function () {\r\n switch (self.page()) {\r\n case self.pages.pick:\r\n return 1;\r\n case self.pages.edit:\r\n return 2;\r\n case self.pages.students:\r\n return 2;\r\n case self.pages.generating:\r\n return 3;\r\n case self.pages.done:\r\n return 4;\r\n }\r\n }, self);\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n self.classFilterValue.subscribe(function (newValue) {\r\n getStudentList(newValue.GroupId);\r\n });\r\n\r\n self.startDate.subscribe(function (newValue) {\r\n\r\n self.endDates.removeAll();\r\n\r\n self.startDates.forEach(function (date) {\r\n if (date.daysAgo < newValue.daysAgo) {\r\n self.endDates.push(date);\r\n }\r\n });\r\n\r\n var len = self.endDates.push({\r\n name: 'now',\r\n value: moment().format('DD/MM/YYYY'),\r\n daysAgo: 0\r\n });\r\n\r\n self.endDate(self.endDates()[len - 1]);\r\n\r\n });\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new ReportsViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n \r\n self.init = function () {\r\n self.isAllStudents(false);\r\n self.studentFilter([]);\r\n self.selectedStudentCount(0);\r\n }\r\n\r\n self.isNullOrWhiteSpace = function (str) {\r\n return isNullOrWhiteSpace(str);\r\n }\r\n\r\n self.generateNewReport = function () {\r\n hasher.setHash('');\r\n }\r\n\r\n self.pickStudentReport = function () {\r\n hasher.setHash('Student');\r\n }\r\n\r\n self.selectStudents = function () {\r\n self.isAllStudents(false);\r\n hasher.setHash('SelectStudent/' + self.classFilterValue().GroupId);\r\n }\r\n\r\n self.allStudents = function () {\r\n self.isAllStudents(true);\r\n self.generateMultipleReports();\r\n }\r\n\r\n self.fixStudentScrollbar = function (elements, data) {\r\n\r\n if ($('.reports__students__list').first().children().length === self.studentFilter().length) {\r\n +\r\n $('.reports__students__list').perfectScrollbar({ suppressScrollX: true });\r\n\r\n $(window).resize(function () {\r\n $('.reports__students__list').perfectScrollbar('update');\r\n });\r\n }\r\n\r\n }\r\n\r\n self.generateMultipleReports = function () {\r\n\r\n self.isGenerating(true);\r\n\r\n var userIds = [];\r\n\r\n for (var i = 0; i < self.studentFilter().length; i++) {\r\n if (self.isAllStudents() || self.studentFilter()[i].IsSelected()) {\r\n userIds.push(self.studentFilter()[i].UserId);\r\n }\r\n }\r\n\r\n var model = {\r\n userIds: userIds,\r\n groupId: self.classFilterValue().GroupId,\r\n subjectId: self.subjectFilterValue().SubjectId,\r\n startDaysAgo: self.startDate().daysAgo,\r\n endDaysAgo: self.endDate().daysAgo\r\n };\r\n\r\n hasher.setHash(\"Generating\");\r\n\r\n $.ajax({\r\n url: '/Generator/GenerateStudentSubjectReportZip',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n toastr[\"success\"](\"Reports generated, start downloading...\", \"Success\");\r\n var url = '/Generator/DownloadReportZip?zipName=' + data.path;\r\n document.location = url;\r\n self.isGenerating(false);\r\n hasher.setHash(\"Done\");\r\n }\r\n else {\r\n toastr[\"warning\"](data.status, \"Error\");\r\n self.isGenerating(false);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function clearErrors() {\r\n\r\n $('.input-validation-error')\r\n .removeClass('input-validation-error');\r\n\r\n $('.field-validation-error')\r\n .remove();\r\n\r\n }\r\n\r\n function displayErrors(errors) {\r\n\r\n for (var i = 0; i < errors.length; i++) {\r\n\r\n $('')\r\n .html(errors[i].Value[0])\r\n .appendTo($('#' + errors[i].Key).parent());\r\n\r\n $('#' + errors[i].Key)\r\n .addClass('input-validation-error');\r\n }\r\n\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function getGroupAndSubjectList() {\r\n $.ajax({\r\n url: '/Generator/GetGroupAndSubjectList',\r\n type: 'POST',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n self.classFilter(data.groups);\r\n self.subjectFilter(data.subjects);\r\n }\r\n else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n }\r\n });\r\n }\r\n \r\n function getStudentList(groupId) {\r\n var model = { groupId: groupId };\r\n $.ajax({\r\n url: '/Generator/GetStudentList',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n for (var i = 0; i < data.data.length; i++) {\r\n data.data[i].IsSelected = ko.observable(false);\r\n data.data[i].IsSelected.subscribe(function (newValue) {\r\n if (newValue) {\r\n self.selectedStudentCount(self.selectedStudentCount() + 1);\r\n } else {\r\n self.selectedStudentCount(self.selectedStudentCount() - 1);\r\n }\r\n });\r\n data.data[i].DisplayName =\r\n (data.data[i].FirstName != null && data.data[i].LastName != null) ?\r\n (data.data[i].FirstName + ' ' + data.data[i].LastName) :\r\n data.data[i].UserName;\r\n }\r\n self.studentFilter(data.data);\r\n }\r\n else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n }\r\n });\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function isNullOrWhiteSpace(str) {\r\n return str === null || !/\\S/.test(str);\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function initRouter() {\r\n\r\n crossroads.addRoute('',\r\n function () {\r\n // initialise pick state\r\n self.init();\r\n self.page(self.pages.pick);\r\n });\r\n\r\n crossroads.addRoute('/Student/',\r\n function () {\r\n // show student report selected and options for student report\r\n self.reportType(self.reportTypes.student);\r\n self.page(self.pages.edit);\r\n if (self.classFilter().length == 0) {\r\n getGroupAndSubjectList();\r\n }\r\n });\r\n\r\n crossroads.addRoute('/SelectStudent/{GroupId}/',\r\n function (groupId) {\r\n // show student report selected and options for student report\r\n self.reportType(self.reportTypes.student);\r\n self.page(self.pages.students);\r\n if (self.studentFilter().length == 0) {\r\n getStudentList(groupId);\r\n }\r\n });\r\n\r\n crossroads.addRoute('/Generating/',\r\n function () {\r\n self.page(self.pages.generating);\r\n });\r\n\r\n crossroads.addRoute('/Done/',\r\n function () {\r\n self.page(self.pages.done);\r\n });\r\n\r\n //crossroads.routed.add(console.log, console); //log all routes\r\n\r\n //setup hasher\r\n function parseHash(newHash, oldHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n\r\n hasher.initialized.add(parseHash);\r\n hasher.changed.add(parseHash);\r\n hasher.init();\r\n }\r\n\r\n});\n","define('pages/schools/default',['jquery', 'toastr', 'jqueryValidate', 'bootstrap', 'sweetalert'], function ($, toastr) {\r\n\r\n $(function () {\r\n\r\n LoadDropDownItems('#SelectedCountry', '/Data/LoadAllCountries');\r\n if ($('#SelectedCountry').val() != null && $('#SelectedCountry').val() != \"\")\r\n LoadRegionsDropDown($('#SelectedCountry').val());\r\n\r\n $('#SelectedCountry').change(function () {\r\n LoadRegionsDropDown(this.value);\r\n });\r\n\r\n $('.js-join-school').on('click', function () {\r\n\r\n var self = this;\r\n var model = {\r\n joinCode: $('.js-school-code').val()\r\n }\r\n\r\n $.ajax({\r\n url: '/Schools/JoinSchoolByJoinCode',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n async: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status != 'success') {\r\n toastr['error'](data.status, 'Error');\r\n } else {\r\n toastr['success']('You have joined school ' + data.schoolName, 'Success');\r\n location.reload();\r\n }\r\n }\r\n })\r\n });\r\n\r\n $('.js-generate-school-join-code').on('click', function () {\r\n\r\n var self = this;\r\n var model = {\r\n schoolId: $(self).data('schoolid')\r\n }\r\n\r\n $.ajax({\r\n url: '/Schools/GenerateSchoolJoinCode',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n async: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status != 'success') {\r\n toastr['error'](data.status, 'Error');\r\n } else {\r\n swal(data.joinCode, 'Here is your join code, tell teachers to use that to join your school.', \"success\");\r\n }\r\n }\r\n })\r\n });\r\n\r\n });\r\n\r\n function LoadDropDownItems(id, url) {\r\n if (!($(id).data('listed') === true)) {\r\n $.getJSON(url, function (data) {\r\n var dropDown = $(id);\r\n var selectedValue = $(dropDown).val();\r\n\r\n $(dropDown).empty();\r\n\r\n $(document.createElement('option'))\r\n .attr('value', '')\r\n .text('Choose...')\r\n .appendTo(dropDown);\r\n\r\n $(data).each(function () {\r\n $(document.createElement('option'))\r\n .attr('value', this.Value)\r\n .text(this.Text)\r\n .appendTo(dropDown);\r\n });\r\n\r\n $(dropDown).val(selectedValue);\r\n $(dropDown).data('listed', true);\r\n });\r\n }\r\n };\r\n\r\n function LoadRegionsDropDown(countryname) {\r\n var model = { countryname: countryname };\r\n var id = '#SelectedRegion'\r\n\r\n $.ajax({\r\n url: '/Data/LoadAllRegions',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n var dropDown = $(id);\r\n var selectedValue = $(dropDown).val();\r\n\r\n $(dropDown).empty();\r\n\r\n $(document.createElement('option'))\r\n .attr('value', '')\r\n .text('Choose...')\r\n .appendTo(dropDown);\r\n\r\n $(data).each(function () {\r\n $(document.createElement('option'))\r\n .attr('value', this.Value)\r\n .text(this.Text)\r\n .appendTo(dropDown);\r\n });\r\n\r\n $(dropDown).val(selectedValue);\r\n $(dropDown).data('listed', true);\r\n }\r\n });\r\n }\r\n});\n","define('pages/schools/search',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n $(function () {\r\n\r\n $('.js-join-school').click(function () {\r\n\r\n if ($('input[name=\"SchoolId\"]:checked').length) {\r\n return true;\r\n }\r\n else\r\n {\r\n toastr['warning']('Please select a school', 'No School Selected');\r\n return false;\r\n }\r\n });\r\n \r\n });\r\n\r\n});\n","define('pages/shared/notification',[\"jquery\", \"moment\"], function ($, moment) {\r\n\r\n $('.js-notification-btn').click(function () {\r\n $('.notification_bubble').addClass('hide');\r\n\r\n if (!$('.js-notifications-tab').is(\":visible\")) {\r\n $('.js-notifications-shadow').removeClass('hide');\r\n\r\n if ($('.js-notifications-list').children().length == 0)\r\n {\r\n $.ajax({\r\n url: '/Home/GetNotification',\r\n type: 'POST',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n loadData(data.model);\r\n $('.js-notifications-tab').removeClass('hide');\r\n }\r\n }\r\n });\r\n } else {\r\n $('.js-notifications-tab').removeClass('hide');\r\n }\r\n\r\n \r\n } else {\r\n $('.js-notifications-shadow').addClass('hide');\r\n $('.js-notifications-tab').addClass('hide');\r\n }\r\n \r\n });\r\n\r\n $('.js-notifications-shadow').click(function (event) {\r\n\r\n $('.js-notifications-shadow').addClass('hide');\r\n $('.js-notifications-tab').addClass('hide');\r\n $('.js-notification-btn').removeClass(\"btn-notification--active\");\r\n });\r\n\r\n function loadData(data) {\r\n for (var i = 0; i < data.length; i++) {\r\n switch (data[i].NotificationType) {\r\n case 'AssignmentFinished':\r\n addAssignmentFinishRow(data[i]);\r\n break;\r\n case 'FollowUpQuestionAnswered':\r\n addFollowUpQuestionAnsweredRow(data[i]);\r\n break;\r\n case 'NewFeedbackQuestion':\r\n addNewFeedbackQuestionRow(data[i]);\r\n break;\r\n case 'NewAssignment':\r\n addNewAssignmentRow(data[i]);\r\n break;\r\n case 'NewBadge':\r\n addNewBadgeRow(data[i]);\r\n break;\r\n case 'NewFeature':\r\n break;\r\n case 'NewFeedback':\r\n break;\r\n case 'NewFreeLicence':\r\n addNewFreeLicenceRow(data[i]);\r\n break;\r\n case 'NewAssignedLicence':\r\n addNewAssignedLicenceRow(data[i]);\r\n break;\r\n case 'NewStudentBadge':\r\n addNewStudentBadge(data[i]);\r\n break;\r\n case 'AddDateOfBirth':\r\n addAddDateOfBirth(data[i]);\r\n break;\r\n case 'ExplanationLiked':\r\n addExplanationLiked(data[i]);\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n }\r\n\r\n function addAssignmentFinishRow(data) {\r\n\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = ' Assignment ' + data.Info1 + ' assigned to class ' + data.Info2 + ' is completed
';\r\n \r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addFollowUpQuestionAnsweredRow(data) {\r\n\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
' + data.Amount + ' Follow up Question finish answered
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n function addNewFeedbackQuestionRow(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
' + data.Amount + ' pending Questions on Feedback
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addNewAssignmentRow(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
Your teacher ' + data.Info2 + ' assigned a new assignment ' + data.Info1 + '
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addNewBadgeRow(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
Awesome! You have earned a New Badge!
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addNewFreeLicenceRow(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
Great news! ' + data.Info1 + ' ' + data.Info2 + '
';\r\n\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addNewFeedbackRow(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
You have' + data.Amount + ' new feedback from your teacher
';\r\n\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addNewAssignedLicenceRow(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = ' ' + moment(data.DateCreated).fromNow() + '
You have been assigned ' + data.Info1 + ' Teacher Package!
';\r\n\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addNewStudentBadge(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
Awesome! One of your student ' + data.Info1 + ' earned a New Badge! ' + data.Info2 + '
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addAddDateOfBirth(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
Please add your gender and date of birth.
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n function addExplanationLiked(data) {\r\n var div = document.createElement('div');\r\n\r\n div.innerHTML = '' + moment(data.DateCreated).fromNow() + '
One of your explanations has been liked by somebody else.
';\r\n\r\n $('.js-notifications-list').append(div);\r\n }\r\n\r\n});\n","define('pages/streams/assign',['jquery', 'knockout', 'toastr', 'moment', 'bootstrapDateTimePicker', 'jqueryValidate', 'bootstrap', 'chosen', 'pages/data/utility'], function ($, ko, toastr, moment) {\r\n\r\n var dateFormat = \"DD MMM YYYY\";\r\n var dateTimePicker;\r\n\r\n\r\n ko.bindingHandlers.datetimepicker = {\r\n init: function (element, valueAccessor, allBindingsAccessor) {\r\n //initialize datepicker with some optional options\r\n $(element).datetimepicker({\r\n icons: {\r\n date: \"icon-calendar\",\r\n up: \"icon-chevron-up\",\r\n down: \"icon-chevron-down\"\r\n },\r\n format: dateFormat,\r\n pickTime: false\r\n });\r\n\r\n dateTimePicker = $(element).data('DateTimePicker');\r\n\r\n if (!self.startDateEditable())\r\n dateTimePicker.disable();\r\n\r\n //when a user changes the date, update the view model\r\n ko.utils.registerEventHandler(element, \"dp.change\", function (event) {\r\n var value = valueAccessor();\r\n if (ko.isObservable(value)) {\r\n value(event.date);\r\n }\r\n });\r\n },\r\n update: function (element, valueAccessor) {\r\n\r\n var value = ko.utils.unwrapObservable(valueAccessor());\r\n \r\n dateTimePicker.setValue(value);\r\n\r\n }\r\n }; // end KO binding datepicker\r\n \r\n ko.bindingHandlers.chosen = {\r\n init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {\r\n var $element = $(element);\r\n var options = ko.unwrap(valueAccessor());\r\n\r\n if (typeof options === 'object')\r\n $element.chosen(options);\r\n\r\n ['options', 'selectedOptions'].forEach(function (propName) {\r\n if (allBindings.has(propName)) {\r\n var prop = allBindings.get(propName);\r\n if (ko.isObservable(prop)) {\r\n prop.subscribe(function () {\r\n $element.trigger('chosen:updated');\r\n });\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n var self;\r\n\r\n function StreamAssignViewModel() {\r\n\r\n self = this;\r\n\r\n self.streams = ko.observableArray([]);\r\n self.selectedStream = ko.observable();\r\n\r\n self.groups = ko.observableArray([]);\r\n self.selectedGroups = ko.observableArray([]);\r\n\r\n self.startDate = ko.observable(moment());\r\n self.endDate = ko.pureComputed(function () {\r\n var result = moment(self.startDate()).add(self.selectedStream().Length - 1, 'days').format(dateFormat);\r\n return result;\r\n });\r\n \r\n self.licencesAvailable = ko.observable();\r\n self.licencesRequired = ko.observable(0);\r\n self.licencesLeft = ko.pureComputed(function () {\r\n return self.licencesAvailable() - self.licencesRequired();\r\n });\r\n \r\n self.startDateEditable = ko.observable();\r\n self.assignBtnEnable = ko.observable(true);\r\n\r\n self.selectedStream.subscribe(function (newValue) {\r\n \r\n self.licencesAvailable(newValue.Balance);\r\n \r\n if (newValue.StartDate == null)\r\n {\r\n self.startDate(moment());\r\n self.startDateEditable(true);\r\n }\r\n else\r\n {\r\n if (moment().diff(moment(newValue.StartDate)) > 0) {\r\n self.startDate(moment());\r\n } else {\r\n self.startDate(moment(newValue.StartDate));\r\n }\r\n self.startDateEditable(false);\r\n }\r\n });\r\n\r\n self.startDateEditable.subscribe(function (newValue) {\r\n if (dateTimePicker != null)\r\n {\r\n if (newValue)\r\n dateTimePicker.enable();\r\n else\r\n dateTimePicker.disable();\r\n }\r\n });\r\n\r\n self.selectedGroups.subscribe(function (newValue) {\r\n var licencesRequired = 0;\r\n newValue.forEach(function (selectedGroup) {\r\n licencesRequired = licencesRequired + selectedGroup.StudentsCount;\r\n });\r\n self.licencesRequired(licencesRequired);\r\n });\r\n\r\n\r\n init();\r\n\r\n addPageFunctions();\r\n\r\n }\r\n\r\n function addPageFunctions() {\r\n \r\n self.assignStream = function () {\r\n self.assignBtnEnable(false);\r\n\r\n toastr[\"info\"](\"It may take a few minutes to assign the stream to all of your students. Please do not leave this page.\", \"Please wait\");\r\n\r\n var model = {\r\n streamId : self.selectedStream().StreamId,\r\n totalQuantity : self.licencesRequired(),\r\n groupIds : self.selectedGroups().map(function (group){ return group.GroupId; }),\r\n startDate : moment(self.startDate()).format('DD/MM/YYYY')\r\n };\r\n\r\n $.ajax({\r\n url: '/Assignments/AssignStream',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n toastr[\"success\"](\"Your stream has been assigned!\", \"Success\");\r\n\r\n document.location.href = \"/Assignments/Teacher/\";\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n self.assignBtnEnable(true);\r\n }\r\n\r\n }\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n ko.applyBindings(new StreamAssignViewModel());\r\n \r\n function init() {\r\n getGroupList();\r\n getStreamList();\r\n }\r\n \r\n function getGroupList() {\r\n $.ajax({\r\n url: '/Groups/LoadGroupsWithStudentCounts',\r\n cache: false,\r\n dataType: 'json',\r\n async: false,\r\n success: function (data) {\r\n self.groups(data);\r\n }\r\n });\r\n }\r\n\r\n function getStreamList() {\r\n $.ajax({\r\n url: '/Streams/GetStreamsPurchasedByUsersSchool',\r\n cache: false,\r\n dataType: 'json',\r\n async: false,\r\n success: function (data) {\r\n self.streams(data);\r\n\r\n var streamId = location.search.split('StreamId=')[1];\r\n if (streamId != null)\r\n {\r\n var stream = findStreamById(streamId);\r\n if (stream != null)\r\n {\r\n self.selectedStream(stream);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n function findStreamById(streamId) {\r\n for (var i = 0; i < self.streams().length; i++)\r\n {\r\n if (self.streams()[i].StreamId == streamId)\r\n return self.streams()[i];\r\n }\r\n\r\n return null;\r\n }\r\n\r\n});\n","define('pages/streams/create',['jquery','knockout', 'sweetalert', 'moment', 'jqueryValidate', 'bootstrap', 'bootstrapDateTimePicker'], function ($, ko, sa, moment) {\r\n\r\n $(function () {\r\n\r\n $('input[name=\"DateOption\"]').change(function () {\r\n switch (this.value) {\r\n case 'None':\r\n $('.js-start-date').addClass('hide');\r\n $('.js-end-date').addClass('hide');\r\n break;\r\n case 'Start':\r\n $('.js-start-date').removeClass('hide');\r\n $('.js-end-date').addClass('hide');\r\n break;\r\n case 'End':\r\n $('.js-start-date').addClass('hide');\r\n $('.js-end-date').removeClass('hide');\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n\r\n $('.js-date-time-picker').datetimepicker({\r\n icons: {\r\n date: \"icon-calendar\",\r\n up: \"icon-chevron-up\",\r\n down: \"icon-chevron-down\"\r\n },\r\n pickTime: false,\r\n format: \"DD/MM/YYYY\"\r\n });\r\n\r\n });\r\n\r\n \r\n \r\n});\n","define('pages/streams/default',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n $(function () {\r\n $('#add-to-order').click(function () {\r\n var model = {\r\n streamId: $('#StreamId').val(),\r\n quantity: 1\r\n };\r\n $.ajax({\r\n url: '/Orders/CreateOrderStream',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n document.location.href = \"/Orders#/Basket/\";\r\n }\r\n else {\r\n toastr['error'](data.status, 'Error');\r\n }\r\n\r\n \r\n }\r\n });\r\n });\r\n\r\n \r\n\r\n });\r\n \r\n});\n","define('pages/streams/edit',['jquery','knockout', 'sweetalert', 'moment', 'jqueryValidate', 'bootstrap', 'bootstrapDateTimePicker'], function ($, ko, sweetalert, moment) {\r\n\r\n $(function () {\r\n\r\n $('input[name=\"DateOption\"]').change(function () {\r\n switch (this.value) {\r\n case 'None':\r\n $('.js-start-date').addClass('hide');\r\n $('.js-end-date').addClass('hide');\r\n break;\r\n case 'Start':\r\n $('.js-start-date').removeClass('hide');\r\n $('.js-end-date').addClass('hide');\r\n break;\r\n case 'End':\r\n $('.js-start-date').addClass('hide');\r\n $('.js-end-date').removeClass('hide');\r\n break;\r\n default:\r\n break;\r\n }\r\n });\r\n\r\n $('.js-date-time-picker').datetimepicker({\r\n icons: {\r\n date: \"icon-calendar\",\r\n up: \"icon-chevron-up\",\r\n down: \"icon-chevron-down\"\r\n },\r\n pickTime: false,\r\n format: \"DD/MM/YYYY\"\r\n });\r\n\r\n });\r\n\r\n var self;\r\n\r\n function StreamEditViewModel() {\r\n\r\n var viewmodel = $('#viewmodel').data('model');\r\n\r\n self = this;\r\n\r\n self.isEndDate = ko.observable(typeof viewmodel.EndDate == 'string');\r\n self.endDate = viewmodel.EndDate;\r\n self.streamId = viewmodel.StreamId;\r\n\r\n self.StreamQuizzes = ko.observableArray();\r\n\r\n setStreamQuizzes(viewmodel.StreamQuizzes);\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new StreamEditViewModel);\r\n\r\n function addPageFunctions() {\r\n self.deleteStream = function () {\r\n swal(\r\n {\r\n title: \"Are you sure?\",\r\n text: \"This will permanently delete this stream.\",\r\n type: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonClass: \"btn-danger\",\r\n confirmButtonText: \"Yes, delete!\",\r\n cancelButtonText: \"No, keep it.\",\r\n closeOnConfirm: true\r\n },\r\n function (isConfirm) {\r\n if (isConfirm) {\r\n deleteStream(self.streamId);\r\n }\r\n }\r\n );\r\n }\r\n\r\n self.deleteQuiz = function () {\r\n var that = this;\r\n swal(\r\n {\r\n title: \"Are you sure?\",\r\n text: \"This will permanently delete the quiz from this stream.\",\r\n type: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonClass: \"btn-danger\",\r\n confirmButtonText: \"Yes, delete!\",\r\n cancelButtonText: \"No, keep it.\",\r\n closeOnConfirm: true\r\n },\r\n function (isConfirm) {\r\n if (isConfirm) {\r\n deleteQuiz(that.StreamId, that.QuizId);\r\n }\r\n }\r\n );\r\n\r\n \r\n }\r\n\r\n self.moveUp = function () {\r\n moveQuiz(this.StreamId, this.QuizId, 'up');\r\n }\r\n\r\n self.moveDown = function () {\r\n moveQuiz(this.StreamId, this.QuizId, 'down');\r\n }\r\n\r\n self.publish = function () {\r\n\r\n var model = {\r\n streamId: self.streamId\r\n };\r\n\r\n swal(\r\n {\r\n title: \"Are you sure?\",\r\n text: \"You will not be able to edit this stream or make it private if you publish it.\",\r\n type: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonClass: \"btn-danger\",\r\n confirmButtonText: \"Yes, publish!\",\r\n cancelButtonText: \"No, keep it private\",\r\n closeOnConfirm: false,\r\n closeOnCancel: false\r\n },\r\n function (isConfirm) {\r\n if (isConfirm) {\r\n $.ajax({\r\n url: '/Streams/PublishStream',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success')\r\n {\r\n swal(\"Success!\", \"Your stream has been published.\", \"success\");\r\n }\r\n else\r\n {\r\n swal(\"Error!\", data.status, \"error\");\r\n }\r\n\r\n document.location.href = \"/Streams/Details/\" + self.streamId;\r\n }\r\n });\r\n } else {\r\n swal(\"Cancelled\", \"Your stream is still private.\", \"error\");\r\n }\r\n }\r\n );\r\n }\r\n }\r\n\r\n function deleteStream(streamId) {\r\n var model = {\r\n streamId: streamId,\r\n };\r\n $.ajax({\r\n url: '/Streams/DeleteStream',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n document.location.href = '/Streams/';\r\n }\r\n else {\r\n swal('Failed', data.status, 'error');\r\n }\r\n }\r\n });\r\n }\r\n\r\n \r\n function deleteQuiz(streamId, quizId) {\r\n var model = {\r\n streamId: streamId,\r\n quizId: quizId,\r\n };\r\n $.ajax({\r\n url: '/Streams/DeleteQuiz',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n setStreamQuizzes(data.StreamQuizzes);\r\n }\r\n else {\r\n swal('Failed', data.status, 'error');\r\n }\r\n }\r\n });\r\n }\r\n\r\n function moveQuiz(streamId, quizId, direction) {\r\n var model = {\r\n streamId: streamId,\r\n quizId: quizId,\r\n direction: direction\r\n };\r\n\r\n $.ajax({\r\n url: '/Streams/MoveQuiz',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n setStreamQuizzes(data.StreamQuizzes);\r\n }\r\n else {\r\n swal('Failed', data.status, 'error');\r\n }\r\n }\r\n });\r\n\r\n }\r\n\r\n function calDate(StreamQuizzes, endDate) {\r\n \r\n var date = new Date(endDate);\r\n\r\n for(var i = StreamQuizzes.length - 1; i >= 0; i--)\r\n {\r\n var newDate = new Date(date);\r\n StreamQuizzes[i].Date = newDate;\r\n date.setDate(date.getDate() - 1);\r\n }\r\n return StreamQuizzes;\r\n }\r\n\r\n function setStreamQuizzes(StreamQuizzes) {\r\n if (self.isEndDate()) {\r\n self.StreamQuizzes(calDate(StreamQuizzes, new Date(parseInt(self.endDate.substr(6)))));\r\n }\r\n else\r\n {\r\n self.StreamQuizzes(StreamQuizzes);\r\n }\r\n }\r\n \r\n});\n","define('pages/streams/index',['jquery', 'knockout', 'toastr', 'enums', 'bootstrap', 'moment'], function ($, ko, toastr, enums, bootstrap, moment) {\r\n\r\n var self;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Load\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n $(function () {\r\n \r\n })\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function StreamIndexViewModel() {\r\n self = this;\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n self.foundationOptions = [\r\n \"/Images/stream-foundation-1.jpg\",\r\n \"/Images/stream-foundation-2.jpg\",\r\n \"/Images/stream-foundation-3.jpg\",\r\n \"/Images/stream-foundation-4.jpg\",\r\n \"/Images/stream-foundation-5.jpg\"\r\n ];\r\n\r\n self.higherOptions = [\r\n \"/Images/stream-higher-1.jpg\",\r\n \"/Images/stream-higher-2.jpg\",\r\n \"/Images/stream-higher-3.jpg\",\r\n \"/Images/stream-higher-4.jpg\",\r\n \"/Images/stream-higher-5.jpg\"\r\n ];\r\n\r\n self.selectedFoundationIndex = ko.observable(0);\r\n self.selectedHigherIndex = ko.observable(0);\r\n \r\n var today = moment();\r\n var start = moment(\"2015-04-15\");\r\n \r\n self.daysLeft = ko.observable(start.diff(today, 'days'));\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n self.selectedFoundation = ko.pureComputed(function () {\r\n return self.foundationOptions[self.selectedFoundationIndex()];\r\n }, self);\r\n\r\n self.selectedHigher = ko.pureComputed(function () {\r\n return self.higherOptions[self.selectedHigherIndex()];\r\n }, self);\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new StreamIndexViewModel());\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n function addPageFunctions() {\r\n\r\n self.nextFoundationQuestion = function () {\r\n var next = (self.selectedFoundationIndex() + 1) % self.foundationOptions.length;\r\n this.selectedFoundationIndex(next);\r\n }\r\n\r\n self.prevFoundationQuestion = function () {\r\n var prev = (this.selectedFoundationIndex() + self.foundationOptions.length - 1) % self.foundationOptions.length;\r\n this.selectedFoundationIndex(prev);\r\n }\r\n\r\n self.nextHigherQuestion = function () {\r\n var next = (self.selectedHigherIndex() + 1) % self.higherOptions.length;\r\n this.selectedHigherIndex(next);\r\n }\r\n\r\n self.prevHigherQuestion = function () {\r\n var prev = (this.selectedHigherIndex() + self.higherOptions.length - 1) % self.higherOptions.length;\r\n this.selectedHigherIndex(prev);\r\n }\r\n\r\n self.addStreamToOrder = function (streamId) {\r\n\r\n var model = {\r\n streamId: streamId,\r\n quantity: 1\r\n };\r\n\r\n $.ajax({\r\n url: '/Orders/CreateOrderStream',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n document.location.href = \"/Orders#/Basket/\";\r\n }\r\n else {\r\n toastr['info']('Please sign up for free then you can purchase streams', 'Login');\r\n }\r\n }\r\n });\r\n }\r\n\r\n }\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Server Communication\r\n /// \r\n /// Gets from and sets to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n});\n","define('pages/students/create',['jquery', 'jqueryValidate', 'bootstrap', 'bootstrapDateTimePicker'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('#BirthDateTimePicker').datetimepicker({\r\n minDate: '1/1/1900',\r\n maxDate: new Date(),\r\n // defaultDate: '1/7/2002',\r\n useCurrent: false,\r\n pickTime: false,\r\n icons: {\r\n time: \"icon-time\",\r\n date: \"icon-calendar\",\r\n up: \"icon-chevron-up\",\r\n down: \"icon-chevron-down\"\r\n },\r\n\r\n format: \"DD/MM/YYYY\"\r\n });\r\n });\r\n \r\n});\n","define('pages/students/default',['jquery', 'jqueryValidate', 'bootstrap', 'bootstrapDateTimePicker'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('#BirthDateTimePicker').datetimepicker({\r\n minDate: '1/1/1900',\r\n maxDate: new Date(),\r\n // defaultDate: '1/7/2002',\r\n useCurrent: false,\r\n pickTime: false,\r\n icons: {\r\n time: \"icon-time\",\r\n date: \"icon-calendar\",\r\n up: \"icon-chevron-up\",\r\n down: \"icon-chevron-down\"\r\n },\r\n\r\n format: \"DD/MM/YYYY\"\r\n });\r\n\r\n $('input:radio[name=toggleGroups]').change(function () {\r\n var value = $(this).val();\r\n\r\n if (value === 'my') {\r\n $('.js-group-not-my-class')\r\n .attr('checked', false)\r\n .attr('disabled', true)\r\n .closest('.checkbox')\r\n .addClass('hide');\r\n } else {\r\n $('.js-group-not-my-class')\r\n .removeAttr('disabled')\r\n .closest('.checkbox')\r\n .removeClass('hide');\r\n }\r\n\r\n });\r\n\r\n $(\"#import-confirmed\").submit(function (event) {\r\n $('#importConfirmedButton').attr('disabled', 'disabled');\r\n $('.js-cancel').addClass('disabled');\r\n });\r\n \r\n\r\n });\r\n\r\n\r\n});\n","define('pages/students/import',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n var isSubmitting = false,\r\n key;\r\n\r\n $(function () {\r\n\r\n $('.js-import-confirmed').click(function () {\r\n\r\n var self = this;\r\n\r\n if (isSubmitting) {\r\n return;\r\n }\r\n\r\n isSubmitting = true;\r\n $(self).attr('disabled', 'disabled');\r\n key = $(self).data('key');\r\n\r\n var model =\r\n {\r\n key: key\r\n };\r\n\r\n $.ajax({\r\n url: '/Students/ImportConfirmed',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n toastr[\"success\"](\"Students added to your school\", \"Success\");\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n }\r\n }\r\n });\r\n\r\n $('.js-students-import-buttons').addClass('hide');\r\n $('.js-students-import-progress').removeClass('hide');\r\n\r\n startPolling();\r\n\r\n });\r\n \r\n });\r\n\r\n startPolling = function () {\r\n\r\n (function poll() {\r\n setTimeout(function () {\r\n \r\n var model =\r\n {\r\n key: key\r\n };\r\n\r\n $.ajax({\r\n url: '/Students/GetStudentImportProgress',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n if (data.imported != null) {\r\n\r\n $('.js-students-imported').text(data.imported.length);\r\n }\r\n\r\n // Setup the next poll recursively\r\n poll();\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n }\r\n }\r\n\r\n });\r\n\r\n }, 1000);\r\n })();\r\n\r\n }\r\n\r\n\r\n stopPolling = function () {\r\n\r\n // Simple set timeout ajax call to get progress\r\n\r\n }\r\n\r\n});\n","define('pages/students/index',['jquery', 'toastr', 'jqueryValidate', 'bootstrap', 'mousetrap'], function ($, toastr) {\r\n\r\n $(function () {\r\n\r\n $('#toggleAllStudents').on('change', toggleStudents);\r\n\r\n function toggleStudents() {\r\n var checked = $('#toggleAllStudents').prop('checked');\r\n if (checked) {\r\n $('[name=\"selectedStudentIds\"]').prop('checked', true);\r\n } else {\r\n $('[name=\"selectedStudentIds\"]').prop('checked', false);\r\n }\r\n }\r\n\r\n $('[name=\"selectedStudentIds\"]').click(function () {\r\n \r\n var checked = $(this).prop('checked');\r\n\r\n if (!checked) {\r\n $('#toggleAllStudents').prop('checked', false);\r\n }\r\n\r\n });\r\n\r\n $('#invite-students__holder').on('click', '.student-join-link', function (event) {\r\n\r\n this.select();\r\n\r\n });\r\n\r\n $('#invite-students__holder').on('cut', 'textarea', function (event) {\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return false;\r\n\r\n });\r\n\r\n $('#invite-students__trigger').popover({\r\n html: true,\r\n title: function () {\r\n return $($(this).data('markup')).find('.invite-students__head').html();\r\n },\r\n content: function () {\r\n return $($(this).data('markup')).find('.invite-students__content').html();\r\n },\r\n placement: 'bottom'\r\n });\r\n \r\n $('#FilterByGroup').change(function () {\r\n\r\n applyFilterAndSearch(true);\r\n\r\n });\r\n\r\n $('#student-search').click(function (event) {\r\n \r\n applyFilterAndSearch(true);\r\n\r\n });\r\n \r\n $('#student-search-clear').click(function (event) {\r\n \r\n applyFilterAndSearch(false);\r\n\r\n });\r\n\r\n $('#RemoveFromClass').change(function () {\r\n\r\n var model =\r\n {\r\n groupId: this.value,\r\n selectedStudentIds: $('input[name=selectedStudentIds]:checked').map(function () {\r\n return this.value;\r\n }).toArray()\r\n };\r\n\r\n this.value = \"\";\r\n\r\n $.ajax({\r\n url: '/Students/DeleteFromGroup',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n toastr[\"success\"](\"Students removed from class\", \"Success\");\r\n \r\n $.each(model.selectedStudentIds, function (index, value) {\r\n \r\n var selector = '#groups-for-studentid-' + value \r\n + ' .group-' + model.groupId;\r\n\r\n $(selector).remove();\r\n\r\n });\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n }\r\n }\r\n });\r\n\r\n });\r\n\r\n $('#AddToClass').change(function () {\r\n\r\n var model =\r\n {\r\n groupId: this.value,\r\n selectedStudentIds: $('input[name=selectedStudentIds]:checked').map(function () {\r\n return this.value;\r\n }).toArray()\r\n };\r\n\r\n var groupCode = $('#AddToClass option:selected').text();\r\n\r\n this.value = \"\";\r\n\r\n $.ajax({\r\n url: '/Students/AddToGroup',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n toastr[\"success\"](\"Students added to class\", \"Success\");\r\n\r\n $.each(model.selectedStudentIds, function (index, value) {\r\n\r\n var selector = '#groups-for-studentid-' + value;\r\n\r\n $(selector).append('' + groupCode + '');\r\n\r\n });\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n }\r\n }\r\n });\r\n\r\n });\r\n \r\n bindEnterToSearch();\r\n \r\n });\r\n \r\n function bindEnterToSearch() {\r\n Mousetrap.unbind([\"enter\"]);\r\n Mousetrap.bind(\"enter\", function () {\r\n applyFilterAndSearch(true);\r\n });\r\n }\r\n\r\n\r\n function applyFilterAndSearch(isSearch) {\r\n\r\n var url = '/Students';\r\n\r\n if (isSearch) {\r\n var searchText = $('#student-search-text').val();\r\n\r\n isSearch = /\\S/.test(searchText);\r\n\r\n if (isSearch) {\r\n url = url + '?Search=' + searchText;\r\n }\r\n }\r\n\r\n var groupId = $('#FilterByGroup option:selected').val();\r\n\r\n if (groupId !== '' && groupId !== 0) {\r\n if (isSearch) {\r\n url = url + \"&\";\r\n } else {\r\n url = url + \"?\";\r\n }\r\n\r\n url = url + 'GroupId=' + groupId;\r\n }\r\n\r\n document.location.href = url;\r\n }\r\n\r\n\r\n\r\n});\r\n\r\n\n","define('pages/subjects/default',['jquery', 'jqueryValidate', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n\r\n });\r\n\r\n});\n","define('pages/teachers/bulkCreate',['jquery', 'toastr', 'jqueryValidate', 'bootstrap'], function ($, toastr) {\r\n\r\n var isSubmitting = false,\r\n key;\r\n\r\n $(function () {\r\n\r\n\r\n $('.js-import-confirmed').click(function () {\r\n\r\n var self = this;\r\n\r\n if (isSubmitting) {\r\n return;\r\n }\r\n\r\n isSubmitting = true;\r\n $(self).attr('disabled', 'disabled');\r\n key = $(self).data('key');\r\n\r\n var model =\r\n {\r\n key: key\r\n };\r\n\r\n $.ajax({\r\n url: '/Students/ImportConfirmed',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n\r\n toastr[\"success\"](\"Students added to your school\", \"Success\");\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n }\r\n }\r\n });\r\n\r\n $('.js-students-import-buttons').addClass('hide');\r\n $('.js-students-import-progress').removeClass('hide');\r\n\r\n startPolling();\r\n\r\n });\r\n \r\n });\r\n\r\n startPolling = function () {\r\n\r\n (function poll() {\r\n setTimeout(function () {\r\n \r\n var model =\r\n {\r\n key: key\r\n };\r\n\r\n $.ajax({\r\n url: '/Students/GetStudentImportProgress',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status == 'success') {\r\n if (data.imported != null) {\r\n\r\n $('.js-students-imported').text(data.imported.length);\r\n }\r\n\r\n // Setup the next poll recursively\r\n poll();\r\n }\r\n else {\r\n toastr[\"error\"](data.status, \"Error\");\r\n }\r\n }\r\n\r\n });\r\n\r\n }, 1000);\r\n })();\r\n\r\n }\r\n\r\n\r\n stopPolling = function () {\r\n\r\n // Simple set timeout ajax call to get progress\r\n\r\n }\r\n\r\n});\n","define('pages/teachers/default',['jquery', 'jqueryValidate', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n\r\n});\n","define('pages/teachers/index',['jquery', 'jqueryValidate', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n $('.js-generate-school-join-code').on('click', function () {\r\n\r\n var self = this;\r\n var model = {\r\n schoolId: $(self).data('schoolid')\r\n }\r\n\r\n $.ajax({\r\n url: '/Schools/GenerateSchoolJoinCode',\r\n type: 'POST',\r\n data: JSON.stringify(model),\r\n datatype: 'json',\r\n processData: false,\r\n async: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data.status != 'success') {\r\n toastr['error'](data.status, 'Error');\r\n } else {\r\n $('.invite__code').text(data.joinCode);\r\n $('.invite').show();\r\n $('.js-generate-school-join-code').hide();\r\n }\r\n }\r\n })\r\n });\r\n\r\n });\r\n\r\n});\n","define('pages/wonde/index',['jquery', 'knockout', 'crossroads', 'hasher', 'toastr', 'moment', 'bootstrap', 'jqueryBootstrapPagination'], function ($, ko, crossroads, hasher, toastr, moment) {\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Custom Bindings\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Knockout View Model\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n var self;\r\n var userRole = {\r\n teacher: 2,\r\n student: 3\r\n };\r\n var updateType = {\r\n merge: 0,\r\n mirror: 1\r\n }\r\n\r\n function WondeViewModel() {\r\n self = this;\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Observables\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // The current page is \"SchoolsList\", \"School\", \"School_SyncsList\", \"School_Sync\"\r\n self.currentPage = ko.observable(\"\");\r\n\r\n // The schools\r\n self.schools = ko.observableArray();\r\n\r\n // The selected school\r\n self.school = ko.observable();\r\n\r\n // The school counts\r\n self.schoolCounts = ko.observable();\r\n\r\n // The syncs\r\n self.schoolSyncs = ko.observableArray();\r\n \r\n // The lastest school sync\r\n self.schoolSync = ko.observable();\r\n\r\n // Whether the schools are loaded.\r\n self.isSchoolsLoaded = ko.observable(false);\r\n\r\n // Whether the syncs are loaded.\r\n self.isSchoolSyncsLoaded = ko.observable(false);\r\n\r\n // Whether a sync is currently running.\r\n self.isSyncRunning = ko.observable(false);\r\n\r\n self.token = $('#token').data('token');\r\n self.eediApiUrl = $(\"#eediApiUrl\").data('eediapiurl');\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Computed\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Subscribes\r\n ////////////////////////////////////////////////////////////////////////////////\r\n \r\n ////////////////////////////////////////////////////////////////////////////////\r\n // Page Functions\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n addPageFunctions();\r\n }\r\n\r\n ko.applyBindings(new WondeViewModel());\r\n\r\n initRouter();\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Page Functions\r\n /// \r\n /// Page functions are accessible from the HTML page through Knockout\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Clear the schools list\r\n function clearSchoolsList() {\r\n self.schools([]);\r\n self.isSchoolsLoaded(false);\r\n }\r\n \r\n // Clear the school\r\n function clearSchool() {\r\n self.school(null);\r\n }\r\n\r\n // Clear the school counts\r\n function clearSchoolCounts() {\r\n self.schoolCounts(null);\r\n }\r\n\r\n // Clear the syncs list\r\n function clearSchoolSyncsList() {\r\n self.schoolSyncs([]);\r\n self.isSchoolSyncsLoaded(false);\r\n }\r\n\r\n // Clear the sync\r\n function clearSchoolSync() {\r\n self.schoolSync(null);\r\n }\r\n \r\n function addPageFunctions() {\r\n\r\n // Get Wonde school name and identifier\r\n self.getWondeSchoolSummary = function (school) {\r\n return school.name + ' (' + school.id + ')';\r\n }\r\n\r\n // Go to the URL for the individual school\r\n self.goToSchool = function (wondeId) {\r\n hasher.setHash(wondeId);\r\n }\r\n\r\n // Go to the URL for the schools list\r\n self.goToSchoolList = function () {\r\n hasher.setHash('');\r\n }\r\n\r\n // Go to the URL for the school syncs list\r\n self.goToSchoolSyncs = function (wondeId) {\r\n hasher.setHash(wondeId + '/syncs');\r\n }\r\n\r\n // Show the school counts\r\n self.showSchoolCounts = function (wondeId) {\r\n getSchoolCounts(wondeId);\r\n }\r\n\r\n // The URL for the student logins download\r\n self.getStudentLoginsUrl = function (schoolId) {\r\n var url = '/Admin/DownloadLogins/?userRole=' + userRole.student + '&schoolId=' + schoolId;\r\n return url;\r\n }\r\n\r\n // The URL for the teacher logins download\r\n self.getTeacherLoginsUrl = function (schoolId) {\r\n var url = '/Admin/DownloadLogins/?userRole=' + userRole.teacher + '&schoolId=' + schoolId;\r\n return url;\r\n }\r\n\r\n // Merge Wonde to Eedi\r\n self.mergeWondeToEedi = function (wondeId, isFromBeginningOfTime) {\r\n // Removed default parameter because of IE11 compatibility issue\r\n if (typeof isFromBeginningOfTime == 'undefined' || isFromBeginningOfTime == null) {\r\n isFromBeginningOfTime = true;\r\n }\r\n putMerge(wondeId, isFromBeginningOfTime);\r\n }\r\n\r\n // Mirror Wonde to Eedi\r\n self.mirrorWondeToEedi = function (wondeId) {\r\n\r\n var isSure = confirm('Are you sure you want to mirror? This will delete a lot of data and cannot be undone.');\r\n\r\n if (isSure) {\r\n putMirror(wondeId);\r\n }\r\n }\r\n\r\n // Format a date using moment\r\n self.formatDate = function (date) {\r\n if (date == null)\r\n return '';\r\n\r\n return moment(date).format('YYYY[-]MM[-]DD h:mm:ss a');\r\n }\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Functions\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// API\r\n /// \r\n /// Calls to the server\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n // Get the list of schools from Wonde\r\n function getSchools() {\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde',\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'GET',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n console.log(data);\r\n if (data) {\r\n self.schools(data);\r\n self.currentPage(\"SchoolsList\");\r\n self.isSchoolsLoaded(true);\r\n } else {\r\n toastr['error']('An error has occurred', 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n console.error(error);\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n // Get the details for one Wonde school\r\n function getSchool(wondeId) {\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde/' + wondeId,\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'GET',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data) {\r\n self.school(data);\r\n\r\n self.currentPage(\"School\");\r\n\r\n if (data.schoolDTO.wondeSyncStatusRowKey) {\r\n getSchoolSync(wondeId, data.schoolDTO.wondeSyncStatusRowKey);\r\n }\r\n\r\n } else {\r\n toastr['error']('An error has occurred', 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n console.error(error);\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n // Get the details for one Wonde school\r\n function getSchoolCounts(wondeId) {\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde/' + wondeId + '/counts',\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'GET',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data) {\r\n self.schoolCounts(data);\r\n } else {\r\n toastr['error']('An error has occurred', 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n console.error(error);\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n // Get the details for one Wonde school\r\n function getSchoolSync(wondeId, wondeSyncStatusRowKey) {\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde/' + wondeId + '/wondesyncstatus/' + wondeSyncStatusRowKey,\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'GET',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data) {\r\n self.schoolSync(data);\r\n } else {\r\n toastr['error']('An error has occurred', 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n console.error(error);\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n // Get the details for one Wonde school\r\n function getSchoolSyncs(wondeId) {\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde/' + wondeId + '/wondesyncstatus',\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'GET',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n if (data && data.length) {\r\n self.schoolSyncs(data);\r\n self.currentPage(\"School_SyncsList\");\r\n self.isSchoolSyncsLoaded(true);\r\n } else {\r\n toastr['info']('This school has no sync history', 'Information');\r\n hasher.setHash(wondeId);\r\n }\r\n },\r\n error: function (error) {\r\n console.error(error);\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n function putMerge(wondeId, isFromTheBeginningOfTime) {\r\n\r\n self.isSyncRunning(true);\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde/' + wondeId + '?updateType=' + updateType.merge + '&isFromTheBeginningOfTime=' + isFromTheBeginningOfTime,\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'PUT',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.isSyncRunning(false);\r\n if (data) {\r\n loadSchoolPage(wondeId);\r\n } else {\r\n toastr['error']('An error has occurred', 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n console.error(error);\r\n self.isSyncRunning(false);\r\n\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n function putMirror(wondeId) {\r\n\r\n self.isSyncRunning(true);\r\n\r\n $.ajax({\r\n url: self.eediApiUrl + '/v3/wonde/' + wondeId + '?updateType=' + updateType.mirror,\r\n headers: {\r\n \"Authorization\": 'Bearer ' + self.token,\r\n },\r\n type: 'PUT',\r\n datatype: 'json',\r\n processData: false,\r\n contentType: 'application/json; charset=utf-8',\r\n success: function (data) {\r\n self.isSyncRunning(false);\r\n if (data) {\r\n loadSchoolPage(wondeId);\r\n } else {\r\n toastr['error']('An error has occurred', 'Error');\r\n }\r\n },\r\n error: function (error) {\r\n self.isSyncRunning(false);\r\n console.error(error);\r\n if (error && error.responseJSON && error.responseJSON.modelState) {\r\n // Display model state errors\r\n var modelState = error.responseJSON.modelState;\r\n\r\n for (var key in modelState) {\r\n if (modelState.hasOwnProperty(key)) {\r\n\r\n // Note this work even if lastIndexOf = -1\r\n var prop = key.substr(key.lastIndexOf('.') + 1);\r\n\r\n toastr['warning'](modelState[key], prop);\r\n }\r\n }\r\n }\r\n else if (error && error.responseJSON && error.responseJSON.message) {\r\n // Display generic error\r\n toastr['warning'](error.responseJSON.message, 'Warning');\r\n }\r\n else {\r\n toastr['error']('Please check your internet connection', 'Error');\r\n }\r\n }\r\n })\r\n }\r\n\r\n // Load the schools list page\r\n function loadSchoolsListPage() {\r\n clearSchool();\r\n clearSchoolSyncsList();\r\n clearSchoolSync();\r\n clearSchoolCounts();\r\n\r\n if (!self.isSchoolsLoaded()) {\r\n getSchools();\r\n } else {\r\n self.currentPage(\"SchoolsList\");\r\n }\r\n }\r\n\r\n function loadSchoolPage(wondeId) {\r\n clearSchoolSyncsList();\r\n clearSchoolSync();\r\n clearSchoolCounts();\r\n\r\n getSchool(wondeId);\r\n }\r\n\r\n function loadSchoolSyncsListPage(wondeId) {\r\n clearSchoolSyncsList();\r\n\r\n if (self.school() == null) {\r\n getSchool(wondeId);\r\n }\r\n\r\n getSchoolSyncs(wondeId);\r\n }\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Utilities\r\n /// \r\n /// Helper functions\r\n ///\r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n\r\n ////////////////////////////////////////////////////////////////////////////////\r\n ///\r\n /// Routes\r\n /// \r\n /// All important actions are processed through the routing system.\r\n /// \r\n ////////////////////////////////////////////////////////////////////////////////\r\n\r\n\r\n function initRouter() {\r\n\r\n crossroads.addRoute('/',\r\n function () {\r\n loadSchoolsListPage();\r\n });\r\n\r\n crossroads.addRoute('/{id}/',\r\n function (id) {\r\n loadSchoolPage(id);\r\n });\r\n\r\n crossroads.addRoute('/{id}/syncs',\r\n function (id) {\r\n loadSchoolSyncsListPage(id);\r\n });\r\n\r\n function parseHash(newHash) {\r\n crossroads.parse(newHash);\r\n setTimeout(function () {\r\n ga('send', 'pageview', (window.location.pathname + window.location.hash).replace(\"#\", \"\"));\r\n }, 0);\r\n }\r\n \r\n hasher.initialized.add(parseHash);\r\n hasher.changed.add(parseHash);\r\n hasher.init();\r\n }\r\n\r\n});\n","define('pages/yeargroups/default',['jquery', 'jqueryValidate', 'bootstrap'], function ($) {\r\n\r\n $(function () {\r\n\r\n });\r\n \r\n});\n"]}' + moment(data.DateCreated).fromNow() + '