Index: vue/src/assets/images/devops/DevSupport/logstash.png
===================================================================
diff -u -rba16e7c75e1ffc3dfa63d39aecb6789d225c54a9 -rd4bf98f74a005d704dba1b632fa120c03be47d1c
Binary files differ
Index: arms/html/reqServiceList/content-container.html
===================================================================
diff -u -rec92f72b8ca4881d168c143eb3115e0d04645f79 -rd4bf98f74a005d704dba1b632fa120c03be47d1c
--- arms/html/reqServiceList/content-container.html	(.../content-container.html)	(revision ec92f72b8ca4881d168c143eb3115e0d04645f79)
+++ arms/html/reqServiceList/content-container.html	(.../content-container.html)	(revision d4bf98f74a005d704dba1b632fa120c03be47d1c)
@@ -3,7 +3,7 @@
         <header>
             <h4>
                 <span class="font13" style="font-weight: bold;">
-                    <i class="fa fa-sort-amount-asc"></i> 제품(서비스) 선택
+                    <i class="fa fa-sort-amount-asc"></i> 제품(서비스) 조회
                 </span>
             </h4>
             <div class="actions">
@@ -26,7 +26,7 @@
                         </div>
                     </form>
                 </div>
-                <div id="demo" style="padding-top: 5px;" class="darkBack"></div>
+                <div id="pdServiceTree" style="padding-top: 5px;" class="darkBack"></div>
                 <div style="margin-top: 10px;" class="darkBack">
                     설명
                 </div>
@@ -35,80 +35,76 @@
     </section>
 </div>
 
-<div class="col-lg-4">
-    <section class="widget">
-        <header>
-            <h4>
-                <span class="font13" style="font-weight: bold;">
-                    <i class="fa fa-sort-amount-asc"></i> 제품(서비스) 선택
-                </span>
-            </h4>
-            <div class="actions">
-                <button class="btn btn-transparent btn-xs" onclick="$('#demo').jstree('open_all');">Show All
-                    <i class="fa fa-arrow-down"></i>
-                </button>
-            </div>
-        </header>
-        <div class="body">
-            <div class="wrapper">
-                <div id="mmenu" style="padding-bottom: 5px;">
-                    <form class="form-search no-margin" role="form">
-                        <div class="input-group">
-                            <input type="search" id="text" class="form-control searchDarkBack" style="color: #f8f8f8;" placeholder="찾을 노드 이름 입력" data-tooltip="Press Enter To Node To Search">
-                            <span class="input-group-btn">
-                                <button type="button" id="search" title="Search" class="btn btn-default btn-sm">
-                                    Search
-                                </button>
-                            </span>
-                        </div>
-                    </form>
+<div class="col-lg-3">
+    <div class="row">
+        <section class="widget">
+            <header>
+                <h5>
+                    <i class="fa fa-check-square-o"></i>
+                    제품(서비스) Version 조회
+                </h5>
+            </header>
+            <div class="body">
+                <div class="panel-group" id="versionAccordion">
                 </div>
-                <div id="demo" style="padding-top: 5px;" class="darkBack"></div>
-                <div style="margin-top: 10px;" class="darkBack">
-                    설명
-                </div>
             </div>
-        </div>
-    </section>
+        </section>
+    </div>
 </div>
 
-<div class="col-lg-4">
+<div class="col-lg-5">
     <section class="widget">
         <header>
             <h4>
                 <span class="font13" style="font-weight: bold;">
-                    <i class="fa fa-sort-amount-asc"></i> 제품(서비스) 선택
+                    <i class="fa fa-edit"></i> 요구사항 리스트
                 </span>
             </h4>
-            <div class="actions">
-                <button class="btn btn-transparent btn-xs" onclick="$('#demo').jstree('open_all');">Show All
-                    <i class="fa fa-arrow-down"></i>
-                </button>
+            <div class="widget-controls">
+                <a title="Options" href="#"><i class="glyphicon glyphicon-cog"></i></a>
+                <a data-widgster="expand" title="Expand" href="#"><i class="glyphicon glyphicon-chevron-up"></i></a>
+                <a data-widgster="collapse" title="Collapse" href="#"><i
+                        class="glyphicon glyphicon-chevron-down"></i></a>
+                <a data-widgster="close" title="Close" href="#"><i class="glyphicon glyphicon-remove"></i></a>
             </div>
         </header>
         <div class="body">
