fixing location and operation loading ui issues

revert-dabc3590
kamidu 8 years ago
parent 9d3949ea37
commit eb7a83bcc8

@ -65,8 +65,6 @@
{{description}} {{description}}
<br> <br>
</h4> </h4>
<div style="height:200px" class="hidden" data-toggle="loading" data-loading-inverse="false"
data-loading-text="Sending to device"></div>
<div id="operation-form"> <div id="operation-form">
<form action="{{params.0.uri}}" method="{{params.0.method}}" <form action="{{params.0.uri}}" method="{{params.0.method}}"
style="padding-bottom: 20px;" style="padding-bottom: 20px;"
@ -106,12 +104,13 @@
{{/equal}} {{/equal}}
{{/each}} {{/each}}
<button id="btnSend" type="button" onclick="submitForm('form-{{operation}}')" <button id="btnSend" type="button" onclick="submitForm('form-{{operation}}')"
class="btn btn-default">&nbsp;&nbsp;&nbsp;&nbsp;Send class="btn btn-default">Send
to Device&nbsp;&nbsp;&nbsp;&nbsp;</button> to Device</button>
<label id="lblSending" class="wr-input-label hidden"><i <label id="lblSending" class="wr-input-label hidden"><i
class="fw fw-lifecycle fw-spin fw-2x"></i> Sending..</label> class="fw fw-lifecycle fw-spin fw-2x"></i> Sending..</label>
<label id="lblSent" class="wr-input-label hidden"><i <label id="lblSent" class="wr-input-label hidden"><i
class="fw fw-check fw-2x"></i> Sent</label> class="fw fw-check fw-2x"></i> Sent</label>
<i id="lbl-execution" class="fw fw-wso2-logo fw-pulse fw-2x hidden"> Executing Operation </i>
</form> </form>
</div> </div>
</div> </div>

@ -28,10 +28,8 @@ function operationSelect(selection) {
} }
function submitForm(formId) { function submitForm(formId) {
$("#operation-form").addClass("hidden"); $("#btnSend").addClass("hidden");
$('[data-toggle="loading"]').removeClass("hidden"); $("#lbl-execution").removeClass("hidden");
$('[data-toggle="loading"]').loading('show');
var form = $("#" + formId); var form = $("#" + formId);
var uri = form.attr("action"); var uri = form.attr("action");
var deviceId = form.data("device-id"); var deviceId = form.data("device-id");
@ -75,8 +73,8 @@ function submitForm(formId) {
description.html(""); description.html("");
var resetLoader = function () { var resetLoader = function () {
$("#operation-form").removeClass("hidden"); $("#btnSend").removeClass("hidden");
$('[data-toggle="loading"]').addClass("hidden"); $('#lbl-execution').addClass("hidden");
}; };
var successCallBack = function (response) { var successCallBack = function (response) {

Loading…
Cancel
Save