From 5f1f9cd196280a2dba112d9497253ad2cd4d44b6 Mon Sep 17 00:00:00 2001
From: Kurniandha Sukma Yunastrian <13516106@std.stei.itb.ac.id>
Date: Thu, 7 May 2020 22:52:01 +0700
Subject: [PATCH] add loading after submit
---
public/js/learn.js | 4 ++++
resources/views/learn.blade.php | 3 ++-
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/public/js/learn.js b/public/js/learn.js
index 3fb867d..6d54322 100644
--- a/public/js/learn.js
+++ b/public/js/learn.js
@@ -1,10 +1,14 @@
function submit(id_spreadsheet, url) {
document.getElementById("submit").disabled = true;
+ document.getElementById("submit").style.display = "none";
document.getElementById("back").disabled = true;
+ document.getElementById("loading").style.display = "block";
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result-detail").innerHTML = this.responseText;
+ document.getElementById("submit").style.display = "block";
+ document.getElementById("loading").style.display = "none";
var x = document.getElementById("result");
if (x.style.display === "none") {
x.style.display = "block";
diff --git a/resources/views/learn.blade.php b/resources/views/learn.blade.php
index 40b0435..987c8bb 100644
--- a/resources/views/learn.blade.php
+++ b/resources/views/learn.blade.php
@@ -19,8 +19,9 @@
</iframe>
<a href="/course/<?php echo $id_course; ?>" class="btn btn-primary" id="back" role="button">Kembali ke Kelas</a>
<button id="submit" style="float: right;" type="text" onclick="submit('<?php echo $id_spreadsheet; ?>', '<?php echo Request::url(); ?>/submit')" class="btn btn-success"><b>Submit</b></button>
+ <button id="loading" style="float: right; display: none;" type="button" class="btn btn-success" disabled><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><b> menilai...</b></button>
</div>
- <div id="result" class="col-lg-10" style="margin-top: 1rem; display:none">
+ <div id="result" class="col-lg-12" style="margin-top: 1rem; display:none">
<div class="card">
<div class="card-header">Hasil</div>
<div id="result-detail" class="card-body"></div>
--
GitLab