From bff3b3ee12c39f42c8c5d3de566772e219230e7f Mon Sep 17 00:00:00 2001
From: dilanua <dilan.u.ariyaratne@gmail.com>
Date: Thu, 22 Sep 2016 19:45:29 +0530
Subject: [PATCH] Fix for JIRA: https://wso2.org/jira/browse/EMM-1610

---
 .../app/units/mdm.unit.device.view/view.hbs   | 509 +++++++++---------
 .../app/units/mdm.unit.device.view/view.js    |   4 +
 2 files changed, 264 insertions(+), 249 deletions(-)

diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.hbs b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.hbs
index 862ef44fd..67f86d7b5 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.hbs
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.hbs
@@ -3,16 +3,17 @@
 {{unit "mdm.unit.device.qr-modal"}}
 
 {{#zone "content"}}
-    {{#if isAuthorized}}
-        <h1 class="page-sub-title device-id device-select" data-deviceid="{{device.deviceIdentifier}}" data-type="{{device.type}}">
-            Device {{device.name}}
-            {{#if device.viewModel.model}}
-                <span class="lbl-device">
+    {{#if deviceFound}}
+        {{#if isAuthorized}}
+            <h1 class="page-sub-title device-id device-select" data-deviceid="{{device.deviceIdentifier}}" data-type="{{device.type}}">
+                Device {{device.name}}
+                {{#if device.viewModel.model}}
+                    <span class="lbl-device">
                     ( {{device.viewModel.vendor}} {{device.viewModel.model}} )
                 </span>
-            {{/if}}
-        </h1>
-        <div class="row no-gutter add-padding-5x add-margin-top-5x" style="border: 1px solid #e4e4e4;">
+                {{/if}}
+            </h1>
+            <div class="row no-gutter add-padding-5x add-margin-top-5x" style="border: 1px solid #e4e4e4;">
             <div class="media">
                 <div class="media-left media-middle asset-image col-xs-2 col-sm-2 col-md-2 col-lg-2">
                     <div class="thumbnail icon"><i class="square-element text fw fw-mobile"></i></div>
@@ -72,304 +73,314 @@
                     </div>
                 </div>
             </div>
-                <div class="media tab-responsive">
-                    <div class="media-left col-xs-1 col-sm-1 col-md-2 col-lg-2 hidden-xs">
-                        <ul class="list-group nav nav-pills nav-stacked" role="tablist">
-                            <li role="presentation" class="list-group-item active">
-                                <a href="#device_details_tab" role="tab" data-toggle="tab" aria-controls="device_details_tab">
-                                    <i class="icon fw fw-mobile"></i><span class="hidden-sm">Device Details</span>
-                                </a>
-                            </li>
-                            <li role="presentation" class="list-group-item">
-                                <a href="#policy_compliance_tab" role="tab" data-toggle="tab" aria-controls="policy_compliance_tab">
-                                    <i class="icon fw fw-policy"></i><span class="hidden-sm">Policy Compliance</span>
-                                </a>
-                            </li>
-                            <li role="presentation" class="list-group-item">
-                                <a href="#device_location_tab" role="tab" data-toggle="tab"
-                                   data-lat="{{device.viewModel.location.latitude}}"
-                                   data-long="{{device.viewModel.location.longitude}}"
-                                   aria-controls="device_location_tab">
-                                   <i class="icon fw fw-map-location"></i><span class="hidden-sm">Device Location</span>
-                                </a>
-                            </li>
-                            <li role="presentation" class="list-group-item">
-                                <a href="#installed_applications_tab" role="tab" data-toggle="tab" aria-controls="installed_applications_tab">
-                                    <i class="icon fw fw-application"></i><span class="hidden-sm">Installed Applications</span>
-                                </a>
-                            </li>
-                            <li role="presentation" class="list-group-item">
-                                <a href="#event_log_tab" role="tab" data-toggle="tab" aria-controls="event_log_tab">
-                                    <i class="icon fw fw-text"></i><span class="hidden-sm">Operations Log</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                    {{#defineZone "device-detail-properties"}}
-                        <div class="media-body add-padding-left-5x remove-padding-xs">
-                            <div class="panel-group tab-content remove-padding" id="tabs" role="tablist" aria-multiselectable="true">
-                                <div class="arrow-left hidden-xs"></div>
+            <div class="media tab-responsive">
+            <div class="media-left col-xs-1 col-sm-1 col-md-2 col-lg-2 hidden-xs">
+                <ul class="list-group nav nav-pills nav-stacked" role="tablist">
+                    <li role="presentation" class="list-group-item active">
+                        <a href="#device_details_tab" role="tab" data-toggle="tab" aria-controls="device_details_tab">
+                            <i class="icon fw fw-mobile"></i><span class="hidden-sm">Device Details</span>
+                        </a>
+                    </li>
+                    <li role="presentation" class="list-group-item">
+                        <a href="#policy_compliance_tab" role="tab" data-toggle="tab" aria-controls="policy_compliance_tab">
+                            <i class="icon fw fw-policy"></i><span class="hidden-sm">Policy Compliance</span>
+                        </a>
+                    </li>
+                    <li role="presentation" class="list-group-item">
+                        <a href="#device_location_tab" role="tab" data-toggle="tab"
+                           data-lat="{{device.viewModel.location.latitude}}"
+                           data-long="{{device.viewModel.location.longitude}}"
+                           aria-controls="device_location_tab">
+                            <i class="icon fw fw-map-location"></i><span class="hidden-sm">Device Location</span>
+                        </a>
+                    </li>
+                    <li role="presentation" class="list-group-item">
+                        <a href="#installed_applications_tab" role="tab" data-toggle="tab" aria-controls="installed_applications_tab">
+                            <i class="icon fw fw-application"></i><span class="hidden-sm">Installed Applications</span>
+                        </a>
+                    </li>
+                    <li role="presentation" class="list-group-item">
+                        <a href="#event_log_tab" role="tab" data-toggle="tab" aria-controls="event_log_tab">
+                            <i class="icon fw fw-text"></i><span class="hidden-sm">Operations Log</span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            {{#defineZone "device-detail-properties"}}
+                <div class="media-body add-padding-left-5x remove-padding-xs">
+                <div class="panel-group tab-content remove-padding" id="tabs" role="tablist" aria-multiselectable="true">
+                <div class="arrow-left hidden-xs"></div>
 
-                                <div class="panel panel-default" role="tabpanel" id="device_details_tab">
-                                    <div class="panel-heading visible-xs collapsed" id="device_details">
-                                        <h4 class="panel-title">
-                                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-                                                <i class="fw fw-mobile fw-2x"></i>
-                                                Device Details
-                                                <i class="caret-updown fw fw-down"></i>
-                                            </a>
-                                        </h4>
+                <div class="panel panel-default" role="tabpanel" id="device_details_tab">
+                    <div class="panel-heading visible-xs collapsed" id="device_details">
+                        <h4 class="panel-title">
+                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                                <i class="fw fw-mobile fw-2x"></i>
+                                Device Details
+                                <i class="caret-updown fw fw-down"></i>
+                            </a>
+                        </h4>
+                    </div>
+                    <div class="panel-heading display-none-xs">Device Details</div>
+                    <div id="loading-content" class="col-centered">
+                        <i class="fw fw-settings fw-spin fw-2x"></i> Loading Device Details...
+                    </div>
+                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="device_details">
+                        <div class="panel-body ">
+                            <div class="device-detail-body">
+                                <!-- device summary -->
+                                {{#equal device.type "windows"}}
+                                    <div class="message message-info">
+                                        <h4 class="remove-margin"><i class="icon fw fw-info"></i>Not available yet</h4>
                                     </div>
-                                    <div class="panel-heading display-none-xs">Device Details</div>
-                                    <div id="loading-content" class="col-centered">
-                                        <i class="fw fw-settings fw-spin fw-2x"></i> Loading Device Details...
-                                    </div>
-                                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="device_details">
-                                        <div class="panel-body ">
-                                            <div class="device-detail-body">
-                                            <!-- device summary -->
-                                                {{#equal device.type "windows"}}
-                                                    <div class="message message-info">
-                                                        <h4 class="remove-margin"><i class="icon fw fw-info"></i>Not available yet</h4>
+                                {{/equal}}
+                                {{#if device.viewModel.BatteryLevel}}
+                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+                                        <div class="col-md-12">
+                                            <div class="wr-stats-board-tile">
+                                                <div class="tile-name">BATTERY</div>
+                                                <div>
+                                                    <div class="tile-icon"><i class="fw fw-battery"></i></div>
+                                                    <div class="tile-stats">
+                                                        {{device.viewModel.BatteryLevel}} %
                                                     </div>
-                                                {{/equal}}
-                                                {{#if device.viewModel.BatteryLevel}}
-                                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-                                                        <div class="col-md-12">
-                                                            <div class="wr-stats-board-tile">
-                                                                <div class="tile-name">BATTERY</div>
-                                                                <div>
-                                                                    <div class="tile-icon"><i class="fw fw-battery"></i></div>
-                                                                    <div class="tile-stats">
-                                                                        {{device.viewModel.BatteryLevel}} %
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                {{/if}}
-                                                {{#if device.viewModel.DeviceCapacity}}
-                                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-                                                        <div class="col-md-12">
-                                                            <div class="wr-stats-board-tile">
-                                                                <div class="tile-name">STORAGE</div>
-                                                                <div>
-                                                                    <div class="tile-icon"><i class="fw fw-hdd"></i></div>
-                                                                    <div class="tile-stats">
-                                                                        {{device.viewModel.DeviceCapacityPercentage}} %
-                                                                        <span class="tile-stats-free">
-                                                                            {{device.viewModel.AvailableDeviceCapacity}} GB Free
-                                                                        </span>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                {{/if}}
-                                                {{#if device.viewModel.internal_memory.FreeCapacity}}
-                                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-                                                        <div class="col-md-12">
-                                                            <div class="wr-stats-board-tile">
-                                                                <div class="tile-name">LOCAL STORAGE</div>
-                                                                <div>
-                                                                    <div class="tile-icon"><i class="fw fw-hdd"></i></div>
-                                                                    <div class="tile-stats">
-                                                                        {{device.viewModel.internal_memory.DeviceCapacityPercentage}} %
-                                                                        <span class="tile-stats-free">
-                                                                            {{device.viewModel.internal_memory.FreeCapacity}} GB Free
-                                                                        </span>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                {{/if}}
-                                                {{#if device.viewModel.external_memory.FreeCapacity}}
-                                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-                                                        <div class="col-md-12">
-                                                            <div class="wr-stats-board-tile">
-                                                                <div class="tile-name">EXTERNAL STORAGE</div>
-                                                                <div>
-                                                                    <div class="tile-icon"><i class="fw fw-usb-drive"></i></div>
-                                                                    <div class="tile-stats">
-                                                                        {{device.viewModel.external_memory.DeviceCapacityPercentage}} %
-                                                                        <span class="tile-stats-free">
-                                                                            {{device.viewModel.external_memory.FreeCapacity}} GB Free
-                                                                        </span>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                {{/if}}
+                                                </div>
                                             </div>
                                         </div>
                                     </div>
-                                </div>
-                                <div class="panel panel-default visible-xs-block" role="tabpanel" id="policy_compliance_tab">
-                                    <div class="panel-heading visible-xs collapsed" id="policy_compliance">
-                                        <h4 class="panel-title">
-                                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
-                                                <i class="fw fw-policy fw-2x"></i>
-                                                Policy Compliance
-                                                <i class="caret-updown fw fw-down"></i>
-                                            </a>
-                                        </h4>
+                                {{/if}}
+                                {{#if device.viewModel.DeviceCapacity}}
+                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+                                        <div class="col-md-12">
+                                            <div class="wr-stats-board-tile">
+                                                <div class="tile-name">STORAGE</div>
+                                                <div>
+                                                    <div class="tile-icon"><i class="fw fw-hdd"></i></div>
+                                                    <div class="tile-stats">
+                                                        {{device.viewModel.DeviceCapacityPercentage}} %
+                                                                        <span class="tile-stats-free">
+                                                                            {{device.viewModel.AvailableDeviceCapacity}} GB Free
+                                                                        </span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
                                     </div>
-                                    <div class="panel-heading display-none-xs">
-                                        Policy Compliance
+                                {{/if}}
+                                {{#if device.viewModel.internal_memory.FreeCapacity}}
+                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+                                        <div class="col-md-12">
+                                            <div class="wr-stats-board-tile">
+                                                <div class="tile-name">LOCAL STORAGE</div>
+                                                <div>
+                                                    <div class="tile-icon"><i class="fw fw-hdd"></i></div>
+                                                    <div class="tile-stats">
+                                                        {{device.viewModel.internal_memory.DeviceCapacityPercentage}} %
+                                                                        <span class="tile-stats-free">
+                                                                            {{device.viewModel.internal_memory.FreeCapacity}} GB Free
+                                                                        </span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                {{/if}}
+                                {{#if device.viewModel.external_memory.FreeCapacity}}
+                                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+                                        <div class="col-md-12">
+                                            <div class="wr-stats-board-tile">
+                                                <div class="tile-name">EXTERNAL STORAGE</div>
+                                                <div>
+                                                    <div class="tile-icon"><i class="fw fw-usb-drive"></i></div>
+                                                    <div class="tile-stats">
+                                                        {{device.viewModel.external_memory.DeviceCapacityPercentage}} %
+                                                                        <span class="tile-stats-free">
+                                                                            {{device.viewModel.external_memory.FreeCapacity}} GB Free
+                                                                        </span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                {{/if}}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default visible-xs-block" role="tabpanel" id="policy_compliance_tab">
+                    <div class="panel-heading visible-xs collapsed" id="policy_compliance">
+                        <h4 class="panel-title">
+                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
+                                <i class="fw fw-policy fw-2x"></i>
+                                Policy Compliance
+                                <i class="caret-updown fw fw-down"></i>
+                            </a>
+                        </h4>
+                    </div>
+                    <div class="panel-heading display-none-xs">
+                        Policy Compliance
                                         <span>
                                             <a href="javascript:void(0);" id="refresh-policy">
                                                 <i class="fw fw-refresh"></i>
                                             </a>
                                         </span>
-                                    </div>
-                                    <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="policy_compliance">
-                                        <div class="panel-body ">
+                    </div>
+                    <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="policy_compliance">
+                        <div class="panel-body ">
                                             <span class="visible-xs add-padding-2x text-right">
                                                 <a href="javascript:void(0);" id="refresh-policy">
                                                     <i class="fw fw-refresh"></i>
                                                 </a>
                                             </span>
-                                            <div id="policy-spinner" class="wr-advance-operations-init hidden">
-                                                <i class="fw fw-settings fw-spin fw-2x"></i> Loading Policy Compliance...
-                                            </div>
-                                            <div id="policy-list-container">
-                                                <div class="message message-info">
-                                                    <h4 class="remove-margin"><i class="icon fw fw-info"></i>There is no active policy for this device.</h4>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
+                            <div id="policy-spinner" class="wr-advance-operations-init hidden">
+                                <i class="fw fw-settings fw-spin fw-2x"></i> Loading Policy Compliance...
+                            </div>
+                            <div id="policy-list-container">
+                                <div class="message message-info">
+                                    <h4 class="remove-margin"><i class="icon fw fw-info"></i>There is no active policy for this device.</h4>
                                 </div>
-                                <div class="panel panel-default visible-xs-block" role="tabpanel" id="device_location_tab">
-                                    <div class="panel-heading visible-xs collapsed" id="device_location">
-                                        <h4 class="panel-title">
-                                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
-                                                <i class="fw fw-map-location fw-2x"></i>
-                                                Device Location
-                                                <i class="caret-updown fw fw-down"></i>
-                                            </a>
-                                        </h4>
-                                    </div>
-                                    <div class="panel-heading display-none-xs">Device Location</div>
-                                    <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="device_location">
-                                        <div class="panel-body">
-                                            <div id="map-error" class="message message-danger">
-                                                <h4 class="remove-margin"><i class="icon fw fw-error"></i>Device location cannot be retrieved.</h4>
-                                            </div>
-                                            <div id="device-location"
-                                                 data-lat="{{device.viewModel.location.latitude}}"
-                                                 data-long="{{device.viewModel.location.longitude}}">
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="panel panel-default visible-xs-block" role="tabpanel" id="installed_applications_tab">
-                                    <div class="panel-heading visible-xs collapsed" id="installed_applications">
-                                        <h4 class="panel-title">
-                                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
-                                                <i class="fw fw-application fw-2x"></i>
-                                                Installed Applications
-                                                <i class="caret-updown fw fw-down"></i>
-                                            </a>
-                                        </h4>
-                                    </div>
-                                    <div class="panel-heading display-none-xs">
-                                        Installed Applications
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default visible-xs-block" role="tabpanel" id="device_location_tab">
+                    <div class="panel-heading visible-xs collapsed" id="device_location">
+                        <h4 class="panel-title">
+                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
+                                <i class="fw fw-map-location fw-2x"></i>
+                                Device Location
+                                <i class="caret-updown fw fw-down"></i>
+                            </a>
+                        </h4>
+                    </div>
+                    <div class="panel-heading display-none-xs">Device Location</div>
+                    <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="device_location">
+                        <div class="panel-body">
+                            <div id="map-error" class="message message-danger">
+                                <h4 class="remove-margin"><i class="icon fw fw-error"></i>Device location cannot be retrieved.</h4>
+                            </div>
+                            <div id="device-location"
+                                 data-lat="{{device.viewModel.location.latitude}}"
+                                 data-long="{{device.viewModel.location.longitude}}">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default visible-xs-block" role="tabpanel" id="installed_applications_tab">
+                    <div class="panel-heading visible-xs collapsed" id="installed_applications">
+                        <h4 class="panel-title">
+                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
+                                <i class="fw fw-application fw-2x"></i>
+                                Installed Applications
+                                <i class="caret-updown fw fw-down"></i>
+                            </a>
+                        </h4>
+                    </div>
+                    <div class="panel-heading display-none-xs">
+                        Installed Applications
                                         <span>
                                             <a href="javascript:void(0);" id="refresh-apps">
                                                 <i class="fw fw-refresh"></i>
                                             </a>
                                         </span>
-                                    </div>
-                                    <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="installed_applications">
-                                        <div class="panel-body ">
+                    </div>
+                    <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="installed_applications">
+                        <div class="panel-body ">
                                             <span class="visible-xs add-padding-2x text-right">
                                                 <a href="javascript:void(0);" id="refresh-apps">
                                                     <i class="fw fw-refresh"></i>
                                                 </a>
                                             </span>
-                                            <div id="apps-spinner" class="wr-advance-operations-init hidden">
-                                                <i class="fw fw-settings fw-spin fw-2x"></i> Loading Applications List...
-                                            </div>
-                                            <div id="applications-list-container">
-                                                <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>
-                                            </div>
-                                        </div>
-                                    </div>
+                            <div id="apps-spinner" class="wr-advance-operations-init hidden">
+                                <i class="fw fw-settings fw-spin fw-2x"></i> Loading Applications List...
+                            </div>
+                            <div id="applications-list-container">
+                                <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>
-                                <div class="panel panel-default visible-xs-block" role="tabpanel" id="event_log_tab">
-                                    <div class="panel-heading visible-xs collapsed" id="event_log">
-                                        <h4 class="panel-title">
-                                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
-                                                <i class="fw fw-text fw-2x"></i>
-                                                    Operations Logs
-                                                <i class="caret-updown fw fw-down"></i>
-                                            </a>
-                                        </h4>
-                                    </div>
-                                    <div class="panel-heading display-none-xs">
-                                        Operations Logs
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel panel-default visible-xs-block" role="tabpanel" id="event_log_tab">
+                    <div class="panel-heading visible-xs collapsed" id="event_log">
+                        <h4 class="panel-title">
+                            <a role="button" data-toggle="collapse" data-parent="#tabs" href="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
+                                <i class="fw fw-text fw-2x"></i>
+                                Operations Logs
+                                <i class="caret-updown fw fw-down"></i>
+                            </a>
+                        </h4>
+                    </div>
+                    <div class="panel-heading display-none-xs">
+                        Operations Logs
                                         <span>
                                             <a href="javascript:void(0);" id="refresh-operations">
                                                 <i class="fw fw-refresh"></i>
                                             </a>
                                         </span>
-                                    </div>
-                                    <div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="event_log">
-                                        <div class="panel-body">
+                    </div>
+                    <div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="event_log">
+                        <div class="panel-body">
                                             <span class="visible-xs add-padding-2x text-right">
                                                 <a href="javascript:void(0);" id="refresh-operations">
                                                     <i class="fw fw-refresh"></i>
                                                 </a>
                                             </span>
-                                            <div id="operations-spinner" class="wr-advance-operations-init hidden">
-                                                <i class="fw fw-settings fw-spin fw-2x"></i> Loading Operations Log...
-                                            </div>
-                                            <div id="operations-log-container">
-                                                <div class="message message-info">
-                                                    <h4 class="remove-margin"><i class="icon fw fw-info"></i>There are no operations, performed yet on this device.</h4>
-                                                </div>
-                                            </div>
-                                            <table class="table table-striped table-hover table-bordered display data-table" id="operations-log-table">
-                                                <thead>
-                                                    <tr class="sort-row">
-                                                        <th>Operation Code</th>
-                                                        <th>Status</th>
-                                                        <th>Request created at</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
+                            <div id="operations-spinner" class="wr-advance-operations-init hidden">
+                                <i class="fw fw-settings fw-spin fw-2x"></i> Loading Operations Log...
+                            </div>
+                            <div id="operations-log-container">
+                                <div class="message message-info">
+                                    <h4 class="remove-margin"><i class="icon fw fw-info"></i>There are no operations, performed yet on this device.</h4>
                                 </div>
                             </div>
+                            <table class="table table-striped table-hover table-bordered display data-table" id="operations-log-table">
+                                <thead>
+                                <tr class="sort-row">
+                                    <th>Operation Code</th>
+                                    <th>Status</th>
+                                    <th>Request created at</th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                </tbody>
+                            </table>
                         </div>
-                    {{/defineZone}}
+                    </div>
                 </div>
-        </div>
+                </div>
+                </div>
+            {{/defineZone}}
+            </div>
+            </div>
+        {{else}}
+            <h1 class="page-sub-title">
+                Permission Denied
+            </h1>
+            <br>
+            You are not authorized to view specified device in the system.
+        {{/if}}
     {{else}}
         <h1 class="page-sub-title">
-            Permission Denied
+            Device not found
         </h1>
         <br>
-        You are not authorized to view specified device in the system.
+        You have tried to access either a removed or non-existing device.
     {{/if}}
 {{/zone}}
 {{#zone "bottomJs"}}
     {{#if isAuthorized}}
+    <!--suppress HtmlUnknownTarget -->
     <script id="policy-view" src="{{@unit.publicUri}}/templates/policy-compliance.hbs"
             data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
             type="text/x-handlebars-template"></script>
+    <!--suppress HtmlUnknownTarget -->
     <script id="applications-list" src="{{@unit.publicUri}}/templates/applications-list.hbs"
             data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
             type="text/x-handlebars-template"></script>
+    <!--suppress HtmlUnknownTarget -->
     <script id="operations-log" src="{{@unit.publicUri}}/templates/operations-log.hbs"
             data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
             type="text/x-handlebars-template"></script>
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.js b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.js
index 05309e1fa..0373b6eb6 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.js
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.view/view.js
@@ -26,6 +26,7 @@ function onRequest(context) {
         var deviceModule = require("/app/modules/business-controllers/device.js")["deviceModule"];
         var response = deviceModule.viewDevice(deviceType, deviceId);
         if (response["status"] == "success") {
+            deviceData["deviceFound"] = true;
             deviceData["isAuthorized"] = true;
 
             var device = response["content"];
@@ -98,7 +99,10 @@ function onRequest(context) {
             }
             deviceData["device"] = device;
         } else if (response["status"] == "unauthorized") {
+            deviceData["deviceFound"] = true;
             deviceData["isAuthorized"] = false;
+        } else if (response["status"] == "notFound") {
+            deviceData["deviceFound"] = false;
         }
         return deviceData;
     }