From 2e5261b0256e70ac4d43b7da3e74202b5975030d Mon Sep 17 00:00:00 2001
From: Dileesha Rajapakse <dilee.dev@gmail.com>
Date: Mon, 21 Aug 2017 17:37:39 +0530
Subject: [PATCH] Added a Refresh button to the application list tab in the
 device view

---
 .../cdmf.unit.device.view/public/css/main.css |  1 +
 .../public/js/device-view.js                  | 50 ++++++++++++++++++-
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/css/main.css b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/css/main.css
index 60d195c471..2fbb99f134 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/css/main.css
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/css/main.css
@@ -142,6 +142,7 @@
 }
 .tab-actions {
 	margin: 0px;
+    margin-bottom: 10px;
 }
 .tab-actions .action-prop{
     padding: 10px;
diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/js/device-view.js b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/js/device-view.js
index 50c6dfa07a..6ffda98459 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/js/device-view.js
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/public/js/device-view.js
@@ -33,7 +33,6 @@ $(document).ready(function() {
         loadPolicyCompliance();
     }
 
-
     $("#refresh-policy").click(function() {
         $('#policy-spinner').removeClass('hidden');
         loadPolicyCompliance();
@@ -44,6 +43,11 @@ $(document).ready(function() {
         loadOperationsLog(true);
     });
 
+    $("#refresh-apps").click(function() {
+        $('#apps-spinner').removeClass('hidden');
+        loadApplicationsList();
+    });
+
 });
 
 function getLogStatusIcon(entry) {
@@ -267,3 +271,47 @@ function loadPolicyCompliance() {
         }
     );
 }
+
+function loadApplicationsList() {
+    var applicationsList = $("#applications-list");
+    var applicationListingTemplate = applicationsList.attr("src");
+    var deviceId = applicationsList.data("device-id");
+    var deviceType = applicationsList.data("device-type");
+
+    $.template("application-list", applicationListingTemplate, function (template) {
+        var serviceURL = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceId + "/applications";
+        invokerUtil.get(
+            serviceURL,
+            // success-callback
+            function (data, textStatus, jqXHR) {
+                if (jqXHR.status == 200 && data) {
+                    data = JSON.parse(data);
+                    $("#apps-spinner").addClass("hidden");
+                    if (data.length > 0) {
+                        for (var i = 0; i < data.length; i++) {
+                            data[i]["name"] = decodeURIComponent(data[i]["name"]);
+                            data[i]["platform"] = deviceType;
+                        }
+
+                        var viewModel = {};
+                        viewModel["applications"] = data;
+                        viewModel["deviceType"] = deviceType;
+                        viewModel["deviceId"] = deviceId;
+                        viewModel["appContext"] = context;
+                        var content = template(viewModel);
+                        $("#applications-list-container").html(content);
+                        var iconSource = $("#applications-list-container").data("public-uri") + "/img/android_app_icon.png";
+                        $("#applications-list-container img").attr("src",iconSource);
+                    } else {
+                        $("#applications-list-container").html("<div class='message message-info'><h4><i class='icon fw fw-info'></i>No applications found.</h4>" +
+                            "<p>Please try refreshing the list in a while.</p></div>");
+                    }
+                }
+            },
+            // error-callback
+            function () {
+                $("#applications-list-container").html("<div class='panel-body'><br><p class='fw-warning'>&nbsp;Loading application list " +
+                    "was not successful. please try refreshing the list in a while.<p></div>");
+            });
+    });
+}