Skip to content
Snippets Groups Projects
Select Git revision
  • 4a73c52d2be5ac3eb82a3dd1c5dc453447b11411
  • main default protected
  • renovate/lock-file-maintenance
  • demo protected
  • person-select-custom
  • dbp-translation-component
  • icon-set-mapping
  • port-i18next-parser
  • remove-sentry
  • favorites-and-recent-files
  • revert-6c632dc6
  • lit2
  • advertisement
  • wc-part
  • automagic
  • publish
  • wip-cleanup
  • demo-file-handling
18 results

build-info.js

  • build-info.js 1.37 KiB
    import {html, css} from 'lit-element';
    import * as commonStyles from '@dbp-toolkit/common/styles';
    import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
    
    export class BuildInfo extends AdapterLitElement {
    
        constructor() {
            super();
            this.env = '';
            this.gitInfo = '';
            this.buildUrl = '';
            this.buildTime = '';
        }
    
        static get properties() {
            return {
                ...super.properties,
                env: { type: String },
                buildUrl: { type: String, attribute: "build-url" },
                buildTime: { type: String, attribute: "build-time" },
                gitInfo: { type: String, attribute: "git-info" }
            };
        }
    
        static get styles() {
            return css`
                ${commonStyles.getThemeCSS()}
                ${commonStyles.getGeneralCSS()}
                ${commonStyles.getTagCSS()}
    
                :host {
                    display: inline-block;
                }
            `;
        } 
    
        render() {
            const date = new Date(this.buildTime);
    
            return html`
                <a href="${this.buildUrl}" style="float: right">
                    <div class="tags has-addons" title="Build Time: ${date.toString()}">
                        <span class="tag is-light">build</span>
                        <span class="tag is-dark">${this.gitInfo} (${this.env})</span>
                    </div>
                </a>
            `;
        }
    }