part_problem_status.html

<div>
    <h4 class='inline-heading' id='problem-status-title'>{{problem.name}}</h4>
    {#% # if localmode %#}
    <button class="btn btn-primary btn-lg start-button" type="button" data-qname="{{problem.name}}">Start</button>
    <button class="btn btn-danger btn-lg cancel-button" type="button" data-qname="{{problem.name}}">Cancel</button>
    <button class="btn btn-info btn-lg save-button" type="button" data-qname="{{problem.name}}">Save</button>
    <button class="btn btn-success btn-lg submit-button" type="button" data-qname="{{problem.name}}">Up</button>
    {#% else %#}
    <!-- [View Only] -->
    <a class="btn btn-outline-success btn-lg" href="/viewer#{{problem.name}}" role="button" target='_blank'>Viewer</a>
    {#% endif %#}
</div>

<div id="list-wrapper">

    <div id="solver-list-container">
        <h4>ソルバ一覧</h4>
        <div id="solver-list-table-wrapper">
            <table class="table table-bordered table-sm" id="workers-table">
                <thead>
                    <tr>
                        <th>
                            <div class="form-group form-check">
                                <input type="checkbox" class="form-check-input" name="solver-all" id="chk-solver-all">
                            </div>
                        </th>
                        <th class="">Worker</th>
                        <th class="">Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for k, w in workers.items() %}
                    <tr class="worker-status-row" data-cname="{{w.name}}">
                        <td>
                            <div class="form-group form-check">
                                <input type="checkbox" class="form-check-input chk-solver" name="solver-{{k}}" id="chk-solver-{{k}}" value="{{k}}">
                            </div>
                        </td>
                        <td class="worker-status-name">
                            {{w.name}} ({{w.address}})
                        </td>
                        <td class="worker-status-value">{{w.status}}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div id="problem-status-list-container">
    </div>
    
</div>