From 1d1f399477aa6f154bee6455f02b367eccd8c7da Mon Sep 17 00:00:00 2001
From: Madawa Soysa <madawa.rc@gmail.com>
Date: Mon, 5 Dec 2016 16:57:55 +0530
Subject: [PATCH] IOTS-322: Infroming users when device types are not installed

Currently policy platfom selection page is empty if no device types are installed. This will add an meaningful message to user if no device types are added.

This commit resolves IOTS-322
---
 .../units/cdmf.unit.policy.create/create.hbs  | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.policy.create/create.hbs b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.policy.create/create.hbs
index a39f6513789..09e414aa7bf 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.policy.create/create.hbs
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.policy.create/create.hbs
@@ -283,23 +283,29 @@
                                 <div id="policy-platform-main-error-msg" class="alert alert-danger hidden" role="alert">
                                     <i class="icon fw fw-error"></i><span></span>
                                 </div>
+                                {{#unless types}}
+                                <h3><i class="icon fw fw-warning"></i> No compatible device types have been installed.
+                                    Install device types to add policies.</h3>
+                                {{/unless}}
                                 <div class="row wr-tile-buttons-list">
                                     <div class="wr-input-control">
                                         <ul class="tile-buttons row">
-                                            {{#each types}}
-                                                <li class="col-xs-12 col-sm-12 col-md-4 col-lg-4"
-                                                    style="margin-top: 5px; margin-bottom: 5px;">
-                                                    <a href="javascript:void(0)"
-                                                       class="{{name}}-platform wizard-stepper"
-                                                       data-current="policy-platform"
-                                                       data-next="policy-profile"
-                                                       data-platform="{{name}}"
-                                                       data-validate="false">
-                                                        <img src="{{icon}}" width="50px" height="50px"><br><br>
-                                                        <b>{{label}}</b>
-                                                    </a>
-                                                </li>
-                                            {{/each}}
+                                            {{#if types}}
+                                                {{#each types}}
+                                                    <li class="col-xs-12 col-sm-12 col-md-4 col-lg-4"
+                                                        style="margin-top: 5px; margin-bottom: 5px;">
+                                                        <a href="javascript:void(0)"
+                                                           class="{{name}}-platform wizard-stepper"
+                                                           data-current="policy-platform"
+                                                           data-next="policy-profile"
+                                                           data-platform="{{name}}"
+                                                           data-validate="false">
+                                                            <img src="{{icon}}" width="50px" height="50px"><br><br>
+                                                            <b>{{label}}</b>
+                                                        </a>
+                                                    </li>
+                                                {{/each}}
+                                            {{/if}}
                                         </ul>
                                     </div>
                                 </div>