Share score button + Restart test button

front/src/views/dashboard.html

@@ -1,14 +1,30 @@
 <div ng-include="'/front/views/resultSubHeader.html'"></div>
 <div class="summary board">
-    <h2>Grades</h2>
+    
+    <h2> Global score</h2>
+    <div class="globalScore" ng-if="globalScore === 0 || globalScore > 0">
+        <div class="globalScoreDisplay">
+            <grade score="result.scoreProfiles.generic.globalScore" class="globalGrade"></grade>
+            <div class="on100">{{globalScore}}/100</div>
+        </div>
+        <div class="tweet" ng-if="!fromSocialShare">
+            <form ng-submit="sendTweet()">
+                <input type="text" class="tweetText" ng-model="tweetText">
+                <input type="submit" class="tweetButton" value="Tweet this!" ng-click="shareOnTwitter(tweetText)">
+                <input type="submit" class="linkedinButton" value="LinkedIn" ng-click="shareOnLinkedin(tweetText)">
+            </form>
+        </div>
+    </div>
 
-    <div class="notations">
+    <h2 ng-if="!fromSocialShare">Score details</h2>
+    <div ng-if="!fromSocialShare" class="notations">
         <div ng-repeat="category in result.scoreProfiles.generic.categories">
             <grade score="category.categoryScore" class="categoryScore"></grade>
             <div class="category">{{category.label}}</div>
             <div class="criteria">
                 <div class="table" title="Click to see details">
-                    <div ng-repeat="ruleName in category.rules" 
+                    <div ng-repeat="ruleName in category.rules"
+                         ng-if="result.rules[ruleName]"
                          ng-init="rule = result.rules[ruleName]"
                          ng-class="{'warning': rule.abnormal}"
                          ng-click="showRulePage(ruleName)">
@@ -28,4 +44,10 @@
             </div>
         </div>
     </div>
+
+    <div class="fromShare" ng-if="fromSocialShare">
+        <p>Yellow Lab Tools is a free online tool that analyzes performance and front-end quality.</p>
+        <a href="" ng-click="seeFullReport()">See the full report for this page</a>
+        <a href="/">Test another webpage</a>
+    </div>
 </div>

front/src/views/index.html

@@ -1,6 +1,6 @@
 <h2 class="promess">Free online test to help speeding up <b>heavy</b> web pages</h2>
 
 <form ng-submit="launchTest()" >
-    <input type="text"ng-model="url" placeholder="http://www.mysite.com" class="url" />
+    <input type="text" name="url" ng-model="url" placeholder="http://www.mysite.com" class="url" />
     <input type="submit" value="Launch test" class="launchBtn" ng-class="{disabled: !url}" />
 </form>

front/src/views/resultSubHeader.html

@@ -2,6 +2,7 @@
 
 <div class="resultsMenu">
     <a class="menuItem back" href="/"><div class="icon-back"></div><span>New test<span></a>
+    <a class="menuItem restart" href="" ng-click="testAgain()"><div class="icon-loop"></div><span>Test again<span></a>
     <div class="menuItem" ng-class="{active: Menu.getCurrentPage() == 'dashboard'}" ng-click="Menu.changePage('dashboard')"><div class="icon-summary"></div><span>Dashboard</span></div>
     <div class="menuItem" ng-class="{active: Menu.getCurrentPage() == 'timeline'}" ng-click="Menu.changePage('timeline')"><div class="icon-spaghetti"></div><span>JS Timeline</span></div>
 </div>