Index: pages/ARMS-info/template-box-body.html
===================================================================
diff -u -r1d66b66d678bb16dcec20fbff68e9fefd21ec0f2 -rc1fa30e548c07cb1741b5294a3714789c4224570
--- pages/ARMS-info/template-box-body.html	(.../template-box-body.html)	(revision 1d66b66d678bb16dcec20fbff68e9fefd21ec0f2)
+++ pages/ARMS-info/template-box-body.html	(.../template-box-body.html)	(revision c1fa30e548c07cb1741b5294a3714789c4224570)
@@ -3,531 +3,15 @@
     <img src="armsmonitoring.png" width="100%">
 </div>
 -->
-<div class="font11 col-md-4">
+<div class="font11 col-md-12">
     <div class="boxwhite box-primary">
         <div class="box-header with-border">
-            <h3 class="arms-title">Agent List</h3>
+            <h3 class="arms-title">aRMS 모니터링 컨셉</h3>
         </div>
         <!-- /.box-header -->
 
         <div class="box-body">
-            <div id="mmenu">
-                <input type="text" id="text" placeholder="찾을 노드 이름 입력" data-tooltip="Press Enter To Node To Search" />
-                <button type="button" id="search" title="Search">
-                    <i class="fa fa-search"></i>
-                    Search
-                </button>
-            </div>
-            <div id="demo"></div>
+            <img src="../dist/img/ARMS/armsmonitoring.png" width="100%">
         </div>
