open-nomad/ui/stories/components/json-viewer.stories.js

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,
        },
      },
    },
  };
};