Merge branch 'master' of https://github.com/wso2/carbon-device-mgt into theme-migration

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/pages/cdmf.page.certificates/certificates.hbs

@@ -15,6 +15,7 @@
   specific language governing permissions and limitations
   under the License.
 }}
+
 {{unit "cdmf.unit.ui.title" pageTitle="Add Certificate"}}
 
 {{#zone "breadcrumbs"}}
@@ -24,8 +25,9 @@
         </a>
     </li>
     <li>
+        <!--suppress HtmlUnknownTarget -->
         <a href="{{@app.context}}/certificates">
-           Certificate
+            Certificates
         </a>
     </li>
 {{/zone}}
@@ -33,6 +35,7 @@
 {{#zone "navbarActions"}}
     {{#if removePermitted}}
         <li>
+            <!--suppress HtmlUnknownTarget -->
             <a href="{{@app.context}}/certificates/add">
             <span class="fw-stack">
                <i class="fw fw-ring fw-stack-2x"></i>
@@ -97,10 +100,7 @@
             </tr>
 
             </thead>
-            <tbody id="ast-container">
-
-            <br class="c-both"/>
-            </tbody>
+            <tbody id="ast-container"></tbody>
         </table>
     </div>
     <br class="c-both"/>
@@ -180,9 +180,9 @@
 {{/zone}}
 
 {{#zone "bottomJs"}}
+    <!--suppress HtmlUnknownTarget -->
     <script id="certificate-listing" data-current-user="{{@user.username}}"
             src="{{@page.publicUri}}/templates/certificate-listing.hbs"
             type="text/x-handlebars-template"></script>
-
     {{js "/js/certificate-listing.js"}}
 {{/zone}}

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.view/view.hbs

@@ -16,26 +16,16 @@
   under the License.
 }}
 
-{{#zone "contentTitle"}}
-    <div class="row wr-device-board">
-        <div class="col-lg-12 wr-secondary-bar">
-            <label class="device-id device-select"
-                   data-deviceid="{{device.deviceIdentifier}}" data-type="{{device.type}}"
-                   data-appcontext="{{@app.context}}">
+{{#zone "content"}}
+    <h1 class="page-sub-title device-id device-select" data-deviceid="{{device.deviceIdentifier}}" data-type="{{device.type}}">
         Device {{device.name}}
-                {{#if device.viewModel.vendor}}
+        {{#if device.viewModel.model}}
             <span class="lbl-device">
                 ( {{device.viewModel.vendor}} {{device.viewModel.model}} )
             </span>
         {{/if}}
-            </label>
-        </div>
-    </div>
-{{/zone}}
-
-{{#zone "content"}}
-<div class="row no-gutter add-padding-5x add-margin-top-5x"
-     style="border: 1px solid #e4e4e4;">
+    </h1>
+    <div class="row no-gutter add-padding-5x add-margin-top-5x" style="border: 1px solid #e4e4e4;">
         <div class="media">
             <div id="device_overview">
                 <div class="media-left media-middle asset-image col-xs-2 col-sm-2 col-md-2 col-lg-2">
@@ -194,7 +184,7 @@
             </div>
         </div>
     {{/defineZone}}
-</div>
+    </div>
 {{/zone}}
 {{#zone "bottomJs"}}
     {{js "js/device-view.js"}}

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.theme/public/css/custom-theme.css

@@ -488,6 +488,9 @@ form .form-group label{
     display: inline-block;
 }
 
+.panel-default.active .visible-xs .panel-title a {
+    color:#fff;
+}
 .panel-body {
     background: transparent;
     padding: 0;

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.theme/public/less/theme-variables.less

@@ -6,7 +6,7 @@
 @base-dark-color: #11375B;
 @base-light-color: #ffffff;
 @base-success-color: #5cb85c;
-@base-info-color: #009DA7;
+@base-info-color: #526A84;
 @base-warning-color: #f0ad4e;
 @base-danger-color: #d9534f;
 

components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css

@@ -777,7 +777,7 @@ a.text-success:focus {
 }
 
 .text-info {
-  color: #009DA7;
+  color: #526A84;
 }
 
 a.text-info:hover,
@@ -826,7 +826,7 @@ a.bg-success:focus {
 }
 
 .bg-info {
-  background-color: #009DA7;
+  background-color: #526A84;
 }
 
 a.bg-info:hover,
@@ -2088,7 +2088,7 @@ table th[class*="col-"] {
 .table > tfoot > tr > th.info,
 .table > tfoot > tr.info > td,
 .table > tfoot > tr.info > th {
-  background-color: #009DA7;
+  background-color: #526A84;
 }
 
 .table-hover > tbody > tr > td.info:hover,
@@ -4283,7 +4283,7 @@ a.label:hover, a.label:focus {
 }
 
 .label-info {
-  background-color: #009DA7;
+  background-color: #526A84;
 }
 .label-info[href]:hover, .label-info[href]:focus {
   background-color: #006d74;
@@ -4519,8 +4519,8 @@ a.thumbnail.active {
 }
 
 .alert-info {
-  background-color: #009DA7;
-  border-color: #009DA7;
+  background-color: #526A84;
+  border-color: #526A84;
   color: #fff;
 }
 .alert-info hr {
@@ -4655,7 +4655,7 @@ a.thumbnail.active {
 }
 
 .progress-bar-info {
-  background-color: #009DA7;
+  background-color: #526A84;
 }
 .progress-striped .progress-bar-info {
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4843,13 +4843,13 @@ button.list-group-item-success.active:focus {
 }
 
 .list-group-item-info {
-  color: #009DA7;
-  background-color: #009DA7;
+  color: #526A84;
+  background-color: #526A84;
 }
 
 a.list-group-item-info,
 button.list-group-item-info {
-  color: #009DA7;
+  color: #526A84;
 }
 a.list-group-item-info .list-group-item-heading,
 button.list-group-item-info .list-group-item-heading {
@@ -4858,7 +4858,7 @@ button.list-group-item-info .list-group-item-heading {
 a.list-group-item-info:hover, a.list-group-item-info:focus,
 button.list-group-item-info:hover,
 button.list-group-item-info:focus {
-  color: #009DA7;
+  color: #526A84;
   background-color: #00858e;
 }
 a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
@@ -4866,8 +4866,8 @@ button.list-group-item-info.active,
 button.list-group-item-info.active:hover,
 button.list-group-item-info.active:focus {
   color: #fff;
-  background-color: #009DA7;
-  border-color: #009DA7;
+  background-color: #526A84;
+  border-color: #526A84;
 }
 
 .list-group-item-warning {
@@ -5246,22 +5246,22 @@ button.list-group-item-danger.active:focus {
 }
 
 .panel-info {
-  border-color: #009DA7;
+  border-color: #526A84;
 }
 .panel-info > .panel-heading {
-  color: #009DA7;
-  background-color: #009DA7;
-  border-color: #009DA7;
+  color: #526A84;
+  background-color: #526A84;
+  border-color: #526A84;
 }
 .panel-info > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #009DA7;
+  border-top-color: #526A84;
 }
 .panel-info > .panel-heading .badge {
-  color: #009DA7;
-  background-color: #009DA7;
+  color: #526A84;
+  background-color: #526A84;
 }
 .panel-info > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #009DA7;
+  border-bottom-color: #526A84;
 }
 
 .panel-warning {
@@ -5416,10 +5416,10 @@ button.close {
   color: #5cb85c;
 }
 .message-info {
-  border-left-color: #009DA7;
+  border-left-color: #526A84;
 }
 .message-info h4 {
-  color: #009DA7;
+  color: #526A84;
 }
 .message-warning {
   border-left-color: #f0ad4e;
@@ -6871,7 +6871,7 @@ button.close {
 }
 
 .icon-info {
-  color: #009DA7;
+  color: #526A84;
 }
 
 .icon-warning {