From 1e809804637988905bb9c6fe7a0770446a00d2c2 Mon Sep 17 00:00:00 2001
From: mauriziovitale84 <maurizio.vitale@alfresco.com>
Date: Thu, 15 Dec 2016 15:45:47 +0000
Subject: [PATCH] #fix focus

---
 .../analytics-report-parameters.component.css | 24 +++++++++++++++++++
 ...analytics-report-parameters.component.html |  8 ++++++-
 .../analytics-report-parameters.component.ts  |  1 +
 3 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.css b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.css
index aae39eab91..73d681d4fb 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.css
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.css
@@ -24,4 +24,28 @@
 
 .large {
     font-size: x-large;
+    margin-top: 24px;
+    margin-left: 12px;
 }
+
+.icon-small i {
+    float: left;
+    margin-right: 10px;
+    display: none;
+    position: absolute;
+}
+
+.icon-small h4 {
+    clear: left;
+    margin-left: 26px;
+    padding-top: 12px;
+}
+
+.icon-small:hover {
+    color: rgb(68,138,255);
+    cursor: pointer;
+}
+
+.icon-small:hover .material-icons {
+    display: block;
+}
\ No newline at end of file
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
index ba7950517c..2cec687a9a 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
@@ -6,13 +6,19 @@
                     type="text"
                     class="mdl-textfield__input large"
                     id="reportName"
+                    autofocus
                     data-automation-id="reportName"
                     [value]="reportParameters.name"
                     (input)="reportParameters.name=$event.target.value"
                     (blur)="editTitle($event)"
                     />
         </div>
-        <h4 *ngIf="!isEditable" (click)="editEnable()">{{reportParameters.name}}</h4>
+        <div *ngIf="!isEditable">
+            <span class="icon-small">
+            <i class="material-icons">mode_edit</i>
+            <h4 (click)="editEnable()">{{reportParameters.name}}</h4>
+            </span>
+        </div>
         <div *ngFor="let field of reportParameters.definition.parameters">
             <div [ngSwitch]="field.type">
                 <div *ngSwitchCase="'integer'">
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.ts b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.ts
index 45bc29cc9a..f260978bd5 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.ts
@@ -96,6 +96,7 @@ export class AnalyticsReportParametersComponent implements OnInit, OnChanges {
     }
 
     ngOnChanges(changes: SimpleChanges) {
+        this.isEditable = false;
         let reportId = changes['reportId'];
         if (reportId && reportId.currentValue) {
             this.getReportParams(reportId.currentValue);