31 lines
2.3 KiB
HTML
31 lines
2.3 KiB
HTML
<button class="plugin-toggle" type="button" (click)="toggle()" [attr.aria-expanded]="open()">
|
|
<span class="material-symbols-outlined" aria-hidden="true">extension</span>
|
|
<span>扩展插件</span><span class="mode">{{ summary() }}</span>
|
|
<span class="material-symbols-outlined chevron" aria-hidden="true">{{ open() ? 'expand_less' : 'expand_more' }}</span>
|
|
</button>
|
|
@if (open()) {
|
|
<section class="plugin-options" aria-label="扩展插件设置">
|
|
<p>照常描述安卓测试任务。需要操作电脑、浏览器等外部步骤时，AI 会按需调用已启用并授权的插件。</p>
|
|
<label class="auto-option"><input type="checkbox" [(ngModel)]="automatic" (ngModelChange)="emit()">自动使用可用插件</label>
|
|
@if (loading()) { <p role="status">正在读取插件…</p> }
|
|
@else if (error()) { <p class="error" role="alert">{{ error() }} <button type="button" class="text-button" (click)="load()">重试</button></p> }
|
|
@else if (!automatic) {
|
|
@for (plugin of available(); track plugin.manifest.id) {
|
|
<div class="choice">
|
|
<label><input type="checkbox" [checked]="selected[plugin.manifest.id] !== undefined" (change)="choose(plugin, $event)">{{ plugin.manifest.name }}</label>
|
|
@if (authorizedProfiles(plugin).length > 1) {
|
|
<select [disabled]="selected[plugin.manifest.id] === undefined" [ngModel]="selected[plugin.manifest.id] || ''" (ngModelChange)="selected[plugin.manifest.id] = $event; emit()" [attr.aria-label]="plugin.manifest.name + '使用设置'">
|
|
<option value="" disabled>选择要使用的设置</option>
|
|
@for (profile of authorizedProfiles(plugin); track profile.name) { <option [value]="profile.name">{{ profile.label }}</option> }
|
|
</select>
|
|
}
|
|
</div>
|
|
} @empty { <p>还没有可用插件，请先安装、授权并启用。</p> }
|
|
<p class="hint">不勾选任何插件时，本次任务只使用手机能力。</p>
|
|
} @else {
|
|
<p class="hint">{{ available().length ? 'AI 会按需使用可用插件，无需逐次选择。关闭自动使用后，可指定本次允许使用的插件。' : '还没有可用插件，手机测试不受影响。' }}</p>
|
|
}
|
|
<a routerLink="/plugins" class="manage-link">管理插件 <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a>
|
|
</section>
|
|
}
|