Device view and detail related ui fixes

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/mdm.page.devices/devices.hbs

@@ -33,17 +33,36 @@
 {{/zone}}
 
 {{#zone "navbarActions"}}
-    {{#if permissions.enroll}}
+{{!-- #if permissions.enroll --}}
     <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-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-add fw-stack-1x"></i>
+                                   </span>
                                 </span>
             Enroll Device
         </a>
     </li>
-    {{/if}}
+    {{!-- /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 "content"}}
@@ -65,7 +84,8 @@
         </ul>
     </div>
     <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>
             <tr class="sort-row">
                 <th class="no-sort"></th>
@@ -117,7 +137,8 @@
 {{/zone}}
 
 {{#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}}"
+            data-image-resource="{{self.publicURL}}/images/"
             src="{{self.publicURL}}/templates/device-listing.hbs" type="text/x-handlebars-template"></script>
     {{js "js/device-listing.js"}}
 {{/zone}}

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.operation-bar/public/js/operation-bar.js

@@ -142,7 +142,6 @@ function loadOperationBar(deviceType) {
 function runOperation(operationName) {
     var deviceIdList = getSelectedDeviceIds();
     var list = getDevicesByTypes(deviceIdList);
-    console.log(list);
 
     var successCallback = function (data) {
         if (operationName == "NOTIFICATION") {
@@ -159,16 +158,14 @@ function runOperation(operationName) {
 
     var payload, serviceEndPoint;
     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);
     } else if (list[platformTypeConstants.ANDROID]) {
         payload = operationModule
             .generatePayload(platformTypeConstants.ANDROID, operationName, list[platformTypeConstants.ANDROID]);
         serviceEndPoint = operationModule.getAndroidServiceEndpoint(operationName);
     } 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);
     }
     if (operationName == "NOTIFICATION") {
@@ -185,7 +182,6 @@ function runOperation(operationName) {
             hidePopup();
         }
     } else {
-        console.log(serviceEndPoint);
         invokerUtil.post(serviceEndPoint, payload, successCallback, errorCallback);
         $(modalPopupContent).removeData();
         hidePopup();

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.operation-bar/public/templates/hidden-operations-android.hbs

@@ -29,8 +29,7 @@
 
         <!-- security -->
         <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">
                     <h2 class="sub-title panel-title">
                         <a data-toggle="collapse" data-parent="#accordion" href="#enableEncryptionTab"
@@ -53,16 +52,14 @@
                                     class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
                         </label>
                     </div>
-            <a href="javascript:runOperation('{{features.ENCRYPT_STORAGE.code}}')"
+                    <a href="javascript:runOperation('{{features.ENCRYPT_STORAGE.code}}')" class="btn-operations">Configure</a>
-               class="btn-operations">Configure</a>
                 </div>
             </div>
-    <div class="panel panel-default operation-data"
+            <div class="panel panel-default operation-data" data-operation="{{features.PASSCODE_POLICY.code}}">
-         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"
+                        <a data-toggle="collapse" data-parent="#accordion" href="#passCodePolicy" aria-expanded="false"
-                   aria-expanded="false" aria-controls="passCodePolicy" class="collapsed">
+                           aria-controls="passCodePolicy" class="collapsed">
                                     <span class="fw-stack">
                                         <i class="fw fw-ring fw-stack-2x"></i>
                                         <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
@@ -74,38 +71,31 @@
                 <div id="passCodePolicy" class="panel-collapse panel-body collapse" role="tabpanel"
                      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>
 
                     <label class="wr-input-label col-sm-4" for="minLength">Minimum Length</label>
-
                     <div class="wr-input-control">
-                <input type="text" class="form-control operationDataKeys" id="minLength"
+                        <input type="text" class="form-control operationDataKeys" id="minLength" data-key="minLength"
-                       data-key="minLength" placeholder="Enter minimum Length">
+                               placeholder="Enter minimum Length">
                     </div>
 
                     <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"
+                        <input type="text" class="form-control operationDataKeys" id="pinHistory" data-key="pinHistory"
-                       data-key="pinHistory" placeholder="Enter PIN History">
+                               placeholder="Enter PIN History">
                     </div>
 
-            <label class="wr-input-label col-sm-4" for="minComplexChars">Minimum complex
+                    <label class="wr-input-label col-sm-4" for="minComplexChars">Minimum complex characters</label>
-                characters</label>
-
                     <div class="wr-input-control">
                         <input type="text" class="form-control operationDataKeys" id="minComplexChars"
                                data-key="minComplexChars" placeholder="Enter minimum complex characters">
                     </div>
 
                     <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">
@@ -122,15 +112,13 @@
 
                     <div class="wr-input-control">
                         <label class="wr-input-control checkbox">
-                    <input type="checkbox" class="operationDataKeys" id="allowSimple"
+                            <input type="checkbox" class="operationDataKeys" id="allowSimple" data-key="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}}')"
+                    <a href="javascript:runOperation('{{features.PASSCODE_POLICY.code}}')" class="btn-operations">Configure</a>
-               class="btn-operations">Configure</a>
                 </div>
             </div>
         </div>
@@ -139,9 +127,8 @@
         <!-- 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
+                <label class="wr-input-label" title="Identification of the wireless network to connect to">Service Set
-            Set Identifier<span
+                    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-->
                 <div class="wr-input-control">
                     <input type="text" class="form-control operationDataKeys" id="ssid" data-key="ssid"
@@ -152,23 +139,21 @@
                         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"
+                    <input type="password" class="form-control operationDataKeys" id="password" data-key="password"
-                   data-key="password" placeholder="Password"/>
+                           placeholder="Password"/>
                 </div>
-        <a href="javascript:runOperation('{{features.WIFI.code}}')"
+                <a href="javascript:runOperation('{{features.WIFI.code}}')" class="btn-operations">Configure</a>
-           class="btn-operations">Configure</a>
             </div>
 
         </div>
         <!-- /wi-fi -->
         <!-- application -->
         <div class="wr-hidden-operation" data-operation="application">
-    <div class="panel panel-default operation-data"
+            <div class="panel panel-default operation-data" data-operation="{{features.INSTALL_APPLICATION.code}}">
-         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"
+                        <a data-toggle="collapse" data-parent="#accordion" href="#installApp" aria-expanded="true"
-                   aria-expanded="true" aria-controls="installApp">
+                           aria-controls="installApp">
                                     <span class="fw-stack">
                                         <i class="fw fw-ring fw-stack-2x"></i>
                                         <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
@@ -204,15 +189,14 @@
                         <input type="text" class="form-control operationDataKeys" id="url" data-key="url"
                                placeholder="Enter URL"/>
                     </div>
-            <a href="javascript:runOperation('{{features.INSTALL_APPLICATION.code}}')"
+                    <a href="javascript:runOperation('{{features.INSTALL_APPLICATION.code}}')" class="btn-operations">Install</a>
-               class="btn-operations">Install</a>
                 </div>
             </div>
             <div class="panel panel-default operation-data" data-operation="{{features.WEBCLIP.code}}">
                 <div class="panel-heading" role="tab">
                     <h2 class="sub-title panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#installWebClip"
+                        <a data-toggle="collapse" data-parent="#accordion" href="#installWebClip" aria-expanded="true"
-                   aria-expanded="true" aria-controls="installWebClip" class="collapsed">
+                           aria-controls="installWebClip" class="collapsed">
                                     <span class="fw-stack">
                                         <i class="fw fw-ring fw-stack-2x"></i>
                                         <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
@@ -227,8 +211,8 @@
                             class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
 
                     <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>
                     <label class="wr-input-label" title="URL">URL<span
                             class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>
@@ -240,12 +224,11 @@
                     <a href="javascript:runOperation('{{features.WEBCLIP.code}}')" class="btn-operations">Install</a>
                 </div>
             </div>
-    <div class="panel panel-default operation-data"
+            <div class="panel panel-default operation-data" data-operation="{{features.UNINSTALL_APPLICATION.code}}">
-         data-operation="{{features.UNINSTALL_APPLICATION.code}}">
                 <div class="panel-heading" role="tab">
                     <h2 class="sub-title panel-title">
-                <a data-toggle="collapse" data-parent="#accordion" href="#uninstallApp"
+                        <a data-toggle="collapse" data-parent="#accordion" href="#uninstallApp" aria-expanded="true"
-                   aria-expanded="true" aria-controls="uninstallApp" class="collapsed">
+                           aria-controls="uninstallApp" class="collapsed">
                                     <span class="fw-stack">
                                         <i class="fw fw-ring fw-stack-2x"></i>
                                         <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
@@ -263,8 +246,7 @@
                         <input type="text" class="form-control operationDataKeys" id="package-name"
                                data-key="packageName" placeholder="Enter App Identifer"/>
                     </div>
-            <a href="javascript:runOperation('{{features.UNINSTALL_APPLICATION.code}}')"
+                    <a href="javascript:runOperation('{{features.UNINSTALL_APPLICATION.code}}')" class="btn-operations">Uninstall</a>
-               class="btn-operations">Uninstall</a>
                 </div>
             </div>
         </div>
@@ -275,8 +257,8 @@
             <div class="panel panel-default operation-data" data-operation="{{features.CAMERA.code}}">
                 <div class="panel-heading" role="tab">
                     <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">
                                         <i class="fw fw-ring fw-stack-2x"></i>
                                         <i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
@@ -289,8 +271,8 @@
                      aria-labelledby="cameraDisable">
                     <div class="wr-input-control">
                         <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
                                     class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>
                         </label>

components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.device.operation-bar/public/templates/operations.hbs

@@ -12,7 +12,6 @@
                 <h4>
                     Please select a device or a list of devices to perform an operation.
                 </h4>
-
                 <div class="buttons">
                     <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
                 </div>
@@ -34,7 +33,6 @@
                 <h4>
                     Unexpected error occurred. Please Try again later.
                 </h4>
-
                 <div class="buttons">
                     <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
                 </div>
@@ -56,7 +54,6 @@
                 <h4>
                     Operation has been queued successfully to be sent to the device.
                 </h4>
-
                 <div class="buttons">
                     <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
                 </div>
@@ -79,7 +76,6 @@
                 <h4>
                     Message has been queued to be sent to the device.
                 </h4>
-
                 <div class="buttons">
                     <a href="javascript:hidePopup()" class="btn-operations">Ok</a>
                 </div>
@@ -107,14 +103,11 @@
                     <h4>
                         {{#equal code "WIPE_DATA"}}
                             {{#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>
-
                                 <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>
                                 <br>
                             {{/equal}}
@@ -122,25 +115,115 @@
                         {{#equal code "NOTIFICATION"}}
                             Type your message below.
                             <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>
                             </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>
                             <br>
                         {{/equal}}
                         {{#equal code "CHANGE_LOCK_CODE"}}
                             Type new lock-code below.
                             <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"/>
                             <br>
                         {{/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) ?
                         <br>
                     </h4>