erp5_officejs: Improve UX on jio_configurator page

bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_page_jio_configurator_html.html

@@ -53,7 +53,7 @@
       </section>
     </article>
 
-    <article class="ui-content ui-body-c">
+    <article class="ui-content ui-body-c document-access">
       <section class="ui-content-header-plain">
         <h3 class="ui-content-title ui-body-c">
           <span class="ui-icon ui-icon-custom ui-icon-file-text-o">&nbsp;</span>
@@ -61,13 +61,14 @@
         </h3>
       </section>
       <section class="ui-body-c ui-content-section">
+        <p style="color: red">Continue by <b>synchronizing</b> with your remote storage or <b>accessing</b> your documents</p>
         <div class="ui-controlgroup ui-controlgroup-horizontal">
           <div class="ui-grid-a ui-responsive">
             <div class="ui-block-a">
               <a class="ui-btn" href="#page=sync" data-i18n="Synchronize">Synchronize</a>
             </div>
             <div class="ui-block-b">
-              <a class="ui-btn" href="#page=document_list" data-i18n="Go to document List">Go to document List</a>
+              <a class="ui-btn" href="#page=document_list" data-i18n="Go to document List">Access document List</a>
             </div>
           </div>
         </div>

bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_page_jio_configurator_js.js

@@ -101,8 +101,9 @@
         return gadget.getSetting('jio_storage_description');
       }).push(function (jio_storage_description) {
         if (jio_storage_description === undefined) {
-          gadget.props.element.querySelector(".message h3").appendChild(document.createTextNode("Please choose a storage before continuing"));
+          gadget.props.element.querySelector(".message h3").appendChild(document.createTextNode("Welcome! Please start by choosing a storage:"));
           gadget.props.element.querySelector(".message").setAttribute("style", "");
+          gadget.props.element.querySelector(".document-access").setAttribute("style", "display: none;");
         }
         return;
       }).push(function () {