Index: pages/ARMS.html
===================================================================
diff -u -rc3a73cc285b368285792ba1937883ff18dba2732 -rb993c0d2ee45efc5a7762ac5cf6212045bef2cba
--- pages/ARMS.html	(.../ARMS.html)	(revision c3a73cc285b368285792ba1937883ff18dba2732)
+++ pages/ARMS.html	(.../ARMS.html)	(revision b993c0d2ee45efc5a7762ac5cf6212045bef2cba)
@@ -200,6 +200,19 @@
 <!-- AdminLTE for demo purposes -->
 <script src="../dist/js/demo.js"></script>
 
+<!-- JSTREE -->
+<script type="text/javascript" src='../dist/js/jstree-v.pre1.0/_lib/jquery.cookie.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/jstree-v.pre1.0/_lib/jquery.hotkeys.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/jstree-v.pre1.0/jquery.jstree.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/jnotify_v2.1/jquery/jNotify.jquery.min.js' charset="utf-8"></script>
+<link rel="stylesheet" type="text/css" href="../dist/js/jnotify_v2.1/jquery/jNotify.jquery.css" media="screen"/>
+<!-- dataTable -->
+<link rel="stylesheet" type="text/css" href="../dist/js/DataTables-1.10.16/media/css/jquery.dataTables.css" media="screen"/>
+<link rel="stylesheet" type="text/css" href="../dist/js/DataTables-1.10.16/extensions/Responsive/css/responsive.dataTables.css" media="screen"/>
+<script type="text/javascript" src='../dist/js/DataTables-1.10.16/media/js/jquery.dataTables.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/DataTables-1.10.16/extensions/Responsive/js/dataTables.responsive.js' charset="utf-8"></script>
+<!-- Style Setting -->
+
 <script>
     //<![CDATA[
     $(function () {
Index: pages/ARMS/template-box-body.html
===================================================================
diff -u -rad0fab2bff7189d3b1951fa23b4eb64ef32bbc1f -rb993c0d2ee45efc5a7762ac5cf6212045bef2cba
--- pages/ARMS/template-box-body.html	(.../template-box-body.html)	(revision ad0fab2bff7189d3b1951fa23b4eb64ef32bbc1f)
+++ pages/ARMS/template-box-body.html	(.../template-box-body.html)	(revision b993c0d2ee45efc5a7762ac5cf6212045bef2cba)
@@ -1,62 +1,532 @@
+<!--
+<div class="font12 col-md-12">
+    <img src="armsmonitoring.png" width="100%">
+</div>
+-->
+<div class="font11 col-md-4">
+    <div class="boxwhite box-primary">
+        <div class="box-header with-border">
+            <h3 class="arms-title">Agent List</h3>
+        </div>
+        <!-- /.box-header -->
 
-<!-- post text -->
-<p><strong>jsTree Service Framework<sup class="label-primary">TSF</sup></strong></p>
+        <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>
+        </div>
+        <script type="text/javascript">
 
-<p class="font13 lineh165">
+            var storedJsonObj;
+            var herfStrArr = [];
 
-    우리<sup>[1]</sup>는 <strong>엄청나게 빠르게 개발하고<sup>time</sup>, 높은 품질을 보장하면서도<sup>quality</sup>,
-    비용을 줄일 수 있는 방안<sup>cost</sup></strong>을 제시한다.<br>
-    우리는 <a href="https://zetawiki.com/wiki/%EC%9D%80%ED%83%84%ED%99%98%EC%9D%80_%EC%97%86%EB%8B%A4">
-    <strong>No Silver Bullets</strong><sub>은탄환은 없다.</sub></a>주장을, 이제 정면으로 반박하고 반증하고자 한다.<br>
+            function jsTreeBuild(){
 
-</p>
+                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'));
 
-<br>
-<ul class="list-unstyled font13 lineh165">
-    <li>우리는 jsTree Service Framework<sup>TSF</sup>을 통해 단순히 템플릿 프로젝트, 라이브러리를 제공하는데 그 목적을 다하지
-        않는다.
-        <ul>
-            <li>우리는 세련된 기법으로 <strong>프로젝트 문서를 온라인화 하는 방법</strong>을 소개한다.<a
-                    href="https://www.pmi.org/pmbok-guide-standards"><sub>with
-                PMBOK</sub></a></li>
-            <li>점증적 개발을 지원하는 <strong>단계별 표준적인 개발 지원도구</strong>를 소개한다.<sub>심지어 이 도구들은 모두 가상화
-                이미지로 제공될 수 있다.</sub></li>
-            <li><strong>통일된 프로그래밍 환경</strong>을 제공한다.<sub>project architect & project
-                template & project source code</sub></li>
-            <li>더불어 서비스 레이어 코드 작성시 적용할 jsTree Service Framework<sup>TSF</sup><strong>아키텍쳐와
-                디자인은 100% 하위 호환성을 가진체 Update</strong>를 제공한다.
-            </li>
-        </ul>
-    </li>
-</ul>
+                //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);
+                            });
+                        }
+                    });
+                }
 