-            <div class="wrapper">
-                <div id="mmenu" style="padding-bottom: 5px;">
-                    <form class="form-search no-margin" role="form">
-                        <div class="input-group">
-                            <input type="search" id="text" class="form-control searchDarkBack" style="color: #f8f8f8;" placeholder="찾을 노드 이름 입력" data-tooltip="Press Enter To Node To Search">
-                            <span class="input-group-btn">
-                                <button type="button" id="search" title="Search" class="btn btn-default btn-sm">
-                                    Search
-                                </button>
-                            </span>
-                        </div>
-                    </form>
+            <blockquote class="font13">
+                상세 보기는 리스트 클릭
+            </blockquote>
+            <div class="box box-primary" style="background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important;">
+                <div class="box-body">
+                    <table id="jstreeTable" class="display responsive no-wrap" cellspacing="0">
+                        <thead>
+                        <tr>
+                            <th>c_id</th>
+                            <th>c_parentid</th>
+                            <th>c_position</th>
+                            <th>c_left</th>
+                            <th>c_right</th>
+                            <th>c_level</th>
+                            <th>c_title</th>
+                            <th>c_type</th>
+                            <th>c_pdservicejira_detail</th>
+                            <th>c_pdservicejira_con_name</th>
+                            <th>c_pdservicejira_con_user</th>
+                            <th>c_pdservicejira_con_pass</th>
+                            <th>c_pdservicejira_con_token</th>
+                            <th>c_pdservicejira_con_jql</th>
+                            <th>jiraConPassMode</th>
+                        </tr>
+                        </thead>
+                    </table>
                 </div>
-                <div id="demo" style="padding-top: 5px;" class="darkBack"></div>
-                <div style="margin-top: 10px;" class="darkBack">
-                    설명
-                </div>
             </div>
+            <div class="modal-footer" style="background-color: transparent; padding: 5px; text-align: right; border-top: 0px;">
+                <button id="selectView" type="button" class="btn btn-primary">Select View</button>
+            </div>
         </div>
     </section>
 </div>
 
