Merge branch 'feature/43223' into 'develop'

協業画面が最初レンダリングされる時ローディングバー追加。

See merge request !185

public_new/collaboration.html

@@ -142,6 +142,11 @@
     <div style="vertical-align: middle;display: table-cell;">協業中
     </div>
   </div>
+  <div class="before_loading_indicator">
+    <div id="page_loader" class="before_loading_indicator">
+      <i class="fa fa-circle-o-notch fa-spin fa-1x fa-fw"></i>
+    </div>
+  </div>
   <script src="./js/libs/jquery-3.3.1.min.js"></script>
   <script src="./js/libs/socket.io.js"></script>
   <script src="./js/libs/moment.js"></script>

public_new/css/collaboration.css

@@ -887,6 +887,32 @@ input[name="tab_item"] {
   text-align: center;
 }
 
+.before_loading_indicator {
+  display: table;
+  vertical-align: middle;
+  font-size: xxx-large;
+  top: 0px;
+  width: 100%;
+  height: 100vh;
+  background-color: black;
+  position: fixed;
+  z-index: 1001;
+  text-align: center;
+}
+
+#page_loader {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 200px;
+  height: 200px;
+  margin-top: -100px;
+  margin-left: -100px;
+  text-align: center;
+  color: #fff;
+  z-index: 999;
+}
+
 @media screen and (max-width: 768px) {
   /* chat item */
   .tab_item {

public_new/js/share.js

@@ -685,7 +685,7 @@ function scrollLockOFF() {
   });
 }
 
-function initCollaborationUI(changeCollaborationType) {
+async function initCollaborationUI(changeCollaborationType) {
   $("#coviewEraserCtrBtn").click();
   if ($(".user_btn").hasClass("hide")) {
     $(".user_btn").click();
@@ -752,6 +752,8 @@ function initCollaborationUI(changeCollaborationType) {
       );
       break;
   }
+  await waitMillisecond(1000);
+  $(".before_loading_indicator").addClass("none");
 }
 
 function Coview_exitCollaboration(isDocument = false) {
@@ -1187,3 +1189,7 @@ function requestCollaborationFinish() {
     );
   }
 }
+
+async function waitMillisecond(millesecond) {
+  await new Promise(done => setTimeout(() => done(), millesecond));
+}