archive_detail.html 7.5 KB
Newer Older
藤川諒 committed
1 2
<!doctype html>
<html lang="en">
Kim Peace committed
3

藤川諒 committed
4 5 6
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
Kim Peace committed
7 8
  <meta name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
藤川諒 committed
9
  <title>LiveTaskyell</title>
10
  <link rel="stylesheet" href="./css/notosansjp.css">
藤川諒 committed
11 12 13 14
  <link href="./fontawesome/css/all.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/archive.css">
15
  <link rel="stylesheet" href="./css/loading.css">
藤川諒 committed
16 17
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
18

19 20 21
</head>
<script>
    var archiveId;
22 23 24 25 26
    window.addEventListener('DOMContentLoaded', function(){
      var urlPrm = new Object;
      var urlSearch = location.search.substring(1).split('&');
      var kv = urlSearch[0].split('=');
      urlPrm[kv[0]]=kv[1];
27 28 29
      archiveId = urlPrm.archiveId
      if (typeof(android) != "undefined") {
      } else {
Lee Munkyeong committed
30
        CHAT_UI.refreshArchiveDetailScreen(urlPrm.archiveId);
31
      }
32 33
    });
  </script>
Kim Peace committed
34

藤川諒 committed
35 36 37 38 39 40 41
<body>
  <!-- ナビメニュー -->
  <nav>
    <div class="row h-100 align-items-center">
      <div class="col-4 pr-0">
        <div class="nav-item">
          <div class="nav_prev">
42
            <a href="archive.html"><span class="ttl_archive">アーカイブ</span></a>
藤川諒 committed
43 44 45 46 47
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
48
          <h1 class="nav-ttl ttl_detail">詳細</h1>
藤川諒 committed
49 50 51 52 53 54 55 56 57 58 59
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item text-right">
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="archive">
60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
    <div class="archive_detail" id="archiveDetail">
    </div>
  </main>

  <!-- ローディング -->
  <div id="userProfileModal"></div>

  <script src="./js/libs/jquery-3.3.1.min.js"></script>
  <script src="./js/libs/moment.js"></script>
  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
  <script src="./js/libs/mustache.min.js"></script>
  <script src="./js/libs/bootstrap.min.js"></script>
  <script src="./js/libs/jquery.mark.min.js"></script>
  <script src="./js/archive.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/language.js"></script>
  <script src="./js/language_ko.js" charset="UTF-8"></script>
  <script src="./js/language_ja.js" charset="UTF-8"></script>
  <script src="./js/language_en.js" charset="UTF-8"></script>
  <script src="./js/constant.js"></script>
  <script src="./js/chat.js"></script>
  <script src="./js/chat-ui.js"></script>
  <script src="./js/chat-util.js"></script>
  <script src="./js/chat-db.js"></script>

  <script id="archive-detail-template" type="text/template">
    <div id="archive_player" class="player">
    </div>
    <div class="archive_detail_desc">
      <div class="archive_detail_fl_nm item">
        <h2 class="ttl" id="archiveFileName">FileName</h2>
        <span>{{fileName}}</span>
藤川諒 committed
93
      </div>
94 95 96 97 98 99
      <div class="archive_detail_sv_date item">
        <h2 class="ttl" id="archiveInsertDate">InsertDate</h2>
        <span>{{insertDate}}</span>
      </div>
      <div class="archive_detail_room_nm item">
        <h2 class="ttl" id="archiveRoomName">ChatRoomName</h2>
100
        <span class="archive_chat_room">{{chatRoomName}}</span>
101 102 103 104 105 106 107 108
        <button id="joinChatRoom">
          <img src="icon/icon_join_room.png" alt="">
        </button>
      </div>
      <div class="archive_detail_sv_user item">
        <h2 class="ttl" id="archiveSaveUser">SaveUser</h2>
        <div class="d-flex flex-row">
          <div class="d-flex flex-column">
