Skip to content

C
chat_webview
Commit a0d1984f by Kim Peace
Options

Fixed coding style

parent 4c50c265
Showing with 1021 additions and 770 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>
</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>
......@@ -45,7 +48,7 @@
<img src="img/capture.png" alt="サンプル画像">
</div>
<div class="img_wrap">
<img src="img/controller.png" alt="サンプル画像">
<img src="img/controller.png" alt="サンプル画像">
</div>
</div>
<div class="archive_detail_desc">
......@@ -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>
</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>
......@@ -434,12 +437,12 @@
</li>
</ul>
</div>
</div>
<!-- オーバーレイ -->
<div class="chat_list">
<ul class="overlay_src_msg">
</ul>
</div>
</div>
<!-- オーバーレイ -->
<div class="chat_list">
<ul class="overlay_src_msg">
</ul>
</div>
</main>
<!-- フッター -->
<footer>
......@@ -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>
</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>
</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>
</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>
</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>
</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>
</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 -->
......@@ -167,10 +171,10 @@
<div class="sys_msg text-center">
チャット開始<br>
参加ユーザ<br>
OOさん<br>
OOさん<br>
OOさん
参加ユーザ<br>
OOさん<br>
OOさん<br>
OOさん
</div>
<!-- 相手の吹き出し -->
......@@ -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>
</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>
</html>
\ No newline at end of file
public_new/collaboration_documents_overlay_menu.html
......@@ -39,4 +39,4 @@
</div>
</div>
</div>
</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>
</html>
\ No newline at end of file
public_new/collaboration_picture_overlay_menu.html
......@@ -39,4 +39,4 @@
</div>
</div>
</div>
</div>
</div>
\ 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>
</html>
\ No newline at end of file
public_new/collaboration_video_overlay_menu.html
......@@ -39,4 +39,4 @@
</div>
</div>
</div>
</div>
</div>
\ 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>
</html>
\ No newline at end of file
public_new/collaboration_voice_overlay_menu.html
......@@ -39,4 +39,4 @@
</div>
</div>
</div>
</div>
</div>
\ 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>
</html>
\ No newline at end of file
public_new/collaboration_whiteboard_overlay_menu.html
......@@ -39,4 +39,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
public_new/collabotarion_overlay_user_list.html
<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">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item host">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前</span>
</a>
</div>
<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">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item host">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前名前名前名前名前名前名前名前</span>
</a>
</div>
<div class="user_item">
<a href="#" data-toggle="modal" data-target="#profileModal2">
<div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div>
<span class="name">名前名前名前</span>
</a>
</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>
</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 {
position: absolute;
top: 65px;
left: 0;
right: 0;
color: #fff;
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
}
.user_item .name {
position: absolute;
top: 65px;
left: 0;
right: 0;
color: #fff;
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
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,23 +86,23 @@
height: 64px;
}
.user_item {
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 );
overflow: hidden;
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);
overflow: hidden;
}
.user_item a {
display: block;
height: 100%;
display: block;
height: 100%;
}
/**************************** 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,12 +367,12 @@
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;
height: 40px;
background: #1d1d1d;
height: 40px;
}
#collabo_footer_menu .footer_menu_item .img_wrap {
......@@ -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,26 +150,37 @@ 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;
}
.profile_modal .modal-header .prifile_name span {
line-height: 60px;
font-weight: bold;
font-size: 20px;
line-height: 60px;
font-weight: bold;
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/footer_collabo.html
......@@ -24,4 +24,4 @@
</div>
</div>
</div>
</footer>
</footer>
\ No newline at end of file
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');
}
}).trigger('change');
$("input:checkbox")
.change(function () {
if ($(this).prop("checked")) {
$(this).attr("checked", true);
} else {
$(this).removeAttr("checked");
}
})
.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');
$("#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();
$(".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 });
// アクティブ時
}else{
$(this).addClass('hide');
$('#collabo_footer_menu').css({'bottom': h_hide });
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 });
}
});
// モーダル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() {
$(this).toggleClass("open");
$(this).next().slideToggle();
$(".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'
},
meridiemParse: /午前|午後/i,
isPM : function (input) {
return input === '午後';
},
meridiem : function (hour, minute, isLower) {
if (hour < 12) {
return '午前';
} else {
return '午後';
}
},
calendar : {
sameDay : '[今日] LT',
nextDay : '[明日] LT',
nextWeek : function (now) {
if (now.week() < this.week()) {
return '[来週]dddd LT';
} else {
return 'dddd LT';
}
},
lastDay : '[昨日] LT',
lastWeek : function (now) {
if (this.week() < now.week()) {
return '[先週]dddd LT';
} else {
return 'dddd LT';
}
},
sameElse : 'L'
},
dayOfMonthOrdinalParse : /\d{1,2}日/,
ordinal : function (number, period) {
switch (period) {
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年'
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 === "午後";
},
meridiem: function (hour, minute, isLower) {
if (hour < 12) {
return "午前";
} else {
return "午後";
}
},
calendar: {
sameDay: "[今日] LT",
nextDay: "[明日] LT",
nextWeek: function (now) {
if (now.week() < this.week()) {
return "[来週]dddd LT";
} else {
return "dddd LT";
}
});
return ja;
},
lastDay: "[昨日] LT",
lastWeek: function (now) {
if (this.week() < now.week()) {
return "[先週]dddd LT";
} else {
return "dddd LT";
}
},
sameElse: "L",
},
dayOfMonthOrdinalParse: /\d{1,2}日/,
ordinal: function (number, period) {
switch (period) {
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年",
},
});
})));
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",
},
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년",
},
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 + "주";
default:
return number;
}
},
meridiemParse: /오전|오후/,
isPM: function (token) {
return token === "오후";
},
meridiem: function (hour, minute, isUpper) {
return hour < 12 ? "오전" : "오후";
},
});
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'
},
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) {
switch (period) {
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 === '오후';
},
meridiem : function (hour, minute, isUpper) {
return hour < 12 ? '오전' : '오후';
}
});
return ko;
})));
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/loading.html
......@@ -2,4 +2,4 @@
<div id="loader">
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
</div>
</div>
</div>
\ No newline at end of file
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,10 +10,11 @@
</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>
</div>
</div>
</div>
</div>
\ No newline at end of file
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">
......@@ -41,4 +44,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
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>
......@@ -29,4 +31,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
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>
......@@ -21,4 +23,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
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>
......@@ -21,4 +23,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
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="ホスト変更">
......@@ -33,4 +37,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
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="ホスト変更">
......@@ -33,4 +35,4 @@
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
public_new/search_message_archive_list.html
......@@ -73,4 +73,4 @@
</div>
</div>
</a>
</li>
</li>
\ No newline at end of file
public_new/search_message_user_list.html
<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>
</div>
<div class="chat_item_m px-0">
<div class="d-flex flex-column">
<div class="chat_item_t">
<span class="chat_item_ttl">名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前</span>
</div>
<div class="chat_item_desc">
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
</div>
</div>
<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>
</div>
<div class="chat_item_m px-0">
<div class="d-flex flex-column">
<div class="chat_item_t">
<span class="chat_item_ttl">名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前</span>
</div>
<div class="chat_item_r">
<div class="d-flex flex-column">
<span class="chat_item_time">3:25AM</span>
</div>
<div class="chat_item_desc">
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
</div>
</div>
</a>
</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>
</div>
<div class="chat_item_m px-0">
<div class="d-flex flex-column">
<div class="chat_item_t">
<span class="chat_item_ttl">名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前</span>
</div>
<div class="chat_item_desc">
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
</div>
</div>
</div>
<div class="chat_item_r">
<div class="d-flex flex-column">
<span class="chat_item_time">3:25AM</span>
</div>
</div>
</div>
</a>
</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>
</div>
<div class="chat_item_m px-0">
<div class="d-flex flex-column">
<div class="chat_item_t">
<span class="chat_item_ttl">名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前</span>
</div>
<div class="chat_item_r">
<div class="d-flex flex-column">
<span class="chat_item_time">3:25AM</span>
</div>
<div class="chat_item_desc">
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
</div>
</div>
</a>
</li>
</div>
<div class="chat_item_r">
<div class="d-flex flex-column">
<span class="chat_item_time">3:25AM</span>
</div>
</div>
</div>
</a>
</li>
\ No newline at end of file
public_new/zoom.html
......@@ -16,4 +16,4 @@
</div>
</a>
</div>
</div>
</div>
\ 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