qmodem-next: use luci textarea in dial log and at debug output area

Author: FUjr

application/qmodem/files/usr/libexec/rpcd/qmodem

@@ -349,7 +349,7 @@ EOF
                         json_init
                         log_file="/var/run/qmodem/${config_section}_dir/dial_log"
                         if [ -f "$log_file" ]; then
-                            log_content=$(cat "$log_file")
+                            log_content=$(cat "$log_file" | tail -n 100)
                             json_add_string log "$log_content"
                         else
                             json_add_string log ""

luci/luci-app-qmodem-next/htdocs/luci-static/resources/view/qmodem/debug.js

@@ -171,9 +171,11 @@ return view.extend({
 			responseSection.appendChild(E('label', { 'class': 'cbi-value-title' }, _('Response')));
 			var responseField = E('div', { 'class': 'cbi-value-field' });
 
-			var responseDiv = E('pre', {
+			var responseDiv = E('textarea', {
 				'id': 'at_response_' + modem.id,
-				'style': 'background: var(#404040); color: var(#ffffff); padding: 10px; min-height: 100px; max-height: 400px; overflow-y: auto; font-family: monospace; white-space: pre-wrap; border: 1px solid var(--border-color-medium, #cccccc);'
+				'style': 'padding: 10px; overflow-y: auto; font-family: monospace; white-space: pre-wrap; width: 80%;',
+				'rows': 20,
+				'readonly': 'readonly',
 			}, _('Click "Send AT Command" to execute'));
 
 			var sendBtn = E('button', {

luci/luci-app-qmodem-next/htdocs/luci-static/resources/view/qmodem/network_config.js

@@ -876,11 +876,10 @@ return view.extend({
 		var dialog = ui.showModal(title, [
 			E('style', {}, '\
 				.dial-log-content { \
-					background: #f5f5f5; \
 					padding: 10px; \
-					border: 1px solid #ddd; \
 					border-radius: 3px; \
 					max-height: 400px; \
+					width: 100%; \
 					overflow-y: auto; \
 					font-family: monospace; \
 					font-size: 12px; \
@@ -890,7 +889,6 @@ return view.extend({
 				.dial-log-empty { \
 					text-align: center; \
 					padding: 40px; \
-					color: #999; \
 				}'),
 			logContent,
 			E('div', { 'class': 'right' }, [
@@ -932,7 +930,7 @@ return view.extend({
 					);
 				} else {
 					container.appendChild(
-						E('pre', { 'class': 'dial-log-content' }, result.log)
+							E('textarea', { 'class': 'dial-log-content','readonly':'readonly','rows':'20','maxlength':'160' }, result.log)
 					);
 				}
 			} else {