SONAR-9553 Update onboarding headline

SonarSource · Oct 4, 2017 · d060a8b · d060a8b
1 parent 213ecb9
commit d060a8b
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 8 deletions.
diff --git a/server/sonar-web/src/main/js/apps/tutorials/onboarding/Onboarding.js b/server/sonar-web/src/main/js/apps/tutorials/onboarding/Onboarding.js
@@ -27,7 +27,7 @@ import OrganizationStep from './OrganizationStep';
 import AnalysisStep from './AnalysisStep';
 import ProjectWatcher from './ProjectWatcher';
 import { skipOnboarding } from '../../../api/users';
-import { translate } from '../../../helpers/l10n';
+import { translate, translateWithParameters } from '../../../helpers/l10n';
 import { getProjectUrl } from '../../../helpers/urls';
 import handleRequiredAuthentication from '../../../app/utils/handleRequiredAuthentication';
 import './styles.css';
@@ -168,8 +168,14 @@ export default class Onboarding extends React.PureComponent {
                   {translate('tutorials.skip')}
                 </a>
               )}
+              <p className="note">{translate('tutorials.find_it_back_in_help')}</p>
+            </div>
+            <div className="page-description">
+              {translateWithParameters(
+                'onboarding.header.description_x',
+                organizationsEnabled ? 3 : 2
+              )}
             </div>
-            <div className="page-description">{translate('onboarding.header.description')}</div>
           </header>
 
           {organizationsEnabled && (

diff --git a/...web/src/main/js/apps/tutorials/onboarding/__tests__/__snapshots__/Onboarding-test.js.snap b/...web/src/main/js/apps/tutorials/onboarding/__tests__/__snapshots__/Onboarding-test.js.snap
@@ -30,11 +30,16 @@ exports[`guides for on-premise 1`] = `
         >
           tutorials.skip
         </a>
+        <p
+          className="note"
+        >
+          tutorials.find_it_back_in_help
+        </p>
       </div>
       <div
         className="page-description"
       >
-        onboarding.header.description
+        onboarding.header.description_x.2
       </div>
     </header>
     <TokenStep
@@ -85,11 +90,16 @@ exports[`guides for on-premise 2`] = `
         >
           tutorials.skip
         </a>
+        <p
+          className="note"
+        >
+          tutorials.find_it_back_in_help
+        </p>
       </div>
       <div
         className="page-description"
       >
-        onboarding.header.description
+        onboarding.header.description_x.2
       </div>
     </header>
     <TokenStep
@@ -141,11 +151,16 @@ exports[`guides for sonarcloud 1`] = `
         >
           tutorials.skip
         </a>
+        <p
+          className="note"
+        >
+          tutorials.find_it_back_in_help
+        </p>
       </div>
       <div
         className="page-description"
       >
-        onboarding.header.description
+        onboarding.header.description_x.3
       </div>
     </header>
     <OrganizationStep
@@ -209,11 +224,16 @@ exports[`guides for sonarcloud 2`] = `
         >
           tutorials.skip
         </a>
+        <p
+          className="note"
+        >
+          tutorials.find_it_back_in_help
+        </p>
       </div>
       <div
         className="page-description"
       >
-        onboarding.header.description
+        onboarding.header.description_x.3
       </div>
     </header>
     <OrganizationStep
@@ -278,11 +298,16 @@ exports[`guides for sonarcloud 3`] = `
         >
           tutorials.skip
         </a>
+        <p
+          className="note"
+        >
+          tutorials.find_it_back_in_help
+        </p>
       </div>
       <div
         className="page-description"
       >
-        onboarding.header.description
+        onboarding.header.description_x.3
       </div>
     </header>
     <OrganizationStep

diff --git a/server/sonar-web/src/main/js/apps/tutorials/onboarding/styles.css b/server/sonar-web/src/main/js/apps/tutorials/onboarding/styles.css
@@ -70,3 +70,13 @@
   background-color: #fff;
   color: #404040;
 }
+
+.onboarding .page-actions {
+  text-align: right;
+  margin-bottom: 0;
+}
+
+.onboarding .page-actions p {
+  line-height: 16px;
+  margin-top: 6px;
+}
diff --git a/sonar-core/src/main/resources/org/sonar/l10n/core.properties b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
@@ -863,6 +863,7 @@ tutorials.onboarding=Analyze a new project
 tutorials.skip=Skip this tutorial
 tutorials.finish=Finish this tutorial
 tutorials.follow_later=Follow the tutorial later in the Help section
+tutorials.find_it_back_in_help=Find it back anytime in the Help section
 
 
 #------------------------------------------------------------------------------
@@ -2463,7 +2464,7 @@ footer.web_api=Web API
 #------------------------------------------------------------------------------
 onboarding.header=Welcome to SonarQube!
 onboarding.header.sonarcloud=Welcome to SonarCloud!
-onboarding.header.description=Let's analyze a new project.
+onboarding.header.description=Want to quickly analyze a first project? Follow these {0} easy steps.
 
 onboarding.token.header=Generate a token
 onboarding.token.text=The token is used to identify you when an analysis is performed. If it has been compromised, you can revoke it at any point of time in your user account.