redmine_qbo_vehicles/app/views/vehicles/show.html.erb

<h2><%=t(:field_vehicle)%> #<%=@vehicle.id%></h2>

<% unless @vehicle.vin_decoded? %>
  <div id="vin-status" class="flash notice">
    <%= t :notice_decoding_vin %>
  </div>
<% end %>

<%= render partial: 'vehicles/details', locals: {vehicle: @vehicle} %>

<div class="splitcontent">
    <div class="splitcontentleft">
        <h4><%=t(:estimates)%>:</h4>
        <%= render partial: 'estimates/list', locals: {estimates: @vehicle.estimates} %>
    </div>

    <div class="splitcontentleft">
        <h4><%=t(:label_invoices)%>:</h4>
        <%= render partial: 'invoices/list', locals: {invoices: @vehicle.invoices} %>
    </div>
</div>

<h3><%=@open_issues.count%> <%=t(:label_open_issues)%></h3>

<%= render partial: 'issues/list_simple', locals: {issues: @open_issues} %>

<h3><%=@closed_issues.count%> <%=t(:label_closed_issues)%></h3>

<%= render partial: 'issues/list_simple', locals: {issues: (@closed_issues)} %>

<script>
  (function() {
    const vehicleId = <%= @vehicle.id %>;
    const alreadyDecoded = <%= @vehicle.vin_decoded? ? 'true' : 'false' %>;

    if (alreadyDecoded) return;

    const interval = 3000; // 3 seconds
    let attempts = 0;
    const maxAttempts = 40; // ~2 minutes

    const checkStatus = () => {
      fetch(`/vehicles/${vehicleId}/status`, {
        headers: { 'Accept': 'application/json' }
      })
        .then(res => res.json())
        .then(data => {
          if (data.decoded) {
            window.location.reload();
          } else {
            attempts++;
            if (attempts >= maxAttempts) {
              clearInterval(timer);
              console.warn("VIN decode polling timed out");
            }
          }
        })
        .catch(err => {
          console.error("Polling error:", err);
          clearInterval(timer);
        });
    };

    const timer = setInterval(checkStatus, interval);
  })();
</script>