Older/resources/webrtc.xml

<?xml version="1.0" encoding="UTF-8"?>
<messages>
    <message id="Wt.WebRTC.Home">
        <h1 class="bulma-subtitle bulma-has-text-centered">WebRTC 测试</h1>
        <div class="bulma-block">
            ID: ${localId}
        </div>
        ${textBrowser class="bulma-textarea bulma-is-flex-grow-1"}
        <h2 class="bulma-subtitle bulma-is-6 bulma-has-text-right bulma-mt-4">通过信令服务器发送 offer</h2>

        <div class="bulma-field bulma-has-addons bulma-has-addons-right">
            <div class="bulma-control">
                ${offerId class="bulma-input" type="text" placeholder="remote ID" disabled="true" }
            </div>
            <div class="bulma-control">
                ${offerBtn class="bulma-button bulma-is-info" disabled="true"}
            </div>
        </div>
        <h2 class="bulma-subtitle bulma-is-6">通过 DataChannel 发送消息</h2>
        <div class="bulma-field bulma-has-addons bulma-mb-6">
            <div class="bulma-control bulma-is-expanded">
                ${sendMsg class="bulma-input" type="text" placeholder="message" disabled="true" }
            </div>
            <div class="bulma-control">
                ${sendBtn class="bulma-button bulma-is-info" disabled="true"}
            </div>
        </div>
    </message>
    <message id="Wt.Task.Home">
        <h2 class="bulma-subtitle bulma-has-text-centered">任务清单</h2>
        <div class="bulma-buttons bulma-is-right">
            ${add-new class="bulma-button bulma-is-success"}
        </div>
        ${tasks}
    </message>
    <message id="Wt.Task.Item">
        <div class="bulma-is-flex bulma-has-background-black-ter bulma-p-5 bulma-mb-1">
            ${finished-checkbox}
            <div class="bulma-is-flex-grow-1 bulma-ml-5">
                <div>${content}</div>
                <div>${remark}</div>
            </div>
            <div class="bulma-buttons">
                ${remove-button class="bulma-button bulma-is-danger"}
                ${add-child class="bulma-button bulma-is-success"}
                ${collapse-button class="bulma-button"}
            </div>
        </div>
        ${children}
    </message>
    <message id="Wt.Task.Add">
        <div class="bulma-field"> 
            <label for="${id:task-content}" class="bulma-label">
                ${task-content-label}
            </label>
            <div class="bulma-control bulma-has-icons-left">
                ${task-content class="bulma-input" type="text"}
                <span class="bulma-icon bulma-is-small bulma-is-left">
                <i class="fa-solid fa-user"></i>
                </span>
            </div>
            ${task-content-info class="Wt-info bulma-help"}
        </div>
        <div class="bulma-field"> 
            <label for="${id:task-remark}" class="bulma-label">
                ${task-remark-label}
            </label>
            <div class="bulma-control">
                ${task-remark class="bulma-textarea"}
            </div>
            ${task-remark-info class="Wt-info bulma-help"}
        </div>
        <div>
            ${submit-button class="bulma-button"}
            ${cancel-button class="bulma-button"}
        </div>
    </message>
    <message id="Wt.Icon.Expand">
        <span class="bulma-icon bulma-is-small">
            <i class="fa-solid fa-angle-down"></i>
        </span>
    </message>
    <message id="Wt.Icon.Fold">
        <span class="bulma-icon bulma-is-small">
            <i class="fa-solid fa-angle-left"></i>
        </span>
    </message>
    <message id="Wt.Icon.Add">
        <span class="bulma-icon bulma-is-small">
            <i class="fa-solid fa-plus"></i>
        </span>
    </message>
    <message id="Wt.Icon.Remove">
        <span class="bulma-icon bulma-is-small">
            <i class="fa-regular fa-trash-can"></i>
        </span>
    </message>
    <message id="task-content">内容</message>
    <message id="task-remark">备注</message>
</messages>