UniqueSoft/swirl
3
0
Fork 0
mirror of https://github.com/cuigh/swirl synced 2024-12-30 15:53:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Support refreshing logs automatically

Browse Source
This commit is contained in:
cuigh 2018-05-07 20:58:32 +08:00
parent 5746d9430a
commit dee5cd38b7
10 changed files with 285 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
assets/swirl/js/swirl.js
View File

@ -2681,6 +2681,49 @@ var Swirl;
})(Stack = Swirl.Stack || (Swirl.Stack = {})); })(Stack = Swirl.Stack || (Swirl.Stack = {}));
})(Swirl || (Swirl = {})); })(Swirl || (Swirl = {}));
var Swirl; var Swirl;
(function (Swirl) {
var Task;
(function (Task) {
class LogsPage {
constructor() {
this.refreshInterval = 3000;
this.$line = $("#txt-line");
this.$timestamps = $("#cb-timestamps");
this.$refresh = $("#cb-refresh");
this.$stdout = $("#txt-stdout");
this.$stderr = $("#txt-stderr");
this.$refresh.change(e => {
let elem = (e.target);
if (elem.checked) {
this.refreshData();
}
else if (this.timer > 0) {
window.clearTimeout(this.timer);
this.timer = 0;
}
});
this.refreshData();
}
refreshData() {
let args = {
line: this.$line.val(),
timestamps: this.$timestamps.prop("checked"),
};
$ajax.get('fetch_logs', args).json((r) => {
this.$stdout.val(r.stdout);
this.$stderr.val(r.stderr);
this.$stdout.get(0).scrollTop = this.$stdout.get(0).scrollHeight;
this.$stderr.get(0).scrollTop = this.$stderr.get(0).scrollHeight;
});
if (this.$refresh.prop("checked")) {
this.timer = setTimeout(this.refreshData.bind(this), this.refreshInterval);
}
}
}
Task.LogsPage = LogsPage;
})(Task = Swirl.Task || (Swirl.Task = {}));
})(Swirl || (Swirl = {}));
var Swirl;
(function (Swirl) { (function (Swirl) {
var User; var User;
(function (User) { (function (User) {
@ -2792,4 +2835,47 @@ var Swirl;
Volume.NewPage = NewPage; Volume.NewPage = NewPage;
})(Volume = Swirl.Volume || (Swirl.Volume = {})); })(Volume = Swirl.Volume || (Swirl.Volume = {}));
})(Swirl || (Swirl = {})); })(Swirl || (Swirl = {}));
var Swirl;
(function (Swirl) {
var Service;
(function (Service) {
class LogsPage {
constructor() {
this.refreshInterval = 3000;
this.$line = $("#txt-line");
this.$timestamps = $("#cb-timestamps");
this.$refresh = $("#cb-refresh");
this.$stdout = $("#txt-stdout");
this.$stderr = $("#txt-stderr");
this.$refresh.change(e => {
let elem = (e.target);
if (elem.checked) {
this.refreshData();
}
else if (this.timer > 0) {
window.clearTimeout(this.timer);
this.timer = 0;
}
});
this.refreshData();
}
refreshData() {
let args = {
line: this.$line.val(),
timestamps: this.$timestamps.prop("checked"),
};
$ajax.get('fetch_logs', args).json((r) => {
this.$stdout.val(r.stdout);
this.$stderr.val(r.stderr);
this.$stdout.get(0).scrollTop = this.$stdout.get(0).scrollHeight;
this.$stderr.get(0).scrollTop = this.$stderr.get(0).scrollHeight;
});
if (this.$refresh.prop("checked")) {
this.timer = setTimeout(this.refreshData.bind(this), this.refreshInterval);
}
}
}
Service.LogsPage = LogsPage;
})(Service = Swirl.Service || (Swirl.Service = {}));
})(Swirl || (Swirl = {}));
//# sourceMappingURL=swirl.js.map //# sourceMappingURL=swirl.js.map

2
assets/swirl/js/swirl.js.map
View File

File diff suppressed because one or more lines are too long

53
assets/swirl/ts/task/logs.ts Normal file
View File

