TeamprojectTool/form_fileshare.html at master · sungbin07/TeamprojectTool · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>form</title>
		<meta name="description" content="">
		<meta name="author" content="PC-164">

		<meta name="viewport" content="width=device-width; initial-scale=1.0">

		<link href="../stylesheets/form_fileshare.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css">
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script>
		<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

		<!-- chat -->
		<script src="/socket.io/socket.io.js"></script>
		<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
	</head>

	<body>
		<div class="wrapper">
			<div class="sidebar inner">
				<h1>Sidebar</h1>
				<ul class="nav">
					<ul class="menu">
                                                <li>
                                                        <a class="memo" href="form_memo"> <span>할 일</span> </a>
                                                </li>
                                                <li>
                                                        <a class="calendar" href="form_cal"> <span>일정</span> </a>
                                                </li>
                                                <li>
                                                        <a class="mindmap"  href="form_mindmap"> <span>마인드맵</span> </a>
                                                </li>
                                                <li>
                                                        <a class="fileshare" href="form_fileshare"> <span>파일공유</span> </a>
                                                </li>
                                                <li>
                                                        <a class="sub" href="form_ladder"> <span>부가기능</span> </a>
                                                </li>
                                        </ul>

                                        <ul class="sub_nav">
                                                <li>
                                                        <a class="info" href="mypage"> <span>내 정보</span> </a>
                                                </li>
                                                <li>
                                                        <a class="community" href="#"> <span>커뮤니티</span> </a>
                                                </li>
                                                <li>
                                                        <a class="logout" href="#"> <span>로그아웃</span> </a>
                                                </li>
                                        </ul>
				</ul>
			</div>
		</div>

		<!-- mind map img -->
		<div id="fileshare">
			<img src="../images/file.PNG">
		</div>

                <!-- chat -->
<div>
                <div id="txtarea">
                        <dl id="txtappend">
                                <li id=messages >
                        </dl>
                </div>
<form id="send" action="">
            <input id="m"  autocomplete="off" />
            <input id="sendbtn" type="submit" value="Send" />
         </form>
</div>
<script>
$.getJSON('/getProjectId', function (data) {
      var User_Name = data.User_Name;
      var Project_Id = data.Project_Id;
      var socket = io();
      var room = Project_Id;
      socket.emit('join',{room:room,name:User_Name});
      socket.emit('getgreet', User_Name +'님이 접속하셨습니다.');
 socket.on('connect', function() {
     $('form').submit(function(){
         var message =$('#m').val();
         socket.emit('getmessage', {message: message,
         name:User_Name
        });
         $('#m').val('');
         return false;
      });
//서버로부터받는것
      socket.on('putgreet', function(msg){
         $('#messages').append($('<h4 align:center>').text(msg));
      });
      socket.on('putmessage', function(msg){
         if(msg.name == User_Name){
            $('#messages').append($('<h4 align="right">').text(msg.message));
         }
         else
         {
            $('#messages').append($('<h4 align="left">').text(msg.name));
            $('#messages').append($('<h4 align="left">').text(msg.message));
         }
//scroll 아래로 내리기
         var el = document.getElementById('messages');
         el.scrollIntoView(false);
      });
   });
});
</script>
        </body>
</html>