109
            <img src="{{profileImage}}" alt="プロフィール画像"   onclick="CHAT_UI.makeNameCard({{userId}})" >
110 111
            <span>{{userName}}</span>
          </div>
藤川諒 committed
112
        </div>
113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136
      </div>
      <div class="archive_detail_user_list item">
        <h2 class="ttl" id="archiveAttendUser">AttendUser</h2>
        <ul class="d-flex flex-row" id="attendUser">
        </ul>
      </div>
    </div>
  </script>

  <script id="archive-user-template" type="text/template">
    <li class="archive_user">
      <img src="{{profileImage}}" alt="">
      <p>{{userName}}</p>
    </li>
  </script>
  
  <script id="archive-namecard-template" type="text/template">
    <div class="modal fade profile_modal" id="userNameCard" tabindex="-1" role="dialog" aria-labelledby="userNameCard" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header border-0">
            <div class="profile_desc d-flex flex-row">
              <img src="{{profileImage}}" onError="this.src='./img/noImage.png'"/>
              <div class="profile_name"><span>{{name}}</span></div>
藤川諒 committed
137
            </div>
138 139 140
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
藤川諒 committed
141
          </div>
142 143 144 145 146 147 148 149
          <div class="modal-body">
            {{#groupPathList}}
            <li style="display: block;">{{.}}</li>
            {{/groupPathList}}
          </div>
          <div class="modal-footer border-0 justify-content-center">
            {{#isFavorite}}
            <button type="button" class="border-0 bg_navy" onclick="CHAT_UI.removeFavoriteUser({{shopMemberId}})">
藤川諒 committed
150
              <div class="d-flex flex-column">
151 152 153 154
                <div class="img_wrap">
                  <img src="icon/icon_profile_favorite.png" alt="お気に入り">
                </div>
                <span>お気に入り解除</span>
藤川諒 committed
155
              </div>
156 157 158 159
            </button>
            {{/isFavorite}}
            {{^isFavorite}}
            <button type="button" class="border-0 bg_navy" onclick="CHAT_UI.insertFavoriteUser({{shopMemberId}})">
藤川諒 committed
160
              <div class="d-flex flex-column">
161 162 163 164
                <div class="img_wrap">
                  <img src="icon/icon_profile_favorite_white.png" alt="お気に入り">
                </div>
                <span>お気に入り登録</span>
藤川諒 committed
165
              </div>
166 167 168
            </button>
            {{/isFavorite}}
            <button type="button" class="border-0 bg_green" >
藤川諒 committed
169
              <div class="d-flex flex-column">
170 171 172 173
                <div class="img_wrap">
                  <img src="icon/icon_profile_phone.png" alt="通話">
                </div>
                <span>通話</span>
藤川諒 committed
174
              </div>
175 176
            </button>
            <button type="button" class="border-0 bg_blue">
藤川諒 committed
177
              <div class="d-flex flex-column">
178 179 180 181
                <div class="img_wrap">
                  <img src="icon/icon_profile_chat.png" alt="チャット">
                </div>
                <span>チャット</span>
藤川諒 committed
182
              </div>
183 184
            </button>
          </div>
藤川諒 committed
185 186 187
        </div>
      </div>
    </div>
188
  </script>
189 190 191 192 193 194 195
  <script>
    let CHAT_SERVER_URL = '';
    let CMS_SERVER_URL = '';
    let ASSET_PATH = './';
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
196 197 198 199 200 201 202 203 204 205 206 207 208 209 210

    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
    } else {
    }

    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;
      CMS_SERVER_URL = cmsServerUrl;
      PLATFORM = platform;
      IS_MOBILE = isMobile;
      IS_ONLINE = isOnline;
      CHAT_UI.refreshArchiveDetailScreen(archiveId);
    };
211
  </script>
藤川諒 committed
212
</body>
Kim Peace committed
213 214

</html>