<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--meta name="viewport" content="width=device-width, target-densitydpi=device-dpi"-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name='HandheldFriendly' content='True'>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<!-- TODO: required by phonegap whitelistening
meta http-equiv="Content-Security-Policy" content="frame-src *"-->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon" sizes="32x32" type="image/png" href="res/icon/icon-32.png" />
<link rel="icon" sizes="48x48" type="image/png" href="res/icon/icon-48.png" />
<link rel="icon" sizes="64x64" type="image/png" href="res/icon/icon-64.png" />
<link rel="icon" sizes="96x96" type="image/png" href="res/icon/icon-96.png" />
<link rel="icon" sizes="128x128" type="image/png" href="res/icon/icon-128.png" />
<link rel="icon" sizes="256x256" type="image/png" href="res/icon/icon-256.png" />
<link rel="apple-touch-icon" href="res/icon/icon-60.png" />
<link rel="apple-touch-icon" sizes="76x76" href="res/icon/icon-76.png" />
<link rel="apple-touch-icon" sizes="120x120" href="res/icon/icon-120.png" />
<link rel="apple-touch-icon" sizes="152x152" href="res/icon/icon-152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="res/icon/icon-180.png" />
<style>
@-ms-viewport {
width: device-width;
height: device-height;
}
/* placeholder for run-time generated styles */
</style>
<!-- CodeMirror -->
<link rel="stylesheet" href="css/codemirror/codemirror.css" type="text/css">
<link rel="stylesheet" href="css/codemirror/show-hint.css" type="text/css">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/ladda-themeless.min.css">
<!-- App -->
<link rel="stylesheet" href="css/codeq.css" type="text/css">
<link rel="stylesheet" href="css/codeq/console.css" type="text/css">
<link rel="stylesheet" href="css/codeq/hint.css" type="text/css">
<title>CodeQ</title>
<script>
// remove any state marker from the URL before everything else loads
(function(){
var r = location.href.split('?'),
replaceHref = r.length > 1;
r = r[0].split('#');
replaceHref = replaceHref || (r.length > 1);
if (replaceHref) location.href = r[0];
})();
</script>
</head>
<body>
<!-- the status bar at the top of each page -->
<div class="navbar navbar-inverse navbar-fixed-top" id="topbar">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="navigation-home" class="navbar-brand" href="#" title="Intelligent tutor system">
<img src="res/CodeQ_logo-sivi.png" class="img-responsive">
</a>
<!--a class="navbar-brand" id="title"></a-->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li style="display: none;" id="navigation-problem_list"><a href="" data-tkey="problem_list">Problems</a></li>
<li style="display: none;" id="navigation-python"><a href="" data-tkey="python">Python</a></li>
<li style="display: none;" id="navigation-prolog"><a href="" data-tkey="prolog">Prolog</a></li>
<li style="display: none;" id="navigation-robot"><a href="" data-tkey="robot">Robot</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" style="display:none;">
<p class="navbar-text"><span data-tkey="signed_in_as">Signed in as </span><span id="signed-in-title">Janez</span></p>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
<span class="glyphicon glyphicon glyphicon-user"></span>
</a>
<ul class="dropdown-menu">
<li id="navigation-logout"><a href="#" data-tkey="logout">Logout</a></li>
<li id="navigation-profile"><a href="#" data-tkey="profile">Profile</a></li>
<li class="saml-login-hide divider" role="separator"></li>
<li class="saml-login-hide"><a href="#" data-toggle="modal" data-target="#modalChangePassword" data-tkey="change_pass" id="change-password">Change password</a></li>
<li class="divider" role="separator"></li>
<li id="navigation-about"><a href="#" data-tkey="about">About</a></li>
</ul>
</li>
<li id="settings_dropdown_menu"> <!-- class="dropdown"-->
<a href="" class="dropdown-toggle" data-toggle="dropdown" id="settingsTrigger" title="Settings, options..." aria-expanded="true"><span class="glyphicon glyphicon glyphicon-wrench" aria-hidden="true"></span></a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!-- login screen -->
<div class="container" id="screen_login" style="display: none;">
<div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div class="panel panel-default">
<div class="panel-heading"><!--class="modal-header"-->
<h3 class="text-center" data-tkey="signin_header">Please sign in</h3>
</div>
<div class="panel-body"><!--class="modal-body"-->
<span data-tkey="signin_via">Login via</span>
<div class="ssa-buttons">
<a href="" class="ssa-buttons" role="button" data-dismiss="modal" data-toggle="modal" data-target="#modalAAI" id="aai_login_button">
<img src="res/gumb_aaiprijava.png" style="width: 49%">
</a>
</div>
<span data-tkey="signin_or">or</span>
<form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
<div class="form-group">
<label class="sr-only" for="username" data-tkey="username">Username</label>
<input type="text" class="form-control" id="username" data-tkey-placeholder="username" placeholder="Username" required>
</div>
<div class="form-group">
<label class="sr-only" for="password" data-tkey="password">Password</label>
<input type="password" class="form-control" id="password" data-tkey-placeholder="password" placeholder="Password" required>
</div>
<div class="form-group">
<button class="btn btn-primary btn-block" type="button" id="submit" data-tkey="signin_button">Sign in</button>
</div>
<!--div class="checkbox">
<label>
<input type="checkbox"> keep me logged-in
</label>
</div-->
</form>
</div>
<div class="panel-footer"><!-- class="modal-footer"-->
<div class="text-center">
<span data-tkey="signin_footer">New here?</span> <a href="" role="button" data-dismiss="modal" data-toggle="modal" id="signup_button"><!--data-target="#modalSignUp"--><b data-tkey="signin_footer_signup">Sign up!</b></a>
</div>
<br>
<div class="text-center small">
<a role="button" onclick="codeq.setLang('sl')">Slovenščina</a> | <a role="button" onclick="codeq.setLang('en')">English</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- AAI login -->
<div class="container-fluid" id="screen_aai_login" style="display: none;">
<div class="row">
<div class="col-md-12" style="padding: 0;">
<button type="button" class="pull-right" id="cancel_aai_login" style="position: absolute; top:10px; right:10px;" data-tkey="go_back">Go back</button>
<iframe width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true" src="" id="aai_iframe"></iframe>
</div>
</div>
</div>
<!--Sign up screen-->
<div class="container" id="screen_signup" style="display: none;">
<div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="text-center" data-tkey="signup_header">Sign up</h3>
</div>
<div class="panel-body">
<form id="formSignUp" class="form">
<div class="form-group">
<label class="control-label small" data-tkey="username">Username</label>
<input class="form-control" name="username" id="modalSignUpUsername" type="text" data-tkey-placeholder="username_placeholder" placeholder="Desired username" pattern="^[a-z,A-Z,0-9,_]{5,15}$" data-valid-min="5" data-tkey-title="username_title" title="Choose a alpha-numeric username of 5-15 characters." required="">
</div>
<div class="form-group">
<label class="control-label small" data-tkey="name">Display name</label>
<input class="form-control" name="name" id="modalSignUpName" type="text" data-tkey-placeholder="name_placeholder" placeholder="Desired display name" data-tkey-title="name_title" title="Choose a display name.">
</div>
<div class="form-group">
<label class="control-label small" data-tkey="email">E-mail</label>
<input class="form-control" name="email" id="modalSignUpEmail" type="email" data-tkey-placeholder="email" placeholder="E-mail" data-tkey-title="email_title" title="Enter a valid email address." required="">
</div>
<div class="form-group">
<label class="control-label small" data-tkey="password">Password</label>
<input class="form-control" name="password" id="modalSignUpPassword" type="password" data-tkey-placeholder="password" placeholder="Password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
</div>
<div class="form-group">
<label class="control-label small" data-tkey="password_verify">Verify (repeat password)</label>
<input class="form-control" name="verify" id="modalSignUpVerify" type="password" data-tkey-placeholder="password_verify_placeholder" placeholder="Repeat the password again" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
</div>
</form>
</div>
<div class="panel-footer">
<div class="text-center">
<button class="btn btn-default" data-tkey="cancel" id="exit_signup_btn">Cancel</button>
<input form="formSignUp" class="btn btn-primary" id="btnSignUp" type="submit" data-tkey-value="signup_button" value="Sign up">
</div>
<br>
<div class="text-center small">
<a role="button" onclick="codeq.setLang('sl')">Slovenščina</a> | <a role="button" onclick="codeq.setLang('en')">English</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- change password screen -->
<div class="container" id="screen_change_pass" style="display: none;">
<div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="text-center" data-tkey="change_password_header">Change password </h3>
</div>
<div class="panel-body">
<form id="formChangePassword" class="form">
<div class="form-group">
<label class="control-label small" data-tkey="password_new">New Password</label>
<input class="form-control" name="new" id="modalChangePasswordNew" type="password" data-tkey-placeholder="password_new_placeholder" placeholder="Enter a new password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
</div>
<div class="form-group">
<label class="control-label small" data-tkey="password_verify">Verify Password</label>
<input class="form-control" name="verify" id="modalChangePasswordVerify" type="password" data-tkey-placeholder="password_verify_placeholder" placeholder="Repeat the password again" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
</div>
</form>
</div>
<div class="panel-footer text-center">
<button class="btn btn-default" data-tkey="cancel" id="cancel_change_pass_button">Cancel</button>
<input form="formChangePassword" class="btn btn-primary" id="btnPasswdChange" type="submit" data-tkey-value="change_password_button" value="Change password"></button>
</div>
</div>
</div>
</div>
</div>
<!-- upgrade account to AAI screen -->
<div class="container" id="screen_upgrade_to_aai" style="display: none;">
<div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="text-center" data-tkey="upgrade_to_aai_header">Upgrade to AAI?</h3>
</div>
<div class="panel-body">
<form id="formUpgradeToAAI" class="form">
<div data-tkey="upgrade_to_aai_body_text_1">
<p>User with this email address already exists.</p>
<p>Enter its password and select <span class="badge">Yes</span> to upgrade it to AAI.</p>
</div>
<div class="form-group">
<label class="sr-only" for="password" data-tkey="password">Password</label>
<input type="password" class="form-control" name="password" id="formUpgradeToAAIPassword" data-tkey-placeholder="password" placeholder="Password" required>
</div>
<div data-tkey="upgrade_to_aai_body_text_2">
<p>Select <span class="badge">No</span> to do a separate account.</p>
</div>
</form>
</div>
<div class="panel-footer text-center">
<div>
<button class="btn btn-default" id="btnUpgradeToAAINo" data-tkey="upgrade_to_aai_no_button">No, make new</button>
<input form="formUpgradeToAAI" class="btn btn-primary" id="btnUpgradeToAAIYes" type="submit" data-tkey-value="upgrade_to_aai_yes_button" value="Yes, upgrade to AAI"></button>
</div>
<br>
<div class="text-center small">
<a role="button" onclick="codeq.setLang('sl')">Slovenščina</a> | <a role="button" onclick="codeq.setLang('en')">English</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about screen -->
<div class="container" id="screen_about" style="display: none;">
<div class="row">
<div class="col-md-12">
<h2>
<span data-tkey="about">About</span>
<div class="btn-group pull-right">
<button type="button" class="btn btn-default" id="btnAboutGoBack" data-tkey="go_back">Go back</button>
</div>
</h2>
<hr>
<div data-tkey="about_html">
<!-- loads html from about_html translations -->
</div>
</div>
</div>
</div>
<!-- main screen: programming language selection, settings, etc. -->
<div class="container" id="screen_language" style="text-align: center; display: none;">
<div class="row">
<div class="col-lg-4" id="choose-prolog">
<img class="img-circle" src=res/prolog.png alt="Generic placeholder image" width="140" height="140">
<h2>Prolog</h2>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4" id="choose-python">
<img class="img-circle" src=res/python.png alt="Generic placeholder image" width="140" height="140">
<h2>Python</h2>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4" id="choose-robot">
<img class="img-circle" src=res/eve.png alt="Generic placeholder image" width="140" height="140">
<h2>Robot</h2>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
<!-- problem selection screen for a specific language: groups of problems, with descriptions -->
<div class="container" id="screen_problem_list" style="display: none;"></div>
<!-- problem screen: prolog -->
<div class="container-fluid quadrants block1" id="screen_prolog" style="display: none;">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 block block-left">
<div class="col-lg-12 col-md-12 col-sm-12 block block1">
<div class="scrollable-content-container">
<div class="description-container">
<h2 class="title" data-dict="prolog" data-tkey="slug"></h2>
<div class="description" data-dict="prolog" data-tkey="description"></div>
</div>
</div>
<div class="block-label" data-tkey="instructions">Instructions</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 block block4">
<div class="scrollable-content-container">
<div class="hints"></div>
</div>
<div class="block-label" data-tkey="hints">Hints</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
<div class="col-lg-6 col-md-12 col-sm-12 block block2">
<nav class="navbar navbar-default block-toolbar">
<div class="container-fluid">
<button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
<button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
<button type="button" class="btn btn-default navbar-btn ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
</div>
</nav>
<div class="code_editor"></div>
<div class="block-statusbar"></div>
<div class="block-label" data-tkey="code">Code</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 block block3">
<div class="console"></div>
<div class="block-label" data-tkey="console">Console</div>
</div>
</div>
</div><!--/row-->
</div><!--container-->
<!-- problem screen: python -->
<div class="container-fluid quadrants block1" id="screen_python" style="display: none;">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 block block-left">
<div class="col-lg-12 col-md-12 col-sm-12 block block1">
<div class="scrollable-content-container">
<div class="description-container">
<h2 class="title" data-dict="python" data-tkey="slug"></h2>
<div class="description" data-dict="python" data-tkey="description"></div>
</div>
</div>
<div class="block-label" data-tkey="instructions">Instructions</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 block block4">
<div class="scrollable-content-container">
<div class="hints"></div>
</div>
<div class="block-label" data-tkey="hints">Hints</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
<div class="col-lg-6 col-md-12 col-sm-12 block block2">
<nav class="navbar navbar-default block-toolbar">
<div class="container-fluid">
<button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
<button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
<button type="button" class="btn btn-default navbar-btn ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
<button type="button" class="btn btn-default navbar-btn btn-run" data-tkey="btn_run">Run</button>
<button type="button" class="btn btn-default navbar-btn btn-stop" data-tkey="btn_stop">Stop</button>
</div>
</nav>
<div class="code_editor"></div>
<div class="block-statusbar"></div>
<div class="block-label" data-tkey="code">Code</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 block block3">
<div class="console"></div>
<div class="block-label" data-tkey="console">Console</div>
</div>
</div>
</div><!--/row-->
</div><!--container-->
<!-- problem screen: robot -->
<div class="container-fluid quadrants block1" id="screen_robot" style="display: none;">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12 block block1">
<div class="description-container">
<h2 class="title" data-dict="robot" data-tkey="slug"></h2>
<div class="description" data-dict="robot" data-tkey="description"></div>
</div>
<div class="block-label" data-tkey="instructions">Instructions</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 block block2">
<nav class="navbar navbar-default block-toolbar">
<div class="container-fluid">
<button type="button" class="btn btn-default navbar-btn btn-plan">Plan</button>
<button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
<button type="button" class="btn btn-default navbar-btn btn-run">Run</button>
<button type="button" class="btn btn-default navbar-btn btn-stop">Stop</button>
</div>
</nav>
<div class="code_editor"></div>
<div class="block-statusbar"></div>
<div class="block-label" data-tkey="code">Code</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 block block3">
<div class="console"></div>
<div class="block-label" data-tkey="console">Console</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 block block4">
<div class="scrollable-content-container">
<div class="hints"></div>
</div>
<div class="block-label" data-tkey="hints">Hints</div>
</div>
</div><!--/row-->
</div><!--container-->
<!-- profile screen -->
<div class="container" id="screen_profile" style="display: none;">
<h2>
<span data-tkey="profile">Profile</span>
<div class="btn-group pull-right">
<button type="button" class="btn btn-default saml-login-hide" data-tkey="change_pass" id="change_pass_profile">Change Password</button>
<button type="button" class="btn btn-default" id="btnProfileGoBack" data-tkey="go_back">Go back</button>
</div>
</h2>
<hr>
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
Overview
</div>
<ul class="list-group small">
<li class="list-group-item text-right"><span class="pull-left"><strong data-tkey="username">Username</strong></span><span id="profileUsername">janezk</span></li>
<li class="list-group-item text-right"><span class="pull-left"><strong data-tkey="name">Display name</strong></span><span id="profileName">Janez Kranjski</span></li>
<li class="list-group-item text-right"><span class="pull-left"><strong data-tkey="email">E-email</strong></span><span id="profileEmail">janez.kranjski@dezela_kranjska.si</span></li>
<li class="list-group-item text-right"><span class="pull-left"><strong data-tkey="joined">Joined</strong></span><span id="profileJoined">Sep 29, 2015</span></li>
<li class="list-group-item text-right"><span class="pull-left"><strong data-tkey="last_login">Last seen</strong></span><span id="profileLastLogin">1 hour ago</span></li>
</ul>
</div>
<div class="panel panel-default">
<div class="panel-heading" data-tkey="statistics">Statistics</div>
<table id="table1" class="table table-bordered table-striped small"></table>
</div>
</div><!--/col-12-->
</div><!--row-->
</div><!--container-->
<!-- Settings screen -->
<div class="container" id="screen_settings" style="display: none;">
<div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="text-center" data-tkey="settings">Settings</h3>
</div>
<div class="panel-body">
<form class="form" id="settingsForm">
<div class="form-group">
<span class="small" data-tkey="language">Language</span>
<a class="text-muted" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-html="true" data-tkey-data-content="ui_language_title" data-content="Select the UI language." data-original-title="" title=""><i class="glyphicon glyphicon-question-sign"></i></a><br>
<select class="form-control" id="gui_lang_select">
<option value="sl">Slovensko</option>
<option value="en">English</option>
</select>
</div>
<div class="form-group">
<span class="small" data-tkey="robot_address">Robot’s address</span>
<a class="text-muted" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="left" data-html="true" data-tkey-data-content="robot_address_title" data-content="Set the robot's IPv4 or IPv6 address." data-original-title="" title=""><i class="glyphicon glyphicon-question-sign"></i></a><br>
<input type="text" class="form-control" id="robot_address_input" data-tkey-placeholder="robot_address_placeholder" placeholder="IP address" pattern="^(([0-9a-f]{0,4}:){1,7}[0-9a-f]{1,4}|([0-9]{1,3}\.){3}[0-9]{1,3})$" data-tkey-title="robot_address_title" title="Set the robot's IPv4 or IPv6 address.">
</div>
<div class="form-group" id="gui_layout_select_form_group">
<span class="small" data-tkey="layout_select" >Layout</span>
<select class="form-control" id="gui_layout_select">
<option value="line-layout" data-tkey="line_layout">Line</option>
<option value="square-layout" data-tkey="square_layout">Square</option>
</select>
</div>
</form>
</div>
<div class="panel-footer text-center">
<button type="button" class="btn btn-default" id="settings_cancel_btn" data-tkey="settings_cancel_btn">Close</button>
<input form="settingsForm" type="submit" class="btn btn-primary" id="settings_save_btn" data-tkey-value="save" value="Save"/>
</div>
</div>
</div>
</div>
</div>
<!-- Modals -->
<!-- Covers the whole screen with a semi-transparent block, so no input events can be triggered below.
Used as a wait screen; must be the last element in the DOM.
It is active after load, javascript turns it off after initialization. -->
<div id="disabled" style="position: fixed; left: 0; right: 0; top: 0; bottom: 0; cursor: wait; background-color: rgba(0, 0, 0, 0.7);"></div>
<!-- jQuery stuff -->
<script src="js/jquery/jquery-1.11.3.js"></script>
<script src="js/engine.io.js"></script>
<script src="js/jquery/jquery.history.js"></script>
<!-- Q promise library -->
<script src="js/q.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="js/ladda/spin.js"></script>
<script src="js/ladda/ladda.js"></script>
<script src="js/ladda/ladda.jquery.js"></script>
<!-- CodeMirror stuff -->
<script src="js/codemirror/codemirror.js"></script>
<script src="js/codemirror/matchbrackets.js"></script>
<script src="js/codemirror/prolog.js"></script>
<script src="js/codemirror/python.js"></script>
<script src="js/codemirror/show-hint.js"></script>
<!-- codeq app -->
<script src="js/codeq/core.js"></script>
<!-- Cordova/PhoneGap -->
<script type="text/javascript" src="cordova.js"></script>
<!-- codeq app cont. -->
<script src="js/codeq/init.js"></script>
<script src="js/codeq/misc.js"></script>
<script src="js/codeq/translation.js"></script>
<script src="js/codeq/navigation.js"></script>
<script src="js/codeq/comms.js"></script>
<script src="js/codeq/console.js"></script>
<script src="js/codeq/editor.js"></script>
<script src="js/codeq/hint.js"></script>
<script src="js/codeq/prolog.js"></script>
<script src="js/codeq/python.js"></script>
<script src="js/codeq/robot.js"></script>
<script src="js/codeq/signup.js"></script>
<script src="js/codeq/login.js"></script>
<script src="js/codeq/aaiLogin.js"></script>
<script src="js/codeq/upgrade_to_aai.js"></script>
<script src="js/codeq/change_password.js"></script>
<script src="js/codeq/profile.js"></script>
<script src="js/codeq/about.js"></script>
<script src="js/codeq/language.js"></script>
<script src="js/codeq/problem_list.js"></script>
<script src="js/codeq/settings.js"></script>
</body>
</html>