update

lib/system/templates/system_all_log.html

@@ -0,0 +1,114 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div>
+  {{ macros.setting_select_empty('log_select1', '로그 파일 선택 (.log)') }}
+  {{ macros.setting_select_empty('log_select2', '로그 파일 선택 (.logX)') }}
+  <nav>
+    {{ macros.m_tab_head_start() }}
+      {{ macros.m_tab_head('이전', true) }}
+      {{ macros.m_tab_head('실시간', false) }}
+    {{ macros.m_tab_head_end() }}
+  </nav>
+  <div class="tab-content" id="nav-tabContent">
+    {{ macros.m_tab_content_start('이전', true) }}
+      <div>
+        <textarea id="log" class="col-md-12" rows="30" charswidth="23" disabled style="background-color:#ffffff;visibility:hidden"></textarea>
+      </div>
+    {{ macros.m_tab_content_end() }}
+    {{ macros.m_tab_content_start('실시간', false) }}
+      <div>
+        <textarea id="add" class="col-md-12" rows="30" charswidth="23" disabled style="background-color:#ffffff;visibility:visible"></textarea>
+      </div>
+      <div class="form-inline">
+        <label class="form-check-label" for="auto_scroll">자동 스크롤</label>
+        <input id="auto_scroll" name="auto_scroll" class="form-control form-control-sm" type="checkbox" data-toggle="toggle" checked>
+        <span class='text-left' style="padding-left:25px; padding-top:0px">
+          <button id="clear" class="btn btn-sm btn-outline-success">리셋</button>
+        </span>
+      </div>
+    {{ macros.m_tab_content_end() }}
+  </div>
+</div>
+
+<script type="text/javascript">
+var log_list = "{{arg['log_list']}}";
+var all_list = "{{arg['all_list']}}";
+
+var protocol = window.location.protocol;
+var socket = io.connect(protocol + "//" + document.domain + ":" + location.port + "/log");
+var current_filename = '';
+var start_filename = "{{arg['filename']}}";
+
+$(document).ready(function() {
+  $('#main_container').attr('class', 'container-fluid');
+  ResizeTextArea()
+  make_form()
+  if (start_filename != '')
+    document.getElementById('log_select').value = start_filename;
+    $('#log_select').change();
+})
+
+function make_form() {
+  str = '<select id="log_select" name="log_select" class="form-control form-control-sm">';
+  data = log_list.split('|')
+  for(var i in data) {
+    str += '<option value="' + data[i] + '">' + data[i] + '</option>';
+  }
+  $("#log_select1_div").html(str);
+
+  str = '<select id="log_select" name="log_select" class="form-control form-control-sm">';
+  data = all_list.split('|')
+  for(var i in data) {
+    str += '<option value="' + data[i] + '">' + data[i] + '</option>';
+  }
+  $("#log_select2_div").html(str);
+}
+
+$("body").on('change', '#log_select', function(e){
+  e.preventDefault();
+  filename = $(this)[0].value;
+  current_filename = filename;
+  $('#loading').show();
+  $("#add").html('');
+  socket.emit("start", {'filename':filename} );
+});
+
+
+function ResizeTextArea() {
+  ClientHeight = window.innerHeight
+  $("#log").height(ClientHeight-300);
+  $("#add").height(ClientHeight-320);
+}
+
+$(window).resize(function() {
+  ResizeTextArea();
+});
+
+
+socket.on('on_start', function(data){
+  document.getElementById("log").innerHTML += data.data;
+  document.getElementById("log").scrollTop = document.getElementById("log").scrollHeight;
+  document.getElementById("log").style.visibility = 'visible';
+  $('#loading').hide();
+});
+
+socket.on('add', function(data){
+  if (data.filename == current_filename) {
+    var chk = $('#auto_scroll').is(":checked");
+    document.getElementById("add").innerHTML += data.data;
+    if (chk) document.getElementById("add").scrollTop = document.getElementById("add").scrollHeight;
+  }
+});
+
+$("#clear").click(function(e) {
+  e.preventDefault(); 
+  document.getElementById("add").innerHTML = '';
+});
+
+$("#auto_scroll").click(function(){
+  var chk = $(this).is(":checked");//.attr('checked');
+});
+  
+</script>    
+{% endblock %}