@fleetbase/ember-ui/addon/components/metadata-viewer.js

Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
import isEmptyObject from '@fleetbase/ember-core/utils/is-empty-object';

export default class MetadataViewerComponent extends Component {
    @tracked displayRaw = false;

    get emptyMetadata() {
        return isEmptyObject(this.args.metadata);
    }

    @action viewRaw() {
        this.displayRaw = !this.displayRaw;
    }
}