환경부 대시보드 및 스케줄러 샘플 페이지 작업

app/assets/images/svg/svg_pump.svg

@@ -0,0 +1,5 @@
+<svg width="286" height="164" viewBox="0 0 286 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M259 153L179.015 153C197.205 142.983 211.133 126.18 217.385 106L259 106L259 94L286 94L286 164L259 164L259 153Z" fill="black"/>
+<path d="M6.11959e-06 -1.21518e-05L27 -9.79135e-06L27 11L139 11L139 11.0078C108.644 11.4269 82.8939 30.8954 73.1602 58L27 58L27 70L0 70L6.11959e-06 -1.21518e-05Z" fill="black"/>
+<path d="M140 11C179.212 11 211 42.7878 211 82C211 121.212 179.212 153 140 153C100.788 153 69 121.212 69 82C69 42.7878 100.788 11 140 11ZM155.737 102.695C151.368 106.023 145.916 108 140 108C134.331 108 129.087 106.185 124.814 103.105L102.157 116.188C111.49 126.512 124.987 133 140 133C155.245 133 168.925 126.308 178.271 115.705L155.737 102.695ZM131 31.792C107.126 36.0428 89 56.9045 89 82C89 88.3231 90.1514 94.3772 92.2549 99.9648L114.505 87.1191C114.174 85.464 114 83.7523 114 82C114 70.8045 121.076 61.2623 131 57.6006V31.792ZM150 57.9932C159.396 61.9114 166 71.1843 166 82C166 83.5208 165.868 85.0108 165.617 86.46L187.967 99.3633C189.929 93.9436 191 88.0969 191 82C191 57.2561 173.378 36.6283 150 31.9805V57.9932ZM140 72C134.477 72 130 76.4772 130 82C130 87.5228 134.477 92 140 92C145.523 92 150 87.5228 150 82C150 76.4772 145.523 72 140 72Z" fill="black"/>
+</svg>

app/assets/images/svg/svg_valve.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 117.35" style="enable-background:new 0 0 122.88 117.35" xml:space="preserve">
+    <g><path fill="currentColor" d="M79.22,54.41c5.16,3.03,9.06,6.88,11.81,11.19h5.36v36.21h-5.73c-5.72,9.03-15.74,15.53-28.98,15.53 c-13.23,0-23.34-6.5-29.09-15.53h-5.96V65.6h5.91c2.98-4.48,7.25-8.48,12.96-11.58c3.04-1.64,4.88-3.69,4.9-5.53 c0.03-2.33-2.52-4.31-5.26-4.31h-1.36c-3.32,0-6.04-2.72-6.04-6.04l0,0c0-3.32,2.72-6.04,6.04-6.04h7.76l6.1-7.57 c-0.02-0.28-0.04-0.57-0.04-0.87v-9.99H32.87c-3.77,0-6.85-3.08-6.85-6.85l0,0c0-3.76,3.08-6.85,6.85-6.85h58.18 c3.76,0,6.85,3.08,6.85,6.85l0,0c0,3.77-3.08,6.85-6.85,6.85H67.51v9.99c0,0.41-0.03,0.82-0.07,1.21l5.48,7.23h6.67 c3.32,0,6.04,2.72,6.04,6.04l0,0c0,3.32-2.72,5.97-6.04,6.04c-4.57,0.1-6.25,2.06-6.04,4.34C73.91,52.73,76.83,53.01,79.22,54.41 L79.22,54.41z M101.34,65.6h4.2v-8.65c0-1.54,1.26-2.79,2.79-2.79h11.76c1.54,0,2.79,1.26,2.79,2.79v53.51 c0,1.54-1.26,2.79-2.79,2.79h-11.76c-1.54,0-2.79-1.26-2.79-2.79v-8.65h-4.2V65.6L101.34,65.6z M21.67,101.81h-4.33v8.65 c0,1.54-1.26,2.79-2.79,2.79H2.79C1.26,113.25,0,112,0,110.46V56.95c0-1.54,1.26-2.79,2.79-2.79h11.76c1.54,0,2.79,1.26,2.79,2.79 v8.65h4.33V101.81L21.67,101.81z"/></g>
+</svg>

app/assets/stylesheets/application.tailwind.css

@@ -9,14 +9,23 @@
     --color-warning: rgb(255, 202, 40);
     --color-accept: rgb(121, 134, 203);
     --color-danger: rgb(239, 83, 80);
-    --color-table-border: rgb(130, 144, 158);
+    --color-table-border: rgb(181, 188, 199);
+    --color-table-background: rgb(226, 228, 234);
 
     /* theme */
     --color-logo-color: rgb(21, 128, 120);
-    --color-base-background: rgb(39, 44, 56);
-    --color-base-secondary: rgb(55, 61, 71);
-    --color-base-text: rgb(255, 255, 255);
-    --color-base-border: rgb(77, 84, 102);
+    --color-env-color: rgb(86, 145, 172);
+    --color-nut-color: rgb(39, 156, 26);
+    --color-etc-color: rgb(140, 152, 154);
+    --color-base-primary: rgb(44, 137, 255);
+    --color-base-background: rgb(242, 244, 248);
+    --color-base-sidebar: rgb(235, 238, 244);
+    --color-base-content: rgb(253, 253, 253);
+    --color-on-content: rgb(192, 216, 245);
+    --color-off-content: rgb(187, 187, 191);
+    --color-base-third: rgb(201, 208, 210);
+    --color-base-text: rgb(39, 41, 49);
+    --color-base-border: rgb(223, 226, 234);
 
     --base-font-size: 0.85rem;
     --text-xs: calc(var(--base-font-size) * 0.75);