+
 <!-- page specific application css/js -->
 <style type="text/css">
     .btn-transparent.active {
@@ -127,10 +123,74 @@
     //<![CDATA[
 
     // 초기 개발 및 확인 용도
+    (function( $ ){
+
+                    let menu;
+
+                    function draw(main){
+
+                        main.html("");
+
+                        let data = `
+                                        <li class='list-group-item json-menu-header'>
+                                            product name
+                                        </li>
+                                    `;
+
+                        for(let i = 0; i < menu.length; i++){
+
+                            data += `
+                                        <div class="panel">
+                                            <div class="panel-heading">
+                                                <a class="accordion-toggle collapsed" data-toggle="collapse" href="#jsonItem${i}">
+                                                    ${menu[i].c_title}
+                                                </a>
+                                            </div>
+                                            <div id="jsonItem${i}" class="panel-collapse collapse">
+                                                <div class="panel-body">
+                                                    ${menu[i].c_type}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    `;
+
+                        }
+
+                        main.html(data);
+
+                    }
+
+                    $.fn.jsonMenu = function(action, items, options){
+                        $(this).addClass("json-menu")
+                        if(action == "add"){
+                            menu.body.push(items);
+                            draw($(this));
+                        } else if(action == "set"){
+                            menu = items;
+                            draw($(this));
+                        }
+                        return this;
+                    }
+                 })( jQuery );
+
     $(function () {
 
+        $.ajax( "/auth-user/api/arms/pdversion/getChildNode.do?c_id=1")
+        .done(function(json) {
+            console.log(json);
+            $("#versionAccordion").jsonMenu("set", json,{speed:5000});
+        })
+        .fail(function(jqXHR) {
+            console.log( "error" );
+        })
+        .always(function(jqXHR) {
+            console.log( "finished" );
+        });
+
+
     });
 
+
     //]]>
 </script>
 <script type="text/javascript" src='js/reqServiceList.js' charset="utf-8"></script>
\ No newline at end of file
Index: arms/js/reqServiceList.js
===================================================================
diff -u -rec92f72b8ca4881d168c143eb3115e0d04645f79 -rd4bf98f74a005d704dba1b632fa120c03be47d1c
--- arms/js/reqServiceList.js	(.../reqServiceList.js)	(revision ec92f72b8ca4881d168c143eb3115e0d04645f79)
+++ arms/js/reqServiceList.js	(.../reqServiceList.js)	(revision d4bf98f74a005d704dba1b632fa120c03be47d1c)
@@ -1,26 +1,10 @@
-$(function() {
-    jstreeDataTableReload();
-
-    $('.dataTables_length').find('select:eq(0)').addClass("darkBack");
-    $('.dataTables_length').find('select:eq(0)').css('min-height','30px');
-    //min-height: 30px;
-});
-
+// --- 사이드 메뉴 -- //
 $(function () {
     setSideMenu();
 });
 
-// --- 사이드 메뉴 설정 --- //
 function setSideMenu() {
     setTimeout(function(){
-        $('#sidebar_menu_product').attr("class","accordion-toggle collapsed");
-        $('#sidebar_menu_product').attr("aria-expanded","false");
-        $('#sidebar_menu_product').css({'color':'#ffffff'});
-        $('#sidebar_menu_product').css({'font-weight':'300'});
-
-        $('#product-elements-collapse').attr("class","panel-collapse collapse collapse");
-        $('#product-elements-collapse').attr("aria-expanded","false");
-
         $('#sidebar_menu_requirement').attr("class","accordion-toggle active");
         $('#sidebar_menu_requirement').attr("aria-expanded","true");
         $('#sidebar_menu_requirement').css({'color':'lightblue'});
@@ -35,18 +19,16 @@
     },1000);
 }
 
-// --- 에디터 설정 --- //
-CKEDITOR.replace( 'editor' );
-CKEDITOR.replace( 'modal-editor' );
+// --- jstree 설정 -- //
+function jsTreeClick(selectedNodeID) {
+    console.log(selectedNodeID);
+}
 
-// --- 팝업 띄울때 사이즈 조정 -- //
-$( "#modalPopupId" ).click(function() {
-    var height = $( document ).height() -400;
-    $('.modal-body').find('.cke_contents:eq(0)').css('height',height+'px');
+$(function() {
+    pdServiceJsTreeBuild();
 });
 
-// --- jstree 설정 -- //
-function jsTreeBuild(){
+function pdServiceJsTreeBuild(){
 
     console.log("href: "+$(location).attr('href'));
     console.log("protocol: "+$(location).attr('protocol'));
@@ -57,7 +39,7 @@
     console.log("port: "+$(location).attr('port'));
     var isDevelopingToRoute = "/auth-user";
 
-    $("#demo").bind(
+    $("#pdServiceTree").bind(
         "before.jstree",
         function(e, data) {
             $("#alog").append(data.func + "<br />");
@@ -173,7 +155,7 @@
             // All the options are almost the same as jQuery's AJAX (read the docs)
             "ajax": {
                 // the URL to fetch the data
-                "url": isDevelopingToRoute + "/api/arms/pdService/getChildNode.do",
+                "url": isDevelopingToRoute + "/api/arms/pdservice/getChildNode.do",
                 // the `data` function is executed in the instance's scope
                 // the parameter is the node being loaded
                 // (may be -1, 0, or undefined when loading the root nodes)
@@ -194,7 +176,7 @@
             // As this has been a common question - async search
             // Same as above - the `ajax` config option is actually jQuery's AJAX object
             "ajax": {
-                "url": isDevelopingToRoute + "/api/arms/pdService/searchNode.do",
+                "url": isDevelopingToRoute + "/api/arms/pdservice/searchNode.do",
                 // You get the search string as a parameter
                 "data": function(str) {
                     return {
@@ -265,7 +247,7 @@
             "initially_open": ["node_2", "node_3"]
         }
     }).bind("create.jstree", function(e, data) {
-        $.post(isDevelopingToRoute + "/api/arms/pdService/addNode.do", {
+        $.post(isDevelopingToRoute + "/api/arms/pdservice/addNode.do", {
             "ref": data.rslt.parent.attr("id").replace("node_", "").replace("copy_", ""),
             "c_position": data.rslt.position,
             "c_title": data.rslt.name,
@@ -289,7 +271,7 @@
             $.ajax({
                 async: false,
                 type: 'POST',
-                url: isDevelopingToRoute + "/api/arms/pdService/removeNode.do",
+                url: isDevelopingToRoute + "/api/arms/pdservice/removeNode.do",
                 data: {
                     "c_id": this.id.replace("node_", "").replace("copy_", "")
                 },
@@ -305,7 +287,7 @@
             });
         });
     }).bind("rename.jstree", function(e, data) {
-        $.post(isDevelopingToRoute + "/api/arms/pdService/alterNode.do", {
+        $.post(isDevelopingToRoute + "/api/arms/pdservice/alterNode.do", {
             "c_id": data.rslt.obj.attr("id").replace("node_", "").replace("copy_", ""),
             "c_title": data.rslt.new_name,
             "c_type": data.rslt.obj.attr("rel")
@@ -322,7 +304,7 @@
             jsTreeBuild();
         });
     }).bind("set_type.jstree", function(e, data) {
-        $.post(isDevelopingToRoute + "/api/arms/pdService/alterNodeType.do", {
+        $.post(isDevelopingToRoute + "/api/arms/pdservice/alterNodeType.do", {
             "c_id": data.rslt.obj.attr("id").replace("node_", "").replace("copy_", ""),
             "c_title": data.rslt.new_name,
             "c_type": data.rslt.obj.attr("rel")
@@ -340,7 +322,7 @@
             $.ajax({
                 async: false,
                 type: 'POST',
-                url: isDevelopingToRoute + "/api/arms/pdService/moveNode.do",
+                url: isDevelopingToRoute + "/api/arms/pdservice/moveNode.do",
                 data: {
                     "c_id": $(this).attr("id").replace("node_", "").replace("copy_", ""),
                     "ref": data.rslt.cr === -1 ? 1 : data.rslt.np.attr("id").replace("node_", "").replace("copy_", ""),
@@ -380,129 +362,79 @@
         switch (this.id) {
             case "add_default":
             case "add_folder":
-                $("#demo").jstree("create", null, "last", {
+                $("#pdServiceTree").jstree("create", null, "last", {
                     "attr": {
                         "rel": this.id.toString().replace("add_", "")
                     }
                 });
                 break;
             case "search":
-                $("#demo").jstree("search", document.getElementById("text").value);
+                $("#pdServiceTree").jstree("search", document.getElementById("text").value);
                 break;
             case "text":
                 break;
             default:
-                $("#demo").jstree(this.id);
+                $("#pdServiceTree").jstree(this.id);
                 break;
         }
     });
 }
 
-function jsTreeClick(selectedNodeID) {
-    console.log(selectedNodeID);
-}
+// --- 데이터 테이블 설정 --- //
+$(function () {
+    jstreeDataTableReload();
+    $('.dataTables_length').find('select:eq(0)').addClass("darkBack");
+    $('.dataTables_length').find('select:eq(0)').css('min-height','30px');
+    //min-height: 30px;
 
-$(function() {
-    jsTreeBuild();
+    $("body").find("[aria-controls='jstreeTable']").css('width', '100px');
 });
 
-// --- select2 설정 --- //
-$(".js-example-basic-multiple-limit").select2({
-    maximumSelectionLength: 2,
-    ajax: {
-        url: "https://api.github.com/search/repositories",
-        dataType: 'json',
-        delay: 250,
-        data: function (params) {
-            return {
-                q: params.term, // search term
-                page: params.page
-            };
-        },
-        processResults: function (data, params) {
-            // parse the results into the format expected by Select2
-            // since we are using custom formatting functions we do not need to
-            // alter the remote JSON data, except to indicate that infinite
-            // scrolling can be used
-            params.page = params.page || 1;
+function jstreeDataTableReload() {
 
-            return {
-                results: data.items,
-                pagination: {
-                    more: (params.page * 30) < data.total_count
-                }
-            };
-        },
-        cache: true
-    },
-    placeholder: '제품(서비스)의 오너를 등록해 주세요',
-    minimumInputLength: 1,
-    templateResult: formatRepo,
-    templateSelection: formatRepoSelection
-});
+    console.log("href: "+$(location).attr('href'));
+    console.log("protocol: "+$(location).attr('protocol'));
+    console.log("host: "+$(location).attr('host'));
+    console.log("pathname: "+$(location).attr('pathname'));
+    console.log("search: "+$(location).attr('search'));
+    console.log("hostname: "+$(location).attr('hostname'));
+    console.log("port: "+$(location).attr('port'));
 
-$(".js-data-example-ajax").select2({
-    ajax: {
-        url: "https://api.github.com/search/repositories",
-        dataType: 'json',
-        delay: 250,
-        data: function (params) {
-            return {
-                q: params.term, // search term
-                page: params.page
-            };
-        },
-        processResults: function (data, params) {
-            // parse the results into the format expected by Select2
-            // since we are using custom formatting functions we do not need to
-            // alter the remote JSON data, except to indicate that infinite
-            // scrolling can be used
-            params.page = params.page || 1;
+    var isDevelopingToRoute = "/auth-user";
 
-            return {
-                results: data.items,
-                pagination: {
-                    more: (params.page * 30) < data.total_count
-                }
-            };
+    var tempDataTable = $('#jstreeTable').DataTable({
+        "ajax": {
+            "url": isDevelopingToRoute + "/api/arms/pdjira/getMonitor.do",
+            "dataSrc": ""
         },
-        cache: true
-    },
-    placeholder: '제품(서비스)의 Default 리뷰어를 등록해 주세요',
-    minimumInputLength: 1,
-    templateResult: formatRepo,
-    templateSelection: formatRepoSelection
-});
+        "destroy": true,
+        "processing": true,
+        "responsive": true,
+        "select": true,
+        "columns": [
+            { "data": "c_id" },
+            { "data": "c_parentid" },
+            { "data": "c_position" },
+            { "data": "c_left" },
+            { "data": "c_right" },
+            { "data": "c_level" },
+            { "data": "c_title" },
+            { "data": "c_type" },
 
-function formatRepo (repo) {
-    if (repo.loading) {
-        return repo.text;
-    }
+            { "data": "c_pdjira_detail" },
+            { "data": "c_pdjira_con_name" },
+            { "data": "c_pdjira_con_user" },
+            { "data": "c_pdjira_con_pass" },
+            { "data": "c_pdjira_con_token" },
+            { "data": "c_pdjira_con_jql" },
+            { "data": "jiraConPassMode" }
+        ]
+    });
 
-    var $container = $(
-        "<div class='select2-result-repository clearfix'>" +
-        "<div class='select2-result-repository__meta'>" +
-        "<div class='select2-result-repository__title'></div>" +
-        "<div class='select2-result-repository__description'></div>" +
-        "<div class='select2-result-repository__statistics'>" +
-        "<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> </div>" +
-        "<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> </div>" +
-        "<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> </div>" +
-        "</div>" +
-        "</div>" +
-        "</div>"
-    );
+    $('#jstreeTable tbody').on('click', 'tr', function () {
+        var data = tempDataTable.row( this ).data();
+        console.log(data);
+        //alert( 'You clicked on '+ data.c_title +'\'s row' );
+    } );
 
-    $container.find(".select2-result-repository__title").text(repo.full_name);
-    $container.find(".select2-result-repository__description").text(repo.description);
-    $container.find(".select2-result-repository__forks").append(repo.forks_count + " Forks");
-    $container.find(".select2-result-repository__stargazers").append(repo.stargazers_count + " Stars");
-    $container.find(".select2-result-repository__watchers").append(repo.watchers_count + " Watchers");
-
-    return $container;
-}
-
-function formatRepoSelection (repo) {
-    return repo.full_name || repo.text;
-}
-// Code for the menu buttons
+}
\ No newline at end of file