member_webapp/src/packages/sensor/component/detail/detail.component.html

<h1>Sensor Alias 출력</h1>

<div *ngIf="sensor.status.name === 'RUNNING' ; else STOPPED">
    <div class="ui-messages ui-widget ui-corner-all ui-messages-success" style="margin: 0 0 1em 0; display: block">
        <span class="ui-messages-icon fa fa-fw fa-2x fa-check"></span>
        <ul>
            <li>
                <span class="ui-messages-summary" style="font-size:16px">RUNNING</span>
            </li>
        </ul>
    </div>
</div>
<ng-template #STOPPED>
    <div class="ui-messages ui-widget ui-corner-all ui-messages-error" style="margin: 0 0 1em 0; display: block">
        <span class="ui-messages-icon fa fa-fw fa-2x fa-warning"></span>
        <ul>
            <li>
                <span class="ui-messages-summary" style="font-size:16px">STOPPED</span>
            </li>
        </ul>
    </div>
</ng-template>

<div class="ui-bottom-space-10" dir="rtl">
    <button class="ui-button-danger ui-button-width-fit" type="button" label="Remove" icon="ui-icon-close" pButton (click)="onRemove()"></button>
    <button class="ui-button-width-fit" type="button" label="Edit" pButton (click)="onEdit()"></button>
    <button class="ui-button-width-fit" type="button" label="Start/Stop" pButton (click)="onStartOrStop()"></button>
</div>

<div class="ui-g">
    <div class="ui-g-12 ui-md-3">
        <div class="ui-g form-group">
            <div class="ui-g-12">
                <span class="md-inputfield">
                    <input type="text" pInputText readonly value="{{sensor.id}}">
                    <label>ID</label>
                </span>
            </div>
            <div class="ui-g-12">
                <span class="md-inputfield">
                    <input type="text" pInputText readonly value="{{sensor.description}}">
                    <label>Description</label>
                </span>
            </div>
            <div class="ui-g-12">
                <span class="md-inputfield">
                    <input type="text" pInputText readonly value="{{sensor.crawler.name}}">
                    <label>Crawler Type</label>
                </span>
            </div>
            <div class="ui-g-12">
                <span class="md-inputfield">
                    <input type="text" pInputText readonly value="{{sensor.itemCount}}">
                    <label>Items</label>
                </span>
            </div>
            <div class="ui-g-12">
                <span class="md-inputfield">
                    <input type="text" pInputText readonly value="{{sensor.createDate | date: 'dd/MM/yyyy'}}">
                    <label>Created at</label>
                </span>
            </div>
        </div>
    </div>

    <div class="ui-g-12 ui-md-9">
        <h1>Monitored Items</h1>
        <of-sensor-item-list></of-sensor-item-list>
    </div>
</div>

<p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>