Index: vue/src/assets/images/devops/DevSupport/logstash.png
===================================================================
diff -u -rd4bf98f74a005d704dba1b632fa120c03be47d1c -r4413589a2c1bd8fe8b9e94c68b86bb2186180a39
Binary files differ
Index: arms/html/pdServiceJira/content-container.html
===================================================================
diff -u -r210c96279017814c33e8a06727e79d02ffb958b3 -r4413589a2c1bd8fe8b9e94c68b86bb2186180a39
--- arms/html/pdServiceJira/content-container.html	(.../content-container.html)	(revision 210c96279017814c33e8a06727e79d02ffb958b3)
+++ arms/html/pdServiceJira/content-container.html	(.../content-container.html)	(revision 4413589a2c1bd8fe8b9e94c68b86bb2186180a39)
@@ -33,26 +33,21 @@
             </div>
         </div>
     </section>
-</div>
-
-<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>
+    <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>
-        </section>
-    </div>
+        </div>
+    </section>
 </div>
 
-<div class="col-lg-5">
+<div class="col-lg-8">
     <section class="widget">
         <header>
             <h4>
Index: arms/html/pdVersionServiceRegist/content-container.html
===================================================================
diff -u -r9a115f124a0e07ae669523033d283c919a0b6426 -r4413589a2c1bd8fe8b9e94c68b86bb2186180a39
--- arms/html/pdVersionServiceRegist/content-container.html	(.../content-container.html)	(revision 9a115f124a0e07ae669523033d283c919a0b6426)
+++ arms/html/pdVersionServiceRegist/content-container.html	(.../content-container.html)	(revision 4413589a2c1bd8fe8b9e94c68b86bb2186180a39)
@@ -33,26 +33,21 @@
             </div>
         </div>
     </section>
-</div>
-
-<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>
+    <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>
-        </section>
-    </div>
+        </div>
+    </section>
 </div>
 
-<div class="col-lg-5">
+<div class="col-lg-8">
     <section class="widget">
         <header>
             <h4>
