OctoPrint-BambuPrinter/octoprint_bambu_printer/templates/bambu_printer_sidebar.jinja2

<div class="row-fluid" data-bind="foreach: {data: settingsViewModel.settings.plugins.bambu_printer.ams_data, as: 'ams'}">
    <!-- ko if: $data -->
    <div class="well" data-bind="foreach: tray">
        <div class="span3 text-center" data-bind="attr: {title: name}">
            <div class="row-fluid" data-bind="css: {'active': ($root.settingsViewModel.settings.plugins.bambu_printer.ams_current_tray() == (($parentContext.$index() * 4) + $index()))}">
                <i class="fa fa-3x fa-dot-circle" data-bind="css: {'fas': !empty(), 'far': empty()}, style: {'color': ('#'+color())}"></i><br>
                <div class="text-center" data-bind="text: type"></div>
            </div>
        </div>
    </div>
    <!-- /ko -->
</div>
<div class="row-fluid" data-bind="visible: job_info">
    <div class="span6">{{ _('Layer') }}:</div><div class="span6" data-bind="text: function(){return (job_info.current_layer() + ' of ' + job_info.total_layers);}"></div>
</div>