@ -0,0 +1,53 @@
///<reference path="../core/core.ts" />
namespace Swirl.Task {
export class LogsPage {
private $stdout: JQuery;
private $stderr: JQuery;
private $line: JQuery;
private $timestamps: JQuery;
private $refresh: JQuery;
private timer: number;
private refreshInterval = 3000;
constructor() {
this.$line = $("#txt-line");
this.$timestamps = $("#cb-timestamps");
this.$refresh = $("#cb-refresh");
this.$stdout = $("#txt-stdout");
this.$stderr = $("#txt-stderr");
this.$refresh.change(e => {
let elem = <HTMLInputElement>(e.target);
if (elem.checked) {
this.refreshData();
} else if (this.timer > 0) {
window.clearTimeout(this.timer);
this.timer = 0;
}
});
this.refreshData();
// let ws = new WebSocket("ws://" + location.host + location.pathname + "_ws");
// ws.onopen = e => console.log("open");
// ws.onclose = e => console.log("close");
// ws.onmessage = e => console.log("message: " + e.data);
}
private refreshData() {
let args: any = {
line: this.$line.val(),
timestamps: this.$timestamps.prop("checked"),
};
$ajax.get('fetch_logs', args).json((r: any) => {
this.$stdout.val(r.stdout);
this.$stderr.val(r.stderr);
this.$stdout.get(0).scrollTop = this.$stdout.get(0).scrollHeight;
this.$stderr.get(0).scrollTop = this.$stderr.get(0).scrollHeight;
});
if (this.$refresh.prop("checked")) {
this.timer = setTimeout(this.refreshData.bind(this), this.refreshInterval);
}
}
}
}

38
controller/container.go
View File