-<br><br>
-<blockquote class="font13">
-    <p>프로젝트가 거듭될수록 쌓이는 지식은 다음 프로젝트에 적용되어야 한다.</p>
-    <small>일관된 서비스코드 작성을 위한, 재사용 가능하게 협업화된 클래스를 제공하는 <strong><cite title="Source Title">서비스
-        프레임워크가 필요한 시점이다.</cite></strong></small>
-</blockquote>
+                $("#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"],
 
-<!-- Attachment -->
-<div class="attachment-block clearfix">
-    <img class="attachment-img" src="http://www.313.co.kr/DeveloperPortal/Design/jsTreeServiceFramework/jstree.png" alt="Attachment Image">
+                    //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"
+                                                }
+                                            });
+                                        }
+                                    }
 
-    <div class="attachment-pushed">
-        <h4 class="attachment-heading"><a href="http://www.313.co.kr/">jsTree Service Framework</a></h4>
-        <div class="attachment-text">
-            Description about the attachment can be placed here.
-            Lorem Ipsum is simply dummy text of the printing and typesetting industry... <a
-                href="#">more</a>
+                                }
+                            },
+                            "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>
-        <!-- /.attachment-text -->
+        <!-- /.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>
-    <!-- /.attachment-pushed -->
+    <!-- /. box -->
 </div>
-<!-- /.attachment-block -->
 
-<!-- Social sharing buttons -->
-<button type="button" class="btn btn-default btn-xs"><i class="fa fa-share"></i> Share
-</button>
-<button type="button" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> Like
-</button>
-<span class="pull-right text-muted">45 likes - 2 comments</span>
\ No newline at end of file
+<div class="font12 col-md-12">
+    </br>
+    <button type="button" id="toGrafana" class="font13 btn btn-block btn-primary btn-lg">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>
+</div>
\ No newline at end of file
Index: dist/js/Chart.js-2.9.3/test/fixtures/controller.polarArea/angle-array.json
===================================================================
diff -u -rd9151374a6e2a6f286da87d1a998dd53a2423238 -rb993c0d2ee45efc5a7762ac5cf6212045bef2cba
--- dist/js/Chart.js-2.9.3/test/fixtures/controller.polarArea/angle-array.json	(.../angle-array.json)	(revision d9151374a6e2a6f286da87d1a998dd53a2423238)
+++ dist/js/Chart.js-2.9.3/test/fixtures/controller.polarArea/angle-array.json	(.../angle-array.json)	(revision b993c0d2ee45efc5a7762ac5cf6212045bef2cba)
@@ -1,6 +1,6 @@
 <div class="user-block">
     <img class="img-circle" src="http://www.313.co.kr/DeveloperPortal/Design/index/Logo/80_pixel.jpg" alt="User Image">
-    <span class="username"><a href="#">Welcome</a></span>
+    <span class="username"><a href="#">모니터링</a></span>
 </div>
 <!-- /.user-block -->
 <ol class="breadcrumb">