@@ -49,11 +58,11 @@
 
 @layer base {
     body {
-        @apply bg-base-background text-base-text font-['Pretendard-Regular']
+        @apply bg-base-background text-base-text font-['Godo']
     }
 
     hr {
-        @apply border-table-border
+        @apply border-base-border
     }
 
     .background-pattern {
@@ -85,11 +94,11 @@
 
     /*Form*/
     .label-style {
-        @apply block my-1 font-bold text-default-slate-dark
+        @apply block my-1 text-default-slate-dark
     }
 
     .select-style {
-        @apply block w-full px-2 py-1.5 border border-default-slate/50 rounded-xs text-base-background appearance-none
+        @apply block w-full px-2 py-1.5 border border-default-slate/50 rounded-xs appearance-none
     }
 
     .select-style option {
@@ -109,35 +118,35 @@
         @apply w-14 h-8 bg-danger rounded-full peer-checked:bg-notice transition-all duration-300
     }
 
-    .toggle_btn {
+    .btn-toggle-round {
         @apply absolute left-1 top-1 w-6 h-6 bg-white rounded-full transition-all duration-300 peer-checked:translate-x-full shadow-sm
     }
 }
 
 @layer utilities {
     .header {
-        @apply p-4 text-lg font-bold h-16 flex justify-between items-center;
+        @apply p-4 text-lg h-16 flex justify-between items-center;
     }
 
     .side-bar {
-        /*@apply w-[16rem] pl-4 text-lg font-bold divide-y divide-base-border;*/
-        @apply w-[16rem] pl-4 pr-4 lg:pr-0 text-lg font-bold;
+        /*@apply w-[16rem] pl-4 text-lg divide-y divide-base-border;*/
+        @apply w-[16rem] p-4 text-lg;
     }
 
     .content {
-        @apply lg:rounded-lg bg-base-secondary;
+        @apply lg:rounded-lg bg-base-background
     }
 
     .page-title {
-        @apply text-xl font-bold;
+        @apply text-xl;
     }
 
     .search-title {
-        @apply text-base font-bold;
+        @apply text-base;
     }
 
     .form-title {
-        @apply text-center text-3xl font-bold tracking-tight text-default-slate-dark
+        @apply text-center text-3xl tracking-tight text-default-slate-dark
     }
 
     .field {
@@ -148,21 +157,25 @@
         @apply inline-flex items-center rounded-xs px-2.5 py-1.5 text-sm font-semibold hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-30 disabled:hover:bg-white
     }
 
+    .btn-toggle-text {
+        @apply bg-logo-color rounded-lg text-white text-center
+    }
+
     /*Menu*/
     .menu-group {
-        @apply flex flex-row py-2 px-4 my-4 gap-x-4 justify-between items-center w-full
+        @apply flex flex-row py-1 px-4 my-2 gap-x-4 justify-between items-center w-full
     }
 
     .menu-group-active {
-        @apply bg-base-secondary text-white rounded-md;
+        @apply bg-base-primary rounded-full text-base-content;
     }
 
-    .menu-group:hover {
-        @apply bg-base-secondary text-white transition-colors rounded-md;
-    }
+    /*.menu-group:hover {*/
+    /*    @apply bg-base-primary/30 transition-colors rounded-full;*/
+    /*}*/
 
     .menu-group-icon {
-        @apply py-1 text-sm font-medium justify-center
+        @apply flex py-1 justify-center items-center
     }
 
     .menu-group-name {
@@ -170,7 +183,7 @@
     }
 
     .menu-group-items-title {
-        @apply text-base font-bold
+        @apply text-base
     }
 
     .copyright {
@@ -179,7 +192,11 @@
 
     /*Dashboard*/
     .dashboard-group {
-        @apply rounded-md bg-base-background h-32 p-4 flex flex-col justify-between cursor-pointer
+        @apply rounded-md min-h-32 p-4 flex flex-col justify-between cursor-pointer shadow-xs
+    }
+
+    .dashboard-title {
+        @apply text-2xl
     }
 
     /*Pagy*/
@@ -217,25 +234,41 @@
 
     /*Base Table*/
     .base-table {
-        @apply min-w-full whitespace-nowrap border border-table-border
+        @apply min-w-full whitespace-nowrap
     }
 
     .base-table th {
-        @apply bg-base-background px-2 py-2 text-left font-bold lg:table-cell
+        @apply p-3 text-left lg:table-cell
+    }
+
+    .base-table tr {
+        @apply divide-x divide-base-border
     }
 
     .base-table td {
-        @apply border-t border-table-border px-2 py-1 lg:table-cell whitespace-nowrap
+        @apply border-t border-base-border p-3 lg:table-cell whitespace-nowrap
+    }
+
+    /*Base List*/
+    .base-list {
+        @apply overflow-y-auto divide-y divide-base-border lg:border lg:border-base-border lg:rounded-lg
+    }
+    .base-list ul {
+        @apply divide-y divide-base-border lg:rounded-b-lg
+    }
+
+    .base-list li{
+        @apply flex justify-between items-center px-4 py-2 space-x-4
     }
 }
 
 @media (min-width: 640px) {
     .page-title {
-        @apply text-3xl font-bold;
+        @apply text-3xl;
     }
 
     .search-title {
-        @apply text-lg font-bold;
+        @apply text-lg;
     }
 }
 
@@ -272,9 +305,8 @@
 
 /*Fonts*/
 @font-face {
-    font-family: 'GongGothicMedium';
-    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
-    font-weight: normal;
+    font-family: "Chakra_Petch", sans-serif;
+    font-weight: 300;
     font-style: normal;
 }
 
@@ -283,4 +315,11 @@
     src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
+}
+
+@font-face {
+    font-family: 'Godo';
+    font-style: normal;
+    font-weight: 400;
+    src: url('https://fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('https://fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
 }

app/controllers/device_controller.rb

@@ -1,2 +0,0 @@
-class DeviceController < ApplicationController
-end

app/controllers/environment_controller.rb

@@ -0,0 +1,106 @@
+class EnvironmentController < ApplicationController
+  def index
+    @controllers = Controller.all
+  end
+
+  # def view_temp
+  #   @controller = Controller.find(params[:id])
+  #   @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  # end
+  #
+  # def view_humidity
+  #   @controller = Controller.find(params[:id])
+  #   @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  # end
+  #
+  # def view_co2
+  #   @controller = Controller.find(params[:id])
+  #   @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  # end
+
+  def view_area
+    @controller = Controller.find(params[:id])
+    @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  end
+
+  def edit_humidity
+    @controller = Controller.find(params[:id])
+    @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  end
+
+  def edit_temp
+    @controller = Controller.find(params[:id])
+    @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  end
+
+  def edit_co2
+    @controller = Controller.find(params[:id])
+    @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  end
+
+  def create
+    @schedule = Schedule.new(schedule_params)
+
+    if @schedule.save
+      redirect_to schedule_edit_schedule_path(@schedule.controller_id), notice: "스케쥴이 추가 되었습니다."
+    else
+      error_messages = @schedule.errors.full_messages.join(", ")
+      redirect_to schedule_edit_schedule_path(@schedule.controller_id), alert: "스케쥴 추가 실패: #{error_messages}"
+    end
+  end
+
+  def destroy
+    @schedule = Schedule.find_by(id: params[:id])
+
+    if @schedule.destroy
+      redirect_to schedule_edit_schedule_path(@schedule.controller_id), notice: "스케줄이 삭제되었습니다."
+    else
+      error_messages = @schedule.errors.full_messages.join(", ")
+      redirect_to schedule_edit_schedule_path(@schedule.controller_id), alert: "스케쥴 삭제 실패: #{error_messages}"
+    end
+  end
+
+  def reset
+    Schedule.where(controller_id: params[:id]).destroy_all
+    ActiveRecord::Base.connection.execute("DELETE FROM sqlite_sequence WHERE name='schedules'")
+
+    redirect_to schedule_edit_schedule_path(params[:id]), notice: "스케줄이 초기화되었습니다."
+  end
+
+  def schedule_edit
+    @controller = Controller.find(params[:id])
+    @schedule = Schedule.where(controller_id: params[:id]).order(:hour, :minute)
+  end
+
+  def schedule_edit_update
+    error_messages = []
+
+    params[:schedule]&.each do |id, attributes|
+      schedule = Schedule.find_by(id: id)
+      next unless schedule
+
+      unless schedule.update(
+        hour:        attributes[:hour],
+        minute:      attributes[:minute],
+        is_active:   attributes[:is_active],
+        temperature: attributes[:temperature]
+      )
+
+        error_detail = schedule.errors.full_messages.join(", ")
+        time_label = "#{attributes[:hour]}시 #{attributes[:minute]}분"
+        error_messages << "#{time_label} - #{error_detail}"
+      end
+    end
+
+    if error_messages.any?
+      redirect_to schedule_edit_schedule_path(params[:controller_id]), alert: error_messages.join("<br>")
+    else
+      redirect_to schedule_edit_schedule_path(params[:controller_id]), notice: "스케줄이 성공적으로 업데이트되었습니다."
+    end
+  end
+
+  private
+  def schedule_params
+    params.require(:schedule).permit(:controller_id, :hour, :minute, :is_active, :temperature)
+  end
+end

app/controllers/nutrient_controller.rb

@@ -0,0 +1,2 @@
+class NutrientController < ApplicationController
+end

app/controllers/rack_controller.rb

@@ -0,0 +1,2 @@
+class RackController < ApplicationController
+end

app/controllers/web_controller.rb

@@ -1,2 +0,0 @@
-class WebController < ApplicationController
-end

app/helpers/device_helper.rb

@@ -1,2 +0,0 @@
-module DeviceHelper
-end

app/helpers/environment_helper.rb

@@ -0,0 +1,2 @@
+module EnvironmentHelper
+end

app/helpers/nutrient_helper.rb

@@ -0,0 +1,2 @@
+module NutrientHelper
+end

app/helpers/rack_helper.rb

@@ -0,0 +1,2 @@
+module RackHelper
+end

app/helpers/web_helper.rb

@@ -1,2 +0,0 @@
-module WebHelper
-end

app/javascript/controllers/index.js

@@ -15,3 +15,6 @@ application.register("sidebar", SidebarController)
 
 import TimerController from "./timer_controller"
 application.register("timer", TimerController)
+
+import ToggleController from "./toggle_controller"
+application.register("toggle", ToggleController)

app/javascript/controllers/modals_controller.js

@@ -5,6 +5,7 @@ import { useClickOutside } from 'stimulus-use'
 export default class extends Controller {
   connect() {
     // useClickOutside(this)
+    console.log("modal stimulus")
     this.boundHandleKeydown = this.handleKeydown.bind(this)
     document.addEventListener("keydown", this.boundHandleKeydown)
     window.addEventListener('modals:close', this.close.bind(this))

app/javascript/controllers/toggle_controller.js

@@ -0,0 +1,40 @@
+// controllers/toggle_controller.js
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["label", "dot", "background"]
+
+  connect() {
+    this.state = true
+    this.update()
+  }
+
+  toggle() {
+    this.state = !this.state
+    this.update()
+  }
+
+  update() {
+    if (this.state) {
+      this.labelTarget.textContent = "ON"
+      this.labelTarget.classList.add("text-notice")
+      this.labelTarget.classList.remove("text-gray-400")
+
+      this.dotTarget.classList.add("bg-notice")
+      this.dotTarget.classList.remove("bg-gray-400")
+
+      // this.backgroundTarget.classList.add("bg-on-content")
+      // this.backgroundTarget.classList.remove("bg-off-content")
+    } else {
+      this.labelTarget.textContent = "OFF"
+      this.labelTarget.classList.add("text-gray-400")
+      this.labelTarget.classList.remove("text-notice")
+
+      this.dotTarget.classList.add("bg-gray-400")
+      this.dotTarget.classList.remove("bg-notice")
+
+      // this.backgroundTarget.classList.add("bg-off-content")
+      // this.backgroundTarget.classList.remove("bg-on-content")
+    }
+  }
+}

app/views/device/index.html.erb

@@ -1 +0,0 @@
-<div class="p-4">DEVICE</div>

app/views/environment/edit_co2.html.erb

@@ -0,0 +1,86 @@
+<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 %>동 CO</span><span class="text-sm">2</span> 스케줄러</div>
+  </div>
+  <div class="space-y-4 overflow-y-hidden divide-y divide-base-border bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
+      <%= hidden_field_tag :controller_id, params[:id] %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+            <% end %>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/environment/edit_humidity.html.erb

@@ -0,0 +1,86 @@
+<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 bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
+      <%= hidden_field_tag :controller_id, params[:id] %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+            <% end %>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/environment/edit_temp.html.erb

@@ -0,0 +1,104 @@
+<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>

app/views/environment/index.html.erb

@@ -0,0 +1,482 @@
+<div class="w-full h-full content overflow-y-auto space-y-4">
+  <div class="flex-1 grid grid-cols-2 xl:grid-cols-3 gap-4">
+    <!-- 실내온도 -->
+    <%= link_to edit_temp_environment_path(id: params[:id]), class: "dashboard-group bg-base-content" do %>
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-temperature-quarter text-env-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">온도</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">현재 온도</div>
+            <div class="text-3xl">18.5<span class="font-normal text-2xl"> °C</span></div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">설정 온도</div>
+            <div class="text-3xl">18<span class="font-normal text-2xl"> °C</span> ~ 20<span class="font-normal text-2xl"> °C</span></div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- 실내습도 -->
+    <%= link_to edit_humidity_environment_path(id: params[:id]), class: "dashboard-group bg-base-content" do %>
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-droplet text-env-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">습도</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">현재 습도</div>
+            <div class="text-3xl">78<span class="font-normal text-2xl"> %</span></div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">설정 습도</div>
+            <div class="text-3xl">75<span class="font-normal text-2xl"> %</span> ~ 80<span class="font-normal text-2xl"> %</span></div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- CO2 -->
+    <%= link_to edit_co2_environment_path(id: params[:id]), class: "dashboard-group bg-base-content" do %>
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <div class="size-10 bg-env-color 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">
+              <span class="text-2xl">CO</span><span class="text-xl">2</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">현재 CO</span><span class="text-sm">2</div>
+            <div class="text-3xl">700<span class="font-normal text-2xl"> ppm</span></div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">최소 CO</span><span class="text-sm">2</div>
+            <div class="text-3xl">300<span class="font-normal text-2xl"> ppm</span></div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full pl-4">
+            <div class="opacity-50">최대 CO</span><span class="text-sm">2</div>
+            <div class="text-3xl">1000<span class="font-normal text-2xl"> ppm</span></div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="flex-1 grid grid-cols-2 xl:grid-cols-6 gap-4 min-h-32">
+
+    <!-- 스케줄러 동작 -->
+    <div class="dashboard-group cursor-pointer w-full h-full bg-base-content">
+      <div class="flex flex-col justify-between h-full">
+        <div class="dashboard-title" data-modbus-target="statusTitle">스케줄러 동작</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 items-center justify-center">
+            <i class="fa-solid fa-play text-etc-color text-5xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 긴급 정지 -->
+    <div class="dashboard-group cursor-pointer w-full h-full bg-base-content">
+      <div class="flex flex-col justify-between h-full">
+        <div class="dashboard-title">긴급 정지</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 items-center justify-center">
+            <i class="fa-solid fa-stop text-etc-color text-5xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- LED 스케줄러 설정 -->
+    <div class="dashboard-group cursor-pointer w-full h-full bg-base-content">
+      <div class="flex flex-col justify-between h-full">
+        <div class="dashboard-title">LED 스케줄러 설정</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 items-center justify-center">
+            <i class="fa-solid fa-calendar-days text-etc-color text-5xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 재배용 FAN 스케줄러 설정 -->
+    <div class="dashboard-group cursor-pointer w-full h-full bg-base-content">
+      <div class="flex flex-col justify-between h-full">
+        <div class="dashboard-title">재배용 FAN 스케줄러 설정</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 items-center justify-center">
+            <i class="fa-solid fa-calendar-days text-etc-color text-5xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 환기용 FAN 스케줄러 설정 -->
+    <div class="dashboard-group cursor-pointer w-full h-full bg-base-content">
+      <div class="flex flex-col justify-between h-full">
+        <div class="dashboard-title">환기용 FAN 스케줄러 설정</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 items-center justify-center">
+            <i class="fa-solid fa-calendar-days text-etc-color text-5xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 환경 스케줄러 설정 -->
+    <div class="dashboard-group cursor-pointer w-full h-full bg-base-content">
+      <div class="flex flex-col justify-between h-full">
+        <div class="dashboard-title">환경 스케줄러 설정</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 items-center justify-center">
+            <i class="fa-solid fa-calendar-days text-etc-color text-5xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="flex-1 grid grid-cols-2 xl:grid-cols-6 gap-4">
+    <!-- 1번 랙 -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-timeline text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">1번 랙</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">LED</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full ml-4">
+            <div class="opacity-50">FAN</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 2번 랙 -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-timeline text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">2번 랙</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">LED</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full ml-4">
+            <div class="opacity-50">FAN</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 3번 랙 -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-timeline text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">3번 랙</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">LED</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full ml-4">
+            <div class="opacity-50">FAN</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 4번 랙 -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-timeline text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">4번 랙</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">LED</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full ml-4">
+            <div class="opacity-50">FAN</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 5번 랙 -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-timeline text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">5번 랙</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">LED</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full ml-4">
+            <div class="opacity-50">FAN</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 벌통 Spot Light -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-timeline text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">벌통 Spot Light</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">상태</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="flex-1 grid grid-cols-1 gap-4">
+    <!-- 환기용 FAN -->
+    <div class="dashboard-group bg-base-content">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-fan text-etc-color text-4xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">환기용 FAN</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex-1 grid grid-cols-2 xl:grid-cols-8 gap-2">
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">1번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">2번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">3번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">4번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">5번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">6번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">7번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">8번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">9번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">10번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">11번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">12번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">13번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">14번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">15번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+          <div class="card px-3 py-1.5 rounded-lg cursor-pointer">
+            <div class="opacity-50">16번</div>
+            <div class="flex flex-row items-center space-x-2 text-notice">
+              <div class="size-5 bg-notice rounded-full"></div>
+              <div class="text-3xl">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

app/views/environment/view_area.html.erb

@@ -0,0 +1,79 @@
+<div class="flex flex-col h-full divide-y divide-base-border lg:rounded-lg">
+  <div class="flex flex-col flex-1 space-y-4 overflow-y-hidden">
+    <div class="flex justify-between">
+      <div class="flex flex-row items-center space-x-4">
+        <%= link_to environment_index_path(id: params[:id]), class: "flex items-center" do %>
+          <i class="fa-solid fa-angle-left text-3xl"></i>
+        <% end %>
+        <div class="text-2xl font-bold leading-10"><%= @controller.id %>동 센서구역 정보</div>
+      </div>
+      <%= link_to "수정", schedule_edit_schedule_path(@controller.id), class: "btn bg-default-slate" %>
+    </div>
+    <div class="base-list">
+      <ul>
+        <% if @schedule.present? %>
+          <% @schedule.each do |s| %>
+            <li>
+              <div class="flex items-center space-x-6">
+                <!-- 시간 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-2">
+                  <div>시간</div>
+                  <div class="text-3xl flex items-baseline space-x-1">
+                    <div class="text-center w-[36px]"><%= s.hour.to_s.rjust(2, '0') %></div>
+                    <div>:</div>
+                    <div class="text-center w-[36px]"><%= s.minute.to_s.rjust(2, '0') %></div>
+                  </div>
+                </div>
+
+                <!-- 온도 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-4">
+                  <div>온도</div>
+                  <div class="text-3xl flex items-end space-x-2">
+                    <div class="text-left w-[50px]"><%= s.temperature %></div>
+                    <div class="text-base leading-7">°C</div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 사용 여부 -->
+              <div class="flex flex-col lg:flex-row items-baseline space-x-0 lg:space-x-4 items-end">
+                <div class="mb-1">ON/OFF</div>
+                <div class="text-3xl w-8 mr-0">
+                  <%#= s.is_active %>
+                  <% if s.is_active %>
+                    <i class="fa-solid fa-check text-notice"></i>
+                  <% else %>
+                    <i class="fa-solid fa-xmark text-danger"></i>
+                  <% end %>
+                </div>
+              </div>
+            </li>
+          <% end %>
+        <% else %>
+          <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+        <% end %>
+      </ul>
+
+      <!--      <table class="base-table">-->
+      <!--        <thead>-->
+      <!--        <tr>-->
+      <!--          <th>시간</th>-->
+      <!--          <th>분</th>-->
+      <!--          <th>사용여부</th>-->
+      <!--          <th>온도</th>-->
+      <!--        </tr>-->
+      <!--        </thead>-->
+      <!--        <tbody>-->
+      <%# @schedule.each do |s| %>
+      <!--          <tr>-->
+      <!--            <td><%#= s.hour %>시</td>-->
+      <!--            <td><%#= s.minute %>분</td>-->
+      <!--            <td><%#= s.is_active %></td>-->
+      <!--            <td><%#= s.temperature %> °C</td>-->
+      <!--          </tr>-->
+      <%# end %>
+      <!--        </tbody>-->
+      <!--      </table>-->
+    </div>
+  </div>
+</div>

app/views/environment/view_co2.html.erb

@@ -0,0 +1,58 @@
+<div class="flex flex-col h-full divide-y divide-base-border lg:rounded-lg">
+  <div class="flex flex-col flex-1 space-y-4 overflow-y-hidden">
+    <div class="flex justify-between">
+      <div class="flex flex-row items-center space-x-4">
+        <%= link_to environment_index_path(id: params[:id]), class: "flex items-center" do %>
+          <i class="fa-solid fa-angle-left text-3xl"></i>
+        <% end %>
+        <div class="text-2xl font-bold leading-10"><%= @controller.id %>동 CO2 스케줄러</div>
+      </div>
+      <%= link_to "수정", schedule_edit_schedule_path(@controller.id), class: "btn bg-default-slate" %>
+    </div>
+    <div class="base-list">
+      <ul>
+        <% if @schedule.present? %>
+          <% @schedule.each do |s| %>
+            <li>
+              <div class="flex items-center space-x-6">
+                <!-- 시간 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-2">
+                  <div>시간</div>
+                  <div class="text-3xl flex items-baseline space-x-1">
+                    <div class="text-center w-[36px]"><%= s.hour.to_s.rjust(2, '0') %></div>
+                    <div>:</div>
+                    <div class="text-center w-[36px]"><%= s.minute.to_s.rjust(2, '0') %></div>
+                  </div>
+                </div>
+
+                <!-- 농도 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-4">
+                  <div>농도</div>
+                  <div class="text-3xl flex items-end space-x-2">
+                    <div class="text-left w-[50px]"><%= s.temperature %></div>
+                    <div class="text-base leading-7">%</div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 사용 여부 -->
+              <div class="flex flex-col lg:flex-row items-baseline space-x-0 lg:space-x-4 items-end">
+                <div class="mb-1">ON/OFF</div>
+                <div class="text-3xl w-8 mr-0">
+                  <%#= s.is_active %>
+                  <% if s.is_active %>
+                    <i class="fa-solid fa-check text-notice"></i>
+                  <% else %>
+                    <i class="fa-solid fa-xmark text-danger"></i>
+                  <% end %>
+                </div>
+              </div>
+            </li>
+          <% end %>
+        <% else %>
+          <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+        <% end %>
+      </ul>
+    </div>
+  </div>
+</div>

app/views/environment/view_humidity.html.erb

@@ -0,0 +1,58 @@
+<div class="flex flex-col h-full divide-y divide-base-border lg:rounded-lg">
+  <div class="flex flex-col flex-1 space-y-4 overflow-y-hidden">
+    <div class="flex justify-between">
+      <div class="flex flex-row items-center space-x-4">
+        <%= link_to environment_index_path(id: params[:id]), class: "flex items-center" do %>
+          <i class="fa-solid fa-angle-left text-3xl"></i>
+        <% end %>
+        <div class="text-2xl font-bold leading-10"><%= @controller.id %>동 습도 스케줄러</div>
+      </div>
+      <%= link_to "수정", schedule_edit_schedule_path(@controller.id), class: "btn bg-default-slate" %>
+    </div>
+    <div class="base-list">
+      <ul>
+        <% if @schedule.present? %>
+          <% @schedule.each do |s| %>
+            <li>
+              <div class="flex items-center space-x-6">
+                <!-- 시간 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-2">
+                  <div>시간</div>
+                  <div class="text-3xl flex items-baseline space-x-1">
+                    <div class="text-center w-[36px]"><%= s.hour.to_s.rjust(2, '0') %></div>
+                    <div>:</div>
+                    <div class="text-center w-[36px]"><%= s.minute.to_s.rjust(2, '0') %></div>
+                  </div>
+                </div>
+
+                <!-- 습도 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-4">
+                  <div>습도</div>
+                  <div class="text-3xl flex items-end space-x-2">
+                    <div class="text-left w-[50px]"><%= s.temperature %></div>
+                    <div class="text-base leading-7">%</div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 사용 여부 -->
+              <div class="flex flex-col lg:flex-row items-baseline space-x-0 lg:space-x-4 items-end">
+                <div class="mb-1">ON/OFF</div>
+                <div class="text-3xl w-8 mr-0">
+                  <%#= s.is_active %>
+                  <% if s.is_active %>
+                    <i class="fa-solid fa-check text-notice"></i>
+                  <% else %>
+                    <i class="fa-solid fa-xmark text-danger"></i>
+                  <% end %>
+                </div>
+              </div>
+            </li>
+          <% end %>
+        <% else %>
+          <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+        <% end %>
+      </ul>
+    </div>
+  </div>
+</div>

app/views/environment/view_temp.html.erb

@@ -0,0 +1,64 @@
+<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="flex flex-col flex-1 space-y-4 overflow-y-hidden lg:p-4 bg-base-content rounded-lg">
+    <div class="flex justify-between">
+      <%= link_to "수정", edit_temp_environment_path(@controller.id), class: "btn bg-default-slate" %>
+    </div>
+    <div class="lg:rounded-lg border border-base-border overflow-y-hidden">
+      <table class="base-table border-b border-base-border table-fixed w-full">
+        <thead>
+        <tr>
+          <th class="w-1/3">시간</th>
+          <th class="w-1/3">온도</th>
+          <th>사용여부</th>
+        </tr>
+        </thead>
+      </table>
+
+      <!-- tbody 감싸는 div -->
+      <div class="overflow-y-auto max-h-full overflow-x-hidden">
+        <table class="base-table table-fixed w-full">
+          <tbody>
+          <% if @schedule.present? %>
+            <% @schedule.each do |s| %>
+              <tr>
+                <td class="w-1/3">
+                  <div class="text-2xl flex items-baseline space-x-1">
+                    <div class="text-center w-[36px]"><%= s.hour.to_s.rjust(2, '0') %></div>
+                    <div>:</div>
+                    <div class="text-center w-[36px]"><%= s.minute.to_s.rjust(2, '0') %></div>
+                  </div>
+                </td>
+                <td class="w-1/3">
+                  <div class="text-2xl flex items-end space-x-2">
+                    <div class="text-left w-[50px]"><%= s.temperature %></div>
+                    <div class="text-base leading-7">°C</div>
+                  </div>
+                </td>
+                <td>
+                  <div class="text-2xl w-8 mr-0">
+                    <% if s.is_active %>
+                      <i class="fa-solid fa-check text-notice"></i>
+                    <% else %>
+                      <i class="fa-solid fa-xmark text-danger"></i>
+                    <% end %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          <% else %>
+            <tr>
+              <td colspan="3" class="text-center p-4 w-full">저장된 스케줄이 없습니다.</td>
+            </tr>
+          <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>

app/views/layouts/application.html.erb

@@ -21,16 +21,17 @@
   <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
   <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+  <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 </head>
 
-<body class="background-pattern min-h-screen min-w-full overflow-x-auto h-full whitespace-nowrap">
+<body class="min-h-screen min-w-full overflow-x-auto h-full whitespace-nowrap">
 <%= turbo_frame_tag :modals %>
-<main class="flex flex-col h-full" data-controller="sidebar">
-  <%= render "partials/header" %>
-  <div class="flex flex-row flex-1 w-full">
-    <%= render "partials/sidebar" %>
-    <div class="flex-1 h-full pb-0 px-0 lg:pb-4 lg:px-4">
-      <div class="flex-1 h-full content">
+<main class="flex flex-row h-full min-h-screen" data-controller="sidebar">
+  <%= render "partials/sidebar" %>
+  <div class="flex flex-col flex-1 w-full h-[100vh]">
+    <%= render "partials/header" %>
+    <div class="flex-1 h-full pb-0 px-0 lg:pb-4 lg:px-4 lg:overflow-y-auto">
+      <div class="flex-1 h-full min-h-full">
         <% if flash[:notice] %>
           <div class="rounded-tl-md rounded-tr-md px-4 py-2 bg-accept text-white">
             <%= raw flash[:notice] %>
@@ -43,6 +44,7 @@
         <%= yield %>
       </div>
     </div>
+    <div class="h-10 text-md text-center opacity-60">© 2024 FARMITRY All Rights Reserved.</div>
   </div>
 </main>
 </body>

app/views/nutrient/edit_ec.html.erb

@@ -0,0 +1,86 @@
+<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 bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
+      <%= hidden_field_tag :controller_id, params[:id] %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+            <% end %>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/nutrient/edit_mixa.html.erb

@@ -0,0 +1,86 @@
+<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 bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
+      <%= hidden_field_tag :controller_id, params[:id] %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+            <% end %>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/nutrient/edit_mixb.html.erb

@@ -0,0 +1,86 @@
+<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 bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
+      <%= hidden_field_tag :controller_id, params[:id] %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+            <% end %>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/nutrient/edit_ph.html.erb

@@ -0,0 +1,86 @@
+<div class="flex flex-col h-full lg:rounded-lg">
+  <div class="flex flex-row items-center space-x-4 p-2">
+    <%= link_to nutrient_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 bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
+      <%= hidden_field_tag :controller_id, params[:id] %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+            <% end %>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

app/views/nutrient/index.html.erb

@@ -0,0 +1,453 @@
+<div class="w-full h-full content overflow-y-auto">
+  <div class="flex-1 grid grid-cols-2 xl:grid-cols-4 gap-4">
+    <!-- pH -->
+    <%= link_to edit_temp_environment_path(id: params[:id]), class: "dashboard-group bg-base-content" do %>
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <div class="size-8 bg-nut-color rounded-full text-base-background flex flex-col justify-center">
+              <div class="flex flex-row justify-center items-baseline">
+                <span class="text-xl">pH</span>
+              </div>
+            </div>
+            <div class="items-baseline">
+              <span class="text-2xl">pH</span>
+            </div>
+          </div>
+          <div class="flex items-center space-x-2">
+            <i class="fa-solid fa-calendar-days text-2xl"></i>
+            <i class="fa-solid fa-angle-right text-2xl opacity-90"></i>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">현재 pH</div>
+            <div class="font-bold text-3xl">6.0<span class="font-normal text-2xl"> pH</span></div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full pl-4">
+            <div class="opacity-50">오차 pH</div>
+            <div class="font-bold text-3xl">0.1<span class="font-normal text-2xl"> pH</span></div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- EC -->
+    <%= link_to edit_temp_environment_path(id: params[:id]), class: "dashboard-group bg-base-content" do %>
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <div class="size-8 bg-nut-color rounded-full text-base-background flex flex-col justify-center">
+              <div class="flex flex-row justify-center items-baseline">
+                <span class="text-xl">EC</span>
+              </div>
+            </div>
+            <div class="items-baseline">
+              <span class="text-2xl">EC</span>
+            </div>
+          </div>
+          <div class="flex items-center space-x-2">
+            <i class="fa-solid fa-calendar-days text-2xl"></i>
+            <i class="fa-solid fa-angle-right text-2xl opacity-90"></i>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">현재 EC</div>
+            <div class="font-bold text-3xl">1.2<span class="font-normal text-2xl"> mS/cm</span></div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full pl-4">
+            <div class="opacity-50">오차 pH</div>
+            <div class="font-bold text-3xl">0.1<span class="font-normal text-2xl"> mS/cm</span></div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- 양액 온도 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-temperature-low text-nut-color text-3xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">양액 온도</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">양액 온도</div>
+            <div class="font-bold text-3xl">20.2<span class="font-normal text-2xl"> °C</span></div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full pl-4">
+            <div class="opacity-50">원액 온도</div>
+            <div class="font-bold text-3xl">20.2<span class="font-normal text-2xl"> °C</span></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 수위 정보 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-glass-water-droplet text-nut-color text-3xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">수위 정보</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">상태</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div class="font-bold text-3xl text-notice">정상</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 원수 탱크 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2 cursor-pointer">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-fan text-etc-color text-3xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">원수 탱크</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 원수 펌프 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/pump_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">원수 펌프</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 교반기A -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-fan text-etc-color text-3xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">교반기A</span>
+            </div>
+          </div>
+          <div class="flex items-center space-x-2">
+            <i class="fa-solid fa-calendar-days text-2xl"></i>
+            <i class="fa-solid fa-angle-right text-2xl opacity-90"></i>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">설정 시간</div>
+            <div class="font-bold text-3xl">30<span class="font-normal text-2xl"> 분</span></div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full pl-4">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 교반기B -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <i class="fa-solid fa-fan text-etc-color text-3xl text-left"></i>
+            <div class="items-baseline">
+              <span class="text-2xl">교반기B</span>
+            </div>
+          </div>
+          <div class="flex items-center space-x-2">
+            <i class="fa-solid fa-calendar-days text-2xl"></i>
+            <i class="fa-solid fa-angle-right text-2xl opacity-90"></i>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">설정 시간</div>
+            <div class="font-bold text-3xl">30<span class="font-normal text-2xl"> 분</span></div>
+          </div>
+          <div class="flex flex-col items-baseline text-right w-full pl-4">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 급수/공급 펌프 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/pump_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">급수/공급 펌프</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 1번급수 솔벨브 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/valve_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">1번급수 솔벨브</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 2번급수 솔벨브 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/valve_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">2번급수 솔벨브</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 퇴수 솔벨브 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/valve_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">퇴수 솔벨브</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 솔레노이드 벨브A -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/valve_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">솔레노이드 벨브A</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 솔레노이드 벨브B -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/valve_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">솔레노이드 벨브B</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 솔레노이드 벨브C -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full space-y-2">
+        <div class="flex flex-row justify-between w-full">
+          <div class="flex flex-row space-x-4 items-center">
+            <%= render "partials/icons/valve_icon", class: "w-auto h-6 text-etc-color" %>
+            <div class="items-baseline">
+              <span class="text-2xl">솔레노이드 벨브C</span>
+            </div>
+          </div>
+        </div>
+        <hr>
+        <div class="flex flex-row justify-between items-baseline w-full divide-x divide-base-border">
+          <div class="flex flex-col items-baseline text-right w-full">
+            <div class="opacity-50">모드</div>
+            <div class="flex flex-row items-center space-x-2">
+              <div data-toggle-target="dot" class="size-5 bg-notice rounded-full"></div>
+              <div data-toggle-target="label" class="font-bold text-3xl text-notice">ON</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 긴급 정지 -->
+    <div class="dashboard-group bg-base-content"
+         data-controller="toggle"
+         data-action="click->toggle#toggle"
+         data-toggle-target="background">
+      <div class="flex flex-col justify-between h-full">
+        <div class="text-2xl">긴급 정지</div>
+        <div class="flex flex-row justify-end items-baseline w-full">
+          <div class="flex size-12 bg-etc-color rounded-lg items-center justify-center">
+            <i class="fa-solid fa-pause text-white text-3xl text-left"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>

app/views/partials/_header.html.erb

@@ -1,14 +1,18 @@
-<header class="flex header justify-between items-center" data-controller="timer">
-  <div class="flex flex-row h-full items-center">
-    <%= image_tag "svg/svg_logo.svg", class: "w-auto h-8 mr-4" %>
-    <%= link_to root_path do %>
-      <div class="flex h-full items-center tracking-[0.5rem]"><span class="text-logo-color">FARM</span>ITRY</div>
-    <% end %>
+<header class="flex header justify-between items-center px-4" data-controller="timer">
+  <div class="flex items-center space-x-4">
+<!--    <div data-timer-target="output" class="hidden lg:block"></div>-->
+    <button data-action="click->sidebar#toggle" class="block lg:hidden p-2 cursor-pointer">
+      <i class="fa-solid fa-bars text-2xl"></i>
+    </button>
   </div>
 
-  <div data-timer-target="output" class="hidden lg:block"></div>
-
-  <button data-action="click->sidebar#toggle" class="block lg:hidden p-2 cursor-pointer">
-    <i class="fa-solid fa-bars text-2xl"></i>
-  </button>
+  <!-- 로그인 정보 -->
+  <div class="flex items-center space-x-2">
+    <i class="fa-solid fa-user-circle text-3xl text-base-text/60"></i>
+    <span class="font-bold text-base-text">홍길동</span><span class="font-normal"> 님</span>
+    <%= button_to "로그아웃", root_path,
+                  method: :post,
+                  data: { turbo_confirm: "로그아웃 하시겠습니까?" },
+                  class: "btn bg-danger" %>
+  </div>
 </header>

app/views/partials/_modals_open.html.erb

@@ -24,7 +24,7 @@
             From: "opacity-100 translate-y-0 sm:scale-100"
             To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         -->
-        <div id="modals-panel" class="p-4 space-y-4 z-50 relative transform overflow-hidden rounded-md bg-base-secondary text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close">
+        <div id="modals-panel" class="p-4 space-y-4 z-50 relative transform overflow-hidden rounded-md bg-base-sidebar text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close">
           <div>
             <%= render "partials/modals/#{type}" %>
           </div>

app/views/partials/_sidebar.html.erb

@@ -1,31 +1,37 @@
-<div data-sidebar-target="overlay" data-action="click->sidebar#close" class="fixed inset-0 bg-black/50 z-40 hidden lg:hidden"></div>
-<nav class="side-bar overflow-y-auto transition-transform lg:translate-x-0 -translate-x-full bg-base-background lg:bg-transparent fixed lg:relative top-0 left-0 h-full z-40" data-sidebar-target="menu">
-  <%= link_to root_path, class: "menu-group #{'menu-group-active' if current_page?(root_path)}" do %>
-    <div class="menu-group-icon">
-      <i class="fa-solid fa-chart-line text-base-text text-4xl"></i>
-    </div>
-    <div class="menu-group-name">
-      현황
-    </div>
-  <% end %>
-  <hr >
-  <% @controllers.each do |c| %>
-    <%= link_to view_schedule_path(c.id), class: "menu-group #{'menu-group-active' if current_page?(view_schedule_path(c.id))}" do %>
+<div data-sidebar-target="overlay" data-action="click->sidebar#close" class="fixed inset-0 bg-black/50 z-40 hidden h-full"></div>
+<nav class="side-bar overflow-y-auto transition-transform lg:translate-x-0 -translate-x-full bg-base-sidebar lg:bg-base-sidebar fixed lg:relative top-0 left-0 h-full lg:h-[100vh] z-40" data-sidebar-target="menu">
+  <div class="flex flex-row items-center justify-center">
+    <%= image_tag "svg/svg_logo.svg", class: "w-auto h-8 mr-4" %>
+    <%= link_to root_path do %>
+      <div class="flex h-full items-center text-center tracking-[0.5rem] text-2xl"><span class="text-logo-color">FARM</span>ITRY</div>
+    <% end %>
+  </div>
+  <div class="mt-8">
+    <%= link_to "#", class: "menu-group #{'menu-group-active' if false}" do %>
       <div class="menu-group-icon">
-        <i class="fa-solid fa-temperature-high text-base-text text-4xl"></i>
+        <i class="fa-solid fa-chart-line text-2xl"></i>
       </div>
       <div class="menu-group-name">
-        <%= c.name %>
+        양액부
+      </div>
+    <% end %>
+    <hr>
+    <%= link_to "#", class: "menu-group menu-group-active" do %>
+      <div class="menu-group-icon">
+        <i class="fa-solid fa-leaf text-2xl"></i>
+      </div>
+      <div class="menu-group-name">
+        1동 환경부
+      </div>
+    <% end %>
+    <hr>
+    <%= link_to "#", class: "menu-group #{'menu-group-active' if false}" do %>
+      <div class="menu-group-icon">
+        <i class="fa-solid fa-leaf text-2xl"></i>
+      </div>
+      <div class="menu-group-name">
+        2동 환경부
       </div>
     <% end %>
-    <hr >
-  <% end %>
-  <div class="menu-group">
-    <div class="menu-group-icon">
-      <i class="fa-solid fa-gear text-base-text text-4xl"></i>
-    </div>
-    <div class="menu-group-name">
-      설청
-    </div>
   </div>
 </nav>

app/views/partials/icons/_pump_icon.html.erb

@@ -0,0 +1,5 @@
+<svg width="286" height="164" viewBox="0 0 286 164" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="<%= local_assigns[:class] %>">
+  <path d="M259 153L179.015 153C197.205 142.983 211.133 126.18 217.385 106L259 106L259 94L286 94L286 164L259 164L259 153Z"/>
+  <path d="M6.11959e-06 -1.21518e-05L27 -9.79135e-06L27 11L139 11L139 11.0078C108.644 11.4269 82.8939 30.8954 73.1602 58L27 58L27 70L0 70L6.11959e-06 -1.21518e-05Z"/>
+  <path d="M140 11C179.212 11 211 42.7878 211 82C211 121.212 179.212 153 140 153C100.788 153 69 121.212 69 82C69 42.7878 100.788 11 140 11ZM155.737 102.695C151.368 106.023 145.916 108 140 108C134.331 108 129.087 106.185 124.814 103.105L102.157 116.188C111.49 126.512 124.987 133 140 133C155.245 133 168.925 126.308 178.271 115.705L155.737 102.695ZM131 31.792C107.126 36.0428 89 56.9045 89 82C89 88.3231 90.1514 94.3772 92.2549 99.9648L114.505 87.1191C114.174 85.464 114 83.7523 114 82C114 70.8045 121.076 61.2623 131 57.6006V31.792ZM150 57.9932C159.396 61.9114 166 71.1843 166 82C166 83.5208 165.868 85.0108 165.617 86.46L187.967 99.3633C189.929 93.9436 191 88.0969 191 82C191 57.2561 173.378 36.6283 150 31.9805V57.9932ZM140 72C134.477 72 130 76.4772 130 82C130 87.5228 134.477 92 140 92C145.523 92 150 87.5228 150 82C150 76.4772 145.523 72 140 72Z"/>
+</svg>

app/views/partials/icons/_valve_icon.html.erb

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 117.35" fill="currentColor" class="<%= local_assigns[:class] %>">
+  <path d="M79.22,54.41c5.16,3.03,9.06,6.88,11.81,11.19h5.36v36.21h-5.73c-5.72,9.03-15.74,15.53-28.98,15.53
+    c-13.23,0-23.34-6.5-29.09-15.53h-5.96V65.6h5.91c2.98-4.48,7.25-8.48,12.96-11.58c3.04-1.64,4.88-3.69,4.9-5.53
+    c0.03-2.33-2.52-4.31-5.26-4.31h-1.36c-3.32,0-6.04-2.72-6.04-6.04l0,0c0-3.32,2.72-6.04,6.04-6.04h7.76l6.1-7.57
+    c-0.02-0.28-0.04-0.57-0.04-0.87v-9.99H32.87c-3.77,0-6.85-3.08-6.85-6.85l0,0c0-3.76,3.08-6.85,6.85-6.85h58.18
+    c3.76,0,6.85,3.08,6.85,6.85l0,0c0,3.77-3.08,6.85-6.85,6.85H67.51v9.99c0,0.41-0.03,0.82-0.07,1.21l5.48,7.23h6.67
+    c3.32,0,6.04,2.72,6.04,6.04l0,0c0,3.32-2.72,5.97-6.04,6.04c-4.57,0.1-6.25,2.06-6.04,4.34C73.91,52.73,76.83,53.01,79.22,54.41
+    L79.22,54.41z M101.34,65.6h4.2v-8.65c0-1.54,1.26-2.79,2.79-2.79h11.76c1.54,0,2.79,1.26,2.79,2.79v53.51
+    c0,1.54-1.26,2.79-2.79,2.79h-11.76c-1.54,0-2.79-1.26-2.79-2.79v-8.65h-4.2V65.6L101.34,65.6z M21.67,101.81h-4.33v8.65
+    c0,1.54-1.26,2.79-2.79,2.79H2.79C1.26,113.25,0,112,0,110.46V56.95c0-1.54,1.26-2.79,2.79-2.79h11.76c1.54,0,2.79,1.26,2.79,2.79
+    v8.65h4.33V101.81L21.67,101.81z"/>
+</svg>

app/views/rack/index.html.erb

@@ -0,0 +1,38 @@
+<div class="flex flex-col h-full divide-y divide-base-border lg:rounded-lg bg-base-third border border-table-border">
+  <div class="flex flex-col flex-1 space-y-4 overflow-y-hidden">
+    <div class="base-list">
+      <div class="flex justify-between p-4">
+        <div class="flex flex-row items-center space-x-4">
+          <%= link_to environment_index_path(id: 1), class: "flex items-center" do %>
+            <i class="fa-solid fa-angle-left text-3xl"></i>
+          <% end %>
+          <div class="text-2xl font-bold leading-10">통합 랙 정보</div>
+        </div>
+      </div>
+      <ul>
+        <li>
+          <div class="flex items-center space-x-6">
+            <!-- 시간 -->
+            <div class="flex flex-col lg:flex-row items-baseline space-x-2">
+              <div>시간</div>
+              <div class="text-3xl flex items-baseline space-x-1">
+                <div class="text-center w-[36px]">00</div>
+                <div>:</div>
+                <div class="text-center w-[36px]">00</div>
+              </div>
+            </div>
+
+            <!-- 온도 -->
+            <div class="flex flex-col lg:flex-row items-baseline space-x-4">
+              <div>온도</div>
+              <div class="text-3xl flex items-end space-x-2">
+                <div class="text-left w-[50px]">00</div>
+                <div class="text-base leading-7">°C</div>
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>

app/views/schedules/index.html.erb

@@ -6,7 +6,7 @@
       <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-['GongGothicMedium'] font-light">15.5</span>
+          <span class="text-4xl font-['Chakra_Petch'] font-light">15.5</span>
           <span class="text-2xl">°C</span>
         </div>
       </div>
@@ -19,7 +19,7 @@
       <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-['GongGothicMedium']">60</span> <span class="text-2xl">%</span>
+        <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>
@@ -35,7 +35,7 @@
             <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-['GongGothicMedium']">60</span> <span class="text-2xl">%</span></div>
+        <div class="items-baseline text-right"><span class="text-4xl font-['Chakra_Petch']">60</span> <span class="text-2xl">%</span></div>
       </div>
     </div>
   </div>
@@ -49,7 +49,7 @@
       <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-['GongGothicMedium']">60</span> <span class="text-2xl">%</span>
+        <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>
@@ -61,7 +61,7 @@
       <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-['GongGothicMedium']">15.5</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']">15.5</span>
           <span class="text-2xl">°C</span></div>
       </div>
     </div>
@@ -73,7 +73,7 @@
       <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-['GongGothicMedium']">60</span> <span class="text-2xl">%</span>
+        <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>
@@ -86,7 +86,7 @@
   <div class="dashboard-group">
     <div class="flex justify-between items-baseline">
       <div class="text-4xl">pH</div>
-      <div class="text-3xl font-['GongGothicMedium']">7.1</div>
+      <div class="text-3xl font-['Chakra_Petch']">7.1</div>
     </div>
     <div class="flex justify-between items-baseline">
       <div class="text-2xl">
@@ -100,7 +100,7 @@
   <div class="dashboard-group">
     <div class="flex justify-between items-baseline">
       <div class="text-4xl">EC</div>
-      <div class="text-3xl font-['GongGothicMedium']">0.1</div>
+      <div class="text-3xl font-['Chakra_Petch']">0.1</div>
     </div>
     <div class="flex justify-between items-baseline">
       <div class="text-2xl">
@@ -116,7 +116,7 @@
       <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-['GongGothicMedium']">20.96</span>
+        <div class="items-baseline text-right w-full"><span class="text-4xl font-['Chakra_Petch']">20.96</span>
           <span class="text-2xl">°C</span></div>
       </div>
     </div>

app/views/schedules/schedule_edit.html.erb

@@ -1,81 +1,86 @@
-<div class="flex flex-col h-full text-white overflow-y-auto">
-  <div class="flex flex-col flex-1 divide-y divide-base-border">
-    <%= form_with url: schedule_edit_update_schedules_path, method: :post, class: 'flex flex-col h-full' do %>
+<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 bg-base-content rounded-lg p-4">
+    <%= form_with url: edit_temp_environment_path, method: :post, class: 'flex flex-col h-full' do %>
       <%= hidden_field_tag :controller_id, params[:id] %>
-      <div class="divide-y divide-base-border">
-        <div class="flex justify-between p-4">
-          <div class="text-2xl font-bold leading-10"><%= @controller.name %> 컨트롤러</div>
-          <%= submit_tag "업데이트", class: "btn bg-primary" %>
-        </div>
-        <ul class="divide-y divide-base-border whitespace-nowrap h-full relative">
-          <% if @schedule.present? %>
-            <% @schedule.each do |s| %>
-              <li class="flex justify-between items-stretch px-4 py-2 space-x-4 h-full relative">
-                <div class="flex items-center space-x-4 basis-3/5 h-full">
-                  <!-- 시간 -->
-                  <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
-                    <div class="text-white text-left w-full lg:w-auto">시간</div>
-                    <div class="text-xl flex items-center space-x-1 w-full h-full">
-                      <%= select_tag "schedule[#{s.id}][hour]",
-                                     options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
-                                     class: "select-style text-white min-w-[60px]" %>
-                      <div>:</div>
-                      <%= number_field_tag "schedule[#{s.id}][minute]",
-                                           s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
-                                           class: "input-style min-w-[60px]" %>
+      <div class="flex flex-col divide-y divide-base-border overflow-y-hidden flex-1 space-y-4">
+        <%= submit_tag "업데이트", class: "btn bg-primary w-fit" %>
+        <div class="overflow-y-auto flex-1 min-h-0 border border-base-border rounded-lg">
+          <ul class="divide-y divide-base-border whitespace-nowrap relative">
+            <% if @schedule.present? %>
+              <% @schedule.each do |s| %>
+                <li class="flex justify-between items-center px-4 py-2 space-x-4 h-full relative">
+                  <div class="flex items-center space-x-4 basis-3/5 h-full">
+                    <!-- 시간 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">시간</div>
+                      <div class="text-xl flex items-center space-x-1 w-full h-full">
+                        <%= select_tag "schedule[#{s.id}][hour]",
+                                       options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                       class: "select-style  min-w-[60px]" %>
+                        <div>:</div>
+                        <%= number_field_tag "schedule[#{s.id}][minute]",
+                                             s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                             class: "input-style min-w-[60px]" %>
+                      </div>
+                    </div>
+
+                    <!-- 온도 -->
+                    <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                      <div class=" text-left w-full lg:w-auto">온도 (°C)</div>
+                      <div class="text-xl flex items-center">
+                        <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                      </div>
                     </div>
                   </div>
 
-                  <!-- 온도 -->
-                  <div class="flex flex-col lg:flex-row h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
-                    <div class="text-white text-left w-full lg:w-auto">온도 (°C)</div>
-                    <div class="text-xl flex items-center">
-                      <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, min: -99, max: 99, step: "0.1", inputmode: "decimal", class: "input-style min-w-[68px]" %>
+                  <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
+                    <!-- 사용 여부 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                      <div class="">ON/OFF</div>
+                      <label class="relative inline-flex items-center cursor-pointer h-full">
+                        <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                        <div class="toggle_style"></div>
+                        <div class="btn-toggle-round"></div>
+                      </label>
+                    </div>
+
+                    <!-- 삭제 -->
+                    <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                      <div class="">&nbsp;</div>
+                      <%= link_to schedule_path(s),
+                                  data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                  class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
+                        <div class="hidden lg:block">삭제</div>
+                        <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                      <% end %>
                     </div>
                   </div>
-                </div>
-
-                <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
-                <!-- 사용 여부 -->
-                  <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
-                    <div class="text-white">ON/OFF</div>
-                    <label class="relative inline-flex items-center cursor-pointer h-full">
-                      <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
-                      <div class="toggle_style"></div>
-                      <div class="toggle_btn"></div>
-                    </label>
-                  </div>
-
-                  <!-- 삭제 -->
-                  <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
-                    <div class="text-white">&nbsp;</div>
-                    <%= link_to schedule_path(s),
-                                data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
-                                class: "btn bg-danger text-sm flex items-center px-2 py-0 my-1.5 lg:px-4 lg:py-1.5 lg:my-0" do %>
-                      <div class="hidden lg:block">삭제</div>
-                      <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
-                    <% end %>
-                  </div>
-                </div>
-              </li>
+                </li>
+              <% end %>
+            <% else %>
+              <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
             <% end %>
-          <% else %>
-            <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
-          <% end %>
-        </ul>
+          </ul>
+        </div>
+        <div class="flex space-x-4">
+          <%= button_to "초기화", reset_schedule_path(params[:id]),
+                        method: :post,
+                        data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
+                        class: "btn bg-danger" %>
+          <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
+                        class: "btn bg-default-slate",
+                        data: {
+                          turbo_method: :post,
+                          turbo_frame: "modals"
+                        } %>
+        </div>
       </div>
     <% end %>
-    <div class="flex p-4 space-x-4">
-      <%= button_to "초기화", reset_schedule_path(params[:id]),
-                    method: :post,
-                    data: { turbo_confirm: "정말 초기화하시겠습니까? 모든 스케줄 데이터가 삭제됩니다." },
-                    class: "btn bg-danger" %>
-      <%= button_to "추가하기", open_modals_path(type: "add_schedule", id: params[:id]),
-                    class: "btn bg-default-slate",
-                    data: {
-                      turbo_method: :post,
-                      turbo_frame: "modals"
-                    } %>
-    </div>
   </div>
 </div>

app/views/schedules/view.html.erb

@@ -1,18 +1,18 @@
-<div class="flex flex-col h-full divide-y divide-base-border text-white">
+<div class="flex flex-col h-full divide-y divide-base-border lg:rounded-lg bg-base-third border border-table-border">
   <div class="flex flex-col flex-1 space-y-4 overflow-y-hidden">
-    <div class="overflow-y-auto divide-y divide-base-border">
+    <div class="base-list">
       <div class="flex justify-between p-4">
         <div class="text-2xl font-bold leading-10"><%= @controller.name %> 컨트롤러</div>
         <%= link_to "수정", schedule_edit_schedule_path(@controller.id), class: "btn bg-default-slate" %>
       </div>
-      <ul class="divide-y divide-base-border">
+      <ul>
         <% if @schedule.present? %>
           <% @schedule.each do |s| %>
-            <li class="flex justify-between items-center px-4 py-2 space-x-4">
+            <li>
               <div class="flex items-center space-x-6">
                 <!-- 시간 -->
                 <div class="flex flex-col lg:flex-row items-baseline space-x-2">
-                  <div class="text-white">시간</div>
+                  <div>시간</div>
                   <div class="text-3xl flex items-baseline space-x-1">
                     <div class="text-center w-[36px]"><%= s.hour.to_s.rjust(2, '0') %></div>
                     <div>:</div>
@@ -22,17 +22,17 @@
 
                 <!-- 온도 -->
                 <div class="flex flex-col lg:flex-row items-baseline space-x-4">
-                  <div class="text-white">온도</div>
+                  <div>온도</div>
                   <div class="text-3xl flex items-end space-x-2">
                     <div class="text-left w-[50px]"><%= s.temperature %></div>
-                    <div class="text-white text-base leading-7">°C</div>
+                    <div class="text-base leading-7">°C</div>
                   </div>
                 </div>
               </div>
 
               <!-- 사용 여부 -->
               <div class="flex flex-col lg:flex-row items-baseline space-x-0 lg:space-x-4 items-end">
-                <div class="text-white mb-1">ON/OFF</div>
+                <div class="mb-1">ON/OFF</div>
                 <div class="text-3xl w-8 mr-0">
                   <%#= s.is_active %>
                   <% if s.is_active %>

app/views/web/index.html.erb

@@ -1 +0,0 @@
-<div>WEB</div>

config/routes.rb

@@ -11,7 +11,7 @@ Rails.application.routes.draw do
 
   # Defines the root path route ("/")
 
-  root "schedules#index"
+  root to: redirect("/environment?id=1")
 
   resources :schedules do
     member do
@@ -30,6 +30,27 @@ Rails.application.routes.draw do
     end
   end
 
-  resources :device
-  resources :web
+  resources :environment do
+    member do
+      get "edit_temp"
+      get "edit_humidity"
+      get "edit_co2"
+      get "edit_area"
+    end
+    collection do
+      post "edit_temp_update"
+    end
+  end
+  resources :nutrient do
+    member do
+      get "edit_ph"
+      get "edit_ec"
+      get "edit_mixa"
+      get "edit_mixb"
+    end
+    collection do
+      post "edit_temp_update"
+    end
+  end
+  resources :rack
 end

modbus.rb

@@ -22,13 +22,13 @@ begin
     end
   end
 rescue
-  error_message = "[#{Time.now}] #{mode} 실행 실패 (station_id: #{controller_id}, value: #{value})"
-  res = Sms.send_one(
-    {
-      to:   '01062619801',
-      from: '01062619801',
-      text: error_message
-    }
-  )
-  puts res
+  # error_message = "[#{Time.now}] #{mode} 실행 실패 (station_id: #{controller_id}, value: #{value})"
+  # res = Sms.send_one(
+  #   {
+  #     to:   '01062619801',
+  #     from: '01062619801',
+  #     text: error_message
+  #   }
+  # )
+  # puts res
 end

test/controllers/environment_controller_test.rb

@@ -0,0 +1,7 @@
+require "test_helper"
+
+class EnvironmentControllerTest < ActionDispatch::IntegrationTest
+  # test "the truth" do
+  #   assert true
+  # end
+end

test/controllers/nutrient_controller_test.rb

@@ -1,6 +1,6 @@
 require "test_helper"
 
-class DeviceControllerTest < ActionDispatch::IntegrationTest
+class NutrientControllerTest < ActionDispatch::IntegrationTest
   # test "the truth" do
   #   assert true
   # end

test/controllers/rack_controller_test.rb

@@ -1,6 +1,6 @@
 require "test_helper"
 
-class WebControllerTest < ActionDispatch::IntegrationTest
+class RackControllerTest < ActionDispatch::IntegrationTest
   # test "the truth" do
   #   assert true
   # end