Index: arms/html/reqChange/content-container.html
===================================================================
diff -u
--- arms/html/reqChange/content-container.html	(revision 0)
+++ arms/html/reqChange/content-container.html	(revision 4413589a2c1bd8fe8b9e94c68b86bb2186180a39)
@@ -0,0 +1,246 @@
+<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>
+                <div id="productTree" style="padding-top: 5px;" class="darkBack"></div>
+                <div style="margin-top: 10px;" class="darkBack">
+                    설명
+                </div>
+            </div>
+        </div>
+    </section>
+    <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>
+    </section>
+</div>
+
+<div class="col-lg-8">
+    <section class="widget">
+        <header>
+            <h4>
+                <span class="font13" style="font-weight: bold;">
+                    <i class="fa fa-edit"></i> 요구사항 등록
+                </span>
+            </h4>
+            <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="box box-primary" style="border-top-color: #bbbbbb; border-top-width: 0px; margin-bottom: 35px !important;">
+                <div class="box-body">
+                    <div class="form-group" style="padding-top: 10px;">
+                        <div class="control-group">
+                            <label class="control-label" for="prepended-input" style="vertical-align: center">요구사항 등록 모드 &nbsp;</label>
+                            <div class="controls form-group" style="margin-bottom: 10px;">
+                                <div class="input-group" style="text-align: left;">
+                                    <span class="input-group-addon"><i class="fa fa-sliders"></i></span>
+                                    <div class="btn-group" data-toggle="buttons">
+                                        <label class="btn btn-transparent btn-sm active">
+                                            <input type="radio"> 요구사항 변경 모드
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group">
+                            <label class="control-label" for="prepended-input">제품(서비스) &nbsp;</label>
+                            <div class="controls form-group" style="margin-bottom: 10px;">
+                                <div class="input-group">
+                                    <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
+                                    <input id="prepended-input" class="form-control font13 darkBack" style="color: #f8f8f8;" size="16" type="text" placeholder="제품(서비스)명을 입력해 주세요">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group">
+                            <label class="control-label" for="prepended-input">버전 &nbsp;</label>
+                            <div class="controls form-group" style="margin-bottom: 10px;">
+                                <div class="input-group">
+                                    <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
+                                    <input id="prepended-input" class="form-control font13 darkBack" style="color: #f8f8f8;" size="16" type="text" placeholder="제품(서비스)명을 입력해 주세요">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="control-group">
+                            <label class="control-label" for="prepended-input">요구사항 제목 &nbsp;</label>
+                            <div class="controls form-group" style="margin-bottom: 10px;">
+                                <div class="input-group">
+                                    <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
+                                    <input id="prepended-input" class="form-control font13 darkBack" style="color: #f8f8f8;" size="16" type="text" placeholder="제품(서비스)명을 입력해 주세요">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="editor" class="darkBack">
+                        <p>입력란이 좁다면 하단에 새창으로 띄우기를 클릭하세요.</p>
+                    </div>
+                </div>
+                <p class="pull-right" style="padding-top: 10px;"><a class="btn btn-info" id="show-info-message" href="#">제품(서비스) 등록</a></p>
+                <p class="pull-right" style="padding-top: 10px; padding-right: 10px;">
+                    <button type="button" class="btn btn-success" id="modalPopupId"
+                            data-toggle="modal" data-target="#myModal2">새창으로 편집</button>
+                </p>
+                <div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
+                    <div class="modal-dialog" style="width: 90%; height: 90%">
+                        <div class="modal-content darkBack">
+
+                            <div class="modal-header" style="padding: 0px; border-bottom: 0px">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style=" color: #ffffff; font-size: 20px; opacity: 0.8; padding: 5px;">×</button>
+                                <h4 class="modal-title font14" id="myModalLabel2" style="color: #f8f8f8;text-align: left; padding: 5px;">
+                                    <span class="font13" style="font-weight: bold;">
+                                        <i class="fa fa-edit"></i> 제품(서비스) 신규 등록 팝업
+                                    </span>
+                                    <section class="search-result" style="border-left: 5px solid #e5603b;">
+                                        <p style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px;"> 입력한 내용은 부모창과 동기화 됩니다. 부모창에서 등록하기를 진행해야 저장됩니다.</p>
+                                    </section>
+                                </h4>
+                            </div>
+                            <div class="modal-body" style="padding: 5px;">
+                                <div id="modal-editor" class="darkBack">
+                                    <p>입력란이 좁다면 하단에 새창으로 띄우기를 클릭하세요.</p>
+                                </div>
+                            </div>
+                            <div class="modal-footer" style="background-color: transparent; padding: 5px; text-align: right; border-top: 0px;">
+                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                                <button type="button" class="btn btn-primary">Save changes</button>
+                            </div>
+
+                        </div><!-- /.modal-content -->
+                    </div><!-- /.modal-dialog -->
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
+
+<!-- page specific application css/js -->
+<style type="text/css">
+.btn-transparent.active {
+    color: white;
+    background: rgba(51, 51, 51, 0.55);
+    color: #ffffff;
+    background-color: #e5603b;
+    border-color: rgba(0, 0, 0, 0.15);
+}
+.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
+    outline: 0px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+}
+.select2-search__field::-webkit-input-placeholder,
+.select2-search__field::placeholder {
+    color: #999 !important;
+    padding-left: 6px;
+}
+</style>
+<script type="text/javascript" charset="utf-8">
+    //<![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/reqChange.js' charset="utf-8"></script>
\ No newline at end of file
Index: arms/html/reqChange/content-header.html
===================================================================
diff -u
--- arms/html/reqChange/content-header.html	(revision 0)
+++ arms/html/reqChange/content-header.html	(revision 4413589a2c1bd8fe8b9e94c68b86bb2186180a39)
@@ -0,0 +1,8 @@
+<h3 class="page-title font16">Requirement.service <small>Regist</small>
+<ol class="breadcrumb pull-right hidden-xs font12">
+    <li><a href="#"><i class="fa fa-sitemap"></i> Home</a></li>
+    <li class="active">Requirement</li>
+    <li class="active">service</li>
+    <li class="active">Regist</li>
+</ol>
+</h3>
\ No newline at end of file
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/html/reqRegist/content-container.html'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/html/reqRegist/content-header.html'.
FishEye: No comparison available.  Pass `N' to diff?
Index: arms/html/reqServiceList/content-container.html
===================================================================
diff -u -r5015b424ad7d15ed54892227bef0076664ad77ba -r4413589a2c1bd8fe8b9e94c68b86bb2186180a39
--- arms/html/reqServiceList/content-container.html	(.../content-container.html)	(revision 5015b424ad7d15ed54892227bef0076664ad77ba)
+++ arms/html/reqServiceList/content-container.html	(.../content-container.html)	(revision 4413589a2c1bd8fe8b9e94c68b86bb2186180a39)
@@ -33,26 +33,22 @@
             </div>
         </div>
     </section>
-</div>
-
-<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>
+    <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>
-        </section>
-    </div>
+        </div>
+    </section>
 </div>
 
-<div class="col-lg-5">
+
+<div class="col-lg-8">
     <section class="widget">
         <header>
             <h4>
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/js/reqChange.js'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/js/reqRegist.js'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/reqChange.html'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/reqRegist.html'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/reqReview.html'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d3185c9ea9a5b2b4b96b36d4a22327c21d02dcf1 refers to a dead (removed) revision in file `arms/reqStatus.html'.
FishEye: No comparison available.  Pass `N' to diff?