contact.html 7.82 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">
Kim Peace committed
11
  <link rel="stylesheet" href="./fontawesome/css/all.css">
藤川諒 committed
12 13 14 15 16 17 18 19
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/chat.css">
  <link rel="stylesheet" href="./css/contact.css">
  <link rel="stylesheet" href="./css/loading.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
</head>
Kim Peace committed
20

藤川諒 committed
21 22 23 24 25 26 27
<body>
  <!-- ナビメニュー -->
  <nav>
    <div class="row h-100 align-items-center">
      <div class="col-4 pr-0">
        <div class="nav-item">
          <div class="nav_prev">
Lee Munkyeong committed
28
            <a href="#" class="home_btn"><span>ホーム</span></a>
藤川諒 committed
29 30 31 32 33
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
Kim Peace committed
34
          <h1 class="nav-ttl" id="title">コンタクト</h1>
藤川諒 committed
35 36 37 38 39 40 41 42 43 44 45 46 47
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item">
        </div>
      </div>
    </div>
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="contact">
    <!-- ユーザー検索 -->
    <div class="search_form">
Kim Peace committed
48 49 50
      <input type="search" name="search" id="contactSearch" placeholder="ユーザー検索" maxlength="30">
      <span class="src_icon"></span>
      <a href="#" class="cancel none">キャンセル</a>
藤川諒 committed
51
    </div>
Lee Munkyeong committed
52

藤川諒 committed
53
    <div class="content tabs">
Lee Munkyeong committed
54
      <input id="tabMyGroup" type="radio" name="tab_item" checked>
藤川諒 committed
55
      <label class="tab_item m-0" for="tabMyGroup">マイグループ</label>
Lee Munkyeong committed
56
      <input id="tabAllGroup" type="radio" name="tab_item">
藤川諒 committed
57
      <label class="tab_item m-0" for="tabAllGroup">全グループ</label>
58

59 60 61
      <!-- タブ -->
      <div class="tab_content" id="tab1_content">
        <div class="content chat_list my_info_sell">
藤川諒 committed
62
          <ul class="p-0 chat_make_room_list m-0">
63 64 65 66 67
            <li class="d-flex align-items-center">
              <a href="#" style="width: 100%;">
                <div class="chat_item d-flex flex-row align-items-center" style="background: none !important;">
                  <div class="chat_item_l">
                    <div class="thumbnail">
Kim Peace committed
68 69
                      <div class="img_wrap"><img id="myImg" src="img/noImage.png"
                          onError="this.src='./img/noImage.png'" /></div>
70
                    </div>
71
                  </div>
72 73 74 75 76
                  <div class="chat_item_m px-0">
                    <div class="d-flex flex-column">
                      <div class="chat_item_t">
                        <span class="chat_item_ttl" id="myName"></span>
                      </div>
77 78 79
                    </div>
                  </div>
                </div>
80 81 82 83
              </a>
            </li>
          </ul>
        </div>
Lee Munkyeong committed
84
        <div class="chat_list" id="myContactList">
藤川諒 committed
85
          <!-- お気に入りグループ -->
Kim Peace committed
86 87 88
          <div class="category">
            <div class="category_name"><span>お気に入り</span></div>
          </div>
Lee Munkyeong committed
89 90 91

          <div id="favoriteList"></div>
          <div id="myGroupList"></div>
藤川諒 committed
92 93 94
        </div>
      </div>
      <div class="tab_content" id="tab2_content">
藤川諒 committed
95
        <div class="breadcrumb m-0" id="groupPathArea"></div>
藤川諒 committed
96 97
        <div class="chat_list">
          <!-- 全グループ -->
藤川諒 committed
98
          <ul class="p-0 chat_make_room_list m-0">
99
            <li class="d-flex align-items-center" id="rootGroupArea">
Lee Munkyeong committed
100
              <a href="#" class="w-100" id="rootGroupBtn">
藤川諒 committed
101 102
                <div class="chat_item d-flex flex-row align-items-center">
                  <div class="chat_item_l">
藤川諒 committed
103
                    <div class="thumbnail-icon">
藤川諒 committed
104
                      <img src="icon/icon_prev_top.svg" alt="トップグループに戻る" />