-        <script type="text/javascript">
-
-            var storedJsonObj;
-            var herfStrArr = [];
-
-            function jsTreeBuild(){
-
-                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'));
-
-                //operation enviorment setup and local development configuration
-                if($(location).attr('port') == 9999){
-                    console.log("csrf 우회 because local development");
-                }else{
-                    $.ajax({
-                        async: false,
-                        type: 'GET',
-                        url: "/api/jsTreeServiceFramework/security/csrf.do",
-                        success: function(r) {
-                            var token = r._csrf_token;
-                            var header = r._csrf_headerName;
-                            $(document).ajaxSend(function(e, xhr, options) {
-                                xhr.setRequestHeader(header, token);
-                            });
-                        }
-                    });
-                }
-
-                $("#demo").bind(
-                        "before.jstree",
-                        function(e, data) {
-                            $("li:not([rel='drive']).jstree-open > a > .jstree-icon").css('background-image',
-                                    'url(../dist/js/jstree-v.pre1.0/themes/toolbar_open.png)');
-                            $("li:not([rel='drive']).jstree-closed > a > .jstree-icon").css('background-image',
-                                    'url(../dist/js/jstree-v.pre1.0/themes/ic_explorer.png)');
-                        }).jstree({
-                    // List of active plugins
-                    "plugins": ["themes", "json_data", "ui", "crrm", "cookies", "dnd", "search", "types", "hotkeys", "contextmenu", "checkbox"],
-
-                    //contextmenu
-                    "contextmenu": {
-                        items: { // Could be a function that should return an object like this one
-                            "create": {
-                                "separator_before": true,
-                                "separator_after": true,
-                                "label": "Create",
-                                "action": false,
-                                "submenu": {
-                                    "create_file": {
-                                        "seperator_before": false,
-                                        "seperator_after": false,
-                                        "label": "File",
-                                        action: function(obj) {
-                                            this.create(obj, "last", {
-                                                "attr": {
-                                                    "rel": "default"
-                                                }
-                                            });
-                                        }
-                                    },
-                                    "create_folder": {
-                                        "seperator_before": false,
-                                        "seperator_after": false,
-                                        "label": "Folder",
-                                        action: function(obj) {
-                                            this.create(obj, "last", {
-                                                "attr": {
-                                                    "rel": "folder"
-                                                }
-                                            });
-                                        }
-                                    }
-
-                                }
-                            },
-                            "ccp": {
-                                "separator_before": false,
-                                "separator_after": true,
-                                "label": "Edit",
-                                "action": false,
-                                "submenu": {
-                                    "cut": {
-                                        "seperator_before": false,
-                                        "seperator_after": false,
-                                        "label": "Cut",
-                                        action: function(obj) {
-                                            this.cut(obj, "last", {
-                                                "attr": {
-                                                    "rel": "default"
-                                                }
-                                            });
-                                        }
-                                    },
-                                    "paste": {
-                                        "seperator_before": false,
-                                        "seperator_after": false,
-                                        "label": "Paste",
-                                        action: function(obj) {
-                                            this.paste(obj, "last", {
-                                                "attr": {
-                                                    "rel": "folder"
-                                                }
-                                            });
-                                        }
-                                    },
-
-                                    "changeType": {
-                                        "seperator_before": false,
-                                        "seperator_after": false,
-                                        "label": "Change Type",
-                                        "submenu": {
-                                            "toFile": {
-                                                "seperator_before": false,
-                                                "seperator_after": false,
-                                                "label": "toFile",
-                                                action: function(obj) {
-                                                    this.set_type("default");
-                                                }
-                                            },
-                                            "toFolder": {
-                                                "seperator_before": false,
-                                                "seperator_after": false,
-                                                "label": "toFolder",
-                                                action: function(obj) {
-                                                    this.set_type("folder");
-                                                }
-                                            }
-                                        }
-                                    }
-
-                                }
-                            }
-
-                        }
-                    },
-
-                    // I usually configure the plugin that handles the data first
-                    // This example uses JSON as it is most common
-                    "json_data": {
-                        // This tree is ajax enabled - as this is most common, and maybe a bit more complex
-                        // All the options are almost the same as jQuery's AJAX (read the docs)
-                        "ajax": {
-                            // the URL to fetch the data
-                            "url": "/api/devicelist/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)
-                            "data": function(n) {
-                                // the result is fed to the AJAX request `data` option
-                                return {
-                                    "c_id": n.attr ? n.attr("id").replace("node_", "").replace("copy_", "") : 1
-                                };
-                            },
-                            "success": function(n) {
-                                storedJsonObj = JSON.parse(JSON.stringify(n));
-                                jSuccess('access good');
-                            }
-                        }
-                    },
-                    // Configuring the search plugin
-                    "search": {
-                        // As this has been a common question - async search
-                        // Same as above - the `ajax` config option is actually jQuery's AJAX object
-                        "ajax": {
-                            "url": "/api/devicelist/searchNode.do",
-                            // You get the search string as a parameter
-                            "data": function(str) {
-                                return {
-                                    "searchString": str
-                                };
-                            },
-                            "success": function(n) {
-                                jSuccess('search data complete');
-                            }
-                        }
-                    },
-                    // Using types - most of the time this is an overkill
-                    // read the docs carefully to decide whether you need types
-                    "types": {
-                        // I set both options to -2, as I do not need depth and children count checking
-                        // Those two checks may slow jstree a lot, so use only when needed
-                        "max_depth": -2,
-                        "max_children": -2,
-                        // I want only `drive` nodes to be root nodes
-                        // This will prevent moving or creating any other type as a root node
-                        "valid_children": ["drive"],
-                        "types": {
-                            // The default type
-                            "default": {
-                                // I want this type to have no children (so only leaf nodes)
-                                // In my case - those are files
-                                "valid_children": "none",
-                                // If we specify an icon for the default type it WILL OVERRIDE the theme icons
-                                "icon": {
-                                    "image": "../dist/js/jstree-v.pre1.0/themes/attibutes.png"
-                                }
-                            },
-                            // The `folder` type
-                            "folder": {
-                                // can have files and other folders inside of it, but NOT `drive` nodes
-                                "valid_children": ["default", "folder"],
-                                "icon": {
-                                    "image": "../dist/js/jstree-v.pre1.0/themes/ic_explorer.png"
-                                }
-                            },
-                            // The `drive` nodes
-                            "drive": {
-                                // can have files and folders inside, but NOT other `drive` nodes
-                                "valid_children": ["default", "folder"],
-                                "icon": {
-                                    "image": "../dist/js/jstree-v.pre1.0/themes/home.png"
-                                },
-                                // those prevent the functions with the same name to be used on `drive` nodes
-                                // internally the `before` event is used
-                                "start_drag": false,
-                                "move_node": false,
-                                "delete_node": false,
-                                "remove": false
-                            }
-                        }
-                    },
-                    // UI & core - the nodes to initially select and open will be overwritten by the cookie plugin
-
-                    // the UI plugin - it handles selecting/deselecting/hovering nodes
-                    "ui": {
-                        // this makes the node with ID node_4 selected onload
-                        "initially_select": ["node_4"]
-                    },
-                    // the core plugin - not many options here
-                    "core": {
-                        // just open those two nodes up
-                        // as this is an AJAX enabled tree, both will be downloaded from the server
-                        "initially_open": ["node_2", "node_3"]
-                    }
-                }).bind("create.jstree", function(e, data) {
-                    $.post("/api/devicelist/addNode.do", {
-                        "ref": data.rslt.parent.attr("id").replace("node_", "").replace("copy_", ""),
-                        "c_position": data.rslt.position,
-                        "c_title": data.rslt.name,
-                        "c_type": data.rslt.obj.attr("rel")
-                    }, function(r) {
-                        if (r.status) {
-                            $(data.rslt.obj).attr("id", "node_" + r.id);
-                            jNotify('Notification : <strong>Add Node</strong>, Complete !');
-                        } else {
-                            $.jstree.rollback(data.rlbk);
-                        }
-                        if (typeof Chat != "undefined"){
-                            Chat.sendMessage("노드를 추가했습니다. 추가된 노드의 아이디는 " + r.id , function(data) {
-                                console.log(data);
-                            });
-                        }
-                        jstreeDataTableReload();
-                        jsTreeBuild();
-                    });
-                }).bind("remove.jstree", function(e, data) {
-                    data.rslt.obj.each(function() {
-                        $.ajax({
-                            async: false,
-                            type: 'POST',
-                            url: "/api/devicelist/removeNode.do",
-                            data: {
-                                "c_id": this.id.replace("node_", "").replace("copy_", "")
-                            },
-                            success: function(r) {
-                                jNotify('Notification : <strong>Remove Node</strong>, Complete !');
-                                if (typeof Chat != "undefined"){
-                                    Chat.sendMessage("노드를 삭제했습니다. 삭제된 노드의 아이디는 " + r.c_id , function(data) {
-                                        console.log(data);
-                                    });
-                                }
-                                jstreeDataTableReload();
-                                jsTreeBuild();
-                            }
-                        });
-                    });
-                }).bind("rename.jstree", function(e, data) {
-                    $.post("/api/devicelist/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")
-                    }, function(r) {
-                        if (!r.status) {
-                            $.jstree.rollback(data.rlbk);
-                        }
-                        jSuccess('Rename Node Complete');
-                        if (typeof Chat != "undefined"){
-                            Chat.sendMessage("노드를 변경했습니다. 변경된 노드의 아이디는 " + r.c_id , function(data) {
-                                console.log(data);
-                            });
-                        }
-                        jstreeDataTableReload();
-                        jsTreeBuild();
-                    });
-                }).bind("set_type.jstree", function(e, data) {
-                    $.post("/api/devicelist/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")
-                    }, function(r) {
-                        jSuccess('Node Type Change');
-                        if (typeof Chat != "undefined"){
-                            Chat.sendMessage("노드를 변경했습니다. 변경된 노드의 아이디는 " + r.c_id , function(data) {
-                                console.log(data);
-                            });
-                        }
-                        jstreeDataTableReload();
-                        jsTreeBuild();
-                    });
-                }).bind("move_node.jstree", function(e, data) {
-                    data.rslt.o.each(function(i) {
-                        $.ajax({
-                            async: false,
-                            type: 'POST',
-                            url: "/api/devicelist/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_", ""),
-                                "c_position": data.rslt.cp + i,
-                                "c_title": data.rslt.name,
-                                "copy": data.rslt.cy ? 1 : 0,
-                                "multiCounter": i
-                            },
-                            success: function(r) {
-                                if (r.status) {
-                                    $.jstree.rollback(data.rlbk);
-                                } else {
-                                    $(data.rslt.oc).attr("id", "node_" + r.id);
-                                    if (data.rslt.cy && $(data.rslt.oc).children("UL").length) {
-                                        data.inst.refresh(data.inst._get_parent(data.rslt.oc));
-                                    }
-                                }
-                                jNotify('Notification : <strong>Move Node</strong> Complete !');
-                                if (typeof Chat != "undefined"){
-                                    Chat.sendMessage("노드가 이동되었습니다. 이동된 노드의 아이디는 " + r.c_id , function(data) {
-                                        console.log(data);
-                                    });
-                                }
-                                jstreeDataTableReload();
-                                jsTreeBuild();
-                            }
-                        });
-                    });
-                }).bind("select_node.jstree", function (event, data) {
-                    // `data.rslt.obj` is the jquery extended node that was clicked
-                    if ($.isFunction(jsTreeClick)) {
-                        jsTreeClick(data.rslt.obj[0].getElementsByClassName('jstree-clicked')[0].innerText);
-                    }
-                }).bind("check_node.jstree", function (event, data) {
-                    var check_node = $.trim(data.rslt.obj[0].innerText);
-                    $.each(storedJsonObj, function(){
-                        if(this["c_monitor_device_hostname"]== check_node){
-                            herfStrArr.push(this);
-                        }
-                    });
-                }).bind("uncheck_node.jstree", function (event, data) {
-                    var check_node = $.trim(data.rslt.obj[0].innerText);
-                    $.each(storedJsonObj, function(){
-                        if(this["c_monitor_device_hostname"]== check_node){
-                            $.each(herfStrArr, function(index, item){
-                                if(item.c_monitor_device_hostname == check_node){
-                                    herfStrArr.splice(index, 1);
-                                }
-                            });
-                        }
-                    });
-                });
-
-                $("#mmenu input, #mmenu button").click(function() {
-                    switch (this.id) {
-                        case "add_default":
-                        case "add_folder":
-                            $("#demo").jstree("create", null, "last", {
-                                "attr": {
-                                    "rel": this.id.toString().replace("add_", "")
-                                }
-                            });
-                            break;
-                        case "search":
-                            $("#demo").jstree("search", document.getElementById("text").value);
-                            //$("#jstreeTable_filter").find('input[type="search"]').val();
-                            $('#jstreeTable').DataTable().column(6).search(document.getElementById("text").value).draw();
-                            break;
-                        case "text":
-                            break;
-                        default:
-                            $("#demo").jstree(this.id);
-                            break;
-                    }
-                });
-            }
-
-            $(function() {
-                jsTreeBuild();
-            });
-            // Code for the menu buttons
-        </script>
     </div>
 </div>
