Use window.addEventListener instead of $(document).ready

Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>

app/javascript/packs/application.js

@@ -37,6 +37,6 @@ window.Vuex = Vuex;
 
 import "../stylesheets/application.scss";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   $("[data-toggle=tooltip]").tooltip();
 });

app/javascript/packs/filter_grep_setting.js

@@ -4,7 +4,7 @@ import "lodash/lodash";
 
 import GrepContainer from "./grep_container";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   new Vue({
     el: "#filter-grep-setting",
     components: {

app/javascript/packs/fluent_log.js

@@ -1,5 +1,5 @@
 "use strict";
-$(document).ready(()=> {
+window.addEventListener("load", ()=> {
   new Vue({
     el: "#fluent-log",
     data: {

app/javascript/packs/in_tail_parse.js

@@ -6,7 +6,7 @@ import "bootstrap/dist/js/bootstrap";
 import ParserPluginForm from "./parser_plugin_form";
 import store from "./store";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   new Vue({
     el: "#in-tail-parse",
     store,

app/javascript/packs/nested_settings.js

@@ -1,7 +1,7 @@
 /* global _ */
 "use strict";
 import "lodash/lodash";
-$(document).ready(()=> {
+window.addEventListener("load", () => {
   var $firstSetting = $(".js-nested-column.js-multiple:first");
 
   if ($firstSetting.length === 0) {

app/javascript/packs/notification.js

@@ -1,7 +1,7 @@
 const POLLING_INTERVAL = 3 * 1000;
 const POLLING_URL = "/polling/alerts";
 
-$(document).ready(()=> {
+window.addEventListener("load", ()=> {
   new Vue({
     el: "#vue-notification",
     data: {

app/javascript/packs/out_forward_setting.js

@@ -3,7 +3,7 @@
 import TransportConfig from "./transport_config";
 import OwnedPluginForm from "./owned_plugin_form";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   new Vue({
     el: "#out-forward-setting",
     components: {

app/javascript/packs/out_s3_setting.js

@@ -3,7 +3,7 @@
 import OwnedPluginForm from "./owned_plugin_form";
 import AwsCredential from "./aws_credential";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   new Vue({
     el: "#out-s3-setting",
     components: {

app/javascript/packs/settings.js

@@ -3,7 +3,7 @@
 
 import "lodash/lodash";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   const SettingSection = {
     template: "#vue-setting-section",
     props: [

app/javascript/packs/transport_section.js

@@ -4,7 +4,7 @@ import "lodash/lodash";
 
 import ConfigField from "./config_field";
 
-$(document).ready(() => {
+window.addEventListener("load", () => {
   new Vue({
     el: "#transport-section",
     components: {

app/javascript/packs/treeview.js

@@ -1,7 +1,7 @@
 /* global _ */
 "use strict";
 import "lodash/lodash";
-$(document).ready(() => {
+window.addEventListener("load", () => {
   new Vue({
     el: "#treeview",
     props: {

app/views/misc/information.html.haml

@@ -65,7 +65,7 @@
               %td= value
 
 :javascript
-  $(document).ready(function() {
+  window.addEventListener("load", () => {
     $('#env-table').dataTable({
       "autoWidth": false,
       "ordering": true,

app/views/plugins/installed.html.haml

@@ -53,7 +53,7 @@
               = submit_tag t('plugins.common.install_latest_version'), class: "btn btn-primary"
 
 :javascript
-  $(document).ready(function() {
+  window.addEventListener("load", () => {
     $('#plugins-table').dataTable({
       "autoWidth": false,
       "ordering": true,

app/views/plugins/recommended.html.haml

@@ -29,7 +29,7 @@
 
 
 :javascript
-  $(document).ready(function() {
+  window.addEventListener("load", () => {
     $('#plugins-table').dataTable({
       "autoWidth": false,
       "ordering": true,