How to use the @hyperapp/html.span function in @hyperapp/html

To help you get started, we’ve selected a few @hyperapp/html examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jc21 / docker-registry-ui / src / frontend / js / routes / image.js View on Github external
append_delete_model = delete_enabled && state.confirmDeleteImage === image_id;

            view.push(h1({class: 'page-title mb-5'}, [
                delete_enabled ? a({
                    class: 'btn btn-secondary btn-sm ml-2 pull-right', onclick: function () {
                        actions.updateState({confirmDeleteImage: image_id});
                    }
                }, 'Delete') : null,
                image_id
            ]));
            view.push(div(image.data.tags.map(tag => ImageTag(tag, state.status.config))));
        }
    }

    if (refresh) {
        view.push(span({class: 'loader'}));
        actions.fetchImage(image_id);
    }

    return div(
        Nav(state.status.config.REGISTRY_STORAGE_DELETE_ENABLED),
        div({class: 'my-3 my-md-5'},
            div({class: 'container'}, view)
        ),
        // Delete modal
        append_delete_model ? Modal(
            div({class: 'modal-dialog'},
                div({class: 'modal-content'}, [
                    div({class: 'modal-header text-left'},
                        h4({class: 'modal-title'}, 'Confirm Delete')
                    ),
                    div({class: 'modal-body'},