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