@@ -106,58 +106,58 @@ logWatch.url = "ws://" + logWatch.host + ":" + logWatch.port + "/";
106
106
107
107
// ログの変更関連
108
108
logWatch .clear = function () {
109
- logWatch .dom .logs .children ().remove ();
109
+ this .dom .logs .children ().remove ();
110
110
};
111
111
logWatch .changeLog = function () {
112
- ws .send (logWatch .dom .logfile .val ());
112
+ ws .send (this .dom .logfile .val ());
113
113
this .clear ();
114
114
};
115
115
logWatch .showIndicator = function () {
116
- if ( logWatch .isPause ) {
117
- logWatch .dom .indicator .addClass (" pause" );
116
+ if ( this .isPause ) {
117
+ this .dom .indicator .addClass (" pause" );
118
118
}
119
119
else {
120
- logWatch .dom .indicator .removeClass (" pause" );
120
+ this .dom .indicator .removeClass (" pause" );
121
121
}
122
122
};
123
123
124
124
// ログ表示の一時停止・再開関連
125
125
// ポーズチェックボックスの確認
126
126
logWatch .pauseIsChecked = function () {
127
- return $ (logWatch .dom .pause ).is (" :checked" );
128
- }
127
+ return $ (this .dom .pause ).is (" :checked" );
128
+ };
129
129
// ポーズ解除
130
130
logWatch .resume = function () {
131
- logWatch .isPause = false ;
131
+ this .isPause = false ;
132
132
$ (" .paused" ).fadeIn ().removeClass (" paused" ).removeClass (" hidden" );
133
- logWatch .showIndicator ();
134
- logWatch .clearHiddenCount ();
135
- logWatch .showHiddenCount ();
133
+ this .showIndicator ();
134
+ this .clearHiddenCount ();
135
+ this .showHiddenCount ();
136
136
};
137
137
// ポーズ
138
138
logWatch .pause = function () {
139
- logWatch .isPause = true ;
140
- logWatch .showIndicator ();
139
+ this .isPause = true ;
140
+ this .showIndicator ();
141
141
};
142
142
// チェックボックス操作によるポーズ・ポーズ解除
143
143
logWatch .checkbox = function () {
144
- if ( logWatch .pauseIsChecked () ) {
145
- logWatch .pause ();
144
+ if ( this .pauseIsChecked () ) {
145
+ this .pause ();
146
146
}
147
147
else {
148
- logWatch .resume ();
148
+ this .resume ();
149
149
}
150
- }
150
+ };
151
151
// マウス操作によるポーズ
152
152
logWatch .mouseOver = function () {
153
- logWatch .pause ();
154
- }
153
+ this .pause ();
154
+ };
155
155
// マウス操作によるポーズ解除
156
156
logWatch .mouseOut = function () {
157
- if (! logWatch .pauseIsChecked () ) {
158
- logWatch .resume ();
157
+ if (! this .pauseIsChecked () ) {
158
+ this .resume ();
159
159
}
160
- }
160
+ };
161
161
162
162
// ログの更新関連
163
163
// ステージへ追加
@@ -167,46 +167,47 @@ logWatch.append = function(data) {
167
167
data = data .replace (/ </ g , " <" ); // HTML表示用に不等号を文字参照に
168
168
data = data .replace (/ >/ g , " >" ); // HTML表示用に不等号を文字参照に
169
169
var item = $ (' <li class="log hidden">' + data + " </li>" );
170
- if ( logWatch .odd ) {
170
+ if ( this .odd ) {
171
171
item .addClass (" odd" );
172
172
}
173
- if ( logWatch .isPause ) {
173
+ if ( this .isPause ) {
174
174
item .addClass (" paused" );
175
175
}
176
- item .mouseover ( function () { logWatch .mouseOver () } );
177
- item .mouseout ( function () { logWatch .mouseOut () } );
176
+ var self = this ;
177
+ item .mouseover ( function () { self .mouseOver (); } );
178
+ item .mouseout ( function () { self .mouseOut (); } );
178
179
this .dom .logs .prepend (item);
179
- if ( ! logWatch .isPause ) {
180
+ if ( ! this .isPause ) {
180
181
item .fadeIn (60 ).removeClass (" hidden" );
181
182
} else {
182
- logWatch .incHiddenCount ();
183
- logWatch .showHiddenCount ();
183
+ this .incHiddenCount ();
184
+ this .showHiddenCount ();
184
185
}
185
186
};
186
187
187
188
// カウント関連
188
189
logWatch .incHiddenCount = function () {
189
- logWatch .hiddenCount ++ ;
190
+ this .hiddenCount ++ ;
190
191
};
191
192
logWatch .getHiddenCount = function () {
192
- return logWatch .hiddenCount ;
193
- }
193
+ return this .hiddenCount ;
194
+ };
194
195
logWatch .clearHiddenCount = function () {
195
- logWatch .hiddenCount = 0 ;
196
- }
196
+ this .hiddenCount = 0 ;
197
+ };
197
198
logWatch .showHiddenCount = function () {
198
- var count = logWatch .getHiddenCount ();
199
+ var count = this .getHiddenCount ();
199
200
if ( count == 0 ) {
200
201
count = " " ;
201
202
}
202
- logWatch .dom .indicator .text ( count );
203
- }
203
+ this .dom .indicator .text ( count );
204
+ };
204
205
logWatch .addCount = function () {
205
- logWatch .odd = ++ logWatch .odd % 2 ;
206
- }
206
+ this .odd = ++ this .odd % 2 ;
207
+ };
207
208
208
209
// WebSocketオブジェクト
209
- var WebSocket = window .WebSocket || Window .MozWebSocket ;
210
+ var WebSocket = window .WebSocket || window .MozWebSocket ;
210
211
try {
211
212
ws = new WebSocket (logWatch .url );
212
213
}
@@ -220,22 +221,22 @@ $( function() {
220
221
221
222
ws .onopen = function () {
222
223
logWatch .append ( logWatch .url + " へ接続しました" );
223
- }
224
+ };
224
225
ws .onerror = function (event ){
225
226
// エラー処理
226
227
console .log (event );
227
- }
228
+ };
228
229
// データが着信すると動作するonmessageイベント
229
230
ws .onmessage = function (msg ) {
230
231
var data = JSON .parse ( msg .data );
231
232
logWatch .append ( data );
232
233
logWatch .addCount ();
233
- }
234
+ };
234
235
ws .onclose = function () {
235
236
logWatch .append (" 接続が切れました(" + logWatch .url + " )<br />"
236
237
+ " サーバ側にnode.jsが設置され、サーバスクリプトが"
237
238
+ " 動いていることを確認してください。" );
238
- }
239
+ };
239
240
});
240
241
</script >
241
242
</html >
0 commit comments