Device view and detail related ui fixes

revert-dabc3590
kamidu 8 years ago
parent 9dd2e1585a
commit b8d91478d5

@ -33,17 +33,36 @@
{{/zone}} {{/zone}}
{{#zone "navbarActions"}} {{#zone "navbarActions"}}
{{#if permissions.enroll}} {{!-- #if permissions.enroll --}}
<li> <li>
<a href="{{@app.context}}/device/enroll" class="cu-btn"> <a href="javascript:toggleEnrollment()">
<span class="icon fw-stack"> <span class="fw-stack">
<i class="fw fw-add fw-stack-1x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-mobile fw-stack-1x"></i>
</span> <span class="fw-stack fw-move-right fw-move-bottom">
Enroll Device <i class="fw fw-circle fw-stack-2x fw-stroke fw-inverse"></i>
</a> <i class="fw fw-circle fw-stack-2x"></i>
</li> <i class="fw fw-add fw-stack-1x"></i>
{{/if}} </span>
</span>
Enroll Device
</a>
</li>
{{!-- /if --}}
<li>
<a href="{{appContext}}devices/search">
<span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-mobile fw-stack-1x"></i>
<span class="fw-stack fw-move-right fw-move-bottom">
<i class="fw fw-circle fw-stack-2x fw-stroke fw-inverse"></i>
<i class="fw fw-circle fw-stack-2x"></i>
<i class="fw fw-search fw-stack-1x"></i>
</span>
</span>
Advanced Search
</a>
</li>
{{/zone}} {{/zone}}
{{#zone "content"}} {{#zone "content"}}
@ -56,7 +75,7 @@
</div> </div>
<div id="device-listing-status" class="raw hidden"> <div id="device-listing-status" class="raw hidden">
<ul style="list-style-type: none;"> <ul style="list-style-type: none;">
<li class="message message-info" > <li class="message message-info">
<h4> <h4>
<i class="icon fw fw-info"></i> <i class="icon fw fw-info"></i>
<a id="device-listing-status-msg"></a> <a id="device-listing-status-msg"></a>
@ -65,7 +84,8 @@
</ul> </ul>
</div> </div>
<div id="device-table"> <div id="device-table">
<table class="table table-striped table-hover list-table display responsive nowrap data-table grid-view" id="device-grid"> <table class="table table-striped table-hover list-table display responsive nowrap data-table grid-view"
id="device-grid">
<thead> <thead>
<tr class="sort-row"> <tr class="sort-row">
<th class="no-sort"></th> <th class="no-sort"></th>
@ -87,7 +107,7 @@
</tr> </tr>
<tr class="bulk-action-row"> <tr class="bulk-action-row">
<th colspan="7"> <th colspan="7">
<div id = "operation-bar"> <div id="operation-bar">
{{unit "mdm.unit.device.operation-bar"}} {{unit "mdm.unit.device.operation-bar"}}
</div> </div>
<div id="operation-guide" class="bs-callout bs-callout-info"> <div id="operation-guide" class="bs-callout bs-callout-info">
@ -99,7 +119,7 @@
</thead> </thead>
<tbody id="ast-container"> <tbody id="ast-container">
<br class="c-both" /> <br class="c-both"/>
</tbody> </tbody>
</table> </table>
</div> </div>
@ -117,7 +137,8 @@
{{/zone}} {{/zone}}
{{#zone "bottomJs"}} {{#zone "bottomJs"}}
<script id="device-listing" data-current-user="{{currentUser.username}}" data-image-resource="{{self.publicURL}}/images/" <script id="device-listing" data-current-user="{{currentUser.username}}"
src="{{self.publicURL}}/templates/device-listing.hbs" type="text/x-handlebars-template" ></script> data-image-resource="{{self.publicURL}}/images/"
src="{{self.publicURL}}/templates/device-listing.hbs" type="text/x-handlebars-template"></script>
{{js "js/device-listing.js"}} {{js "js/device-listing.js"}}
{{/zone}} {{/zone}}

@ -106,12 +106,12 @@ function loadOperationBar(deviceType) {
//var selectedDeviceID = deviceId; //var selectedDeviceID = deviceId;
$.template("operations-bar", operationBarSrc, function (template) { $.template("operations-bar", operationBarSrc, function (template) {
//var serviceURL = "/mdm-admin/features/" + platformType; //var serviceURL = "/mdm-admin/features/" + platformType;
var serviceURL = "/api/device-mgt/v1.0/devices/"+platformType+"/*/features"; var serviceURL = "/api/device-mgt/v1.0/devices/" + platformType + "/*/features";
var successCallback = function (data) { var successCallback = function (data) {
var viewModel = {}; var viewModel = {};
data = JSON.parse(data).filter(function (current) { data = JSON.parse(data).filter(function (current) {
var iconName; var iconName;
switch(deviceType) { switch (deviceType) {
case platformTypeConstants.ANDROID: case platformTypeConstants.ANDROID:
iconName = operationModule.getAndroidIconForFeature(current.code); iconName = operationModule.getAndroidIconForFeature(current.code);
current.type = deviceType; current.type = deviceType;
@ -142,7 +142,6 @@ function loadOperationBar(deviceType) {
function runOperation(operationName) { function runOperation(operationName) {
var deviceIdList = getSelectedDeviceIds(); var deviceIdList = getSelectedDeviceIds();
var list = getDevicesByTypes(deviceIdList); var list = getDevicesByTypes(deviceIdList);
console.log(list);
var successCallback = function (data) { var successCallback = function (data) {
if (operationName == "NOTIFICATION") { if (operationName == "NOTIFICATION") {
@ -159,16 +158,14 @@ function runOperation(operationName) {
var payload, serviceEndPoint; var payload, serviceEndPoint;
if (list[platformTypeConstants.IOS]) { if (list[platformTypeConstants.IOS]) {
payload = operationModule. payload = operationModule.generatePayload(platformTypeConstants.IOS, operationName, list[platformTypeConstants.IOS]);
generatePayload(platformTypeConstants.IOS, operationName, list[platformTypeConstants.IOS]);
serviceEndPoint = operationModule.getIOSServiceEndpoint(operationName); serviceEndPoint = operationModule.getIOSServiceEndpoint(operationName);
} else if (list[platformTypeConstants.ANDROID]) { } else if (list[platformTypeConstants.ANDROID]) {
payload = operationModule payload = operationModule
.generatePayload(platformTypeConstants.ANDROID, operationName, list[platformTypeConstants.ANDROID]); .generatePayload(platformTypeConstants.ANDROID, operationName, list[platformTypeConstants.ANDROID]);
serviceEndPoint = operationModule.getAndroidServiceEndpoint(operationName); serviceEndPoint = operationModule.getAndroidServiceEndpoint(operationName);
} else if (list[platformTypeConstants.WINDOWS]) { } else if (list[platformTypeConstants.WINDOWS]) {
payload = operationModule. payload = operationModule.generatePayload(platformTypeConstants.WINDOWS, operationName, list[platformTypeConstants.WINDOWS]);
generatePayload(platformTypeConstants.WINDOWS, operationName, list[platformTypeConstants.WINDOWS]);
serviceEndPoint = operationModule.getWindowsServiceEndpoint(operationName); serviceEndPoint = operationModule.getWindowsServiceEndpoint(operationName);
} }
if (operationName == "NOTIFICATION") { if (operationName == "NOTIFICATION") {
@ -185,7 +182,6 @@ function runOperation(operationName) {
hidePopup(); hidePopup();
} }
} else { } else {
console.log(serviceEndPoint);
invokerUtil.post(serviceEndPoint, payload, successCallback, errorCallback); invokerUtil.post(serviceEndPoint, payload, successCallback, errorCallback);
$(modalPopupContent).removeData(); $(modalPopupContent).removeData();
hidePopup(); hidePopup();

@ -1,304 +1,286 @@
<div class="row no-gutter"> <div class="row no-gutter">
<div class="wr-hidden-operations-nav col-lg-4"> <div class="wr-hidden-operations-nav col-lg-4">
<a href="javascript:void(0)" onclick="showAdvanceOperation('security', this)" class="selected"> <a href="javascript:void(0)" onclick="showAdvanceOperation('security', this)" class="selected">
<span class="wr-hidden-operations-icon fw-stack"> <span class="wr-hidden-operations-icon fw-stack">
<i class="fw fw-padlock fw-stack-2x"></i> <i class="fw fw-padlock fw-stack-2x"></i>
</span> </span>
Security Security
</a> </a>
<a href="javascript:void(0)" onclick="showAdvanceOperation('restriction', this)"> <a href="javascript:void(0)" onclick="showAdvanceOperation('restriction', this)">
<span class="wr-hidden-operations-icon fw-stack"> <span class="wr-hidden-operations-icon fw-stack">
<i class="fw fw-settings fw-stack-2x"></i> <i class="fw fw-settings fw-stack-2x"></i>
</span> </span>
Restrictions Restrictions
</a> </a>
<a href="javascript:void(0)" onclick="showAdvanceOperation('application', this)"> <a href="javascript:void(0)" onclick="showAdvanceOperation('application', this)">
<span class="wr-hidden-operations-icon fw-stack"> <span class="wr-hidden-operations-icon fw-stack">
<i class="fw fw-padlock fw-stack-2x"></i> <i class="fw fw-padlock fw-stack-2x"></i>
</span> </span>
Applications Applications
</a> </a>
<a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)"> <a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">
<span class="wr-hidden-operations-icon fw-stack"> <span class="wr-hidden-operations-icon fw-stack">
<i class="fw fw-wifi fw-stack-2x"></i> <i class="fw fw-wifi fw-stack-2x"></i>
</span> </span>
Wi-fi Wi-fi
</a> </a>
</div> </div>
<div class="wr-hidden-operations-content col-lg-8"> <div class="wr-hidden-operations-content col-lg-8">
<!-- security --> <!-- security -->
<div class="wr-hidden-operation" data-operation="security" style="display: block"> <div class="wr-hidden-operation" data-operation="security" style="display: block">
<div class="panel panel-default operation-data" <div class="panel panel-default operation-data" data-operation="{{features.ENCRYPT_STORAGE.code}}">
data-operation="{{features.ENCRYPT_STORAGE.code}}"> <div class="panel-heading" role="tab">
<div class="panel-heading" role="tab"> <h2 class="sub-title panel-title">
<h2 class="sub-title panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#enableEncryptionTab"
<a data-toggle="collapse" data-parent="#accordion" href="#enableEncryptionTab" aria-expanded="true" aria-controls="enableEncryptionTab">
aria-expanded="true" aria-controls="enableEncryptionTab">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i> <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
</span> </span>
Encryption Enable/Disable Encryption Enable/Disable
</a> </a>
</h2> </h2>
</div> </div>
<div id="enableEncryptionTab" class="panel-collapse panel-body collapse in" role="tabpanel" <div id="enableEncryptionTab" class="panel-collapse panel-body collapse in" role="tabpanel"
aria-labelledby="enableEncryptionTab"> aria-labelledby="enableEncryptionTab">
<div class="wr-input-control"> <div class="wr-input-control">
<label class="wr-input-control checkbox"> <label class="wr-input-control checkbox">
<input type="checkbox" class="operationDataKeys" id="enableEncryption" <input type="checkbox" class="operationDataKeys" id="enableEncryption"
data-key="enableEncryption"/> data-key="enableEncryption"/>
<span class="helper" title="Enable Encryption">Enable Encryption<span <span class="helper" title="Enable Encryption">Enable Encryption<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span> class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
</label> </label>
</div>
<a href="javascript:runOperation('{{features.ENCRYPT_STORAGE.code}}')" class="btn-operations">Configure</a>
</div>
</div> </div>
<a href="javascript:runOperation('{{features.ENCRYPT_STORAGE.code}}')" <div class="panel panel-default operation-data" data-operation="{{features.PASSCODE_POLICY.code}}">
class="btn-operations">Configure</a> <div class="panel-heading" role="tab">
</div> <h2 class="sub-title panel-title">
</div> <a data-toggle="collapse" data-parent="#accordion" href="#passCodePolicy" aria-expanded="false"
<div class="panel panel-default operation-data" aria-controls="passCodePolicy" class="collapsed">
data-operation="{{features.PASSCODE_POLICY.code}}">
<div class="panel-heading" role="tab">
<h2 class="sub-title panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#passCodePolicy"
aria-expanded="false" aria-controls="passCodePolicy" class="collapsed">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i> <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
</span> </span>
Passcode Policy Passcode Policy
</a> </a>
</h2> </h2>
</div> </div>
<div id="passCodePolicy" class="panel-collapse panel-body collapse" role="tabpanel" <div id="passCodePolicy" class="panel-collapse panel-body collapse" role="tabpanel"
aria-labelledby="passCodePolicy"> aria-labelledby="passCodePolicy">
<label class="wr-input-label col-sm-4" for="maxFailedAttempts">Maximum Failed <label class="wr-input-label col-sm-4" for="maxFailedAttempts">Maximum Failed Attempts</label>
Attempts</label> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="maxFailedAttempts"
data-key="maxFailedAttempts" placeholder="Enter maximum Failed Attempts">
</div>
<div class="wr-input-control"> <label class="wr-input-label col-sm-4" for="minLength">Minimum Length</label>
<input type="text" class="form-control operationDataKeys" id="maxFailedAttempts" <div class="wr-input-control">
data-key="maxFailedAttempts" placeholder="Enter maximum Failed Attempts"> <input type="text" class="form-control operationDataKeys" id="minLength" data-key="minLength"
</div> placeholder="Enter minimum Length">
</div>
<label class="wr-input-label col-sm-4" for="minLength">Minimum Length</label> <label class="wr-input-label col-sm-4" for="pinHistory">PIN History</label>
<div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="pinHistory" data-key="pinHistory"
placeholder="Enter PIN History">
</div>
<div class="wr-input-control"> <label class="wr-input-label col-sm-4" for="minComplexChars">Minimum complex characters</label>
<input type="text" class="form-control operationDataKeys" id="minLength" <div class="wr-input-control">
data-key="minLength" placeholder="Enter minimum Length"> <input type="text" class="form-control operationDataKeys" id="minComplexChars"
</div> data-key="minComplexChars" placeholder="Enter minimum complex characters">
</div>
<label class="wr-input-label col-sm-4" for="pinHistory">PIN History</label> <label class="wr-input-label col-sm-4" for="lockcode">Minimum PIN Age in days</label>
<div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="maxPINAgeInDays"
data-key="maxPINAgeInDays" placeholder="Enter minimum PIN age in days">
</div>
<div class="wr-input-control"> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="pinHistory" <label class="wr-input-control checkbox">
data-key="pinHistory" placeholder="Enter PIN History"> <input type="checkbox" class="operationDataKeys" id="requireAlphanumeric"
</div> data-key="requireAlphanumeric"/>
<span class="helper" title="Require Alphanumeric">Require Alphanumeric<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
</label>
</div>
<label class="wr-input-label col-sm-4" for="minComplexChars">Minimum complex <div class="wr-input-control">
characters</label> <label class="wr-input-control checkbox">
<input type="checkbox" class="operationDataKeys" id="allowSimple" data-key="allowSimple"/>
<span class="helper" title="Allow simple PIN">Allow simple PIN<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
</label>
</div>
<div class="wr-input-control"> <a href="javascript:runOperation('{{features.PASSCODE_POLICY.code}}')" class="btn-operations">Configure</a>
<input type="text" class="form-control operationDataKeys" id="minComplexChars" </div>
data-key="minComplexChars" placeholder="Enter minimum complex characters">
</div> </div>
</div>
<!-- /security -->
<label class="wr-input-label col-sm-4" for="lockcode">Minimum PIN Age in days</label> <!-- wi-fi -->
<div class="wr-hidden-operation panel-body" data-operation="wifi">
<div class="wr-input-control"> <div class="operation-data" data-operation="{{features.WIFI.code}}">
<input type="text" class="form-control operationDataKeys" id="maxPINAgeInDays" <label class="wr-input-label" title="Identification of the wireless network to connect to">Service Set
data-key="maxPINAgeInDays" placeholder="Enter minimum PIN age in days"> Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
</div> <!--span>Identification of the wireless network to connect to</span-->
<div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="ssid" data-key="ssid"
placeholder="Enter SSID"/>
</div>
<div class="wr-input-control"> <label class="wr-input-label" title="Password for the wireless network">Password<span
<label class="wr-input-control checkbox"> class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<input type="checkbox" class="operationDataKeys" id="requireAlphanumeric" <!--span>Password for the wireless network</span-->
data-key="requireAlphanumeric"/> <div class="wr-input-control">
<span class="helper" title="Require Alphanumeric">Require Alphanumeric<span <input type="password" class="form-control operationDataKeys" id="password" data-key="password"
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span> placeholder="Password"/>
</label> </div>
<a href="javascript:runOperation('{{features.WIFI.code}}')" class="btn-operations">Configure</a>
</div> </div>
<div class="wr-input-control">
<label class="wr-input-control checkbox">
<input type="checkbox" class="operationDataKeys" id="allowSimple"
data-key="allowSimple"/>
<span class="helper" title="Allow simple PIN">Allow simple PIN<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
</label>
</div>
<a href="javascript:runOperation('{{features.PASSCODE_POLICY.code}}')"
class="btn-operations">Configure</a>
</div>
</div>
</div>
<!-- /security -->
<!-- wi-fi -->
<div class="wr-hidden-operation panel-body" data-operation="wifi">
<div class="operation-data" data-operation="{{features.WIFI.code}}">
<label class="wr-input-label" title="Identification of the wireless network to connect to">Service
Set Identifier<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<!--span>Identification of the wireless network to connect to</span-->
<div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="ssid" data-key="ssid"
placeholder="Enter SSID"/>
</div>
<label class="wr-input-label" title="Password for the wireless network">Password<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<!--span>Password for the wireless network</span-->
<div class="wr-input-control">
<input type="password" class="form-control operationDataKeys" id="password"
data-key="password" placeholder="Password"/>
</div> </div>
<a href="javascript:runOperation('{{features.WIFI.code}}')" <!-- /wi-fi -->
class="btn-operations">Configure</a> <!-- application -->
</div> <div class="wr-hidden-operation" data-operation="application">
<div class="panel panel-default operation-data" data-operation="{{features.INSTALL_APPLICATION.code}}">
</div> <div class="panel-heading" role="tab">
<!-- /wi-fi --> <h2 class="sub-title panel-title">
<!-- application --> <a data-toggle="collapse" data-parent="#accordion" href="#installApp" aria-expanded="true"
<div class="wr-hidden-operation" data-operation="application"> aria-controls="installApp">
<div class="panel panel-default operation-data"
data-operation="{{features.INSTALL_APPLICATION.code}}">
<div class="panel-heading" role="tab">
<h2 class="sub-title panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#installApp"
aria-expanded="true" aria-controls="installApp">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i> <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
</span> </span>
Install App Install App
</a> </a>
</h2> </h2>
</div> </div>
<div id="installApp" class="panel-collapse panel-body collapse in" role="tabpanel" <div id="installApp" class="panel-collapse panel-body collapse in" role="tabpanel"
aria-labelledby="installApp"> aria-labelledby="installApp">
<label class="wr-input-label" title="Application Identifier">App Identifier<span <label class="wr-input-label" title="Application Identifier">App Identifier<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label> class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<div class="wr-input-control"> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="package-name" <input type="text" class="form-control operationDataKeys" id="package-name"
data-key="packageName" placeholder="Enter App Identifer"/> data-key="packageName" placeholder="Enter App Identifer"/>
</div> </div>
<div class="wr-input-control"> <div class="wr-input-control">
<label class="wr-input-control dropdown"> <label class="wr-input-control dropdown">
<span class="helper" title="App Type">App Type<span <span class="helper" title="App Type">App Type<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span> class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
<select class="form-control col-sm-8 operationDataKeys appTypesInput" id="type" <select class="form-control col-sm-8 operationDataKeys appTypesInput" id="type"
data-key="type"> data-key="type">
<option>Public</option> <option>Public</option>
<option>Enterprise</option> <option>Enterprise</option>
</select> </select>
</label> </label>
</div> </div>
<label class="wr-input-label" title="URL">URL<span <label class="wr-input-label" title="URL">URL<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label> class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<div class="wr-input-control"> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="url" data-key="url" <input type="text" class="form-control operationDataKeys" id="url" data-key="url"
placeholder="Enter URL"/> placeholder="Enter URL"/>
</div>
<a href="javascript:runOperation('{{features.INSTALL_APPLICATION.code}}')" class="btn-operations">Install</a>
</div>
</div> </div>
<a href="javascript:runOperation('{{features.INSTALL_APPLICATION.code}}')" <div class="panel panel-default operation-data" data-operation="{{features.WEBCLIP.code}}">
class="btn-operations">Install</a> <div class="panel-heading" role="tab">
</div> <h2 class="sub-title panel-title">
</div> <a data-toggle="collapse" data-parent="#accordion" href="#installWebClip" aria-expanded="true"
<div class="panel panel-default operation-data" data-operation="{{features.WEBCLIP.code}}"> aria-controls="installWebClip" class="collapsed">
<div class="panel-heading" role="tab">
<h2 class="sub-title panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#installWebClip"
aria-expanded="true" aria-controls="installWebClip" class="collapsed">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i> <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
</span> </span>
Install Web Clip Install Web Clip
</a> </a>
</h2> </h2>
</div> </div>
<div id="installWebClip" class="panel-collapse panel-body collapse" role="tabpanel" <div id="installWebClip" class="panel-collapse panel-body collapse" role="tabpanel"
aria-labelledby="installWebClip"> aria-labelledby="installWebClip">
<label class="wr-input-label" title="Title of the web clip">Title<span <label class="wr-input-label" title="Title of the web clip">Title<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label> class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<div class="wr-input-control"> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="title" <input type="text" class="form-control operationDataKeys" id="title" data-key="title"
data-key="title" placeholder="Enter Title"/> placeholder="Enter Title"/>
</div> </div>
<label class="wr-input-label" title="URL">URL<span <label class="wr-input-label" title="URL">URL<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label> class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<div class="wr-input-control"> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="url" data-key="url" <input type="text" class="form-control operationDataKeys" id="url" data-key="url"
placeholder="Enter URL"/> placeholder="Enter URL"/>
</div>
<a href="javascript:runOperation('{{features.WEBCLIP.code}}')" class="btn-operations">Install</a>
</div>
</div> </div>
<a href="javascript:runOperation('{{features.WEBCLIP.code}}')" class="btn-operations">Install</a> <div class="panel panel-default operation-data" data-operation="{{features.UNINSTALL_APPLICATION.code}}">
</div> <div class="panel-heading" role="tab">
</div> <h2 class="sub-title panel-title">
<div class="panel panel-default operation-data" <a data-toggle="collapse" data-parent="#accordion" href="#uninstallApp" aria-expanded="true"
data-operation="{{features.UNINSTALL_APPLICATION.code}}"> aria-controls="uninstallApp" class="collapsed">
<div class="panel-heading" role="tab">
<h2 class="sub-title panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#uninstallApp"
aria-expanded="true" aria-controls="uninstallApp" class="collapsed">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i> <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
</span> </span>
Uninstall App Uninstall App
</a> </a>
</h2> </h2>
</div> </div>
<div id="uninstallApp" class="panel-collapse panel-body collapse" role="tabpanel" <div id="uninstallApp" class="panel-collapse panel-body collapse" role="tabpanel"
aria-labelledby="uninstallApp"> aria-labelledby="uninstallApp">
<label class="wr-input-label" title="Application Identifier">App Identifier<span <label class="wr-input-label" title="Application Identifier">App Identifier<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></label> class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
<!--span>Identification of the wireless network to connect to</span--> <!--span>Identification of the wireless network to connect to</span-->
<div class="wr-input-control"> <div class="wr-input-control">
<input type="text" class="form-control operationDataKeys" id="package-name" <input type="text" class="form-control operationDataKeys" id="package-name"
data-key="packageName" placeholder="Enter App Identifer"/> data-key="packageName" placeholder="Enter App Identifer"/>
</div>
<a href="javascript:runOperation('{{features.UNINSTALL_APPLICATION.code}}')" class="btn-operations">Uninstall</a>
</div>
</div> </div>
<a href="javascript:runOperation('{{features.UNINSTALL_APPLICATION.code}}')"
class="btn-operations">Uninstall</a>
</div> </div>
</div> <!-- /application -->
</div>
<!-- /application -->
<!-- Restriction --> <!-- Restriction -->
<div class="wr-hidden-operation" data-operation="restriction"> <div class="wr-hidden-operation" data-operation="restriction">
<div class="panel panel-default operation-data" data-operation="{{features.CAMERA.code}}"> <div class="panel panel-default operation-data" data-operation="{{features.CAMERA.code}}">
<div class="panel-heading" role="tab"> <div class="panel-heading" role="tab">
<h2 class="sub-title panel-title"> <h2 class="sub-title panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#cameraDisable" <a data-toggle="collapse" data-parent="#accordion" href="#cameraDisable" aria-expanded="true"
aria-expanded="true" aria-controls="cameraDisable"> aria-controls="cameraDisable">
<span class="fw-stack"> <span class="fw-stack">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i> <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
</span> </span>
Camera Enable/Disable Camera Enable/Disable
</a> </a>
</h2> </h2>
</div> </div>
<div id="cameraDisable" class="panel-collapse panel-body collapse in" role="tabpanel" <div id="cameraDisable" class="panel-collapse panel-body collapse in" role="tabpanel"
aria-labelledby="cameraDisable"> aria-labelledby="cameraDisable">
<div class="wr-input-control"> <div class="wr-input-control">
<label class="wr-input-control checkbox"> <label class="wr-input-control checkbox">
<input type="checkbox" class="operationDataKeys" id="enableCamera" <input type="checkbox" class="operationDataKeys" id="enableCamera" data-key="enableCamera"
data-key="enableCamera" checked/> checked/>
<span class="helper" title="Remove App upon dis-enrollment">Enable Camera<span <span class="helper" title="Remove App upon dis-enrollment">Enable Camera<span
class="wr-help-tip glyphicon glyphicon-question-sign"></span></span> class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
</label> </label>
</div>
<a href="javascript:runOperation('{{features.CAMERA.code}}')" class="btn-operations">Configure</a>
</div>
</div> </div>
<a href="javascript:runOperation('{{features.CAMERA.code}}')" class="btn-operations">Configure</a>
</div> </div>
<!-- /Restriction -->
</div> </div>
</div> </div>
<!-- /Restriction -->
</div>
</div>

@ -12,7 +12,6 @@
<h4> <h4>
Please select a device or a list of devices to perform an operation. Please select a device or a list of devices to perform an operation.
</h4> </h4>
<div class="buttons"> <div class="buttons">
<a href="javascript:hidePopup()" class="btn-operations">Ok</a> <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
</div> </div>
@ -34,7 +33,6 @@
<h4> <h4>
Unexpected error occurred. Please Try again later. Unexpected error occurred. Please Try again later.
</h4> </h4>
<div class="buttons"> <div class="buttons">
<a href="javascript:hidePopup()" class="btn-operations">Ok</a> <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
</div> </div>
@ -56,7 +54,6 @@
<h4> <h4>
Operation has been queued successfully to be sent to the device. Operation has been queued successfully to be sent to the device.
</h4> </h4>
<div class="buttons"> <div class="buttons">
<a href="javascript:hidePopup()" class="btn-operations">Ok</a> <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
</div> </div>
@ -79,7 +76,6 @@
<h4> <h4>
Message has been queued to be sent to the device. Message has been queued to be sent to the device.
</h4> </h4>
<div class="buttons"> <div class="buttons">
<a href="javascript:hidePopup()" class="btn-operations">Ok</a> <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
</div> </div>
@ -107,14 +103,11 @@
<h4> <h4>
{{#equal code "WIPE_DATA"}} {{#equal code "WIPE_DATA"}}
{{#equal type "android"}} {{#equal type "android"}}
Enter PIN code (Optional - This is required only if the device type Enter PIN code (Optional - This is required only if the device type is BYOD).
is BYOD).
<br><br> <br><br>
<div> <div>
<input type="password" <input type="password" class="form-control modal-input operationDataKeys" id="pin"
class="form-control modal-input operationDataKeys" data-key="pin">
id="pin" data-key="pin"></textarea>
</div> </div>
<br> <br>
{{/equal}} {{/equal}}
@ -122,25 +115,115 @@
{{#equal code "NOTIFICATION"}} {{#equal code "NOTIFICATION"}}
Type your message below. Type your message below.
<br><br> <br><br>
<div id="notification-error-msg" class="alert alert-danger hidden" role="alert">
<div id="notification-error-msg" class="alert alert-danger hidden"
role="alert">
<i class="icon fw fw-error"></i><span></span> <i class="icon fw fw-error"></i><span></span>
</div> </div>
<div> <div>
<textarea class="form-control modal-input operationDataKeys" <input type='text' class="form-control modal-input operationDataKeys" id="messageTitle"
id="message" data-key="message"></textarea> data-key="messageTitle"/>
</div>
<br>
<div>
<textarea class="form-control modal-input operationDataKeys" id="messageText"
data-key="messageText"></textarea>
</div> </div>
<br> <br>
{{/equal}} {{/equal}}
{{#equal code "CHANGE_LOCK_CODE"}} {{#equal code "CHANGE_LOCK_CODE"}}
Type new lock-code below. Type new lock-code below.
<br><br> <br><br>
<input type="password" <input type="password" class="form-control modal-input operationDataKeys" id="lockcode"
class="form-control modal-input operationDataKeys" id="lockcode"
data-key="lockCode" placeholder="Enter Lockcode"/> data-key="lockCode" placeholder="Enter Lockcode"/>
<br> <br>
{{/equal}} {{/equal}}
{{#equal code "DEVICE_LOCK"}}
{{#equal type "android"}}
Type your message to be shown in the lock screen (Optional).
<br><br>
<div>
<textarea class="form-control modal-input operationDataKeys" id="lock-message"
data-key="lock-message"></textarea>
</div>
<br>
<label class="wr-input-control checkbox">
<input id="hard-lock" type="checkbox" class="form-control operationDataKeys"
data-key="hard-lock"/>
<span class="helper" title="Once it enables, device will be blocked permanently.">
&nbsp;&nbsp;&nbsp;Enable Permanent Lock
<span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
</span>
</label>
{{/equal}}
{{/equal}}
{{#equal code "UPGRADE_FIRMWARE"}}
{{#equal type "android"}}
Enter firmware upgrade scheduling information.
<br><br>
<label class="wr-input-control checkbox">
<input id="instant-upgrade" type="checkbox" class="form-control operationDataKeys"
data-key="instant-upgrade"/>
<span class="helper"
title="Once enabled, device firmware upgrade process will start instantly.">
&nbsp;&nbsp;&nbsp;Instant Upgrade
<span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
</span>
</label>
<br><br>
<div class='input-group date' id='dateTimePicker'>
Enter the date and time to schedule firmware upgrade.
<br><br>
<div id="firmware-error-msg" class="alert alert-danger hidden" role="alert">
<i class="icon fw fw-error"></i><span></span>
</div>
<input type='text' class="form-control modal-input operationDataKeys"
style="z-index : 900;" name="daterange" id="schedule" data-key="schedule"/>
</div>
<br><br>
<div class='wr-input-control' id='firmwareServerInfo'>
Enter firmware upgrade server URL (ie. http://abc.com or http://abc.com/ota)
(Optional).
<br><br>
<input type='text' class="form-control modal-input operationDataKeys" id="server"
data-key="server"/>
</div>
<script type="text/javascript">
$(function () {
$('.modalpopup-bg').css('z-index', '1000');
$('.modalpopup-container').css('z-index', '1200');
$('input[name="daterange"]').daterangepicker({
singleDatePicker: true,
timePicker: true,
showDropdowns: true,
timePickerIncrement: 1,
locale: {
format: 'MM-DD-YYYY hh:mm a'
}
});
});
$('#instant-upgrade').change(function () {
if ($(this).is(":checked")) {
$('#dateTimePicker').addClass("hidden");
$("#schedule").val('');
} else {
$('#dateTimePicker').removeClass("hidden");
$('input[name="daterange"]').daterangepicker({
singleDatePicker: true,
timePicker: true,
showDropdowns: true,
timePickerIncrement: 1,
locale: {
format: 'MM-DD-YYYY hh:mm a'
}
});
}
});
</script>
<br>
{{/equal}}
{{/equal}}
<br><br>
Do you want to perform this operation on selected device(s) ? Do you want to perform this operation on selected device(s) ?
<br> <br>
</h4> </h4>

Loading…
Cancel
Save