-
-<div class="font11 col-md-8">
-    <div class="boxwhite box-primary">
-        <div class="box-header with-border">
-            <h3 class="arms-title">Agent Info</h3>
-        </div>
-        <!-- /.box-header -->
-        <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_monitor_device_hostname</th>
-                    <th>c_monitor_url_filebeat</th>
-                    <th>c_monitor_url_topbeat</th>
-                    <th>c_monitor_url_metricbeat</th>
-                    <th>c_monitor_url_packetbeat</th>
-                    <th>c_monitor_url_heartbeat</th>
-                    <th>c_monitor_url_apm</th>
-                    <th>c_monitor_url_scouter</th>
-                </tr>
-                </thead>
-            </table>
-
-            <script type="text/javascript">
-                function jstreeDataTableReload() {
-                    $('#jstreeTable').dataTable({
-                        "ajax": {
-                            "url": "/api/devicelist/getMonitor.do",
-                            "dataSrc": ""
-                        },
-                        "destroy": true,
-                        "processing": true,
-                        "responsive": 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" },
-                            { "data": "c_monitor_device_hostname" },
-                            { "data": "c_monitor_url_filebeat" },
-                            { "data": "c_monitor_url_topbeat" },
-                            { "data": "c_monitor_url_metricbeat" },
-                            { "data": "c_monitor_url_packetbeat" },
-                            { "data": "c_monitor_url_heartbeat" },
-                            { "data": "c_monitor_url_apm" },
-                            { "data": "c_monitor_url_scouter" }
-                        ]
-                    });
-                }
-
-                $(function() {
-                    jstreeDataTableReload();
-                });
-
-                function jsTreeClick(selectedNodeID) {
-                    console.log(selectedNodeID);
-                }
-            </script>
-        </div>
-        <!-- /.box-body -->
-    </div>
-    <!-- /. box -->
-</div>
-
-<div class="font12 col-md-12">
-    </br>
-    <button type="button" id="toGrafana" class="font13 btn btn-block btn-aui">Launch Monitorig Chart ( &Grafana )</button>
-    <script type="text/javascript">
-        $(function() {
-            $('#toGrafana').click(function(){
-
-                var theUrl = "";
-                if($(location).attr('port') == 9999){
-                    theUrl = "http://192.168.25.46:3000/d/null/all-in-one-dashbard?orgId=1&";
-                }else {
-                    theUrl = "http://www.313.co.kr:3000/d/null/all-in-one-dashbard?orgId=1&";
-                }
-
-                $.each(herfStrArr, function(index, item){
-                    theUrl = theUrl + "var-obj=" + item.c_monitor_url_scouter + "&";
-
-                    theUrl = theUrl + "var-fhostname=" + item.c_monitor_url_filebeat + "&";
-                    theUrl = theUrl + "var-thostname=" + item.c_monitor_url_topbeat + "&";
-                    theUrl = theUrl + "var-mhostname=" + item.c_monitor_url_metricbeat + "&";
-                    theUrl = theUrl + "var-phostname=" + item.c_monitor_url_packetbeat + "&";
-                    theUrl = theUrl + "var-hhostname=" + item.c_monitor_url_heartbeat + "&";
-                    theUrl = theUrl + "var-ahostname=" + item.c_monitor_url_apm + "&";
-                });
-
-                window.open(theUrl, 'grafana');
-            });
-        });
-    </script>
-    </br>
-</div>
Index: pages/ARMS-info/template-box-header.html
===================================================================
diff -u -r1d66b66d678bb16dcec20fbff68e9fefd21ec0f2 -rc1fa30e548c07cb1741b5294a3714789c4224570
--- pages/ARMS-info/template-box-header.html	(.../template-box-header.html)	(revision 1d66b66d678bb16dcec20fbff68e9fefd21ec0f2)
+++ pages/ARMS-info/template-box-header.html	(.../template-box-header.html)	(revision c1fa30e548c07cb1741b5294a3714789c4224570)
@@ -5,6 +5,5 @@
 <!-- /.user-block -->
 <ol class="breadcrumb">
     <li><a href="#"><i class="fa fa-sitemap"></i> Home</a></li>
-    <li class="active">System Service</li>
-    <li class="active">Monitoring</li>
+    <li class="active">Monitoring Service</li>
 </ol>
\ No newline at end of file
Index: pages/ARMS/template-box-header.html
===================================================================
diff -u -r1d66b66d678bb16dcec20fbff68e9fefd21ec0f2 -rc1fa30e548c07cb1741b5294a3714789c4224570
--- pages/ARMS/template-box-header.html	(.../template-box-header.html)	(revision 1d66b66d678bb16dcec20fbff68e9fefd21ec0f2)
+++ pages/ARMS/template-box-header.html	(.../template-box-header.html)	(revision c1fa30e548c07cb1741b5294a3714789c4224570)
@@ -5,6 +5,5 @@
 <!-- /.user-block -->
 <ol class="breadcrumb">
     <li><a href="#"><i class="fa fa-sitemap"></i> Home</a></li>
-    <li class="active">System Service</li>
-    <li class="active">Monitoring</li>
+    <li class="active">Monitoring Service</li>
 </ol>
\ No newline at end of file