101 lines
4.3 KiB
Plaintext
101 lines
4.3 KiB
Plaintext
<div class="w-full h-full content">
|
|
<div class="flex-1 grid grid-cols-2 lg:grid-cols-4 gap-4">
|
|
<!-- 실내온도 -->
|
|
<%= link_to view_temp_environment_path(id: params[:id]), class: "dashboard-group" do %>
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div class="text-xl">실내온도</div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<i class="fa-solid fa-temperature-quarter text-base-text/80 text-4xl text-left w-full"></i>
|
|
<div class="items-baseline text-right w-full">
|
|
<span class="text-4xl font-['Chakra_Petch'] font-light">15.5</span>
|
|
<span class="text-2xl">°C</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<!-- 실내습도 -->
|
|
<%= link_to view_humidity_environment_path(id: params[:id]), class: "dashboard-group" do %>
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div class="text-xl">실내습도</div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<i class="fa-solid fa-droplet text-base-text/80 text-4xl text-left w-full"></i>
|
|
<div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']">60</span>
|
|
<span class="text-2xl">%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<!-- CO2 -->
|
|
<%= link_to view_co2_environment_path(id: params[:id]), class: "dashboard-group" do %>
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div><span class="text-xl">CO</span><span class="text-sm">2</span></div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<div class="size-10 bg-base-text/80 rounded-full text-base-background flex flex-col justify-center">
|
|
<div class="flex flex-row justify-center items-baseline">
|
|
<span class="text-xl">CO</span><span class="text-sm">2</span>
|
|
</div>
|
|
</div>
|
|
<div class="items-baseline text-right"><span class="text-4xl font-['Chakra_Petch']">60</span>
|
|
<span class="text-2xl">%</span></div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<!-- none -->
|
|
<div class="dashboard-group"></div>
|
|
|
|
<!-- 랙 -->
|
|
<%= link_to rack_index_path, class: "dashboard-group" do %>
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div class="text-xl">랙 정보</div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<i class="fa-solid fa-lightbulb text-base-text/80 text-4xl text-left w-full"></i>
|
|
<div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']">5</span>
|
|
<span class="text-2xl">라인</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<!-- 센서 구역 -->
|
|
<%= link_to view_area_environment_path(id: params[:id]), class: "dashboard-group" do %>
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div class="text-xl">센서구역 정보</div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<i class="fa-solid fa-fan text-base-text/80 text-4xl text-left w-full"></i>
|
|
<div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']">6</span>
|
|
<span class="text-2xl">구역</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<!-- LED -->
|
|
<div class="dashboard-group">
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div class="text-xl">LED</div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<i class="fa-solid fa-lightbulb text-base-text/80 text-4xl text-left w-full"></i>
|
|
<div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']"><div class="btn-toggle-text">AUTO</div></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Fan -->
|
|
<div class="dashboard-group">
|
|
<div class="flex flex-col justify-between h-full">
|
|
<div class="text-xl">FAN</div>
|
|
<div class="flex flex-row justify-between items-baseline w-full">
|
|
<i class="fa-solid fa-fan text-base-text/80 text-4xl text-left w-full"></i>
|
|
<div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']"><div class="btn-toggle-text">AUTO</div></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|