藤川諒 committed
105 106 107 108 109 110 111 112 113 114 115 116
                    </div>
                  </div>
                  <div class="chat_item_m px-0">
                    <div class="d-flex flex-column">
                      <div class="chat_item_t">
                        <span class="chat_item_ttl">トップグループに戻る</span>
                      </div>
                    </div>
                  </div>
                </div>
              </a>
            </li>
117
            <li class="d-flex align-items-center" id="parentGroupArea">
Lee Munkyeong committed
118
              <a href="#" class="w-100" id="parentGroupBtn">
藤川諒 committed
119 120
                <div class="chat_item d-flex flex-row align-items-center">
                  <div class="chat_item_l">
藤川諒 committed
121
                    <div class="thumbnail-icon">
藤川諒 committed
122
                      <img src="icon/icon_prev.svg" alt="上位グループに戻る" />
藤川諒 committed
123 124 125 126 127
                    </div>
                  </div>
                  <div class="chat_item_m px-0">
                    <div class="d-flex flex-column">
                      <div class="chat_item_t">
Lee Munkyeong committed
128
                        <span class="chat_item_ttl">上位グループに戻る</span>
藤川諒 committed
129 130 131 132 133 134
                      </div>
                    </div>
                  </div>
                </div>
              </a>
            </li>
135
            <div id="childGroupListArea"></div>
Lee Munkyeong committed
136
            <div id="userInGroupList"></div>
藤川諒 committed
137 138 139 140 141 142 143 144 145 146 147 148
          </ul>
        </div>
      </div>
    </div>
    <!-- オーバーレイ -->
    <div class="chat_list">
      <ul class="overlay_src_msg">
      </ul>
    </div>
  </main>

  <!-- フッター -->
藤川諒 committed
149
  <footer id="footer-main">
藤川諒 committed
150 151 152 153
    <div class="footer-wrap">
      <div class="d-flex justify-content-around h-100">
        <div class="footer_item">
          <a href="contact.html">
藤川諒 committed
154
            <img src="icon/icon_contact.svg" alt="コンタクト">
藤川諒 committed
155 156 157 158 159
            <p class="active">コンタクト</p>
          </a>
        </div>
        <div class="footer_item">
          <a href="chat.html">
藤川諒 committed
160
            <img src="icon/icon_chat_gray.svg" alt="チャット">
藤川諒 committed
161 162 163 164 165
            <p>チャット</p>
          </a>
        </div>
        <div class="footer_item">
          <a href="archive.html">
藤川諒 committed
166
            <img src="icon/icon_archive_gray.svg" alt="アーカイブ">
藤川諒 committed
167 168 169 170 171 172 173 174
            <p>アーカイブ</p>
          </a>
        </div>
      </div>
    </div>
  </footer>

  <!-- ローディング -->
175 176
  <div id="myProfileModal"></div>
  <div id="userProfileModal"></div>
177 178 179 180 181 182 183 184 185 186

  <!-- Library -->
  <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>
  <!-- Language -->
187 188 189 190
  <script src="./js/languages/language.js"></script>
  <script src="./js/languages/language_ko.js" charset="UTF-8"></script>
  <script src="./js/languages/language_ja.js" charset="UTF-8"></script>
  <script src="./js/languages/language_en.js" charset="UTF-8"></script>
191
  <!-- Common -->
192
  <script src="./js/common/constant.js"></script>
193 194
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
195
  <script src="./js/common/common.js"></script>
Kim Peace committed
196
  <script src="./js/utils/chat-util.js"></script>
Kim Peace committed
197 198 199 200
  <!-- Models -->
  <script src="./js/Models/deviceinfo.js"></script>
  <script src="./js/Models/serverinfo.js"></script>
  <script src="./js/Models/userinfo.js"></script>
Kim Peace committed
201
  <!-- View -->
202
  <script src="./js/views/contact/contact.js"></script>
Kim Peace committed
203
  <script src="./js/views/contact/namecard.js"></script>
Kim Peace committed
204

205
  <script>
206
    const groupID = NativeBridgeDataSource.getToMoveGroupId();
207

208 209 210 211 212 213
    if (groupID != "" && groupID != undefined) {
      Contact.refreshAllGroupSearch(groupID);
      NativeBridgeDelegate.setToMoveGroupId("");
    } else {
      Contact.refreshContactScreen();
    }
214

215
  </script>
藤川諒 committed
216
</body>
Kim Peace committed
217 218

</html>