Universal_Robots_ExternalControl_URCapX/external-control-frontend/src/app/components/external-control-application/external-control-application.component.html at b7e6df4196e266c19e6bf3d75be977b4443de8be · urmahp/Universal_Robots_ExternalControl_URCapX · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div *ngIf="applicationNode" class="main-section">
    <h1 class="header" [textContent]="baseTranslationKey + '.title' | translate"></h1>
    <p class="info-text" [textContent]="baseTranslationKey + '.description.line1' | translate"></p>
    <p class="info-text" [textContent]="baseTranslationKey + '.description.line2' | translate"></p>

    <h2 class="sub-header" [textContent]="baseTranslationKey + '.settings.header' | translate"></h2>
    <p class="info-text" [textContent]="baseTranslationKey + '.settings.description' | translate"></p>
    <div class="flex-container">
        <div class="input-ip">
            <ur-dialog-input [type]="'text'" [label]="'presenter.robotIP-input-description' | translate"
                [value]="applicationNode.robotIP" (valueChanged)="writeParam(port.value, robotIP.value)"
                #robotIP></ur-dialog-input>
        </div>
        <div class="input-port">
            <ur-dialog-input [type]="'number'" [label]="'presenter.port-input-description' | translate"
                [value]="applicationNode.port" (valueChanged)="writeParam(port.value, robotIP.value)"
                #port></ur-dialog-input>
        </div>
    </div>

    <h2 class="sub-header" [textContent]="baseTranslationKey + '.important.header' | translate"></h2>
    <p class="info-text pre-line" [textContent]="baseTranslationKey + '.important.line1' | translate"></p>
    <p class="info-text pre-line" [textContent]="baseTranslationKey + '.important.line2' | translate"></p>
    <p class="info-text pre-line" [textContent]="baseTranslationKey + '.important.line3' | translate"></p>
    <div class="vertical-spacer"></div>
    <p class="info-text" [textContent]="baseTranslationKey + '.serviceHowToEnable.text' | translate"></p>
    <span class="highlight">
        {{ baseTranslationKey + '.serviceHowToEnable.settings' | translate }}
        <span class="arrow">→</span>
        {{ baseTranslationKey + '.serviceHowToEnable.security' | translate }}
        <span class="arrow">→</span>
        {{ baseTranslationKey + '.serviceHowToEnable.services' | translate }}
    </span>
</div>