Merge branch 'master' of http://khuhub.khu.ac.kr/MWD/2020-02-OSS-TermProject into feature/css

# Conflicts: # views/index.ejs # 마스터의 내용을 반영하여 태그의 id값 및 함수 지정.

Merge branch 'master' of http://khuhub.khu.ac.kr/MWD/2020-02-OSS-TermProject into feature/css
# Conflicts: # views/index.ejs # 마스터의 내용을 반영하여 태그의 id값 및 함수 지정.
김태영
Commit d8d59b6ec80ae24940cb6900db529530912eb2f2 d8d59b6e 2 parents 6714ea35 915eacfc
Showing 1 changed file with 63 additions and 7 deletions
views/index.ejs
--- a/views/index.ejs
View file @d8d59b6
+++ b/views/index.ejs
View file @d8d59b6
@@ -7,7 +7,61 @@
     <!-- 합쳐지고 최소화된 최신 CSS -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
     <link rel='stylesheet' href='/stylesheets/style.css' />
-
+<<<<<<< HEAD
+=======
+        <!-- Jquery를 불러온다 -->
+        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+        <script>
+            var place = prompt("위치를 입력해 주세요. ex) 전자정보대학", ""); //위치 정보를 입력 받는다.
+            alert(place + '(으)로 설정되었습니다.');
+            var fileName = place + '.txt'; // 위치를 파일 이름으로 쓰기 위함.
+    
+            var nameArr = []; // 이름을 저장할 배열
+            var numArr = []; // 전화번호를 저장할 배열
+            var idArr = []; // 신분을 저장할 배열
+            var dayTimeArr = []; // 날짜와 시간을 저장할 배열
+    
+            function getDayTime() // 날짜와 시간을 구해주는 함수
+            {
+                var today = new Date();
+                var day = today.toLocaleDateString(); //년도.월.날짜
+                var time = today.toLocaleTimeString(); //시:분:초
+                return (day + ' ' + time);
+            };
+    
+            function getInfo() // 입력받은 데이터를 배열에 저장한다.
+            {
+                var temp_name = document.getElementById('name').value; 
+                var temp_num = document.getElementById('number').value;
+                var id_index = document.getElementById('identity');
+                var temp_id = id_index.options[id_index.selectedIndex].value;
+                var dateTime = getDayTime();
+                nameArr.push(temp_name);
+                console.log(nameArr);
+                numArr.push(temp_num);
+                console.log(numArr);
+                idArr.push(temp_id);
+                console.log(idArr);
+                dayTimeArr.push(dateTime);
+                console.log(dayTimeArr);
+    
+            };
+    
+            function save() // 배열에 저장한 데이터를 가공해 json파일의 형태로 만들고, 다운로드 링크를 생성한다.
+            {
+                var obj = new Object();
+                for (var i = 0; i< nameArr.length; i++)
+                {
+                    obj[nameArr[i]] = {"전화번호": numArr[i], "신분": idArr[i], "일시": dayTimeArr[i]};
+                }
+                var obj_s = JSON.stringify(obj, null, "\t"); //json text화 시키기.
+                var dataUri = "data:application/json;charset=utf-8,"+ encodeURIComponent(obj_s);// 파일 링크 생성
+                var link = $("#link").attr("href", dataUri); 
+                console.log('Save Complete');
+                document.getElementById('link').setAttribute('download', fileName); // 다운로드 전 파일 이름을 변경해준다.
+            };
+        </script>
+>>>>>>> 915eacfc5f4f474bf100af252cf05cd2b665fe4f
   </head>
   <body>
     <!-- header -->
@@ -30,11 +84,11 @@
             <div class="col-lg-6">
                 <form>
                     <legend>방문자 인적 사항</legend>
-                    <p>이름: <input class="form-control" type='text' name='name' placeholder="고길동">
+                    <p>이름: <input class="form-control" type='text' id='name' placeholder="고길동">
                     </p>
-                    <p>전화번호: <input class="form-control" type='text' name='number' placeholder="010-1234-1234." ></input></p>                
+                    <p>전화번호: <input class="form-control" type='text' id='number' placeholder="010-1234-1234" ></input></p>                
                     <p>신분:
-                    <select name = "id" class="form-control">
+                    <select id = "identity" class="form-control">
                         <option value = "재학생">재학생</option>
                         <option value = "휴학생">휴학생</option>
                         <option value = "직원">직원</option>
@@ -43,10 +97,10 @@
                     </p>
                     <p>
                         <input  type = "reset"  style="float:right; margin-left:5px; background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); border: 0;" class="btn btn-warning"value = "다시입력"/>
-                        <input  type = "submit" style="float:right; background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); border: 0; " class="btn btn-success" value = "제출"/>
+                        <button  type = "button" onclick="getInfo();" style="float:right; background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); border: 0; " class="btn btn-success">제출</button>
                     </p>
-                    <button type="button" onclick="">저장</button>
+                    <button type="button" onclick="save();">저장</button>
-                    <a href="#" id="link" download="data.txt">다운로드</a>
+                    <a href="#" id="link" download="name">다운로드</a>
                 </form>
             </div>
             <!-- 인풋 폼 종료 -->
@@ -56,6 +110,7 @@
         <!--초기값으로 '시작'이라는 음성을 사용 -->
         <!--auto play 기능을 위해 iframe 사용 -->
         <iframe src="/audios/4.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
+<<<<<<< HEAD
     </span>
     <!-- footer -->
     <footer>
@@ -67,6 +122,7 @@
     <!--https://teachablemachine.withgoogle.com/ 를 통해 학습시키고 얻은 스켈레톤 코드 -->
+
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.3.1/dist/tf.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@0.8/dist/teachablemachine-image.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>