From 1e1ed5475085f18fb0808a9a950c26a9c3709e89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Tue, 4 Nov 2014 19:47:35 +0100
Subject: [PATCH] Change the message of DOM manipulations in body

---
 app/node_views/results.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/node_views/results.html b/app/node_views/results.html
index d8a0b57..78035fa 100644
--- a/app/node_views/results.html
+++ b/app/node_views/results.html
@@ -229,17 +229,17 @@
                                     </modal-dialog>
                                 </div>
                             </div>
-                            <div ng-if="inBodyDomManipulations > 10">
-                                <div class="label">Execution in body</div>
+                            <div ng-if="inBodyDomManipulations > 10" ng-class="{'warning': inBodyDomManipulations > 200}">
+                                <div class="label">DOM manipulations in body</div>
                                 <div class="result">
                                     {{inBodyDomManipulations}}
                                 </div>
                                 <div class="info">
                                     <div class="icon-question" ng-click="inBodyDomManipulationsTooltip = true"></div>
                                     <modal-dialog show="inBodyDomManipulationsTooltip" dialog-title="Javascript executed inside the body">
-                                        <p>Wait the DOMContentLoaded event before executing Javascript.</p>
-                                        <p>Choose between the HEAD and the end of the BODY for scripts. Do not execute Javascript in the middle of the BODY as it slows down the construction of the DOM and makes a poor maintainability. This is what i call spaghetti code.</p>
-                                        <p>The JS Timeline tab can help you.</p>
+                                        <p>This metric counts the number of DOM queries, DOM inserts, binds, etc. made by the Javascript before the DOMContentLoaded event.</p>
+                                        <p>Wait for this event before manipulating the DOM. Do not execute Javascript in the middle of the BODY as it slows down the construction of the DOM and makes a poor maintainability. This is what i call spaghetti code.</p>
+                                        <p>The JS Timeline tab can help you identify what's happening.</p>
                                     </modal-dialog>
                                 </div>
                             </div>