Skip to content

C
chat_webview
Commit a0d1984f by Kim Peace
Options

Fixed coding style

parent 4c50c265
Showing with 815 additions and 580 deletions
public_new/archive.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -14,6 +16,7 @@ ...@@ -14,6 +16,7 @@
<link rel="stylesheet" href="./css/loading.css"> <link rel="stylesheet" href="./css/loading.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -354,11 +357,12 @@ ...@@ -354,11 +357,12 @@
<!-- ローディング --> <!-- ローディング -->
<!--#include virtual="loading.html" --> <!--#include virtual="loading.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/archive.js"></script> <script src="./js/archive.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/archive_detail.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -139,11 +142,12 @@ ...@@ -139,11 +142,12 @@
</div> </div>
</main> </main>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/archive.js"></script> <script src="./js/archive.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -14,6 +16,7 @@ ...@@ -14,6 +16,7 @@
<link rel="stylesheet" href="./css/loading.css"> <link rel="stylesheet" href="./css/loading.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -471,11 +474,12 @@ ...@@ -471,11 +474,12 @@
<!-- ローディング --> <!-- ローディング -->
<!--#include virtual="loading.html" --> <!--#include virtual="loading.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat_add_user.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -420,11 +423,12 @@ ...@@ -420,11 +423,12 @@
</main> </main>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat_add_user_confirm.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -198,10 +201,11 @@ ...@@ -198,10 +201,11 @@
</main> </main>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat_change_room_name.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -41,7 +44,9 @@ ...@@ -41,7 +44,9 @@
<form action="chat_room.html" method="post"> <form action="chat_room.html" method="post">
<!-- ルーム名入力 --> <!-- ルーム名入力 -->
<div class="room_name"> <div class="room_name">
<label for="room_name"><h2>ルーム名</h2></label> <label for="room_name">
<h2>ルーム名</h2>
</label>
<input type="text" class="input_name_room" name="room_name" placeholder="ルーム名を入力してください"> <input type="text" class="input_name_room" name="room_name" placeholder="ルーム名を入力してください">
</div> </div>
...@@ -53,10 +58,11 @@ ...@@ -53,10 +58,11 @@
</main> </main>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat_make_room.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -56,7 +59,9 @@ ...@@ -56,7 +59,9 @@
<div class="tab_content" id="tab1_content"> <div class="tab_content" id="tab1_content">
<div class="chat_list"> <div class="chat_list">
<!-- お気に入りグループ --> <!-- お気に入りグループ -->
<div class="category"><div class="category_name"><span>お気に入り</span></div></div> <div class="category">
<div class="category_name"><span>お気に入り</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item d-flex flex-row align-items-center w-100">
...@@ -163,7 +168,9 @@ ...@@ -163,7 +168,9 @@
</li> </li>
</ul> </ul>
<!-- マイグループ --> <!-- マイグループ -->
<div class="category"><div class="category_name"><span>マイグループ1</span></div></div> <div class="category">
<div class="category_name"><span>マイグループ1</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item d-flex flex-row align-items-center w-100">
...@@ -221,7 +228,9 @@ ...@@ -221,7 +228,9 @@
</li> </li>
</ul> </ul>
<!-- マイグループ --> <!-- マイグループ -->
<div class="category"><div class="category_name"><span>マイグループ2</span></div></div> <div class="category">
<div class="category_name"><span>マイグループ2</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item d-flex flex-row align-items-center w-100">
...@@ -283,7 +292,9 @@ ...@@ -283,7 +292,9 @@
<div class="tab_content" id="tab2_content"> <div class="tab_content" id="tab2_content">
<div class="chat_list"> <div class="chat_list">
<!-- 全グループ --> <!-- 全グループ -->
<div class="category"><div class="category_name"><span>グループ1</span></div></div> <div class="category">
<div class="category_name"><span>グループ1</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item d-flex flex-row align-items-center w-100">
...@@ -340,7 +351,9 @@ ...@@ -340,7 +351,9 @@
</div> </div>
</li> </li>
</ul> </ul>
<div class="category"><div class="category_name"><span>グループグループグループグループグループグループ2</span></div></div> <div class="category">
<div class="category_name"><span>グループグループグループグループグループグループ2</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<div class="chat_item d-flex flex-row align-items-center w-100"> <div class="chat_item d-flex flex-row align-items-center w-100">
...@@ -411,11 +424,12 @@ ...@@ -411,11 +424,12 @@
</main> </main>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat_make_room_confirm.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -41,7 +44,9 @@ ...@@ -41,7 +44,9 @@
<form action="chat_room.html" method="post"> <form action="chat_room.html" method="post">
<!-- ルーム名入力 --> <!-- ルーム名入力 -->
<div class="room_name"> <div class="room_name">
<label for="room_name"><h2>ルーム名</h2></label> <label for="room_name">
<h2>ルーム名</h2>
</label>
<input type="text" class="input_name_room" name="room_name" placeholder="ルーム名を入力してください"> <input type="text" class="input_name_room" name="room_name" placeholder="ルーム名を入力してください">
</div> </div>
...@@ -205,10 +210,11 @@ ...@@ -205,10 +210,11 @@
</main> </main>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/chat_room.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/chat_room_footer.css"> <link rel="stylesheet" href="./css/chat_room_footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -39,7 +42,8 @@ ...@@ -39,7 +42,8 @@
<div class="col-4 pl-0"> <div class="col-4 pl-0">
<div class="nav-item text-right"> <div class="nav-item text-right">
<a href="#" class="search_menu"><img src="icon/icon_search.png" alt="検索"></a> <a href="#" class="search_menu"><img src="icon/icon_search.png" alt="検索"></a>
<a href="#" data-toggle="modal" data-target="#menuModalCenter"><img src="icon/icon_room_menu.png" alt="メニュー"></a> <a href="#" data-toggle="modal" data-target="#menuModalCenter"><img src="icon/icon_room_menu.png"
alt="メニュー"></a>
</div> </div>
</div><!-- .col --> </div><!-- .col -->
</div><!-- .row --> </div><!-- .row -->
...@@ -180,7 +184,9 @@ ...@@ -180,7 +184,9 @@
</figure> </figure>
<div class="room_left-text"> <div class="room_left-text">
<div class="name">名前名前名前名前</div> <div class="name">名前名前名前名前</div>
<div class="text">ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</div> <div class="text">
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
</div>
</div> </div>
<div class="date d-flex flex-column"><span>12/20</span><span>00:00</span></div> <div class="date d-flex flex-column"><span>12/20</span><span>00:00</span></div>
<div class="read d-flex align-items-end"><span>既読</span></div> <div class="read d-flex align-items-end"><span>既読</span></div>
...@@ -190,7 +196,9 @@ ...@@ -190,7 +196,9 @@
<!-- 自分の吹き出し --> <!-- 自分の吹き出し -->
<div class="room_right"> <div class="room_right">
<div class="text">ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</div> <div class="text">
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
</div>
<div class="date d-flex flex-column"><span>12/20</span><span>00:00</span></div> <div class="date d-flex flex-column"><span>12/20</span><span>00:00</span></div>
<div class="read d-flex align-items-end"><span>既読</span></div> <div class="read d-flex align-items-end"><span>既読</span></div>
</div> </div>
...@@ -414,11 +422,12 @@ ...@@ -414,11 +422,12 @@
<!-- プロフィールモーダル --> <!-- プロフィールモーダル -->
<!--#include virtual="modal_chat_profile.html" --> <!--#include virtual="modal_chat_profile.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_documents.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<header id="collabo_header"> <header id="collabo_header">
...@@ -142,12 +145,13 @@ ...@@ -142,12 +145,13 @@
<!-- フッター --> <!-- フッター -->
<!--#include virtual="footer_collabo.html" --> <!--#include virtual="footer_collabo.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/collaboration.js"></script> <script src="./js/collaboration.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_overlay_add_user_list.html
<!-- ユーザーリスト -->
<!-- ユーザーリスト --> <div class="user_list">
<div class="user_list">
<ul class="p-0"> <ul class="p-0">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<div class="user_item d-flex flex-row align-items-center w-100"> <div class="user_item d-flex flex-row align-items-center w-100">
...@@ -195,4 +194,4 @@ ...@@ -195,4 +194,4 @@
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
\ No newline at end of file
public_new/collaboration_picture.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<header id="collabo_header"> <header id="collabo_header">
...@@ -142,12 +145,13 @@ ...@@ -142,12 +145,13 @@
<!-- フッター --> <!-- フッター -->
<!--#include virtual="footer_collabo.html" --> <!--#include virtual="footer_collabo.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/collaboration.js"></script> <script src="./js/collaboration.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_video.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<header id="collabo_header"> <header id="collabo_header">
...@@ -136,12 +139,13 @@ ...@@ -136,12 +139,13 @@
<!-- フッター --> <!-- フッター -->
<!--#include virtual="footer_collabo.html" --> <!--#include virtual="footer_collabo.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/collaboration.js"></script> <script src="./js/collaboration.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_voice.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<header id="collabo_header"> <header id="collabo_header">
...@@ -87,12 +90,13 @@ ...@@ -87,12 +90,13 @@
<!-- フッター --> <!-- フッター -->
<!--#include virtual="footer_collabo.html" --> <!--#include virtual="footer_collabo.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/collaboration.js"></script> <script src="./js/collaboration.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_whiteboard.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -13,6 +15,7 @@ ...@@ -13,6 +15,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<header id="collabo_header"> <header id="collabo_header">
...@@ -132,12 +135,13 @@ ...@@ -132,12 +135,13 @@
<!-- フッター --> <!-- フッター -->
<!--#include virtual="footer_collabo.html" --> <!--#include virtual="footer_collabo.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/chat.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/collaboration.js"></script> <script src="./js/collaboration.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collabotarion_overlay_user_list.html
<div class="user_list_wrap"> <div class="user_list_wrap">
<div class="user_list d-flex flex-wrap"> <div class="user_list d-flex flex-wrap">
<div class="user_item host"> <div class="user_item host">
<a href="#" data-toggle="modal" data-target="#profileModal1"> <a href="#" data-toggle="modal" data-target="#profileModal1">
...@@ -55,4 +55,4 @@ ...@@ -55,4 +55,4 @@
</a> </a>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
public_new/contact.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0"> <meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
<title>LiveTaskyell</title> <title>LiveTaskyell</title>
<link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css"> <link href="https://fonts.googleapis.com/earlyaccess/notosansjp.css">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <link href="./fontawesome/css/all.css" rel="stylesheet">
...@@ -15,6 +17,7 @@ ...@@ -15,6 +17,7 @@
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
</head> </head>
<body> <body>
<!-- ナビメニュー --> <!-- ナビメニュー -->
<nav> <nav>
...@@ -58,7 +61,9 @@ ...@@ -58,7 +61,9 @@
<div class="tab_content" id="tab1_content"> <div class="tab_content" id="tab1_content">
<div class="chat_list"> <div class="chat_list">
<!-- お気に入りグループ --> <!-- お気に入りグループ -->
<div class="category"><div class="category_name"><span>お気に入り</span></div></div> <div class="category">
<div class="category_name"><span>お気に入り</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<a href="chat_room.html" class="w-100"> <a href="chat_room.html" class="w-100">
...@@ -131,7 +136,9 @@ ...@@ -131,7 +136,9 @@
</li> </li>
</ul> </ul>
<!-- マイグループ --> <!-- マイグループ -->
<div class="category"><div class="category_name"><span>マイグループ 本社 > 経理部</span></div></div> <div class="category">
<div class="category_name"><span>マイグループ 本社 > 経理部</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<a href="chat_room.html" class="w-100"> <a href="chat_room.html" class="w-100">
...@@ -181,7 +188,9 @@ ...@@ -181,7 +188,9 @@
</li> </li>
</ul> </ul>
<!-- マイグループ --> <!-- マイグループ -->
<div class="category"><div class="category_name"><span>マイグループマイグループマイグループマイグループマイグループマイグループ2</span></div> </div> <div class="category">
<div class="category_name"><span>マイグループマイグループマイグループマイグループマイグループマイグループ2</span></div>
</div>
<ul class="p-0 chat_make_room_list"> <ul class="p-0 chat_make_room_list">
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<a href="chat_room.html" class="w-100"> <a href="chat_room.html" class="w-100">
...@@ -420,11 +429,12 @@ ...@@ -420,11 +429,12 @@
<!-- ローディング --> <!-- ローディング -->
<!--#include virtual="loading.html" --> <!--#include virtual="loading.html" -->
<script src="./js/libs/jquery-3.3.1.min.js"></script> <script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
<script src="./js/libs/bootstrap.min.js"></script> <script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/contact.js"></script> <script src="./js/contact.js"></script>
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/css/archive.css
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
} }
.archive_list ul li { .archive_list ul li {
list-style: none; list-style: none;
border-bottom: 1px solid #E2E8F0; border-bottom: 1px solid #e2e8f0;
position: relative; position: relative;
} }
.archive_list ul li a { .archive_list ul li a {
...@@ -26,10 +26,18 @@ ...@@ -26,10 +26,18 @@
.archive_list ul li a:hover { .archive_list ul li a:hover {
background: aliceblue; background: aliceblue;
} }
.bg_blue{ background: #0070CA; } .bg_blue {
.bg_green{ background: #4DCA00; } background: #0070ca;
.bg_orange{ background: #CA6D00; } }
.archive_list ul li:first-child { border-top: 1px solid #E2E8F0; } .bg_green {
background: #4dca00;
}
.bg_orange {
background: #ca6d00;
}
.archive_list ul li:first-child {
border-top: 1px solid #e2e8f0;
}
.archive_desc { .archive_desc {
padding-left: 10px; padding-left: 10px;
position: relative; position: relative;
...@@ -37,30 +45,47 @@ ...@@ -37,30 +45,47 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
.archive_date span { color: #323743; font-size: 14px; } .archive_date span {
.archive_name span { color: #323743; font-size: 16px; font-weight: 500;} color: #323743;
.archive_name{ font-size: 14px;
}
.archive_name span {
color: #323743;
font-size: 16px;
font-weight: 500;
}
.archive_name {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
/**************************** archive detail *************************/ /**************************** archive detail *************************/
.archive_detail .ttl{ .archive_detail .ttl {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
} }
.archive_detail .item{ margin-bottom: 20px; } .archive_detail .item {
.archive_detail .archive_detail_desc img{ margin-bottom: 20px;
}
.archive_detail .archive_detail_desc img {
width: 80px; width: 80px;
height: 80px; height: 80px;
border-radius: 50%; border-radius: 50%;
} }
.archive_detail .archive_detail_desc .archive_detail_user_list ul{ padding-left: 0; overflow-x: scroll;} .archive_detail .archive_detail_desc .archive_detail_user_list ul {
.archive_detail .archive_detail_desc .archive_detail_user_list ul li{ list-style: none; margin: 0 5px; } padding-left: 0;
.archive_detail_desc { margin: 0 10px; } overflow-x: scroll;
}
.archive_detail .archive_detail_desc .archive_detail_user_list ul li {
list-style: none;
margin: 0 5px;
}
.archive_detail_desc {
margin: 0 10px;
}
.archive_detail .archive_detail_desc .archive_detail_user_list span, .archive_detail .archive_detail_desc .archive_detail_user_list span,
.archive_detail .archive_detail_desc .archive_detail_sv_user span{ .archive_detail .archive_detail_desc .archive_detail_sv_user span {
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -68,11 +93,11 @@ ...@@ -68,11 +93,11 @@
width: 90px; width: 90px;
} }
@media screen and (max-width: 768px){ @media screen and (max-width: 768px) {
.archive_name{ .archive_name {
font-size: 14px; font-size: 14px;
} }
.archive_detail .ttl{ .archive_detail .ttl {
font-size: 16px; font-size: 16px;
} }
.archive_detail_desc span { .archive_detail_desc span {
......
public_new/css/chat_room_footer.css
@charset "UTF-8"; @charset "UTF-8";
/**************************** footer *************************/ /**************************** footer *************************/
footer{ footer {
max-width: 1280px; max-width: 1280px;
background: #F9F9F9; background: #F9F9F9;
margin-top: 20px; margin-top: 20px;
...@@ -10,14 +10,14 @@ footer{ ...@@ -10,14 +10,14 @@ footer{
bottom: 0; bottom: 0;
width: 100%; width: 100%;
} }
.footer_content_t{ .footer_content_t {
height: 70px; height: 70px;
padding: 0 10px; padding: 0 10px;
} }
.footer_content_b{ .footer_content_b {
height: 70px; height: 70px;
} }
footer .footer-wrap{ footer .footer-wrap {
margin: 0 auto; margin: 0 auto;
/* max-width: 500px; */ /* max-width: 500px; */
height: 100%; height: 100%;
...@@ -25,7 +25,7 @@ footer .footer-wrap{ ...@@ -25,7 +25,7 @@ footer .footer-wrap{
footer .footer_content_t .footer_item { footer .footer_content_t .footer_item {
margin: auto 10px; margin: auto 10px;
} }
footer .footer_item{ footer .footer_item {
text-align: center; text-align: center;
margin: auto 0; margin: auto 0;
} }
...@@ -35,15 +35,15 @@ footer .footer_content_b .footer_item p{ ...@@ -35,15 +35,15 @@ footer .footer_content_b .footer_item p{
font-weight: bold; font-weight: bold;
margin:0; margin:0;
} }
footer .footer_item img{ footer .footer_item img {
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
footer .footer_content_b .footer_item .active{ footer .footer_content_b .footer_item .active {
color: #0070CA; color: #0070CA;
font-weight: bold; font-weight: bold;
} }
footer .footer_item a{ footer .footer_item a {
display: inline-block; display: inline-block;
} }
...@@ -56,12 +56,12 @@ footer .footer_content_t input { ...@@ -56,12 +56,12 @@ footer .footer_content_t input {
border-radius: 5px; border-radius: 5px;
height: 45px; height: 45px;
} }
footer .footer_content_t input:focus{ footer .footer_content_t input:focus {
border-color: #71a2ff; border-color: #71a2ff;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 83 240 / 25%); box-shadow: 0 0 0 0.2rem rgb(0 83 240 / 25%);
} }
@media screen and (max-width: 768px){ @media screen and (max-width: 768px) {
footer .footer_content_b .footer_item p { footer .footer_content_b .footer_item p {
font-size: 12px; font-size: 12px;
} }
......
public_new/css/collaboration.css
@charset "UTF-8"; @charset "UTF-8";
/**************************** header *************************/ /**************************** header *************************/
#collabo_header{ #collabo_header {
max-width: 1280px; max-width: 1280px;
height: 60px; height: 60px;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
padding: 0 10px; padding: 0 10px;
background: #1D1D1D; background: #1d1d1d;
z-index: 10; z-index: 10;
} }
.collabo_nav_l{ .collabo_nav_l {
color: #fff; color: #fff;
} }
.collabo_nav_r .img_wrap{ .collabo_nav_r .img_wrap {
width: 45px; width: 45px;
height: 45px; height: 45px;
} }
.collabo_nav_r .img_wrap img{ .collabo_nav_r .img_wrap img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
/**************************** main *************************/ /**************************** main *************************/
#collabo_main { height: calc( 100vh - 180px ); position: relative; margin-bottom: 120px;} #collabo_main {
height: calc(100vh - 180px);
position: relative;
margin-bottom: 120px;
}
#collabo_main .user_list_wrap, #collabo_main .user_list_wrap,
#collabo_main .document_wrap, #collabo_main .document_wrap,
#overlay_user_list .user_list_wrap { height: 100%; background: #525252;} #overlay_user_list .user_list_wrap {
#collabo_main .user_list,#overlay_user_list .user_list { background: #525252; padding-bottom: 120px;} height: 100%;
#collabo_main .user_list .img_wrap,#overlay_user_list .user_list .img_wrap{ background: #525252;
}
#collabo_main .user_list,
#overlay_user_list .user_list {
background: #525252;
padding-bottom: 120px;
}
#collabo_main .user_list .img_wrap,
#overlay_user_list .user_list .img_wrap {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
margin: 5px auto; margin: 5px auto;
height: 100%; height: 100%;
} }
.user_item .name { .user_item .name {
position: absolute; position: absolute;
top: 65px; top: 65px;
left: 0; left: 0;
...@@ -49,15 +61,21 @@ ...@@ -49,15 +61,21 @@
margin: 0 auto; margin: 0 auto;
} }
#collabo_main .user_list .img_wrap img, #collabo_main .user_list .img_wrap img,
#overlay_user_list .user_list .img_wrap img{ #overlay_user_list .user_list .img_wrap img {
width: 80px; width: 80px;
height: 80px; height: 80px;
border-radius: 50%; border-radius: 50%;
} }
.noscroll{ overflow: hidden; position: fixed;} .noscroll {
.none{ display: none;} overflow: hidden;
position: fixed;
}
.none {
display: none;
}
#collabo_main .user_item.host:before,#overlay_user_list .user_item.host:before{ #collabo_main .user_item.host:before,
#overlay_user_list .user_item.host:before {
content: ""; content: "";
top: 0; top: 0;
right: 0; right: 0;
...@@ -68,14 +86,14 @@ ...@@ -68,14 +86,14 @@
height: 64px; height: 64px;
} }
.user_item { .user_item {
width: calc( 50% - 5px ); width: calc(50% - 5px);
position: relative; position: relative;
text-align: center; text-align: center;
border: 1px solid white; border: 1px solid white;
border-radius: 5px; border-radius: 5px;
margin: 5px auto; margin: 5px auto;
height: calc( 100vh / 3 ); height: calc(100vh / 3);
line-height: calc( 100vh / 3 ); line-height: calc(100vh / 3);
overflow: hidden; overflow: hidden;
} }
.user_item a { .user_item a {
...@@ -84,7 +102,7 @@ ...@@ -84,7 +102,7 @@
} }
/**************************** overlay *************************/ /**************************** overlay *************************/
.btn{ .btn {
background-color: transparent; background-color: transparent;
border: none; border: none;
width: 60px; width: 60px;
...@@ -92,21 +110,23 @@ ...@@ -92,21 +110,23 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }
.btn.menu_btn{ .btn.menu_btn {
background-image: url("../icon/icon_collabo_menu.png"); background-image: url("../icon/icon_collabo_menu.png");
} }
.btn.user_btn{ .btn.user_btn {
background-image: url("../icon/icon_member_white.png"); background-image: url("../icon/icon_member_white.png");
} }
.btn.add_user_btn{ .btn.add_user_btn {
background-image: url("../icon/icon_add_member_white.png"); background-image: url("../icon/icon_add_member_white.png");
} }
.btn.menu_btn.hide,.btn.add_user_btn.hide,.btn.user_btn.hide{ .btn.menu_btn.hide,
transition: .3s; .btn.add_user_btn.hide,
.btn.user_btn.hide {
transition: 0.3s;
background-image: url("../icon/icon_close.png"); background-image: url("../icon/icon_close.png");
} }
.overlay { .overlay {
transition: .7s; transition: 0.7s;
position: absolute; position: absolute;
top: 60px; top: 60px;
width: 100%; width: 100%;
...@@ -114,7 +134,9 @@ ...@@ -114,7 +134,9 @@
background: #525252; background: #525252;
height: 100vh; height: 100vh;
} }
.fixed{ position: fixed; } .fixed {
position: fixed;
}
.overlay.slidein { .overlay.slidein {
top: 60px; top: 60px;
right: 0; right: 0;
...@@ -135,7 +157,7 @@ ...@@ -135,7 +157,7 @@
#overlay_menu .menu_wrap .menu { #overlay_menu .menu_wrap .menu {
width: 220px; width: 220px;
} }
#overlay_menu .menu_wrap .menu .item a{ #overlay_menu .menu_wrap .menu .item a {
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
...@@ -143,12 +165,12 @@ ...@@ -143,12 +165,12 @@
width: 80px; width: 80px;
height: 80px; height: 80px;
line-height: 80px; line-height: 80px;
background: #0070CA; background: #0070ca;
border-radius: 8px; border-radius: 8px;
margin: 5px; margin: 5px;
} }
#overlay_menu .overlay_menu_wrap { #overlay_menu .overlay_menu_wrap {
height: calc( 100vh - 180px ); height: calc(100vh - 180px);
} }
/* ユーザー追加 */ /* ユーザー追加 */
...@@ -163,11 +185,11 @@ ...@@ -163,11 +185,11 @@
} }
#add_user_list .user_list li { #add_user_list .user_list li {
list-style: none; list-style: none;
border-bottom: 1px solid #E2E8F0; border-bottom: 1px solid #e2e8f0;
position: relative; position: relative;
} }
#add_user_list .user_list li:first-child { #add_user_list .user_list li:first-child {
border-top: 1px solid #E2E8F0; border-top: 1px solid #e2e8f0;
} }
#add_user_list .chat_item_ttl { #add_user_list .chat_item_ttl {
font-weight: bold; font-weight: bold;
...@@ -196,7 +218,7 @@ ...@@ -196,7 +218,7 @@
#add_user_list .checkbox-parts::before { #add_user_list .checkbox-parts::before {
display: block; display: block;
position: absolute; position: absolute;
border: 2px solid #0070CA; border: 2px solid #0070ca;
content: ""; content: "";
width: 40px; width: 40px;
height: 40px; height: 40px;
...@@ -220,7 +242,7 @@ ...@@ -220,7 +242,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: auto; margin: auto;
background: #0070CA; background: #0070ca;
border-radius: 50%; border-radius: 50%;
} }
#add_user_list .user_item_l { #add_user_list .user_item_l {
...@@ -243,7 +265,7 @@ ...@@ -243,7 +265,7 @@
} }
/**************************** zoomin zoomout *************************/ /**************************** zoomin zoomout *************************/
.s_ac .img_wrap{ .s_ac .img_wrap {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 5px; border-radius: 5px;
...@@ -251,7 +273,7 @@ ...@@ -251,7 +273,7 @@
line-height: 36px; line-height: 36px;
text-align: center; text-align: center;
} }
.s_ac .img_wrap img{ .s_ac .img_wrap img {
width: 35px; width: 35px;
height: 35px; height: 35px;
} }
...@@ -259,7 +281,7 @@ ...@@ -259,7 +281,7 @@
position: fixed; position: fixed;
top: 60px; top: 60px;
z-index: 2; z-index: 2;
height: calc( 100% - 180px ); height: calc(100% - 180px);
} }
.s_ac_c { .s_ac_c {
margin: auto 0; margin: auto 0;
...@@ -292,26 +314,26 @@ ...@@ -292,26 +314,26 @@
} }
/**************************** footer *************************/ /**************************** footer *************************/
#collabo_footer{ #collabo_footer {
max-width: 1280px; max-width: 1280px;
background: #1D1D1D; background: #1d1d1d;
height: 120px; height: 120px;
margin-top: 20px; margin-top: 20px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
border:none; border: none;
z-index: 10; z-index: 10;
} }
#collabo_footer .footer-wrap{ #collabo_footer .footer-wrap {
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
max-width: 300px; max-width: 300px;
} }
#collabo_footer .footer_item a{ #collabo_footer .footer_item a {
display: inline-block; display: inline-block;
} }
#collabo_footer .img_wrap{ #collabo_footer .img_wrap {
width: 60px; width: 60px;
height: 60px; height: 60px;
border-radius: 50%; border-radius: 50%;
...@@ -320,7 +342,7 @@ ...@@ -320,7 +342,7 @@
/**************************** footer-menu *************************/ /**************************** footer-menu *************************/
#collabo_footer_menu { #collabo_footer_menu {
transition: .7s; transition: 0.7s;
max-width: 1280px; max-width: 1280px;
height: 70px; height: 70px;
position: fixed; position: fixed;
...@@ -330,12 +352,12 @@ ...@@ -330,12 +352,12 @@
bottom: 120px; bottom: 120px;
z-index: 3; z-index: 3;
} }
#collabo_footer_menu.hide{ #collabo_footer_menu.hide {
transition: .7s; transition: 0.7s;
} }
#collabo_footer_menu .footer_menu_btn{ #collabo_footer_menu .footer_menu_btn {
background-color: white; background-color: white;
border: 1px solid #7A7A7A; border: 1px solid #7a7a7a;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
width: 80px; width: 80px;
height: 40px; height: 40px;
...@@ -345,11 +367,11 @@ ...@@ -345,11 +367,11 @@
position: absolute; position: absolute;
bottom: 70px; bottom: 70px;
} }
#collabo_footer_menu .footer_menu_btn.hide{ #collabo_footer_menu .footer_menu_btn.hide {
background-image: url(../icon/icon_arrow_up.png); background-image: url(../icon/icon_arrow_up.png);
} }
#collabo_footer_menu .footer_menu-wrap { #collabo_footer_menu .footer_menu-wrap {
background: #1D1D1D; background: #1d1d1d;
height: 40px; height: 40px;
} }
...@@ -371,11 +393,11 @@ ...@@ -371,11 +393,11 @@
color: #fff; color: #fff;
} }
@media screen and (max-width: 768px){ @media screen and (max-width: 768px) {
#add_user_list .user_item_ttl{ #add_user_list .user_item_ttl {
font-size: 16px; font-size: 16px;
} }
#add_user_list .user_item_ttl{ #add_user_list .user_item_ttl {
font-size: 16px; font-size: 16px;
} }
#add_user_list .user_item_m { #add_user_list .user_item_m {
......
public_new/css/common.css
@charset "UTF-8"; @charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body{ body {
max-width: 1280px; max-width: 1280px;
font-family: 'Noto Sans JP', sans-serif; font-family: "Noto Sans JP", sans-serif;
margin: 0 auto; margin: 0 auto;
color: #323743; color: #323743;
margin-bottom: 60px; margin-bottom: 60px;
overflow-x: hidden; overflow-x: hidden;
} }
a:hover{ text-decoration: none; } a:hover {
.none{ display: none!important;} text-decoration: none;
}
.none {
display: none !important;
}
/**************************** nav *************************/ /**************************** nav *************************/
nav{ nav {
max-width: 1280px; max-width: 1280px;
height: 60px; height: 60px;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
border-bottom: 1px solid #CDCDCD; border-bottom: 1px solid #cdcdcd;
background: #fff; background: #fff;
z-index: 2; z-index: 2;
} }
main{ margin-top: 60px; } main {
.nav-item{ padding: 0 10px; } margin-top: 60px;
.nav-ttl{ }
.nav-item {
padding: 0 10px;
}
.nav-ttl {
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
...@@ -33,34 +41,36 @@ main{ margin-top: 60px; } ...@@ -33,34 +41,36 @@ main{ margin-top: 60px; }
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.nav_prev a{ .nav_prev a {
color: #323743; color: #323743;
display: inline-block; display: inline-block;
} }
.nav_prev a:before{ .nav_prev a:before {
content: "\f053"; content: "\f053";
font: 16px FontAwesome; font: 16px FontAwesome;
color: #323743; color: #323743;
margin-right: 5px; margin-right: 5px;
} }
.fas.fa-chevron-left{ margin-right: 10px;} .fas.fa-chevron-left {
margin-right: 10px;
}
/**************************** search form *************************/ /**************************** search form *************************/
.search_form input { .search_form input {
padding-left: 10px; padding-left: 10px;
width: 100%; width: 100%;
border: 1px solid #BDBDBD; border: 1px solid #bdbdbd;
border-radius: 5px; border-radius: 5px;
height: 40px; height: 40px;
margin: 10px 0; margin: 10px 0;
padding-left: 35px; padding-left: 35px;
} }
.search_form{ .search_form {
position: relative; position: relative;
margin: 0 5px; margin: 0 5px;
} }
.search_form .src_icon{ .search_form .src_icon {
position: absolute; position: absolute;
top: 23px; top: 23px;
left: 10px; left: 10px;
...@@ -69,14 +79,15 @@ main{ margin-top: 60px; } ...@@ -69,14 +79,15 @@ main{ margin-top: 60px; }
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.chat_room_src_form.none{ .chat_room_src_form.none {
display: none!important; display: none !important;
} }
.search_form input.focus{ .search_form input.focus {
width: calc( 100% - 100px ); width: calc(100% - 100px);
} }
.search_form input:focus,.chat_room_src_form input:focus{ .search_form input:focus,
.chat_room_src_form input:focus {
border-color: #71a2ff; border-color: #71a2ff;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 83 240 / 25%); box-shadow: 0 0 0 0.2rem rgb(0 83 240 / 25%);
...@@ -85,31 +96,51 @@ main{ margin-top: 60px; } ...@@ -85,31 +96,51 @@ main{ margin-top: 60px; }
width: 100px; width: 100px;
font-size: 14px; font-size: 14px;
padding: 0 10px; padding: 0 10px;
color: #8F8F8F; color: #8f8f8f;
text-align: center; text-align: center;
} }
/**************************** color *************************/ /**************************** color *************************/
.bg_gray{ background: #f3f3f3; } .bg_gray {
.bg_blue{ background: #0070CA; } background: #f3f3f3;
.bg_navy{ background: #1D3557; } }
.bg_red{ background: #ff4747; } .bg_blue {
.bg_green{ background: #89E54D; } background: #0070ca;
.bg_white{ background: #fff;} }
.border_gray{ border:1px solid #dadce0; } .bg_navy {
.text_blue{ color: #0070CA; } background: #1d3557;
.text_white{ color: #fff; } }
.bg_red {
background: #ff4747;
}
.bg_green {
background: #89e54d;
}
.bg_white {
background: #fff;
}
.border_gray {
border: 1px solid #dadce0;
}
.text_blue {
color: #0070ca;
}
.text_white {
color: #fff;
}
/**************************** modal *************************/ /**************************** modal *************************/
/* プロフィールモーダル */ /* プロフィールモーダル */
.profile_modal .modal-footer button{ .profile_modal .modal-footer button {
color: #fff; color: #fff;
border-radius: 10px; border-radius: 10px;
min-width: 100px; min-width: 100px;
font-size: 14px; font-size: 14px;
} }
.profile_modal .modal-footer button img{ width: 30px; height: 30px; } .profile_modal .modal-footer button img {
width: 30px;
height: 30px;
}
.profile_modal .modal-body p { .profile_modal .modal-body p {
max-height: 200px; max-height: 200px;
overflow-y: scroll; overflow-y: scroll;
...@@ -119,10 +150,21 @@ main{ margin-top: 60px; } ...@@ -119,10 +150,21 @@ main{ margin-top: 60px; }
height: 60px; height: 60px;
border-radius: 50%; border-radius: 50%;
} }
.profile_modal .modal-header,.profile_modal .modal-body { padding-bottom: 0; } .profile_modal .modal-header,
.profile_modal .modal-footer button { width: 33%; padding: 5px;} .profile_modal .modal-body {
.profile_modal.w_50 .modal-footer button { width: 50%; padding: 5px;} padding-bottom: 0;
.profile_modal .modal-header .prifile_desc{ width: 100%;} }
.profile_modal .modal-footer button {
width: 33%;
padding: 5px;
}
.profile_modal.w_50 .modal-footer button {
width: 50%;
padding: 5px;
}
.profile_modal .modal-header .prifile_desc {
width: 100%;
}
.profile_modal .modal-header .prifile_name { .profile_modal .modal-header .prifile_name {
width: 100%; width: 100%;
text-align: center; text-align: center;
...@@ -133,12 +175,12 @@ main{ margin-top: 60px; } ...@@ -133,12 +175,12 @@ main{ margin-top: 60px; }
font-size: 20px; font-size: 20px;
} }
@media screen and (max-width: 768px){ @media screen and (max-width: 768px) {
/* navi */ /* navi */
.nav-ttl{ .nav-ttl {
font-size: 16px; font-size: 16px;
} }
.nav_prev a span{ .nav_prev a span {
font-size: 16px; font-size: 16px;
} }
/* search form */ /* search form */
......
public_new/css/contact.css
@charset "UTF-8"; @charset "UTF-8";
.breadcrumb{ .breadcrumb {
margin-bottom: 0; margin-bottom: 0;
white-space: nowrap; white-space: nowrap;
overflow-x: scroll; overflow-x: scroll;
display: block; display: block;
} }
.breadcrumb_item:not(:last-child):after { .breadcrumb_item:not(:last-child):after {
content: '>'; content: ">";
margin: 0 5px; margin: 0 5px;
} }
.breadcrumb_item { .breadcrumb_item {
......
public_new/css/footer.css
@charset "UTF-8"; @charset "UTF-8";
/**************************** footer *************************/ /**************************** footer *************************/
footer{ footer {
max-width: 1280px; max-width: 1280px;
background: #F9F9F9; background: #f9f9f9;
height: 70px; height: 70px;
margin-top: 20px; margin-top: 20px;
border-top: 1px solid #CCCCCC; border-top: 1px solid #cccccc;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
} }
footer .footer-wrap{ footer .footer-wrap {
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
} }
footer .footer_item{ footer .footer_item {
text-align: center; text-align: center;
margin: auto 0; margin: auto 0;
} }
...@@ -23,7 +23,7 @@ footer .footer_item .unread_num { ...@@ -23,7 +23,7 @@ footer .footer_item .unread_num {
position: absolute; position: absolute;
top: -5px; top: -5px;
right: -3px; right: -3px;
background: #FF4747; background: #ff4747;
color: #fff; color: #fff;
padding: 0 7px; padding: 0 7px;
min-width: 20px; min-width: 20px;
...@@ -33,23 +33,23 @@ footer .footer_item .unread_num { ...@@ -33,23 +33,23 @@ footer .footer_item .unread_num {
border-radius: 15px; border-radius: 15px;
} }
footer .footer_item p{ footer .footer_item p {
font-size: 16px; font-size: 16px;
color: #707070; color: #707070;
font-weight: bold; font-weight: bold;
margin:0; margin: 0;
} }
footer .footer_item .active{ footer .footer_item .active {
color: #0070CA; color: #0070ca;
font-weight: bold; font-weight: bold;
} }
footer .footer_item a{ footer .footer_item a {
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
@media screen and (max-width: 768px){ @media screen and (max-width: 768px) {
footer .footer_item p{ footer .footer_item p {
font-size: 12px; font-size: 12px;
} }
} }
public_new/css/loading.css
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
height: 100%; height: 100%;
top: 0px; top: 0px;
left: 0px; left: 0px;
background: rgb(255,255,255,0.5); background: rgb(255, 255, 255, 0.5);
z-index: 2; z-index: 2;
} }
#loader { #loader {
...@@ -24,6 +24,6 @@ ...@@ -24,6 +24,6 @@
color: #fff; color: #fff;
z-index: 999; z-index: 999;
} }
.fa.fa-circle-o-notch{ .fa.fa-circle-o-notch {
color: #707070; color: #707070;
} }
public_new/js/archive.js
$(function() { $(function () {
// アーカイブ検索 // アーカイブ検索
$('#archive .search_form input[type="search"]').keyup(function(){ $('#archive .search_form input[type="search"]').keyup(function () {
$.ajax({ $.ajax({
url: 'search_message_archive_list.html', url: "search_message_archive_list.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('.overlay_src_msg').html(data); $(".overlay_src_msg").html(data);
}) });
}); });
}); });
public_new/js/chat.js
$(function() { $(function () {
// ルーム開設メンバー数カウント // ルーム開設メンバー数カウント
$('input:checkbox').change(function() { $("input:checkbox")
if($(this).prop('checked')){ .change(function () {
$(this).attr('checked', true); if ($(this).prop("checked")) {
}else{ $(this).attr("checked", true);
$(this).removeAttr('checked'); } else {
$(this).removeAttr("checked");
} }
}).trigger('change'); })
.trigger("change");
// チェックした人数カウント // チェックした人数カウント
$('input:checkbox').change(function() { $("input:checkbox")
var cnt = $('.checkbox input:checkbox:checked').length; .change(function () {
$('.select_member_num').text(cnt); var cnt = $(".checkbox input:checkbox:checked").length;
}).trigger('change'); $(".select_member_num").text(cnt);
})
.trigger("change");
// ルーム人数選択確認イベント // ルーム人数選択確認イベント
$('.make_room_btn button').click(function(){ $(".make_room_btn button").click(function () {
$('form').submit(); $("form").submit();
}); });
// ルーム人数選択イベント // ルーム人数選択イベント
$('.make_room_confirm_btn button').click(function(){ $(".make_room_confirm_btn button").click(function () {
$('form').submit(); $("form").submit();
}); });
// ユーザー追加確認イベント // ユーザー追加確認イベント
$('.add_user_confirm_btn button').click(function(){ $(".add_user_confirm_btn button").click(function () {
$('form').submit(); $("form").submit();
}); });
// ユーザー追加イベント // ユーザー追加イベント
$('.add_user_btn button').click(function(){ $(".add_user_btn button").click(function () {
$('form').submit(); $("form").submit();
}); });
// ルーム名変更イベント // ルーム名変更イベント
$('.change_room_name_btn button').click(function(){ $(".change_room_name_btn button").click(function () {
$('form').submit(); $("form").submit();
}); });
// 検索アイコン押下イベント // 検索アイコン押下イベント
$('.nav_item_wrap .search_menu').click(function(){ $(".nav_item_wrap .search_menu").click(function () {
$('.nav_item_wrap').addClass('none'); $(".nav_item_wrap").addClass("none");
$('.chat_room_src_form').removeClass('none'); $(".chat_room_src_form").removeClass("none");
$('.room_container').addClass('none'); $(".room_container").addClass("none");
$('.overlay_src_msg').removeClass('none'); $(".overlay_src_msg").removeClass("none");
// フィルタ表示 // フィルタ表示
$('#filter').removeClass('none'); $("#filter").removeClass("none");
$('#user_list').addClass('none'); $("#user_list").addClass("none");
}); });
$('.chat_room_src_form .cancel').click(function(){ $(".chat_room_src_form .cancel").click(function () {
$('.nav_item_wrap').removeClass('none'); $(".nav_item_wrap").removeClass("none");
$('.chat_room_src_form').addClass('none'); $(".chat_room_src_form").addClass("none");
$('.chat_room_src_form input').val(''); $(".chat_room_src_form input").val("");
$('.room_container').removeClass('none'); $(".room_container").removeClass("none");
$('.overlay_src_msg').empty(); $(".overlay_src_msg").empty();
// ユーザーリスト表示 // ユーザーリスト表示
$('#filter').addClass('none'); $("#filter").addClass("none");
$('#user_list').removeClass('none'); $("#user_list").removeClass("none");
}); });
// フィルタ選択イベント // フィルタ選択イベント
$('#filter .img_wrap').click(function(){ $("#filter .img_wrap").click(function () {
// チェックアイコン追加 // チェックアイコン追加
$(this).toggleClass("filter"); $(this).toggleClass("filter");
}); });
// チャットメンバー検索 // チャットメンバー検索
$('#chat .search_form input[type="search"]').keyup(function(){ $('#chat .search_form input[type="search"]').keyup(function () {
$.ajax({ $.ajax({
url: 'search_message_user_list.html', url: "search_message_user_list.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('.overlay_src_msg').html(data); $(".overlay_src_msg").html(data);
})
}); });
});
// ルームメンバー検索 // ルームメンバー検索
$('#chat_room .search_form input[type="search"]').keyup(function(){ $('#chat_room .search_form input[type="search"]').keyup(function () {
$.ajax({ $.ajax({
url: 'search_message_user_list.html', url: "search_message_user_list.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('.overlay_src_msg').html(data); $(".overlay_src_msg").html(data);
})
}); });
});
// ユーザー招待メンバー検索 // ユーザー招待メンバー検索
$('#chat_add_user .search_form input[type="search"]').keyup(function(){ $('#chat_add_user .search_form input[type="search"]').keyup(function () {
$.ajax({ $.ajax({
url: 'search_message_user_list.html', url: "search_message_user_list.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('.overlay_src_msg').html(data); $(".overlay_src_msg").html(data);
}) });
}); });
// チャットルーム // チャットルーム
// メッセージ検索イベント // メッセージ検索イベント
$('.chat_room_src_form input[type="search"]').keyup(function(){ $('.chat_room_src_form input[type="search"]').keyup(function () {
$.ajax({ $.ajax({
url: 'search_message.html', url: "search_message.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('.overlay_src_msg').html(data); $(".overlay_src_msg").html(data);
}) });
}); });
}); });
public_new/js/collaboration.js
$(function() { $(function () {
// メニューオーバーレイ表示 // メニューオーバーレイ表示
$(".menu_btn").click(function() { $(".menu_btn").click(function () {
var w = $(this).width(); var w = $(this).width();
$(this).toggleClass('hide');
$('#overlay_menu.overlay').toggleClass('slidein').css({'transform': 'translateX('& -w &')'}); $(this).toggleClass("hide");
$('#collabo_main').toggleClass('noscroll'); $("#overlay_menu.overlay")
.toggleClass("slidein")
.css({ transform: "translateX(" & -w & ")" });
$("#collabo_main").toggleClass("noscroll");
// 他のボタンを非表示 // 他のボタンを非表示
$('.user_btn').toggleClass('none'); $(".user_btn").toggleClass("none");
$('.add_user_btn').toggleClass('none'); $(".add_user_btn").toggleClass("none");
}); });
// ユーザーリストオーバーレイ表示 // ユーザーリストオーバーレイ表示
$(".user_btn").click(function() { $(".user_btn").click(function () {
var w = $(this).width(); var w = $(this).width();
$(this).toggleClass('hide');
$('#overlay_user_list.overlay').toggleClass('slidein').css({'transform': 'translateX('& -w &')'}); $(this).toggleClass("hide");
$('#collabo_main').toggleClass('noscroll'); $("#overlay_user_list.overlay")
.toggleClass("slidein")
.css({ transform: "translateX(" & -w & ")" });
$("#collabo_main").toggleClass("noscroll");
// 他のボタンを非表示 // 他のボタンを非表示
$('.add_user_btn').toggleClass('none'); $(".add_user_btn").toggleClass("none");
$('.menu_btn').toggleClass('none'); $(".menu_btn").toggleClass("none");
if($('#overlay_user_list.overlay').hasClass('noscroll')){
$('#overlay_user_list.overlay').removeClass('noscroll'); if ($("#overlay_user_list.overlay").hasClass("noscroll")) {
}else{ $("#overlay_user_list.overlay").removeClass("noscroll");
$('#overlay_user_list.overlay').addClass('noscroll'); } else {
$("#overlay_user_list.overlay").addClass("noscroll");
} }
}); });
// フッターメニュー　アコーディオン // フッターメニュー　アコーディオン
$('.footer_menu_btn').click(function() { $(".footer_menu_btn").click(function () {
var h_active = $('#collabo_footer').height(); var h_active = $("#collabo_footer").height();
var h_hide = h_active - $('#collabo_footer_menu').height(); var h_hide = h_active - $("#collabo_footer_menu").height();
// 非アクティブ時 // 非アクティブ時
if($(this).hasClass('hide')){ if ($(this).hasClass("hide")) {
$(this).removeClass('hide'); $(this).removeClass("hide");
$('#collabo_footer_menu').css({'bottom': h_active }); $("#collabo_footer_menu").css({ bottom: h_active });
// アクティブ時 // アクティブ時
}else{ } else {
$(this).addClass('hide'); $(this).addClass("hide");
$('#collabo_footer_menu').css({'bottom': h_hide }); $("#collabo_footer_menu").css({ bottom: h_hide });
} }
}); });
// モーダルonモーダル（前のモーダルを非表示に） // モーダルonモーダル（前のモーダルを非表示に）
// ホスト変更ボタン押下イベント // ホスト変更ボタン押下イベント
$('.ch_host_btn').click(function() { $(".ch_host_btn").click(function () {
var target = $(this).val(); var target = $(this).val();
changeModal(target, 'changeHostModal'); changeModal(target, "changeHostModal");
}); });
/* モーダルの切り替え */ /* モーダルの切り替え */
function changeModal(beforeModal, afterModal) { function changeModal(beforeModal, afterModal) {
$(beforeModal).modal( 'hide' ); $(beforeModal).modal("hide");
$(afterModal).modal('show'); $(afterModal).modal("show");
} }
// 閉じるイベント // 閉じるイベント
$('.close_btn').click(function() { $(".close_btn").click(function () {
$('#overlay_add_user_list').addClass('none'); $("#overlay_add_user_list").addClass("none");
}); });
// ユーザー追加イベント // ユーザー追加イベント
$('.inv_btn').click(function() { $(".inv_btn").click(function () {
$('#overlay_add_user_list').addClass('none'); $("#overlay_add_user_list").addClass("none");
}); });
// ユーザー招待メンバー検索 // ユーザー招待メンバー検索
$('.add_user_btn').click(function(){ $(".add_user_btn").click(function () {
$('#overlay_add_user_list').removeClass('none'); $("#overlay_add_user_list").removeClass("none");
$.ajax({ $.ajax({
url: 'collaboration_overlay_add_user_list.html', url: "collaboration_overlay_add_user_list.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('#add_user_list').html(data); $("#add_user_list").html(data);
}) });
}); });
}); });
public_new/js/common.js
$(function() { $(function () {
var h = $(window).height(); //画面の高さを取得 var h = $(window).height(); //画面の高さを取得
// アコーディオン // アコーディオン
$('.category').click(function() { $(".category").click(function () {
$(this).toggleClass("open"); $(this).toggleClass("open");
$(this).next().slideToggle(); $(this).next().slideToggle();
}); });
// ローディング表示 // ローディング表示
$('footer a').click(function(event){ $("footer a").click(function (event) {
const a = $(this); const a = $(this);
event.preventDefault(); event.preventDefault();
$('#loader-bg ,#loader').height(h).css('display','block');//ローディング画像を表示 $("#loader-bg ,#loader").height(h).css("display", "block"); //ローディング画像を表示
setTimeout(function(){ setTimeout(function () {
window.location.href = a[0].href; window.location.href = a[0].href;
}, 1000); }, 1000);
}); });
// お気に入りボタン押下イベント // お気に入りボタン押下イベント
$('.star').click(function(){ $(".star").click(function () {
if($(this).hasClass('active')){ if ($(this).hasClass("active")) {
$(this).removeClass('active'); $(this).removeClass("active");
$(this).addClass('disable'); $(this).addClass("disable");
}else{ } else {
$(this).removeClass('disable'); $(this).removeClass("disable");
$(this).addClass('active'); $(this).addClass("active");
} }
}); });
// 共通検索フォーム　キャンセルボタン表示 // 共通検索フォーム　キャンセルボタン表示
$('.search_form input[type="search"]').click(function(){ $('.search_form input[type="search"]').click(function () {
$(this).addClass('focus'); $(this).addClass("focus");
// キャンセルボタン表示 // キャンセルボタン表示
$('.cancel').removeClass('none'); $(".cancel").removeClass("none");
$('.search_form form').addClass('d-flex flex-row h-100 align-items-center'); $(".search_form form").addClass("d-flex flex-row h-100 align-items-center");
$('.content').addClass('none'); $(".content").addClass("none");
}); });
// 共通検索フォーム　キャンセルボタン押下イベント // 共通検索フォーム　キャンセルボタン押下イベント
$('.search_form .cancel').click(function(){ $(".search_form .cancel").click(function () {
$(this).addClass('none'); $(this).addClass("none");
$('.search_form input').removeClass('focus'); $(".search_form input").removeClass("focus");
$('.search_form input').val(''); $(".search_form input").val("");
$('.search_form form').removeClass(); $(".search_form form").removeClass();
$('.content').removeClass('none'); $(".content").removeClass("none");
$('.overlay_src_msg').empty(); $(".overlay_src_msg").empty();
}); });
}); });
public_new/js/constant.js
...@@ -2,17 +2,17 @@ ...@@ -2,17 +2,17 @@
* Constant定義ファイル * Constant定義ファイル
*/ */
const readyState = { const readyState = {
UNINITIALIZED : 0 , UNINITIALIZED: 0,
LOADING : 1 , LOADING: 1,
LOADED : 2 , LOADED: 2,
INTERACTIVE : 3 , INTERACTIVE: 3,
COMPLETED : 4 COMPLETED: 4,
} };
const messageType = { const messageType = {
TEXT : 0 , TEXT: 0,
IMAGE : 1 , IMAGE: 1,
VIDEO : 2 , VIDEO: 2,
SYSTEM : 3 , SYSTEM: 3,
COMMUNICATION : 4 COMMUNICATION: 4,
} };
public_new/js/contact.js
$(function() { $(function () {
// メンバー検索 // メンバー検索
$('#contact .search_form input[type="search"]').keyup(function(){ $('#contact .search_form input[type="search"]').keyup(function () {
$.ajax({ $.ajax({
url: 'search_message_user_list.html', url: "search_message_user_list.html",
type: 'POST', type: "POST",
datatype: 'html' datatype: "html",
}).done(function (data) { }).done(function (data) {
$('.overlay_src_msg').html(data); $(".overlay_src_msg").html(data);
}) });
}); });
}); });
public_new/js/libs/locale/ja.js
//! moment.js locale configuration //! moment.js locale configuration
;(function (global, factory) { (function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' typeof exports === "object" &&
&& typeof require === 'function' ? factory(require('../moment')) : typeof module !== "undefined" &&
typeof define === 'function' && define.amd ? define(['../moment'], factory) : typeof require === "function"
factory(global.moment) ? factory(require("../moment"))
}(this, (function (moment) { 'use strict'; : typeof define === "function" && define.amd
? define(["../moment"], factory)
: factory(global.moment);
})(this, function (moment) {
"use strict";
var ja = moment.defineLocale("ja", {
var ja = moment.defineLocale('ja', { months: "一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split(
months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'), "_"
monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'), ),
weekdays : '日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日'.split('_'), monthsShort: "1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split(
weekdaysShort : '日_月_火_水_木_金_土'.split('_'), "_"
weekdaysMin : '日_月_火_水_木_金_土'.split('_'), ),
longDateFormat : { weekdays: "日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),
LT : 'HH:mm', weekdaysShort: "日_月_火_水_木_金_土".split("_"),
LTS : 'HH:mm:ss', weekdaysMin: "日_月_火_水_木_金_土".split("_"),
L : 'YYYY/MM/DD', longDateFormat: {
LL : 'YYYY年M月D日', LT: "HH:mm",
LLL : 'YYYY年M月D日 HH:mm', LTS: "HH:mm:ss",
LLLL : 'YYYY年M月D日 dddd HH:mm', L: "YYYY/MM/DD",
l : 'YYYY/MM/DD', LL: "YYYY年M月D日",
ll : 'YYYY年M月D日', LLL: "YYYY年M月D日 HH:mm",
lll : 'YYYY年M月D日 HH:mm', LLLL: "YYYY年M月D日 dddd HH:mm",
llll : 'YYYY年M月D日(ddd) HH:mm' l: "YYYY/MM/DD",
ll: "YYYY年M月D日",
lll: "YYYY年M月D日 HH:mm",
llll: "YYYY年M月D日(ddd) HH:mm",
}, },
meridiemParse: /午前|午後/i, meridiemParse: /午前|午後/i,
isPM : function (input) { isPM: function (input) {
return input === '午後'; return input === "午後";
}, },
meridiem : function (hour, minute, isLower) { meridiem: function (hour, minute, isLower) {
if (hour < 12) { if (hour < 12) {
return '午前'; return "午前";
} else { } else {
return '午後'; return "午後";
} }
}, },
calendar : { calendar: {
sameDay : '[今日] LT', sameDay: "[今日] LT",
nextDay : '[明日] LT', nextDay: "[明日] LT",
nextWeek : function (now) { nextWeek: function (now) {
if (now.week() < this.week()) { if (now.week() < this.week()) {
return '[来週]dddd LT'; return "[来週]dddd LT";
} else { } else {
return 'dddd LT'; return "dddd LT";
} }
}, },
lastDay : '[昨日] LT', lastDay: "[昨日] LT",
lastWeek : function (now) { lastWeek: function (now) {
if (this.week() < now.week()) { if (this.week() < now.week()) {
return '[先週]dddd LT'; return "[先週]dddd LT";
} else { } else {
return 'dddd LT'; return "dddd LT";
} }
}, },
sameElse : 'L' sameElse: "L",
}, },
dayOfMonthOrdinalParse : /\d{1,2}日/, dayOfMonthOrdinalParse: /\d{1,2}日/,
ordinal : function (number, period) { ordinal: function (number, period) {
switch (period) { switch (period) {
case 'd': case "d":
case 'D': case "D":
case 'DDD': case "DDD":
return number + '日'; return number + "日";
default: default:
return number; return number;
} }
}, },
relativeTime : { relativeTime: {
future : '%s後', future: "%s後",
past : '%s前', past: "%s前",
s : '数秒', s: "数秒",
ss : '%d秒', ss: "%d秒",
m : '1分', m: "1分",
mm : '%d分', mm: "%d分",
h : '1時間', h: "1時間",
hh : '%d時間', hh: "%d時間",
d : '1日', d: "1日",
dd : '%d日', dd: "%d日",
M : '1ヶ月', M: "1ヶ月",
MM : '%dヶ月', MM: "%dヶ月",
y : '1年', y: "1年",
yy : '%d年' yy: "%d年",
} },
}); });
return ja; return ja;
});
})));
public_new/js/libs/locale/ko.js
//! moment.js locale configuration //! moment.js locale configuration
;(function (global, factory) { (function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' typeof exports === "object" &&
&& typeof require === 'function' ? factory(require('../moment')) : typeof module !== "undefined" &&
typeof define === 'function' && define.amd ? define(['../moment'], factory) : typeof require === "function"
factory(global.moment) ? factory(require("../moment"))
}(this, (function (moment) { 'use strict'; : typeof define === "function" && define.amd
? define(["../moment"], factory)
: factory(global.moment);
})(this, function (moment) {
"use strict";
var ko = moment.defineLocale("ko", {
var ko = moment.defineLocale('ko', { months: "1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),
months : '1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월'.split('_'), monthsShort: "1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split(
monthsShort : '1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월'.split('_'), "_"
weekdays : '일요일_월요일_화요일_수요일_목요일_금요일_토요일'.split('_'), ),
weekdaysShort : '일_월_화_수_목_금_토'.split('_'), weekdays: "일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),
weekdaysMin : '일_월_화_수_목_금_토'.split('_'), weekdaysShort: "일_월_화_수_목_금_토".split("_"),
longDateFormat : { weekdaysMin: "일_월_화_수_목_금_토".split("_"),
LT : 'A h:mm', longDateFormat: {
LTS : 'A h:mm:ss', LT: "A h:mm",
L : 'YYYY.MM.DD.', LTS: "A h:mm:ss",
LL : 'YYYY년 MMMM D일', L: "YYYY.MM.DD.",
LLL : 'YYYY년 MMMM D일 A h:mm', LL: "YYYY년 MMMM D일",
LLLL : 'YYYY년 MMMM D일 dddd A h:mm', LLL: "YYYY년 MMMM D일 A h:mm",
l : 'YYYY.MM.DD.', LLLL: "YYYY년 MMMM D일 dddd A h:mm",
ll : 'YYYY년 MMMM D일', l: "YYYY.MM.DD.",
lll : 'YYYY년 MMMM D일 A h:mm', ll: "YYYY년 MMMM D일",
llll : 'YYYY년 MMMM D일 dddd A h:mm' lll: "YYYY년 MMMM D일 A h:mm",
llll: "YYYY년 MMMM D일 dddd A h:mm",
}, },
calendar : { calendar: {
sameDay : '오늘 LT', sameDay: "오늘 LT",
nextDay : '내일 LT', nextDay: "내일 LT",
nextWeek : 'dddd LT', nextWeek: "dddd LT",
lastDay : '어제 LT', lastDay: "어제 LT",
lastWeek : '지난주 dddd LT', lastWeek: "지난주 dddd LT",
sameElse : 'L' sameElse: "L",
}, },
relativeTime : { relativeTime: {
future : '%s 후', future: "%s 후",
past : '%s 전', past: "%s 전",
s : '몇 초', s: "몇 초",
ss : '%d초', ss: "%d초",
m : '1분', m: "1분",
mm : '%d분', mm: "%d분",
h : '한 시간', h: "한 시간",
hh : '%d시간', hh: "%d시간",
d : '하루', d: "하루",
dd : '%d일', dd: "%d일",
M : '한 달', M: "한 달",
MM : '%d달', MM: "%d달",
y : '일 년', y: "일 년",
yy : '%d년' yy: "%d년",
}, },
dayOfMonthOrdinalParse : /\d{1,2}(일|월|주)/, dayOfMonthOrdinalParse: /\d{1,2}(일|월|주)/,
ordinal : function (number, period) { ordinal: function (number, period) {
switch (period) { switch (period) {
case 'd': case "d":
case 'D': case "D":
case 'DDD': case "DDD":
return number + '일'; return number + "일";
case 'M': case "M":
return number + '월'; return number + "월";
case 'w': case "w":
case 'W': case "W":
return number + '주'; return number + "주";
default: default:
return number; return number;
} }
}, },
meridiemParse : /오전|오후/, meridiemParse: /오전|오후/,
isPM : function (token) { isPM: function (token) {
return token === '오후'; return token === "오후";
},
meridiem: function (hour, minute, isUpper) {
return hour < 12 ? "오전" : "오후";
}, },
meridiem : function (hour, minute, isUpper) {
return hour < 12 ? '오전' : '오후';
}
}); });
return ko; return ko;
});
})));
public_new/js/loading.js
$(window).load(function () {
$(window).load(function () { //読み込み完了したら実行する //読み込み完了したら実行する
$('#loader-bg').delay(900).fadeOut(800);//ローディングを隠す $("#loader-bg").delay(900).fadeOut(800); //ローディングを隠す
$('#loader').delay(600).fadeOut(300); $("#loader").delay(600).fadeOut(300);
}); });
$(function(){ $(function () {
setTimeout('stopload()',3000);　//いつまでもローディング状態にならないように10秒で強制表示させる setTimeout("stopload()", 3000); //いつまでもローディング状態にならないように10秒で強制表示させる
}); });
function stopload(){ //強制表示の関数 function stopload() {
$('#loader-bg').delay(900).fadeOut(800); //強制表示の関数
$('#loader').delay(600).fadeOut(300); $("#loader-bg").delay(900).fadeOut(800);
$("#loader").delay(600).fadeOut(300);
} }
public_new/modal_chat_menu.html
<div class="modal fade menu_modal" id="menuModalCenter" tabindex="-1" role="dialog" aria-labelledby="menuModalCenterTitle" aria-hidden="true"> <div class="modal fade menu_modal" id="menuModalCenter" tabindex="-1" role="dialog"
aria-labelledby="menuModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0"> <div class="modal-header border-0">
...@@ -9,7 +10,8 @@ ...@@ -9,7 +10,8 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<ul> <ul>
<li><a href="chat_change_room_name.html"><img src="icon/icon_change_room_name.png" alt="ルーム名変更">ルーム名変更</a></li> <li><a href="chat_change_room_name.html"><img src="icon/icon_change_room_name.png" alt="ルーム名変更">ルーム名変更</a>
</li>
<li><a href="chat_add_user.html"><img src="icon/icon_add_user.png" alt="ユーザー招待">ユーザー招待</a></li> <li><a href="chat_add_user.html"><img src="icon/icon_add_user.png" alt="ユーザー招待">ユーザー招待</a></li>
</ul> </ul>
</div> </div>
......
public_new/modal_chat_profile.html
<div class="modal fade profile_modal" id="profileModal1" tabindex="-1" role="dialog" aria-labelledby="profileModal1" aria-hidden="true"> <div class="modal fade profile_modal" id="profileModal1" tabindex="-1" role="dialog" aria-labelledby="profileModal1"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0"> <div class="modal-header border-0">
...@@ -11,7 +12,9 @@ ...@@ -11,7 +12,9 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループグループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ</p> <p>
グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループグループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ
</p>
</div> </div>
<div class="modal-footer border-0 justify-content-center"> <div class="modal-footer border-0 justify-content-center">
<button type="button" class="border-0 bg_navy"> <button type="button" class="border-0 bg_navy">
......
public_new/modal_collabo_capture.html
<div class="modal fade capture_modal" id="captyaModal" tabindex="-1" role="dialog" aria-labelledby="captyaModal" aria-hidden="true"> <div class="modal fade capture_modal" id="captyaModal" tabindex="-1" role="dialog" aria-labelledby="captyaModal"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0 pb-0"> <div class="modal-header border-0 pb-0">
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<p>filename.jpg</p> <p>filename.jpg</p>
</div> </div>
<div class="modal-footer border-0 justify-content-center"> <div class="modal-footer border-0 justify-content-center">
<button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal" aria-label="Close"> <button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal"
aria-label="Close">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<span>キャンセル</span> <span>キャンセル</span>
</div> </div>
......
public_new/modal_collabo_change_host.html
<div class="modal fade change_host_modal" id="changeHostModal" tabindex="-1" role="dialog" aria-labelledby="changeHostModal" aria-hidden="true"> <div class="modal fade change_host_modal" id="changeHostModal" tabindex="-1" role="dialog"
aria-labelledby="changeHostModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0 pb-0"> <div class="modal-header border-0 pb-0">
...@@ -8,7 +9,8 @@ ...@@ -8,7 +9,8 @@
<p>ホスト権限を引き渡します</p> <p>ホスト権限を引き渡します</p>
</div> </div>
<div class="modal-footer border-0 justify-content-center"> <div class="modal-footer border-0 justify-content-center">
<button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal" aria-label="Close"> <button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal"
aria-label="Close">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<span>キャンセル</span> <span>キャンセル</span>
</div> </div>
......
public_new/modal_collabo_host_request.html
<div class="modal fade change_host_modal" id="hostRequestModal" tabindex="-1" role="dialog" aria-labelledby="hostRequestModal" aria-hidden="true"> <div class="modal fade change_host_modal" id="hostRequestModal" tabindex="-1" role="dialog"
aria-labelledby="hostRequestModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0 pb-0"> <div class="modal-header border-0 pb-0">
...@@ -8,7 +9,8 @@ ...@@ -8,7 +9,8 @@
<p>ホスト権限のリクエストを行います</p> <p>ホスト権限のリクエストを行います</p>
</div> </div>
<div class="modal-footer border-0 justify-content-center"> <div class="modal-footer border-0 justify-content-center">
<button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal" aria-label="Close"> <button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal"
aria-label="Close">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<span>キャンセル</span> <span>キャンセル</span>
</div> </div>
......
public_new/modal_collabo_profile.html
<div class="modal fade profile_modal w_50" id="profileModal1" tabindex="-1" role="dialog" aria-labelledby="profileModal1" aria-hidden="true"> <div class="modal fade profile_modal w_50" id="profileModal1" tabindex="-1" role="dialog"
aria-labelledby="profileModal1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0"> <div class="modal-header border-0">
...@@ -11,7 +12,9 @@ ...@@ -11,7 +12,9 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループグループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ</p> <p>
グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループグループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ名グループ
</p>
</div> </div>
<div class="modal-footer border-0 justify-content-center"> <div class="modal-footer border-0 justify-content-center">
<button type="button" class="border-0 bg_navy text_white"> <button type="button" class="border-0 bg_navy text_white">
...@@ -22,7 +25,8 @@ ...@@ -22,7 +25,8 @@
<span>お気に入り解除</span> <span>お気に入り解除</span>
</div> </div>
</button> </button>
<button type="button" class="ch_host_btn border-0 bg_blue text_white" data-toggle="modal" data-target="#changeHostModal" value="#profileModal1"> <button type="button" class="ch_host_btn border-0 bg_blue text_white" data-toggle="modal"
data-target="#changeHostModal" value="#profileModal1">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_change_host.png" alt="ホスト変更"> <img src="icon/icon_change_host.png" alt="ホスト変更">
......
public_new/modal_collabo_profile2.html
<div class="modal fade profile_modal w_50" id="profileModal2" tabindex="-1" role="dialog" aria-labelledby="profileModal2" aria-hidden="true"> <div class="modal fade profile_modal w_50" id="profileModal2" tabindex="-1" role="dialog"
aria-labelledby="profileModal2" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header border-0"> <div class="modal-header border-0">
...@@ -22,7 +23,8 @@ ...@@ -22,7 +23,8 @@
<span>お気に入り解除</span> <span>お気に入り解除</span>
</div> </div>
</button> </button>
<button type="button" class="ch_host_btn border-0 bg_blue text_white" data-toggle="modal" data-target="#hostRequestModal" value="#profileModal2"> <button type="button" class="ch_host_btn border-0 bg_blue text_white" data-toggle="modal"
data-target="#hostRequestModal" value="#profileModal2">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_change_host.png" alt="ホスト変更"> <img src="icon/icon_change_host.png" alt="ホスト変更">
......
public_new/search_message_user_list.html
<li class="d-flex align-items-center">
<li class="d-flex align-items-center">
<a href="#" class="w-100"> <a href="#" class="w-100">
<div class="chat_item d-flex flex-row align-items-center"> <div class="chat_item d-flex flex-row align-items-center">
<div class="chat_item_l"> <div class="chat_item_l">
<div class="thubnail"> <div class="thubnail">
<div class="img_wrap"><img src="img/thumbnail.png"/></div> <div class="img_wrap"><img src="img/thumbnail.png" /></div>
</div> </div>
</div> </div>
<div class="chat_item_m px-0"> <div class="chat_item_m px-0">
...@@ -24,13 +23,13 @@ ...@@ -24,13 +23,13 @@
</div> </div>
</div> </div>
</a> </a>
</li> </li>
<li class="d-flex align-items-center"> <li class="d-flex align-items-center">
<a href="#" class="w-100"> <a href="#" class="w-100">
<div class="chat_item d-flex flex-row align-items-center"> <div class="chat_item d-flex flex-row align-items-center">
<div class="chat_item_l"> <div class="chat_item_l">
<div class="thubnail"> <div class="thubnail">
<div class="img_wrap"><img src="img/thumbnail.png"/></div> <div class="img_wrap"><img src="img/thumbnail.png" /></div>
</div> </div>
</div> </div>
<div class="chat_item_m px-0"> <div class="chat_item_m px-0">
...@@ -50,4 +49,4 @@ ...@@ -50,4 +49,4 @@
</div> </div>
</div> </div>
</a> </a>
</li> </li>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment