Commit 0242fa45 authored by 98WuG's avatar 98WuG
Browse files

loading icons

parent ebb36331
......@@ -35,11 +35,11 @@
<div class="md-form">
<i class="fa fa-link prefix grey-text mt-2"></i>
<input type="text" class="form-control" name="url" id="url" required />
<label for="url" class="font-weight-light">URL</label>
<label for="url" class="font-weight-light">YouTube URL</label>
</div>
</div>
<div class="col-lg-3">
<button type="submit" class="btn btn-primary" value="Download">Download <i class="fa fa-cloud-download ml-2"></i></button>
<div class="col-lg-3 text-center">
<button type="submit" class="btn btn-primary" value="Download" id="download">Download <i class="fa fa-cloud-download ml-2"></i></button>
</div>
</div>
</div>
......
function download() {
$("#return").text("Processing... (this may take a while)");
$("#return").html("<i class=\"fa fa-spinner fa-spin\" style=\"font-size:48px\"></i>");
$("#download").html("Download <i class=\"fa fa-circle-o-notch fa-spin ml-2\"></i>");
$.ajax({
url: "backend/download.php",
type: "post",
data: { "url" : $("#url").val() },
success: function(response) {
$("#return").html(response);
},
});
url: "backend/download.php",
type: "post",
data: { "url" : $("#url").val() },
success: function(response) {
$("#return").html(response);
$("#download").html("Download <i class=\"fa fa-cloud-download ml-2\"></i>");
},
});
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment