59 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			59 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<div *ngIf="sensor">
 | 
						|
    <h1>{{sensor.crawler.name}}</h1>
 | 
						|
 | 
						|
    <div class="ui-g">
 | 
						|
        <div class="ui-g-12 ui-md-3">
 | 
						|
            <div *ngIf="sensor.status.name === 'RUNNING' ; else STOPPED">
 | 
						|
                <div class="ui-messages ui-widget ui-corner-all ui-messages-success" style="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="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>
 | 
						|
 | 
						|
        <div class="ui-g-12 ui-md-9" dir="rtl" style="margin-top: 20px">
 | 
						|
            <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>
 | 
						|
 | 
						|
    <div class="ui-g ui-top-space--0-5em">
 | 
						|
        <div class="ui-g-12 ui-md-3">
 | 
						|
            <p-panel [showHeader]="false">
 | 
						|
                <div class="ui-g form-group ui-key-value">
 | 
						|
                    <of-key-value [key]="'ID'" [value]="sensor.id"></of-key-value>
 | 
						|
                    <of-key-value [key]="'Location'" [value]="sensor.target.displayName" [clickable]="true" (click)="onTargetClick(sensor.target)"></of-key-value>
 | 
						|
                    <of-key-value [key]="'Description'" [value]="sensor.description"></of-key-value>
 | 
						|
                    <of-key-value [key]="'Crawler Type'" [value]="sensor.crawler.name"></of-key-value>
 | 
						|
                    <of-key-value [key]="'Sensor Items'" [value]="sensor.itemCount"></of-key-value>
 | 
						|
                    <of-key-value [key]="'Created at'" [value]="sensor.createDate | date: 'dd/MM/yyyy'"></of-key-value>
 | 
						|
                </div>
 | 
						|
            </p-panel>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="ui-g-12 ui-md-9">
 | 
						|
            <of-sensor-item-list></of-sensor-item-list>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
    <p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>
 | 
						|
</div>
 | 
						|
 | 
						|
 | 
						|
<p-dialog [modal]="true" [width]="800" [(visible)]="sensorSettingDisplay" [showHeader]="true" [closeOnEscape]="false">
 | 
						|
    <of-sensor-setting [visible]="sensorSettingDisplay" (close)="onSensorSettingClose()"></of-sensor-setting>
 | 
						|
</p-dialog> |