-
Notifications
You must be signed in to change notification settings - Fork 4
/
splash.php
88 lines (71 loc) · 3.12 KB
/
splash.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php
require_once('../config.php');
require_once('dao/QW_DAO.php');
use \Tsugi\Core\LTIX;
use \QW\DAO\QW_DAO;
// Retrieve the launch data if present
$LAUNCH = LTIX::requireData();
$p = $CFG->dbprefix;
$QW_DAO = new QW_DAO($PDOX, $p);
$skipSplash = $QW_DAO->skipSplash($USER->id);
$toolTitle = $QW_DAO->getMainTitle($_SESSION["qw_id"]);
// Start of the output
$OUTPUT->header();
echo ('<link rel="stylesheet" type="text/css" href="styles/splash.css">
<link rel="stylesheet" type="text/css" href="styles/animations.css">');
$OUTPUT->bodyStart();
?>
<div class="container-fluid">
<img src="images/lisidore-small.png" class="splash-img slideInRight">
<div class="row">
<div class="col-sm-6 col-sm-offset-1" id="splashMessage">
<h1 class="fadeIn">Quick Write</h1>
<p class="fadeIn text-justify">
Use this tool to add questions to collect feedback from students quickly. Instructors can create any number of questions to which they would like their students to respond.
</p>
<p class="fadeIn text-justify">
Students will be able to see all of the available questions and respond to each all at once or over several sessions. However, students will not be able to edit an answer to a question once it has been submitted.
</p>
<div class="toggle-container fadeIn">
<div class="checkbox">
<input type="hidden" id="sess" value="<?php echo($_GET["PHPSESSID"]) ?>">
<label><input id="toggleSplash" type="checkbox" value="showsplash" <?php if(!$skipSplash) echo('checked="checked"'); ?>
onchange="toggleSkipSplash();"> Show this screen with every fresh install of this tool.</label>
</div>
<span id="spinner" class="fa fa-spinner fa-pulse" style="display:none;"></span>
<span id="done" class="fa fa-check" style="display:none;"></span>
</div>
</div>
</div>
<div class="col-sm-5 col-sm-offset-1" id="createFormContainer">
<form method="post" action="actions/UpdateMainTitle.php" id="createForm" class="fadeInUp">
<h3>Create Quick Write</h3>
<div class="form-group">
<label for="toolTitle">Title</label>
<input type="text" class="form-control" id="toolTitle" name="toolTitle" placeholder="Quick Write" autofocus value="<?php echo($toolTitle); ?>">
</div>
<button type="submit" class="btn btn-primary">Get Started</button>
</form>
</div>
</div>
<?php
$OUTPUT->footerStart();
?>
<script type="text/javascript">
function toggleSkipSplash() {
$("#spinner").show();
var sess = $('input#sess').val();
$.ajax({
url: "actions/ToggleSkipSplashPage.php?PHPSESSID="+sess,
success: function(response){
$("#spinner").hide();
$("#done").show();
setTimeout(function() {
$("#done").fadeOut("slow");
}, 5);
}
});
}
</script>
<?php
$OUTPUT->footerEnd();