@ -3,6 +3,7 @@ package controller
import ( import (
"strings" "strings"
"github.com/cuigh/auxo/data"
"github.com/cuigh/auxo/net/web" "github.com/cuigh/auxo/net/web"
"github.com/cuigh/auxo/util/cast" "github.com/cuigh/auxo/util/cast"
"github.com/cuigh/swirl/biz/docker" "github.com/cuigh/swirl/biz/docker"
@ -12,21 +13,23 @@ import (
// ContainerController is a controller of docker container // ContainerController is a controller of docker container
type ContainerController struct { type ContainerController struct {
List web.HandlerFunc `path:"/" name:"container.list" authorize:"!" desc:"container list page"` List web.HandlerFunc `path:"/" name:"container.list" authorize:"!" desc:"container list page"`
Detail web.HandlerFunc `path:"/:id/detail" name:"container.detail" authorize:"!" desc:"container detail page"` Detail web.HandlerFunc `path:"/:id/detail" name:"container.detail" authorize:"!" desc:"container detail page"`
Raw web.HandlerFunc `path:"/:id/raw" name:"container.raw" authorize:"!" desc:"container raw page"` Raw web.HandlerFunc `path:"/:id/raw" name:"container.raw" authorize:"!" desc:"container raw page"`
Logs web.HandlerFunc `path:"/:id/logs" name:"container.logs" authorize:"!" desc:"container logs page"` Logs web.HandlerFunc `path:"/:id/logs" name:"container.logs" authorize:"!" desc:"container logs page"`
Delete web.HandlerFunc `path:"/delete" method:"post" name:"container.delete" authorize:"!" desc:"delete container"` FetchLogs web.HandlerFunc `path:"/:id/fetch_logs" name:"container.fetch_logs" authorize:"?" desc:"fetch container logs"`
Delete web.HandlerFunc `path:"/delete" method:"post" name:"container.delete" authorize:"!" desc:"delete container"`
} }
// Container creates an instance of ContainerController // Container creates an instance of ContainerController
func Container() (c *ContainerController) { func Container() (c *ContainerController) {
return &ContainerController{ return &ContainerController{
List: containerList, List: containerList,
Detail: containerDetail, Detail: containerDetail,
Raw: containerRaw, Raw: containerRaw,
Logs: containerLogs, Logs: containerLogs,
Delete: containerDelete, Delete: containerDelete,
FetchLogs: containerFetchLogs,
} }
} }
@ -87,16 +90,23 @@ func containerLogs(ctx web.Context) error {
return err return err
} }
m := newModel(ctx).Set("Container", container)
return ctx.Render("container/logs", m)
}
func containerFetchLogs(ctx web.Context) error {
id := ctx.P("id")
line := cast.ToInt(ctx.Q("line"), 500) line := cast.ToInt(ctx.Q("line"), 500)
timestamps := cast.ToBool(ctx.Q("timestamps"), false) timestamps := cast.ToBool(ctx.Q("timestamps"), false)
stdout, stderr, err := docker.ContainerLogs(id, line, timestamps) stdout, stderr, err := docker.ContainerLogs(id, line, timestamps)
if err != nil { if err != nil {
return err return ajaxResult(ctx, err)
} }
m := newModel(ctx).Set("Container", container).Set("Line", line).Set("Timestamps", timestamps). return ctx.JSON(data.Map{
Set("Stdout", stdout.String()).Set("Stderr", stderr.String()) "stdout": stdout.String(),
return ctx.Render("container/logs", m) "stderr": stderr.String(),
})
} }
func containerDelete(ctx web.Context) error { func containerDelete(ctx web.Context) error {

18
controller/service.go
View File

@ -5,6 +5,7 @@ import (
"strings" "strings"
"time" "time"
"github.com/cuigh/auxo/data"
"github.com/cuigh/auxo/data/set" "github.com/cuigh/auxo/data/set"
"github.com/cuigh/auxo/errors" "github.com/cuigh/auxo/errors"
"github.com/cuigh/auxo/net/web" "github.com/cuigh/auxo/net/web"
@ -21,6 +22,7 @@ type ServiceController struct {
Detail web.HandlerFunc `path:"/:name/detail" name:"service.detail" authorize:"!" perm:"read,service,name"` Detail web.HandlerFunc `path:"/:name/detail" name:"service.detail" authorize:"!" perm:"read,service,name"`
Raw web.HandlerFunc `path:"/:name/raw" name:"service.raw" authorize:"!" perm:"read,service,name"` Raw web.HandlerFunc `path:"/:name/raw" name:"service.raw" authorize:"!" perm:"read,service,name"`
Logs web.HandlerFunc `path:"/:name/logs" name:"service.logs" authorize:"!" perm:"read,service,name"` Logs web.HandlerFunc `path:"/:name/logs" name:"service.logs" authorize:"!" perm:"read,service,name"`
FetchLogs web.HandlerFunc `path:"/:name/fetch_logs" name:"service.fetch_logs" authorize:"?" desc:"fetch service logs"`
Delete web.HandlerFunc `path:"/:name/delete" method:"post" name:"service.delete" authorize:"!" perm:"write,service,name"` Delete web.HandlerFunc `path:"/:name/delete" method:"post" name:"service.delete" authorize:"!" perm:"write,service,name"`
Scale web.HandlerFunc `path:"/:name/scale" method:"post" name:"service.scale" authorize:"!" perm:"write,service,name"` Scale web.HandlerFunc `path:"/:name/scale" method:"post" name:"service.scale" authorize:"!" perm:"write,service,name"`
Rollback web.HandlerFunc `path:"/:name/rollback" method:"post" name:"service.rollback" authorize:"!" perm:"write,service,name"` Rollback web.HandlerFunc `path:"/:name/rollback" method:"post" name:"service.rollback" authorize:"!" perm:"write,service,name"`
@ -41,6 +43,7 @@ func Service() (c *ServiceController) {
Detail: serviceDetail, Detail: serviceDetail,
Raw: serviceRaw, Raw: serviceRaw,
Logs: serviceLogs, Logs: serviceLogs,
FetchLogs: serviceFetchLogs,
Delete: serviceDelete, Delete: serviceDelete,
New: serviceNew, New: serviceNew,
Create: serviceCreate, Create: serviceCreate,
@ -121,17 +124,24 @@ func serviceRaw(ctx web.Context) error {
} }
func serviceLogs(ctx web.Context) error { func serviceLogs(ctx web.Context) error {
name := ctx.P("name")
m := newModel(ctx).Set("Service", name)
return ctx.Render("service/logs", m)
}
func serviceFetchLogs(ctx web.Context) error {
name := ctx.P("name") name := ctx.P("name")
line := cast.ToInt(ctx.Q("line"), 500) line := cast.ToInt(ctx.Q("line"), 500)
timestamps := cast.ToBool(ctx.Q("timestamps"), false) timestamps := cast.ToBool(ctx.Q("timestamps"), false)
stdout, stderr, err := docker.ServiceLogs(name, line, timestamps) stdout, stderr, err := docker.ServiceLogs(name, line, timestamps)
if err != nil { if err != nil {
return err return ajaxResult(ctx, err)
} }
m := newModel(ctx).Set("Service", name).Set("Line", line).Set("Timestamps", timestamps). return ctx.JSON(data.Map{
Set("Stdout", stdout.String()).Set("Stderr", stderr.String()) "stdout": stdout.String(),
return ctx.Render("service/logs", m) "stderr": stderr.String(),
})
} }
func serviceDelete(ctx web.Context) error { func serviceDelete(ctx web.Context) error {

34
controller/task.go
View File

@ -1,6 +1,7 @@
package controller package controller
import ( import (
"github.com/cuigh/auxo/data"
"github.com/cuigh/auxo/net/web" "github.com/cuigh/auxo/net/web"
"github.com/cuigh/auxo/util/cast" "github.com/cuigh/auxo/util/cast"
"github.com/cuigh/swirl/biz/docker" "github.com/cuigh/swirl/biz/docker"
@ -10,19 +11,21 @@ import (
// TaskController is a controller of swarm task // TaskController is a controller of swarm task
type TaskController struct { type TaskController struct {
List web.HandlerFunc `path:"/" name:"task.list" authorize:"!" desc:"task list page"` List web.HandlerFunc `path:"/" name:"task.list" authorize:"!" desc:"task list page"`
Detail web.HandlerFunc `path:"/:id/detail" name:"task.detail" authorize:"!" desc:"task detail page"` Detail web.HandlerFunc `path:"/:id/detail" name:"task.detail" authorize:"!" desc:"task detail page"`
Raw web.HandlerFunc `path:"/:id/raw" name:"task.raw" authorize:"!" desc:"task raw page"` Raw web.HandlerFunc `path:"/:id/raw" name:"task.raw" authorize:"!" desc:"task raw page"`
Logs web.HandlerFunc `path:"/:id/logs" name:"task.logs" authorize:"!" desc:"task logs page"` Logs web.HandlerFunc `path:"/:id/logs" name:"task.logs" authorize:"!" desc:"task logs page"`
FetchLogs web.HandlerFunc `path:"/:id/fetch_logs" name:"task.fetch_logs" authorize:"?" desc:"fetch task logs"`
} }
// Task creates an instance of TaskController // Task creates an instance of TaskController
func Task() (c *TaskController) { func Task() (c *TaskController) {
return &TaskController{ return &TaskController{
List: taskList, List: taskList,
Detail: taskDetail, Detail: taskDetail,
Raw: taskRaw, Raw: taskRaw,
Logs: taskLogs, Logs: taskLogs,
FetchLogs: taskFetchLogs,
} }
} }
@ -82,14 +85,21 @@ func taskLogs(ctx web.Context) error {
return err return err
} }
m := newModel(ctx).Set("Task", task)
return ctx.Render("task/logs", m)
}
func taskFetchLogs(ctx web.Context) error {
id := ctx.P("id")
line := cast.ToInt(ctx.Q("line"), 500) line := cast.ToInt(ctx.Q("line"), 500)
timestamps := cast.ToBool(ctx.Q("timestamps"), false) timestamps := cast.ToBool(ctx.Q("timestamps"), false)
stdout, stderr, err := docker.TaskLogs(id, line, timestamps) stdout, stderr, err := docker.TaskLogs(id, line, timestamps)
if err != nil { if err != nil {
return err return ajaxResult(ctx, err)
} }
m := newModel(ctx).Set("Task", task).Set("Line", line).Set("Timestamps", timestamps). return ctx.JSON(data.Map{
Set("Stdout", stdout.String()).Set("Stderr", stderr.String()) "stdout": stdout.String(),
return ctx.Render("task/logs", m) "stderr": stderr.String(),
})
} }

2
dao/bolt/bolt.go
View File

@ -26,7 +26,7 @@ type Dao struct {
// New creates a Dao instance. // New creates a Dao instance.
func New(addr string) (*Dao, error) { func New(addr string) (*Dao, error) {
if addr == "" { if addr == "" {
addr = "/data/bolt" addr = "/data/swirl"
} }
db, err := bolt.Open(filepath.Join(addr, "swirl.db"), 0600, nil) db, err := bolt.Open(filepath.Join(addr, "swirl.db"), 0600, nil)

55
views/container/logs.jet
View File

@ -1,5 +1,9 @@
{{ extends "../_layouts/default" }} {{ extends "../_layouts/default" }}
{{ block script() }}
<script>$(() => new Swirl.Task.LogsPage())</script>
{{ end }}
{{ block body() }} {{ block body() }}
<section class="hero is-info"> <section class="hero is-info">
<div class="hero-body"> <div class="hero-body">
@ -43,33 +47,30 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<nav class="level"> <nav class="level">
<form> <div class="level-left">
<div class="level-left"> <div class="level-item">
<div class="level-item"> <div class="field has-addons">
<div class="field has-addons"> <p class="control">
<p class="control"> <a class="button is-static">Lines</a>
<a class="button is-static">Lines</a> </p>
</p> <p class="control">
<p class="control"> <input id="txt-line" name="line" value="500" class="input" placeholder="Max lines from tail">
<input name="line" value="{{ .Line }}" class="input" placeholder="Max lines from tail"> </p>
</p>
</div>
</div>
<div class="level-item">
<div class="field">
<input id="cb-timestamps" name="timestamps" value="true" type="checkbox" class="switch is-success is-rounded"{{if .Timestamps}} checked{{end}}>
<label for="cb-timestamps">Add timestamps</label>
</div>
</div>
<div class="level-item">
<div class="field">
<p class="control">
<button class="button is-primary">{{ i18n("button.search") }}</button>
</p>
</div>
</div> </div>
</div> </div>
</form> <div class="level-item">
<div class="field">
<input id="cb-timestamps" name="timestamps" value="true" type="checkbox" class="switch is-success is-rounded">
<label for="cb-timestamps">Add timestamps</label>
</div>
</div>
<div class="level-item">
<div class="field">
<input id="cb-refresh" name="refresh" value="true" type="checkbox" class="switch is-success is-rounded" checked>
<label for="cb-refresh">Auto refresh</label>
</div>
</div>
</div>
</nav> </nav>
<div class="tabs is-boxed" data-target="tab-content"> <div class="tabs is-boxed" data-target="tab-content">
@ -85,12 +86,12 @@
<div id="tab-content" class="content"> <div id="tab-content" class="content">
<div class="field"> <div class="field">
<div class="control"> <div class="control">
{{ if .Stdout }}<textarea class="textarea code is-small" rows="30" readonly>{{ .Stdout }}</textarea>{{ end }} <textarea id="txt-stdout" class="textarea code is-small" rows="30" readonly></textarea>
</div> </div>
</div> </div>
<div class="field" style="display: none"> <div class="field" style="display: none">
<div class="control"> <div class="control">
{{ if .Stderr }}<textarea class="textarea code is-small" rows="30" readonly>{{ .Stderr }}</textarea>{{ end }} <textarea id="txt-stderr" class="textarea code is-small has-text-danger" rows="30" readonly></textarea>
</div> </div>
</div> </div>
</div> </div>

55
views/service/logs.jet
View File

@ -1,5 +1,9 @@
{{ extends "_base" }} {{ extends "_base" }}
{{ block script() }}
<script>$(() => new Swirl.Task.LogsPage())</script>
{{ end }}
{{ block body_content() }} {{ block body_content() }}
<div class="container"> <div class="container">
<nav class="breadcrumb has-succeeds-separator is-small is-marginless" aria-label="breadcrumbs"> <nav class="breadcrumb has-succeeds-separator is-small is-marginless" aria-label="breadcrumbs">
@ -37,33 +41,30 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<nav class="level"> <nav class="level">
<form> <div class="level-left">
<div class="level-left"> <div class="level-item">
<div class="level-item"> <div class="field has-addons">
<div class="field has-addons"> <p class="control">
<p class="control"> <a class="button is-static">Lines</a>
<a class="button is-static">Lines</a> </p>
</p> <p class="control">
<p class="control"> <input id="txt-line" name="line" value="500" class="input" placeholder="Max lines from tail">
<input name="line" value="{{ .Line }}" class="input" placeholder="Max lines from tail"> </p>
</p>
</div>
</div>
<div class="level-item">
<div class="field">
<input id="cb-timestamps" name="timestamps" value="true" type="checkbox" class="switch is-success is-rounded"{{if .Timestamps}} checked{{end}}>
<label for="cb-timestamps">Add timestamps</label>
</div>
</div>
<div class="level-item">
<div class="field">
<p class="control">
<button class="button is-primary">Search</button>
</p>
</div>
</div> </div>
</div> </div>
</form> <div class="level-item">
<div class="field">
<input id="cb-timestamps" name="timestamps" value="true" type="checkbox" class="switch is-success is-rounded">
<label for="cb-timestamps">Add timestamps</label>
</div>
</div>
<div class="level-item">
<div class="field">
<input id="cb-refresh" name="refresh" value="true" type="checkbox" class="switch is-success is-rounded" checked>
<label for="cb-refresh">Auto refresh</label>
</div>
</div>
</div>
</nav> </nav>
<div class="tabs is-boxed" data-target="tab-content"> <div class="tabs is-boxed" data-target="tab-content">
@ -79,12 +80,12 @@
<div id="tab-content" class="content"> <div id="tab-content" class="content">
<div class="field"> <div class="field">
<div class="control"> <div class="control">
{{ if .Stdout }}<textarea class="textarea code is-small" rows="30" readonly>{{ .Stdout }}</textarea>{{ end }} <textarea id="txt-stdout" class="textarea code is-small" rows="30" readonly></textarea>
</div> </div>
</div> </div>
<div class="field" style="display: none"> <div class="field" style="display: none">
<div class="control"> <div class="control">
{{ if .Stderr }}<textarea class="textarea code is-small" rows="30" readonly>{{ .Stderr }}</textarea>{{ end }} <textarea id="txt-stderr" class="textarea code is-small has-text-danger" rows="30" readonly></textarea>
</div> </div>
</div> </div>
</div> </div>

55
views/task/logs.jet
View File

@ -1,5 +1,9 @@
{{ extends "../_layouts/default" }} {{ extends "../_layouts/default" }}
{{ block script() }}
<script>$(() => new Swirl.Task.LogsPage())</script>
{{ end }}
{{ block body() }} {{ block body() }}
<section class="hero is-info"> <section class="hero is-info">
<div class="hero-body"> <div class="hero-body">
@ -43,33 +47,30 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<nav class="level"> <nav class="level">
<form> <div class="level-left">
<div class="level-left"> <div class="level-item">
<div class="level-item"> <div class="field has-addons">
<div class="field has-addons"> <p class="control">
<p class="control"> <a class="button is-static">Lines</a>
<a class="button is-static">Lines</a> </p>
</p> <p class="control">
<p class="control"> <input id="txt-line" name="line" value="500" class="input" placeholder="Max lines from tail">
<input name="line" value="{{ .Line }}" class="input" placeholder="Max lines from tail"> </p>
</p>
</div>
</div>
<div class="level-item">
<div class="field">
<input id="cb-timestamps" name="timestamps" value="true" type="checkbox" class="switch is-success is-rounded"{{if .Timestamps}} checked{{end}}>
<label for="cb-timestamps">Add timestamps</label>
</div>
</div>
<div class="level-item">
<div class="field">
<p class="control">
<button class="button is-primary">{{ i18n("button.search") }}</button>
</p>
</div>
</div> </div>
</div> </div>
</form> <div class="level-item">
<div class="field">
<input id="cb-timestamps" name="timestamps" value="true" type="checkbox" class="switch is-success is-rounded">
<label for="cb-timestamps">Add timestamps</label>
</div>
</div>
<div class="level-item">
<div class="field">
<input id="cb-refresh" name="refresh" value="true" type="checkbox" class="switch is-success is-rounded" checked>
<label for="cb-refresh">Auto refresh</label>
</div>
</div>
</div>
</nav> </nav>
<div class="tabs is-boxed" data-target="tab-content"> <div class="tabs is-boxed" data-target="tab-content">
@ -85,12 +86,12 @@
<div id="tab-content" class="content"> <div id="tab-content" class="content">
<div class="field"> <div class="field">
<div class="control"> <div class="control">
{{ if .Stdout }}<textarea class="textarea code is-small" rows="30" readonly>{{ .Stdout }}</textarea>{{ end }} <textarea id="txt-stdout" class="textarea code is-small" rows="30" readonly></textarea>
</div> </div>
</div> </div>
<div class="field" style="display: none"> <div class="field" style="display: none">
<div class="control"> <div class="control">
{{ if .Stderr }}<textarea class="textarea code is-small" rows="30" readonly>{{ .Stderr }}</textarea>{{ end }} <textarea id="txt-stderr" class="textarea code is-small has-text-danger" rows="30" readonly></textarea>
</div> </div>
</div> </div>
</div> </div>