mirror of
https://repository.entgra.net/community/device-mgt-plugins.git
synced 2025-09-16 23:42:15 +00:00
Merge pull request #328 from thusithak/master
responsive tab panel component - markup rewrite for uuf
This commit is contained in:
Rasika Perera
GitHub
commit
3c845dc3bd
@ -50,49 +50,61 @@ var InitiateViewOption = null;
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
$(".media.tab-responsive [data-toggle=tab]").on("shown.bs.tab", function (e) {
|
$(".media.tab-responsive [data-toggle=tab]").on("shown.bs.tab", function (e) {
|
||||||
var activeTabPane = $(e.target).attr("href"),
|
var activeTabPane = $(e.target).attr("href");
|
||||||
activeCollapsePane = $(activeTabPane).find("[data-toggle=collapse]").data("target"),
|
var activeListGroupItem = $(".media .list-group-item.active");
|
||||||
activeCollapsePaneSiblings = $(activeTabPane).siblings().find("[data-toggle=collapse]").data("target"),
|
|
||||||
activeListGroupItem = $(".media .list-group-item.active");
|
|
||||||
|
|
||||||
$(activeCollapsePaneSiblings).collapse("hide");
|
$(activeTabPane).removeClass("visible-xs-block");
|
||||||
$(activeCollapsePane).collapse("show");
|
$(activeTabPane).siblings().not(".arrow-left").addClass("visible-xs-block");
|
||||||
positionArrow(activeListGroupItem);
|
positionArrow(activeListGroupItem);
|
||||||
|
|
||||||
$(".panel-heading .caret-updown").removeClass("fw-sort-down");
|
|
||||||
$(".panel-heading.collapsed .caret-updown").addClass("fw-sort-up");
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$(".media.tab-responsive .tab-content").on("shown.bs.collapse", function (e) {
|
$(".media.tab-responsive .tab-content").on("shown.bs.collapse", function (e) {
|
||||||
var activeTabPane = $(e.target).parent().attr("id");
|
var thisParent = $(e.target).parent();
|
||||||
$(".media.tab-responsive [data-toggle=tab][href=#" + activeTabPane + "]").tab("show");
|
var activeTabPaneCaret = thisParent.find('.caret-updown');
|
||||||
$(".panel-heading .caret-updown").removeClass("fw-sort-up");
|
var activeTabPaneCaretSiblings = thisParent.siblings().find('.caret-updown');
|
||||||
$(".panel-heading.collapsed .caret-updown").addClass("fw-sort-down");
|
|
||||||
|
activeTabPaneCaret.removeClass("fw-up").addClass("fw-down");
|
||||||
|
activeTabPaneCaretSiblings.removeClass("fw-down").addClass("fw-up");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$('.media.tab-responsive a[data-toggle="collapse"]').on('click',function(){
|
||||||
|
var clickedPanel = $(this).attr('href');
|
||||||
|
|
||||||
|
if($(clickedPanel).hasClass('in')){
|
||||||
|
$(clickedPanel).collapse('hide');
|
||||||
|
}else{
|
||||||
|
$(clickedPanel).collapse('show');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
function positionArrow(selectedTab) {
|
function positionArrow(selectedTab) {
|
||||||
var selectedTabHeight = $(selectedTab).outerHeight();
|
var selectedTabHeight = $(selectedTab).innerHeight();
|
||||||
var arrowPosition = 0;
|
var arrowPosition = 0;
|
||||||
var totalHeight = 0;
|
var totalHeight = 0;
|
||||||
var arrow = $(".media .panel-group.tab-content .arrow-left");
|
var arrow = $(".media .panel-group.tab-content .arrow-left");
|
||||||
var parentHeight = $(arrow).parent().outerHeight();
|
var parentHeight = $(arrow).parent().innerHeight();
|
||||||
|
|
||||||
// if($(selectedTab).prev().length){
|
|
||||||
// $(selectedTab).prevAll().each(function() {
|
if($(selectedTab).prev().length){
|
||||||
// totalHeight += $(this).outerHeight();
|
$(selectedTab).prevAll().each(function() {
|
||||||
// });
|
totalHeight += $(this).innerHeight();
|
||||||
// arrowPosition = totalHeight + (selectedTabHeight / 2);
|
});
|
||||||
// }else{
|
arrowPosition = totalHeight + (selectedTabHeight / 2);
|
||||||
// arrowPosition = selectedTabHeight / 2;
|
}else{
|
||||||
// }
|
arrowPosition = selectedTabHeight / 2;
|
||||||
|
}
|
||||||
|
|
||||||
if(arrowPosition >= parentHeight){
|
if(arrowPosition >= parentHeight){
|
||||||
parentHeight = arrowPosition + 10;
|
parentHeight = arrowPosition + 50;
|
||||||
$(arrow).parent().height(parentHeight);
|
$(arrow).siblings(".panel.active").height(parentHeight);
|
||||||
}else{
|
}else{
|
||||||
$(arrow).parent().removeAttr("style");
|
$(arrow).parent().removeAttr("style");
|
||||||
}
|
}
|
||||||
|
|
||||||
$(arrow).css("top", arrowPosition - 10);
|
$(arrow).css("top", arrowPosition - 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -228,8 +240,8 @@ var InitiateViewOption = null;
|
|||||||
$("#applications-list-container").html(content);
|
$("#applications-list-container").html(content);
|
||||||
} else {
|
} else {
|
||||||
$("#applications-list-container").
|
$("#applications-list-container").
|
||||||
html("<div class='panel-body'><br><p class='fw-warning'> No applications found. " +
|
html("<div class='message message-info'><h4><i class='icon fw fw-info'></i>No applications found.</h4>" +
|
||||||
"please try refreshing the list in a while.<p></div>");
|
"<p>Please try refreshing the list in a while.</p></div>");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -315,4 +327,5 @@ var InitiateViewOption = null;
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
}());
|
}());
|
||||||
|
|||||||
@ -11,8 +11,8 @@
|
|||||||
Device {{device.name}}
|
Device {{device.name}}
|
||||||
{{#if device.viewModel.model}}
|
{{#if device.viewModel.model}}
|
||||||
<span class="lbl-device">
|
<span class="lbl-device">
|
||||||
( {{device.viewModel.vendor}} {{device.viewModel.model}} )
|
( {{device.viewModel.vendor}} {{device.viewModel.model}} )
|
||||||
</span>
|
</span>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
{{#zone "content"}}
|
{{#zone "content"}}
|
||||||
{{#if isAuthorized}}
|
{{#if isAuthorized}}
|
||||||
<div class="row no-gutter add-padding-5x add-margin-top-5x" style="border: 1px solid #e4e4e4;">
|
<div class="row no-gutter add-padding-5x add-margin-top-5x" style="border: 1px solid #e4e4e4;">
|
||||||
<div class="media">
|
<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="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>
|
<div class="thumbnail icon"><i class="square-element text fw fw-mobile"></i></div>
|
||||||
@ -82,293 +82,293 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="media tab-responsive">
|
<div class="media tab-responsive">
|
||||||
<div class="media-left col-xs-1 col-sm-1 col-md-2 col-lg-2 hidden-xs">
|
<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">
|
<ul class="list-group nav nav-pills nav-stacked" role="tablist">
|
||||||
<li class="list-group-item active">
|
<li class="list-group-item active">
|
||||||
<a href="#device_details" role="tab" data-toggle="tab" aria-controls="device_details">
|
<a href="#device_details" role="tab" data-toggle="tab" aria-controls="device_details">
|
||||||
<i class="icon fw fw-mobile"></i>Device Details
|
<i class="icon fw fw-mobile"></i>Device Details
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="list-group-item">
|
<li class="list-group-item">
|
||||||
<a href="#policy_compliance" role="tab" data-toggle="tab" aria-controls="policy_compliance">
|
<a href="#policy_compliance" role="tab" data-toggle="tab" aria-controls="policy_compliance">
|
||||||
<i class="icon fw fw-policy"></i>Policy Compliance
|
<i class="icon fw fw-policy"></i>Policy Compliance
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="list-group-item">
|
<li class="list-group-item">
|
||||||
<a href="#device_location" role="tab" data-toggle="tab"
|
<a href="#device_location" role="tab" data-toggle="tab"
|
||||||
data-lat="{{device.viewModel.location.latitude}}"
|
data-lat="{{device.viewModel.location.latitude}}"
|
||||||
data-long="{{device.viewModel.location.longitude}}"
|
data-long="{{device.viewModel.location.longitude}}"
|
||||||
aria-controls="device_location">
|
aria-controls="device_location">
|
||||||
<i class="icon fw fw-map-location"></i> Device Location
|
<i class="icon fw fw-map-location"></i> Device Location
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="list-group-item">
|
<li class="list-group-item">
|
||||||
<a href="#installed_applications" role="tab" data-toggle="tab" aria-controls="installed_applications">
|
<a href="#installed_applications" role="tab" data-toggle="tab" aria-controls="installed_applications">
|
||||||
<i class="icon fw fw-application"></i> Installed Applications
|
<i class="icon fw fw-application"></i> Installed Applications
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="list-group-item">
|
<li class="list-group-item">
|
||||||
<a href="#event_log" role="tab" data-toggle="tab" aria-controls="event_log">
|
<a href="#event_log" role="tab" data-toggle="tab" aria-controls="event_log">
|
||||||
<i class="icon fw fw-text"></i> Operations Log
|
<i class="icon fw fw-text"></i> Operations Log
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="media-body remove-padding-xs">
|
<div class="media-body remove-padding-xs">
|
||||||
{{#defineZone "device-detail-properties"}}
|
{{#defineZone "device-detail-properties"}}
|
||||||
<div class="media-body add-padding-left-5x remove-padding-xs">
|
<div class="media-body add-padding-left-5x remove-padding-xs">
|
||||||
<div class="panel-group tab-content" id="tabs">
|
<div class="panel-group tab-content" id="tabs">
|
||||||
<div class="arrow-left hidden-xs"></div>
|
<div class="arrow-left hidden-xs"></div>
|
||||||
|
|
||||||
<div class="panel panel-default tab-pane fade in active fade-in-xs visible-block"
|
<div class="panel panel-default tab-pane fade in active fade-in-xs visible-block"
|
||||||
id="device_details" role="tabpanel"
|
id="device_details" role="tabpanel"
|
||||||
aria-labelledby="device_details">
|
aria-labelledby="device_details">
|
||||||
<div class="panel-heading dropup visible-xs" role="tab" id="tab1" data-toggle="collapse"
|
<div class="panel-heading dropup visible-xs" role="tab" id="tab1" data-toggle="collapse"
|
||||||
data-target="#tabContent1" aria-expanded="false" data-parent="#tabs">
|
data-target="#tabContent1" aria-expanded="false" data-parent="#tabs">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<i class="fw fw-map-location fw-2x"></i>
|
<i class="fw fw-map-location fw-2x"></i>
|
||||||
Device Details
|
Device Details
|
||||||
<i class="caret-updown fw fw-sort-up"></i>
|
<i class="caret-updown fw fw-sort-up"></i>
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
|
||||||
<div class="panel-heading display-none-xs">Device Details</div>
|
|
||||||
<div id="loading-content" class="col-centered">
|
|
||||||
<br><br> <i class="fw fw-settings fw-spin fw-2x"></i> Loading Device Details . . .<br>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body collapse display-block-sm display-block-md display-block-lg in"
|
|
||||||
id="tabContent1">
|
|
||||||
<div class="device-detail-body hidden">
|
|
||||||
<!-- device summary -->
|
|
||||||
{{#equal device.type "windows"}}
|
|
||||||
<div class="panel-body">
|
|
||||||
Not available yet
|
|
||||||
</div>
|
|
||||||
<br class="c-both"/>
|
|
||||||
{{/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>
|
||||||
</div>
|
<div class="panel-heading display-none-xs">Device Details</div>
|
||||||
{{/if}}
|
<div id="loading-content" class="col-centered">
|
||||||
{{#if device.viewModel.DeviceCapacity}}
|
<br><br> <i class="fw fw-settings fw-spin fw-2x"></i> Loading Device Details . . .<br>
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
|
</div>
|
||||||
<div class="col-md-12">
|
<div class="panel-body collapse display-block-sm display-block-md display-block-lg in"
|
||||||
<div class="wr-stats-board-tile">
|
id="tabContent1">
|
||||||
<div class="tile-name">STORAGE</div>
|
<div class="device-detail-body hidden">
|
||||||
<div>
|
<!-- device summary -->
|
||||||
<div class="tile-icon"><i class="fw fw-hdd"></i></div>
|
{{#equal device.type "windows"}}
|
||||||
<div class="tile-stats">
|
<div class="panel-body">
|
||||||
{{device.viewModel.DeviceCapacityPercentage}} %
|
Not available yet
|
||||||
|
</div>
|
||||||
|
<br class="c-both"/>
|
||||||
|
{{/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">
|
<span class="tile-stats-free">
|
||||||
{{device.viewModel.AvailableDeviceCapacity}} GB Free
|
{{device.viewModel.AvailableDeviceCapacity}} GB Free
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if device.viewModel.internal_memory.FreeCapacity}}
|
{{#if device.viewModel.internal_memory.FreeCapacity}}
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
|
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="wr-stats-board-tile">
|
<div class="wr-stats-board-tile">
|
||||||
<div class="tile-name">LOCAL STORAGE</div>
|
<div class="tile-name">LOCAL STORAGE</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="tile-icon"><i class="fw fw-hdd"></i></div>
|
<div class="tile-icon"><i class="fw fw-hdd"></i></div>
|
||||||
<div class="tile-stats">
|
<div class="tile-stats">
|
||||||
{{device.viewModel.internal_memory.DeviceCapacityPercentage}} %
|
{{device.viewModel.internal_memory.DeviceCapacityPercentage}} %
|
||||||
<span class="tile-stats-free">
|
<span class="tile-stats-free">
|
||||||
{{device.viewModel.internal_memory.FreeCapacity}} GB Free
|
{{device.viewModel.internal_memory.FreeCapacity}} GB Free
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if device.viewModel.external_memory.FreeCapacity}}
|
{{#if device.viewModel.external_memory.FreeCapacity}}
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
|
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="wr-stats-board-tile">
|
<div class="wr-stats-board-tile">
|
||||||
<div class="tile-name">EXTERNAL STORAGE</div>
|
<div class="tile-name">EXTERNAL STORAGE</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="tile-icon"><i class="fw fw-usb-drive"></i></div>
|
<div class="tile-icon"><i class="fw fw-usb-drive"></i></div>
|
||||||
<div class="tile-stats">
|
<div class="tile-stats">
|
||||||
{{device.viewModel.external_memory.DeviceCapacityPercentage}} %
|
{{device.viewModel.external_memory.DeviceCapacityPercentage}} %
|
||||||
<span class="tile-stats-free">
|
<span class="tile-stats-free">
|
||||||
{{device.viewModel.external_memory.FreeCapacity}} GB Free
|
{{device.viewModel.external_memory.FreeCapacity}} GB Free
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{/if}}
|
<div class="panel panel-default tab-pane fade fade-in-xs visible-block"
|
||||||
</div>
|
id="policy_compliance">
|
||||||
</div>
|
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab2"
|
||||||
</div>
|
data-toggle="collapse" data-target="#tabContent2" aria-expanded="false"
|
||||||
<div class="panel panel-default tab-pane fade fade-in-xs visible-block"
|
data-parent="#tabs">
|
||||||
id="policy_compliance">
|
<h4 class="panel-title"><i class="fw fw-text fw-2x"></i>
|
||||||
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab2"
|
Policy Compliance
|
||||||
data-toggle="collapse" data-target="#tabContent2" aria-expanded="false"
|
<i class="caret-updown fw fw-sort-down"></i>
|
||||||
data-parent="#tabs">
|
</h4>
|
||||||
<h4 class="panel-title"><i class="fw fw-text fw-2x"></i>
|
</div>
|
||||||
Policy Compliance
|
<div class="panel-heading display-none-xs">
|
||||||
<i class="caret-updown fw fw-sort-down"></i>
|
Policy Compliance
|
||||||
</h4>
|
|
||||||
</div>
|
|
||||||
<div class="panel-heading display-none-xs">
|
|
||||||
Policy Compliance
|
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<a href="#" id="refresh-policy">
|
<a href="#" id="refresh-policy">
|
||||||
<i class="fw fw-refresh"></i>
|
<i class="fw fw-refresh"></i>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div id="policy-spinner" class="wr-advance-operations-init hidden">
|
<div id="policy-spinner" class="wr-advance-operations-init hidden">
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
<i class="fw fw-settings fw-spin fw-2x"></i>
|
<i class="fw fw-settings fw-spin fw-2x"></i>
|
||||||
|
|
||||||
Loading Policy Compliance . . .
|
Loading Policy Compliance . . .
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body collapse display-block-sm display-block-md display-block-lg" id="tabContent2">
|
<div class="panel-body collapse display-block-sm display-block-md display-block-lg" id="tabContent2">
|
||||||
<div id="policy-list-container">
|
<div id="policy-list-container">
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
There is no active policy for this device.
|
There is no active policy for this device.
|
||||||
</div>
|
</div>
|
||||||
<br class="c-both"/>
|
<br class="c-both"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel panel-default tab-pane fade fade-in-xs visible-block"
|
<div class="panel panel-default tab-pane fade fade-in-xs visible-block"
|
||||||
id="device_location">
|
id="device_location">
|
||||||
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab3"
|
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab3"
|
||||||
data-toggle="collapse" data-target="#tabContent3" aria-expanded="false"
|
data-toggle="collapse" data-target="#tabContent3" aria-expanded="false"
|
||||||
data-parent="#tabs">
|
data-parent="#tabs">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<i class="fw fw-text fw-2x"></i>
|
<i class="fw fw-text fw-2x"></i>
|
||||||
Device Location
|
Device Location
|
||||||
<i class="caret-updown fw fw-sort-down"></i>
|
<i class="caret-updown fw fw-sort-down"></i>
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-heading display-none-xs">Device Location</div>
|
<div class="panel-heading display-none-xs">Device Location</div>
|
||||||
<div class="panel-body collapse display-block-sm display-block-md display-block-lg"
|
<div class="panel-body collapse display-block-sm display-block-md display-block-lg"
|
||||||
id="tabContent3">
|
id="tabContent3">
|
||||||
<div id="device-location"
|
<div id="device-location"
|
||||||
data-lat="{{device.viewModel.location.latitude}}"
|
data-lat="{{device.viewModel.location.latitude}}"
|
||||||
data-long="{{device.viewModel.location.longitude}}"
|
data-long="{{device.viewModel.location.longitude}}"
|
||||||
class="panel-body">
|
class="panel-body">
|
||||||
</div>
|
</div>
|
||||||
<div id="map-error" class="panel-body" style="margin: auto;">
|
<div id="map-error" class="panel-body" style="margin: auto;">
|
||||||
Device location cannot be retrieved.
|
Device location cannot be retrieved.
|
||||||
</div>
|
</div>
|
||||||
<br class="c-both"/>
|
<br class="c-both"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel panel-default tab-pane fade fade-in-xs visible-block"
|
<div class="panel panel-default tab-pane fade fade-in-xs visible-block"
|
||||||
id="installed_applications">
|
id="installed_applications">
|
||||||
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab4"
|
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab4"
|
||||||
data-toggle="collapse" data-target="#tabContent4" aria-expanded="false"
|
data-toggle="collapse" data-target="#tabContent4" aria-expanded="false"
|
||||||
data-parent="#tabs">
|
data-parent="#tabs">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<i class="fw fw-text fw-2x"></i>
|
<i class="fw fw-text fw-2x"></i>
|
||||||
Installed Applications
|
Installed Applications
|
||||||
<i class="caret-updown fw fw-sort-down"></i></h4>
|
<i class="caret-updown fw fw-sort-down"></i></h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-heading display-none-xs">
|
<div class="panel-heading display-none-xs">
|
||||||
Installed Applications
|
Installed Applications
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<a href="#" id="refresh-apps">
|
<a href="#" id="refresh-apps">
|
||||||
<i class="fw fw-refresh"></i>
|
<i class="fw fw-refresh"></i>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body collapse display-block-sm display-block-md display-block-lg"
|
<div class="panel-body collapse display-block-sm display-block-md display-block-lg"
|
||||||
id="tabContent4">
|
id="tabContent4">
|
||||||
<div id="apps-spinner" class="wr-advance-operations-init hidden">
|
<div id="apps-spinner" class="wr-advance-operations-init hidden">
|
||||||
<br><br>
|
<br><br>
|
||||||
<i class="fw fw-settings fw-spin fw-2x"></i>
|
<i class="fw fw-settings fw-spin fw-2x"></i>
|
||||||
Loading Applications List . . .<br><br>
|
Loading Applications List . . .<br><br>
|
||||||
</div>
|
</div>
|
||||||
<div id="applications-list-container">
|
<div id="applications-list-container">
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<br>
|
<br>
|
||||||
<p class="fw-warning">
|
<p class="fw-warning">
|
||||||
No applications found. please try refreshing the list in a while.
|
No applications found. please try refreshing the list in a while.
|
||||||
<p>
|
<p>
|
||||||
</div>
|
</div>
|
||||||
<br class="c-both"/>
|
<br class="c-both"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel panel-default tab-pane fade fade-in-xs visible-block" id="event_log">
|
<div class="panel panel-default tab-pane fade fade-in-xs visible-block" id="event_log">
|
||||||
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab5"
|
<div class="panel-heading dropdown visible-xs collapsed" role="tab" id="tab5"
|
||||||
data-toggle="collapse" data-target="#tabContent5" aria-expanded="false"
|
data-toggle="collapse" data-target="#tabContent5" aria-expanded="false"
|
||||||
data-parent="#tabs">
|
data-parent="#tabs">
|
||||||
<h4 class="panel-title">
|
<h4 class="panel-title">
|
||||||
<i class="fw fw-text fw-2x"></i>
|
<i class="fw fw-text fw-2x"></i>
|
||||||
Operations Logs
|
Operations Logs
|
||||||
<i class="caret-updown fw fw-sort-down"></i>
|
<i class="caret-updown fw fw-sort-down"></i>
|
||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-heading display-none-xs">
|
<div class="panel-heading display-none-xs">
|
||||||
Operations Logs
|
Operations Logs
|
||||||
|
|
||||||
<span>
|
<span>
|
||||||
<a href="#" id="refresh-operations">
|
<a href="#" id="refresh-operations">
|
||||||
<i class="fw fw-refresh"></i>
|
<i class="fw fw-refresh"></i>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body collapse display-block-sm display-block-md display-block-lg"
|
<div class="panel-body collapse display-block-sm display-block-md display-block-lg"
|
||||||
id="tabContent5">
|
id="tabContent5">
|
||||||
<div id="operations-spinner" class="wr-advance-operations-init hidden">
|
<div id="operations-spinner" class="wr-advance-operations-init hidden">
|
||||||
<br><br> <i class="fw fw-settings fw-spin fw-2x"></i>
|
<br><br> <i class="fw fw-settings fw-spin fw-2x"></i>
|
||||||
Loading Operations Log . . .
|
Loading Operations Log . . .
|
||||||
<br><br>
|
<br><br>
|
||||||
</div>
|
</div>
|
||||||
<div id="operations-log-container">
|
<div id="operations-log-container">
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
There are no operations, performed yet on this device.
|
There are no operations, performed yet on this device.
|
||||||
|
</div>
|
||||||
|
<br class="c-both"/>
|
||||||
|
</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>
|
</div>
|
||||||
<br class="c-both"/>
|
|
||||||
</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>
|
||||||
|
{{/defineZone}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{/defineZone}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{else}}
|
{{else}}
|
||||||
<h1 class="page-sub-title">
|
<h1 class="page-sub-title">
|
||||||
Permission Denied
|
Permission Denied
|
||||||
@ -379,17 +379,17 @@
|
|||||||
{{/zone}}
|
{{/zone}}
|
||||||
{{#zone "bottomJs"}}
|
{{#zone "bottomJs"}}
|
||||||
{{#if isAuthorized}}
|
{{#if isAuthorized}}
|
||||||
<script id="policy-view" src="{{@unit.publicUri}}/templates/policy-compliance.hbs"
|
<script id="policy-view" src="{{@unit.publicUri}}/templates/policy-compliance.hbs"
|
||||||
data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
|
data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
|
||||||
type="text/x-handlebars-template"></script>
|
type="text/x-handlebars-template"></script>
|
||||||
<script id="applications-list" src="{{@unit.publicUri}}/templates/applications-list.hbs"
|
<script id="applications-list" src="{{@unit.publicUri}}/templates/applications-list.hbs"
|
||||||
data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
|
data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
|
||||||
type="text/x-handlebars-template"></script>
|
type="text/x-handlebars-template"></script>
|
||||||
<script id="operations-log" src="{{@unit.publicUri}}/templates/operations-log.hbs"
|
<script id="operations-log" src="{{@unit.publicUri}}/templates/operations-log.hbs"
|
||||||
data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
|
data-device-id="{{device.deviceIdentifier}}" data-device-type="{{device.type}}"
|
||||||
type="text/x-handlebars-template"></script>
|
type="text/x-handlebars-template"></script>
|
||||||
{{js "js/device-detail.js"}}
|
{{js "js/device-detail.js"}}
|
||||||
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
|
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
|
||||||
{{js "js/load-map.js"}}
|
{{js "js/load-map.js"}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/zone}}
|
{{/zone}}
|
||||||
Loading…
Reference in New Issue
Block a user