everlight.eap/front/dashboard/pages/temp.html

<ul class="mac-row flex marginTop">
    <li class="content-tbody-td bordered num">{{line.lineName}}</li>
    <li class="content-tbody-td bordered recipe"></li>
    <li class="content-tbody-td bordered runrate">82.43%</li>
    <li class="content-tbody-td equipment">
        <div class="da">
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/DA/DA_ALARM.png" width="100%" height="100%" alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
        </div>
        <div class="wb">
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/WB/WB_ALARM.png" width="100%" height="100%" alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/WB/WB_CHANGE.png" width="100%" height="100%"
                        alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/WB/WB_DISCONN.png" width="100%" height="100%"
                        alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/WB/WB_IDLE.png" width="100%" height="100%" alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/WB/WB_PM.png" width="100%" height="100%" alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/WB/WB_REPAIR.png" width="100%" height="100%"
                        alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
        </div>
        <div class="lha">
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/LHA/LHA_RUN.png" width="100%" height="100%" alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/LHA/LHA_REPAIR.png" width="100%" height="100%"
                        alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
        </div>
        <div class="aa">
            <div class="mac-item">
                <div class="macId">
                    A00001
                </div>
                <div class="img">
                    <img src="../images/machines/AA_ALARM.png" width="100%" height="100%" alt="">
                </div>
                <div class="time">
                    150s
                </div>
            </div>
        </div>
    </li>
</ul>