@WidgetComponent

nm-ipim-mobile

File

src/app/shared/widgets/apps/ipim-mobile/ipim-mobile.component.ts

Description

Used in App ipim-mobile. Surrounded by widgetframe Displays text about ipim-mobile app

Metadata

selector nm-ipim-mobile
styleUrls ipim-mobile.component.scss
templateUrl ./ipim-mobile.component.html

Index

Widget inputs
Widget outputs
Properties
Methods

Constructor

constructor(_widgetframeService: WidgetframeService, translateService: TranslateService)
Parameters :
Name Type Optional
_widgetframeService WidgetframeService no
translateService TranslateService no

Methods

Protected configureWidget
configureWidget(configuration: WidgetConfig)
Decorators : WidgetConfigure
Parameters :
Name Type Optional
configuration WidgetConfig no
Returns : void

Properties

Public _id
_id: string
Type : string
Decorators : WidgetId
Private configuration
configuration: WidgetConfig
Type : WidgetConfig
Decorators : WidgetConfiguration
Public header
header: string
Type : string
Public href
href: Subject<string>
Type : Subject<string>
Default value : new ReplaySubject<string>(1)
Public title
title: string
Type : string
import { Component } from "@angular/core";
import { Subject, ReplaySubject } from "rxjs";
import { WidgetframeService } from "../../widgetframe/widgetframe.service";
import {
  WidgetConfiguration,
  WidgetId,
  WidgetConfigure,
  WidgetComponent,
} from "../../widget.metadata";
import { WidgetConfig } from "../../widget.configuration";
import { TranslateService } from "@ngx-translate/core";

declare var contextPath: string;

/**
 * Used in App ipim-mobile.
 * Surrounded by widgetframe
 * Displays text about  ipim-mobile app
 */
@WidgetComponent("nm-ipim-mobile")
@Component({
  selector: "nm-ipim-mobile",
  templateUrl: "./ipim-mobile.component.html",
  styleUrls: ["./ipim-mobile.component.scss"],
})
export class IpimMobileComponent {
  public title: string;
  public header: string;

  @WidgetConfiguration()
  private configuration: WidgetConfig;

  @WidgetId()
  public _id: string;
  public href: Subject<string> = new ReplaySubject<string>(1);

  constructor(
    private _widgetframeService: WidgetframeService,
    private translateService: TranslateService
  ) {}

  @WidgetConfigure()
  protected configureWidget(configuration: WidgetConfig) {
    this.title = this.configuration.configuration["title"];
    this.header = this.configuration.configuration["header"];
  }
}
<nm-widgetframe
  [header]="header"
  style="width: 1000px; padding-top: 15px"
  widgetId="{{ _id }}"
>
  <div slot="title" class="nm-widgetframe__title">
    <span style="float: left; line-height: 55px">{{ title | translate }} </span>
  </div>
  <div slot="content" class="nm-widgetframe__content">
    <div
      class="app-container"
      [innerHtml]="'app.ipim-mobile.longdescription' | translate"
    ></div>
  </div>
</nm-widgetframe>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""