105 lines
4.8 KiB
Plaintext
105 lines
4.8 KiB
Plaintext
<div class="flex flex-col h-full lg:rounded-lg">
|
|
<div class="flex flex-row items-center space-x-4 p-2">
|
|
<%= link_to environment_index_path(id: params[:id]), class: "flex items-center" do %>
|
|
<i class="fa-solid fa-angle-left text-2xl"></i>
|
|
<% end %>
|
|
<div class="text-2xl font-bold leading-10"><%= @controller.id %>동 환경 스케줄러</div>
|
|
</div>
|
|
<div class="space-y-4 overflow-y-hidden divide-y divide-base-border">
|
|
<%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
|
|
<div class="flex flex-col h-full">
|
|
<div class="flex flex-col overflow-y-hidden flex-1 space-y-4">
|
|
<div class="flex justify-between">
|
|
<%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
|
|
<div class="flex space-x-4">
|
|
<%= link_to "추가하기", open_modals_path(type: "add_feeder_schedule"),
|
|
class: "btn bg-default-slate",
|
|
data: {
|
|
turbo_method: :post,
|
|
turbo_frame: "modals"
|
|
} %>
|
|
</div>
|
|
</div>
|
|
<div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg bg-base-content">
|
|
<ul class="divide-y divide-base-border whitespace-nowrap relative">
|
|
<!-- 헤더 -->
|
|
<li class="flex justify-between items-center px-4 py-2 text-md font-semibold text-gray-600 bg-base-content rounded-t-md">
|
|
<div class="flex basis-3/5 space-x-8">
|
|
<div class="w-[40px]">번호</div>
|
|
<div class="w-[120px]">시작 시간 (시/분)</div>
|
|
<div class="w-[120px]">온도 (°C)</div>
|
|
<div class="w-[120px]">습도 (%)</div>
|
|
<div class="w-[120px]">CO<span class="text-xs">2</span></div>
|
|
</div>
|
|
<div class="flex basis-2/5 items-center justify-end space-x-8">
|
|
<div class="w-[100px] text-center">사용 여부</div>
|
|
<div class="w-[80px] text-center">작업</div>
|
|
</div>
|
|
</li>
|
|
<li class="flex justify-between items-center px-4 py-2 space-x-4 h-full border-b border-base-border relative bg-base-content">
|
|
<div class="flex items-center basis-3/5 space-x-8 h-full">
|
|
<!-- 번호 -->
|
|
<div class="w-[40px]">1</div>
|
|
|
|
<!-- 시작 시각 -->
|
|
<div class="w-[120px] flex space-x-2 items-center">
|
|
<select class="select-style w-1/2">
|
|
<option selected>08</option>
|
|
<option>09</option>
|
|
<option>10</option>
|
|
</select>
|
|
<div> : </div>
|
|
<select class="select-style w-1/2">
|
|
<option selected>30</option>
|
|
<option>45</option>
|
|
<option>00</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- 온도 -->
|
|
<div class="w-[120px] flex space-x-2 items-center">
|
|
<input type="number" value="15" min="0" max="60" class="input-style w-full" />
|
|
<div>~</div>
|
|
<input type="number" value="20" min="0" max="60" class="input-style w-full" />
|
|
</div>
|
|
|
|
<!-- 습도 -->
|
|
<div class="w-[120px] flex space-x-2 items-center">
|
|
<input type="number" value="78" class="input-style" />
|
|
<div>~</div>
|
|
<input type="number" value="80" class="input-style" />
|
|
</div>
|
|
|
|
<!-- CO2 -->
|
|
<div class="w-[130px] flex space-x-2 items-center">
|
|
<input type="number" value="300" class="input-style" />
|
|
<div>~</div>
|
|
<input type="number" value="1000" class="input-style" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex basis-2/5 justify-end items-center space-x-8 h-full">
|
|
<!-- 토글 -->
|
|
<div class="w-[100px] flex justify-center">
|
|
<label class="relative inline-flex items-center cursor-pointer">
|
|
<input type="checkbox" checked class="sr-only peer" />
|
|
<div class="toggle_style"></div>
|
|
<div class="btn-toggle-round"></div>
|
|
</label>
|
|
</div>
|
|
|
|
<!-- 삭제 버튼 -->
|
|
<div class="w-[80px] flex justify-center">
|
|
<button class="btn bg-danger text-md px-2 py-1">삭제</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|