Skip to content
Snippets Groups Projects
Select Git revision
  • master
  • 1.0
  • 0.9
3 results

index.php

Blame
  • index.php 7.57 KiB
    <?php
    session_start();
    require_once("lti_util/lti_util.php");
    ?>
    <!DOCTYPE html>
    <html>
      <head>
        <title>Python Automarker</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
        <link href="css/automarker.css" rel="stylesheet" media="screen" />
        <!--[if lt IE 9]>
          <script src="node_modules/html5shiv/dist/html5shiv-printshiv.min.js"></script>
        <![endif]-->
        <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
        <script type="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="node_modules/brython/brython.min.js"></script>
        <script type="text/javascript" src="node_modules/brython/brython_stdlib.js"></script>
        <script type="text/javascript" src="node_modules/monaco-editor/min/vs/loader.js"></script>
        <script type="text/javascript">
          exercise_id = <?php echo isset($_REQUEST["exercise_id"]) ? $_REQUEST["exercise_id"] : 0; ?>;
          editor = document.getElementById('editor');
          jQuery(document).ready(function() {
            require.config({ paths: { vs: 'node_modules/monaco-editor/min/vs' } });
            require(['vs/editor/editor.main'], function () {
              editor = monaco.editor.create(document.getElementById('editor'), {value: "", language: 'python', minimap: {enabled: false}});
              diffEditor = monaco.editor.createDiffEditor(document.getElementById('diffEditor'), {ignoreTrimWhitespace: false});
              brython();
            });
          });
        </script>
      </head>
    
      <body class="container">
    
        <div class="accordian col-md-12" id="accordianMain">
          <!-- Instructions -->
          <div class="accordian-item">
            <h2 class="accordian-header" id="headingOne">
              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                <h1 id="exercise">Loading...</h1>
              </button>
            </h2>
            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionMain">
              <div class="accordion-body">
                <span id="instructions">Loading...</span>
              </div>
            </div>
          </div>
    
           <!-- Code -->
           <div class="accordion-item">
             <h2 class="accordion-header" id="headingTwo">
               <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                 Code
               </button>
             </h2>
             <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionMain">
               <div class="accordion-body">
                 <div id="editor" style="height: 400px;"></div>
                 <div class="form-group text-center">
                   <button id="run" class="btn btn-secondary">Run</button>
                   <button id="test-all" type="button" class="btn btn-primary">Run Tests</button>
                   <button id="grade" type="button" class="btn btn-success disabled">Grade</button>
                   <span id="nograde" class="visually-hidden">Connect through a LMS to submit grade information</span>
                 </div>
                 <div><span id="warning"></span></div>
                 <div class="visually-hidden" id="output-row">
                     <h3>Output</h3>
                     <div class="form-group">