open-nomad/ui/stories/components/json-viewer.stories.js
2023-04-10 15:36:59 +00:00

196 lines
5.1 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
import hbs from 'htmlbars-inline-precompile';
import DelayedTruth from '../utils/delayed-truth';
export default {
title: 'Components/JSON Viewer',
};
export let Standard = () => {
return {
template: hbs`
<h5 class="title is-5">JSON Viewer</h5>
{{#if delayedTruth.complete}}
<JsonViewer @json={{jsonSmall}} />
{{/if}}
`,
context: {
delayedTruth: DelayedTruth.create(),
jsonSmall: {
delayedData: {},
data: {
foo: 'bar',
number: 123456789,
products: [
'Consul',
'Nomad',
'Packer',
'Terraform',
'Vagrant',
'Vault',
],
currentTime: '2019-10-16T14:24:12.378Z',
nested: {
obj: 'ject',
},
nonexistent: null,
isTrue: false,
},
},
},
};
};
export let FullDocument = () => {
return {
template: hbs`
<h5 class="title is-5">JSON Viewer for full document</h5>
{{#if delayedTruth.complete}}
<JsonViewer @json={{jsonLarge}} />
{{/if}}
`,
context: {
delayedTruth: DelayedTruth.create(),
jsonLarge: {
delayedData: {},
data: {
Stop: false,
Region: 'global',
Namespace: 'default',
ID: 'syslog',
ParentID: '',
Name: 'syslog',
Type: 'system',
Priority: 50,
AllAtOnce: false,
Datacenters: ['dc1', 'dc2'],
letraints: null,
TaskGroups: [
{
Name: 'syslog',
Count: 1,
Update: {
Stagger: 10000000000,
MaxParallel: 1,
HealthCheck: 'checks',
MinHealthyTime: 10000000000,
HealthyDeadline: 300000000000,
ProgressDeadline: 600000000000,
AutoRevert: false,
Canary: 0,
},
Migrate: null,
letraints: [
{
LTarget: '',
RTarget: '',
Operand: 'distinct_hosts',
},
],
RestartPolicy: {
Attempts: 10,
Interval: 300000000000,
Delay: 25000000000,
Mode: 'delay',
},
Tasks: [
{
Name: 'syslog',
Driver: 'docker',
User: '',
Config: {
port_map: [
{
tcp: 601,
udp: 514,
},
],
image: 'balabit/syslog-ng:latest',
},
Env: null,
Services: null,
Vault: null,
Templates: null,
letraints: null,
Resources: {
CPU: 500,
MemoryMB: 256,
DiskMB: 0,
IOPS: 0,
Networks: [
{
Device: '',
CIDR: '',
IP: '',
MBits: 10,
ReservedPorts: [
{
Label: 'udp',
Value: 514,
},
{
Label: 'tcp',
Value: 601,
},
],
DynamicPorts: null,
},
],
},
DispatchPayload: null,
Meta: null,
KillTimeout: 5000000000,
LogConfig: {
MaxFiles: 10,
MaxFileSizeMB: 10,
},
Artifacts: null,
Leader: false,
ShutdownDelay: 0,
KillSignal: '',
},
],
EphemeralDisk: {
Sticky: false,
SizeMB: 300,
Migrate: false,
},
Meta: null,
ReschedulePolicy: null,
},
],
Update: {
Stagger: 10000000000,
MaxParallel: 1,
HealthCheck: '',
MinHealthyTime: 0,
HealthyDeadline: 0,
ProgressDeadline: 0,
AutoRevert: false,
Canary: 0,
},
Periodic: null,
ParameterizedJob: null,
Dispatched: false,
Payload: null,
Meta: null,
VaultToken: '',
Status: 'running',
StatusDescription: '',
Stable: false,
Version: 0,
SubmitTime: 1530052201331477800,
CreateIndex: 27,
ModifyIndex: 27,
JobModifyIndex: 27,
},
},
},
};
};