From ab281e0a65844d893bfcc5cece88acc1c067d87c Mon Sep 17 00:00:00 2001
From: Vitor Henrique <vitormhenrique@gmail.com>
Date: Sat, 2 Jan 2021 15:23:36 -0600
Subject: [PATCH] setting up output box

---
 .../templates/enclosure_settings.jinja2       | 88 +++++++++----------
 .../output_editor/gcode_output.jinja2         | 12 ++-
 .../output_editor/general_info.jinja2         |  4 +-
 .../templates/output_editor/io_output.jinja2  |  5 +-
 .../output_editor/main_screen.jinja2          |  4 +-
 .../output_editor/neopixel_output.jinja2      | 22 ++++-
 .../output_editor/other_config.jinja2         | 21 +++++
 .../templates/output_editor/pwm_output.jinja2 | 50 +++++++++++
 .../output_editor/rgb_strip_output.jinja2     | 19 ++++
 .../output_editor/schedule_config.jinja2      | 86 ++++++++++++++++++
 .../output_editor/shell_script_output.jinja2  |  9 +-
 .../output_editor/temp_alarm_output.jinja2    | 31 ++++++-
 .../output_editor/temp_sensor_output.jinja2   | 60 +++++++++++++
 13 files changed, 353 insertions(+), 58 deletions(-)
 create mode 100644 octoprint_enclosure/templates/output_editor/other_config.jinja2
 create mode 100644 octoprint_enclosure/templates/output_editor/schedule_config.jinja2

diff --git a/octoprint_enclosure/old_stuff/templates/enclosure_settings.jinja2 b/octoprint_enclosure/old_stuff/templates/enclosure_settings.jinja2
index b5eb478..7ec0d7a 100644
--- a/octoprint_enclosure/old_stuff/templates/enclosure_settings.jinja2
+++ b/octoprint_enclosure/old_stuff/templates/enclosure_settings.jinja2
@@ -83,13 +83,13 @@
       </div>
     </div> -->
     <!-- ko if: ($data.output_type() == "shell_output")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Script') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: shell_script">
         <span class="help-inline">Shell script to be executed</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko ifnot: ($data.output_type() == "gcode_output" || $data.output_type() == "temperature_alarm" || $data.output_type() == "shell_output" || $data.output_type() == "ledstrip") -->
     <!-- <div class="control-group"> -->
@@ -111,7 +111,7 @@
     <!-- /ko -->
 
     <!-- ko if: ($data.output_type() == "pwm" ) -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: pwm_temperature_linked"> {{ _('Link PWM to Temperature') }}
@@ -121,11 +121,11 @@
           duty cycle when print is complete.
         </span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
 
     <!-- ko if: ($data.output_type() == "pwm" && $data.pwm_temperature_linked()) -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Duty A') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: duty_a">
@@ -148,11 +148,11 @@
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: temperature_b">
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
 
     <!-- ko if: ($data.output_type() == "regular" || ($data.output_type() == "pwm" && !$data.pwm_temperature_linked()) ) -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: toggle_timer"> {{ _('Timer Toggle') }}
@@ -161,9 +161,9 @@
           PWM pins it will use the default PWM value when ON.
         </span>
       </div>
-    </div>
+    </div> -->
     <!-- ko if: ($data.toggle_timer()) -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('On Time') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: toggle_timer_on">
@@ -176,7 +176,7 @@
         <input type="text" class="input-block-level" data-bind="value: toggle_timer_off">
         <span class="help-inline">Time in secconds that the GPIO will remain when OFF</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- /ko -->
 
@@ -184,7 +184,7 @@
     <!-- ko ifnot: (($data.output_type() == "regular" || $data.output_type() == "pwm") &&  $data.toggle_timer()) -->
     <!-- ko ifnot: ($data.output_type() == "gcode_output" || $data.output_type() == "temperature_alarm" || $data.output_type() == "shell_output") -->
     <!-- ko ifnot: ($data.output_type() == "pwm" && $data.pwm_temperature_linked()) -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: startup_with_server"> {{ _('Start with server') }}
@@ -199,10 +199,10 @@
         </label>
         <span class="help-inline">Choose if output should turn on automatically when print starts</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: $data.auto_startup  -->
-    <div data-bind="attr: {id: 'auto_startupField_' + $index() }">
+    <!-- <div data-bind="attr: {id: 'auto_startupField_' + $index() }">
       <div class="control-group">
         <label class="control-label">{{ _('Startup Delay / Hour') }}</label>
         <div class="controls">
@@ -212,21 +212,21 @@
             forget to check timezone of your Raspberry Pi.</span>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- /ko -->
     <!-- ko ifnot: ($data.output_type() == "gcode_output" || $data.output_type() == "temperature_alarm" || $data.output_type() == "shell_output") -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: auto_shutdown"> {{ _('Auto Shutdown') }}
         </label>
         <span class="help-inline">Choose if output should turn off automatomatically when print finishes</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: $data.auto_shutdown  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: shutdown_on_failed"> {{ _('Shutdown on Failed or Canceled') }}
@@ -248,7 +248,7 @@
             <b>Link PWM to Temperature</b> option</span>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- /ko -->
 
@@ -264,30 +264,30 @@
     <!-- /ko -->
 
     <!-- ko if: ($data.output_type() == "regular" || $data.output_type() == "gcode_output" ||  $data.output_type() == "shell_output" ||  $data.output_type() == "ledstrip") -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: hide_btn_ui"> {{ _('Hide UI Button') }}
         </label>
         <span class="help-inline">If you plan to use a physical button (INPUT) and want to hide the button from enclosure tab check this.</span>
       </div>
-    </div>
+    </div> -->
     <!-- ko ifnot: ($data.output_type() == "ledstrip") -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <div class="controls">
         <label class="checkbox">
           <input type="checkbox" data-bind="checked: show_on_navbar"> {{ _('Show Button on Navbar') }}
         </label>
         <span class="help-inline">Add shortcut on navbar to toggle output</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- /ko -->
 
 
     <!-- ko if: ($data.output_type() == "temperature_alarm" || $data.output_type() == "temp_hum_control" || ($data.output_type() == "pwm" && $data.pwm_temperature_linked()))  -->
     <!-- ko if: ($data.temp_ctr_type() == "heater" || $data.temp_ctr_type() == "cooler" || ($data.output_type() == "pwm" && $data.pwm_temperature_linked()))  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">Temperature Sensor</label>
       <div class="controls">
         <select data-bind="options: $root.settings_temperature_sensors, optionsText: 'label',
@@ -295,10 +295,10 @@
         </select>
         <span class="help-inline">Temperature sensor responsible for geting the value to be used. Configured on the input side of the plugin.</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: ($data.temp_ctr_type() == "dehumidifier")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">Temperature Sensor</label>
       <div class="controls">
         <select data-bind="options: $root.settings_hum_sensors, optionsText: 'label',
@@ -306,12 +306,12 @@
         </select>
         <span class="help-inline">Temperature sensor responsible for geting the value to be used. Configured on the input side of the plugin.</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- /ko -->
 
     <!-- ko if: ($data.output_type() == "temp_hum_control")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Temp Control Type') }}</label>
       <div class="controls">
         <label class="radio">
@@ -325,39 +325,39 @@
         <label class="radio">
           <input type="radio" value="dehumidifier" name="optradio" data-bind="checked: temp_ctr_type"> {{ _('Dehumidifier') }}</label>
       </div>
-    </div>
+    </div> -->
 
     <!-- ko if: ($data.auto_startup() || $data.startup_with_server())-->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Default Value') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: temp_ctr_default_value">
         <span class="help-inline">Default temperature / humidity that temperature control will be set when the print starts or the server starts.</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
 
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Value Deadband') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: temp_ctr_deadband">
         <span class="help-inline">Allowable drift on temperature / humidity control. Set it to zero to disable.</span>
       </div>
-    </div>
+    </div> -->
 
     <!-- ko if: ($data.temp_ctr_type() == "heater")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Maximum Temperature') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: temp_ctr_max_temp">
         <span class="help-inline">Maximun temperature that the enclosure should reach, if this temperature is hit, the heater will be disabled until
           it's set temperature is set again.</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- /ko -->
     <!-- ko if: ($data.output_type() == "temperature_alarm")  -->
-    <div data-bind="attr: {id: 'temp_controlled_' + $index() }">
+    <!-- <div data-bind="attr: {id: 'temp_controlled_' + $index() }">
       <div class="control-group">
         <label class="control-label">{{ _('Set Temperature') }}</label>
         <div class="controls">
@@ -384,10 +384,10 @@
           <span class="help-inline">When the event happen, you want to turn the controlled IO HIGH or LOW?</span>
         </div>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: ($data.output_type() == "pwm")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('PWM Frequency') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: pwm_frequency">
@@ -400,7 +400,7 @@
         <input type="text" class="input-block-level" data-bind="value: default_duty_cycle">
         <span class="help-inline">Value is in percentage, between 0 and 100</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: ($data.output_type() == "neopixel_indirect")  -->
     <div class="control-group">
@@ -413,7 +413,7 @@
     </div>
     <!-- /ko -->
     <!-- ko if: ($data.output_type() == "ledstrip")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('CLK') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: ledstrip_gpio_clk">
@@ -431,10 +431,10 @@
         <input type="text" class="input-block-level" data-bind="value: default_ledstrip_color, attr: {name: 'colorpicker' } , click: $root.showColorPicker()">
         <span class="help-inline">Value needs to follow the format rgb(value_red,value_green,value_blue) where values should be between 0 and 255</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: ($data.output_type() == "neopixel_indirect" || $data.output_type() == "neopixel_direct")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label">{{ _('Number of LEDS') }}</label>
       <div class="controls">
         <input type="text" class="input-block-level" data-bind="value: neopixel_count">
@@ -454,17 +454,17 @@
         <input type="text" class="input-block-level" data-bind="value: default_neopixel_color, attr: {name: 'colorpicker' } , click: $root.showColorPicker()">
         <span class="help-inline">Value needs to follow the format rgb(value_red,value_green,value_blue) where values should be between 0 and 255</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
     <!-- ko if: ($data.output_type() == "gcode_output")  -->
-    <div class="control-group">
+    <!-- <div class="control-group">
       <label class="control-label" for="settings-enclosure-filament-sensor">{{ _('Gcode') }}</label>
       <div class="controls">
         <textarea rows="4" class="block" data-bind="value: gcode"></textarea>
         <span class="help-inline">GCODE that will be sent to the printer. You should add
           <code>ENTER</code> on the end of every line sent to the printer</span>
       </div>
-    </div>
+    </div> -->
     <!-- /ko -->
 
     <div class="control-group">
diff --git a/octoprint_enclosure/templates/output_editor/gcode_output.jinja2 b/octoprint_enclosure/templates/output_editor/gcode_output.jinja2
index 4e2fccc..e4852a9 100644
--- a/octoprint_enclosure/templates/output_editor/gcode_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/gcode_output.jinja2
@@ -1,4 +1,12 @@
 <form class="form-horizontal">
+  
+  <div class="control-group">
+    <label class="control-label" for="settings-enclosure-filament-sensor">{{ _('Gcode') }}</label>
+    <div class="controls">
+      <textarea rows="4" class="block" data-bind="value: gcode"></textarea>
+      <span class="help-inline">GCODE that will be sent to the printer. You should add
+        <code>ENTER</code> on the end of every line sent to the printer</span>
+    </div>
+  </div>
 
-
-</form>
+</form>
\ No newline at end of file
diff --git a/octoprint_enclosure/templates/output_editor/general_info.jinja2 b/octoprint_enclosure/templates/output_editor/general_info.jinja2
index 4da1e95..189c60b 100644
--- a/octoprint_enclosure/templates/output_editor/general_info.jinja2
+++ b/octoprint_enclosure/templates/output_editor/general_info.jinja2
@@ -64,7 +64,5 @@
           </label>
         </div>
       </div>
-
-
-
+      
 </form>
diff --git a/octoprint_enclosure/templates/output_editor/io_output.jinja2 b/octoprint_enclosure/templates/output_editor/io_output.jinja2
index c646d90..1fa4a78 100644
--- a/octoprint_enclosure/templates/output_editor/io_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/io_output.jinja2
@@ -8,14 +8,13 @@
     </div>
   </div>
 
-  <!-- <div class="control-group">
+  <div class="control-group">
     <div class="controls">
       <label class="checkbox">
         <input type="checkbox" data-bind="checked: active_low"> {{ _('Active Low') }}
       </label>
       <span class="help-inline">Active low means that the GPIO will turn on when receive a low signal (ground) from Raspberry PI</span>
     </div>
-  </div> -->
-
+  </div>
 
 </form>
diff --git a/octoprint_enclosure/templates/output_editor/main_screen.jinja2 b/octoprint_enclosure/templates/output_editor/main_screen.jinja2
index 63c8815..a42746f 100644
--- a/octoprint_enclosure/templates/output_editor/main_screen.jinja2
+++ b/octoprint_enclosure/templates/output_editor/main_screen.jinja2
@@ -17,11 +17,11 @@
 
             <div class="tab-content">
                 <div id="settings_outputs_edit_dialog_general" class="tab-pane active">
-                    {% include "general_info.jinja2" %}
+                    {% include "output_editor/general_info.jinja2" %}
                 </div>
 
                 <div id="settings_outputs_edit_dialog_io" class="tab-pane">
-                    {% include "io_output.jinja2" %}
+                    {% include "output_editor/io_output.jinja2" %}
                 </div>
 
 
diff --git a/octoprint_enclosure/templates/output_editor/neopixel_output.jinja2 b/octoprint_enclosure/templates/output_editor/neopixel_output.jinja2
index 00afc80..05e6187 100644
--- a/octoprint_enclosure/templates/output_editor/neopixel_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/neopixel_output.jinja2
@@ -1,5 +1,25 @@
 <form class="form-horizontal">
 
-
+    <div class="control-group">
+        <label class="control-label">{{ _('Number of LEDS') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: neopixel_count">
+          <span class="help-inline">Number of led's on strip</span>
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Brightness') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: neopixel_brightness">
+          <span class="help-inline">Value between 0 and 255</span>
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Default Color') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: default_neopixel_color, attr: {name: 'colorpicker' } , click: $root.showColorPicker()">
+          <span class="help-inline">Value needs to follow the format rgb(value_red,value_green,value_blue) where values should be between 0 and 255</span>
+        </div>
+      </div>
 
 </form>
diff --git a/octoprint_enclosure/templates/output_editor/other_config.jinja2 b/octoprint_enclosure/templates/output_editor/other_config.jinja2
new file mode 100644
index 0000000..2bcefb1
--- /dev/null
+++ b/octoprint_enclosure/templates/output_editor/other_config.jinja2
@@ -0,0 +1,21 @@
+<form class="form-horizontal">
+
+    <div class="control-group">
+        <div class="controls">
+          <label class="checkbox">
+            <input type="checkbox" data-bind="checked: hide_btn_ui"> {{ _('Hide UI Button') }}
+          </label>
+          <span class="help-inline">If you plan to use a physical button (INPUT) and want to hide the button from enclosure tab check this.</span>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <div class="controls">
+          <label class="checkbox">
+            <input type="checkbox" data-bind="checked: show_on_navbar"> {{ _('Show Button on Navbar') }}
+          </label>
+          <span class="help-inline">Add shortcut on navbar to toggle output</span>
+        </div>
+      </div>
+
+    </form>
\ No newline at end of file
diff --git a/octoprint_enclosure/templates/output_editor/pwm_output.jinja2 b/octoprint_enclosure/templates/output_editor/pwm_output.jinja2
index 4e2fccc..aa1731e 100644
--- a/octoprint_enclosure/templates/output_editor/pwm_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/pwm_output.jinja2
@@ -1,4 +1,54 @@
 <form class="form-horizontal">
+    <div class="control-group">
+        <div class="controls">
+          <label class="checkbox">
+            <input type="checkbox" data-bind="checked: pwm_temperature_linked"> {{ _('Link PWM to Temperature') }}
+          </label>
+          <span class="help-inline">Link PWM ouput to temperature. PWM output will be interpolated between the point from duty A, temperature A -> duty
+            B, temperature B. This output will automatically start when a print starts and will default to the default
+            duty cycle when print is complete.
+          </span>
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Duty A') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: duty_a">
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Temperature A') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: temperature_a">
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Duty B') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: duty_b">
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Temperature B') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: temperature_b">
+        </div>
+      </div>
 
 
+      <div class="control-group">
+        <label class="control-label">{{ _('PWM Frequency') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: pwm_frequency">
+          <span class="help-inline">Value is in Hz</span>
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Default Duty Cycle') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: default_duty_cycle">
+          <span class="help-inline">Value is in percentage, between 0 and 100</span>
+        </div>
+      </div>
+      
 </form>
diff --git a/octoprint_enclosure/templates/output_editor/rgb_strip_output.jinja2 b/octoprint_enclosure/templates/output_editor/rgb_strip_output.jinja2
index 4e2fccc..8049f62 100644
--- a/octoprint_enclosure/templates/output_editor/rgb_strip_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/rgb_strip_output.jinja2
@@ -1,4 +1,23 @@
 <form class="form-horizontal">
 
+    <div class="control-group">
+        <label class="control-label">{{ _('CLK') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: ledstrip_gpio_clk">
+          <span class="help-inline">Choose any GPIO pin to provide the Clock signal</span>
+        </div>
+        <label class="control-label">{{ _('DAT') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: ledstrip_gpio_dat">
+          <span class="help-inline">Choose any GPIO pin to provide the Data</span>
+        </div>
+      </div>
+      <div class="control-group">
+        <label class="control-label">{{ _('Color') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: default_ledstrip_color, attr: {name: 'colorpicker' } , click: $root.showColorPicker()">
+          <span class="help-inline">Value needs to follow the format rgb(value_red,value_green,value_blue) where values should be between 0 and 255</span>
+        </div>
+      </div>
 
 </form>
diff --git a/octoprint_enclosure/templates/output_editor/schedule_config.jinja2 b/octoprint_enclosure/templates/output_editor/schedule_config.jinja2
new file mode 100644
index 0000000..683171a
--- /dev/null
+++ b/octoprint_enclosure/templates/output_editor/schedule_config.jinja2
@@ -0,0 +1,86 @@
+<form class="form-horizontal">
+
+  <div class="control-group">
+    <div class="controls">
+      <label class="checkbox">
+        <input type="checkbox" data-bind="checked: toggle_timer"> {{ _('Timer Toggle') }}
+      </label>
+      <span class="help-inline">Toggle output every amount of seconds. It will start when the print starts and stop when
+        print is complete. For
+        PWM pins it will use the default PWM value when ON.
+      </span>
+    </div>
+  </div>
+
+  <div class="control-group">
+    <label class="control-label">{{ _('On Time') }}</label>
+    <div class="controls">
+      <input type="text" class="input-block-level" data-bind="value: toggle_timer_on">
+      <span class="help-inline">Time in seconds that the GPIO will remain ON</span>
+    </div>
+  </div>
+  <div class="control-group">
+    <label class="control-label">{{ _('Off Time') }}</label>
+    <div class="controls">
+      <input type="text" class="input-block-level" data-bind="value: toggle_timer_off">
+      <span class="help-inline">Time in seconds that the GPIO will remain when OFF</span>
+    </div>
+  </div>
+
+  <div class="control-group">
+    <div class="controls">
+      <label class="checkbox">
+        <input type="checkbox" data-bind="checked: startup_with_server"> {{ _('Start with server') }}
+      </label>
+      <span class="help-inline">Choose if output should turn on automatically when OctoPrint starts</span>
+    </div>
+  </div>
+  <div class="control-group">
+    <div class="controls">
+      <label class="checkbox">
+        <input type="checkbox" data-bind="checked: auto_startup"> {{ _('Auto Startup') }}
+      </label>
+      <span class="help-inline">Choose if output should turn on automatically when print starts</span>
+    </div>
+  </div>
+
+  <div data-bind="attr: {id: 'auto_startupField_' + $index() }">
+    <div class="control-group">
+      <label class="control-label">{{ _('Startup Delay') }}</label>
+      <div class="controls">
+        <input type="text" class="input-block-level" data-bind="value: startup_time">
+        <span class="help-inline">Time delay in seconds to turn on GPIO when print starts</span>
+      </div>
+    </div>
+  </div>
+
+  <div class="control-group">
+    <div class="controls">
+      <label class="checkbox">
+        <input type="checkbox" data-bind="checked: auto_shutdown"> {{ _('Auto Shutdown') }}
+      </label>
+      <span class="help-inline">Choose if output should turn off automatically when print finishes</span>
+    </div>
+  </div>
+
+  <div class="control-group">
+    <div class="controls">
+      <label class="checkbox">
+        <input type="checkbox" data-bind="checked: shutdown_on_failed"> {{ _('Shutdown on Failed or Canceled') }}
+      </label>
+      <span class="help-inline">Choose if output should turn off automatically when print is canceled or fails</span>
+    </div>
+  </div>
+
+  <div data-bind="attr: {id: 'auto_shutdownField_' + $index() }">
+    <div class="control-group">
+      <label class="control-label">{{ _('Shutdown Delay') }}</label>
+      <div class="controls">
+        <input type="text" class="input-block-level" data-bind="value: shutdown_time">
+        <span class="help-inline">Time delay in seconds to turn on GPIO when print finishes.</span>
+        <span class="label label-important">Attention</span>
+      </div>
+    </div>
+  </div>
+
+</form>
\ No newline at end of file
diff --git a/octoprint_enclosure/templates/output_editor/shell_script_output.jinja2 b/octoprint_enclosure/templates/output_editor/shell_script_output.jinja2
index 4e2fccc..baf2a4e 100644
--- a/octoprint_enclosure/templates/output_editor/shell_script_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/shell_script_output.jinja2
@@ -1,4 +1,11 @@
 <form class="form-horizontal">
 
+  <div class="control-group">
+    <label class="control-label">{{ _('Script') }}</label>
+    <div class="controls">
+      <input type="text" class="input-block-level" data-bind="value: shell_script">
+      <span class="help-inline">Shell script to be executed</span>
+    </div>
+  </div>
 
-</form>
+</form>
\ No newline at end of file
diff --git a/octoprint_enclosure/templates/output_editor/temp_alarm_output.jinja2 b/octoprint_enclosure/templates/output_editor/temp_alarm_output.jinja2
index 00afc80..987a201 100644
--- a/octoprint_enclosure/templates/output_editor/temp_alarm_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/temp_alarm_output.jinja2
@@ -1,5 +1,32 @@
 <form class="form-horizontal">
 
+    <div data-bind="attr: {id: 'temp_controlled_' + $index() }">
+        <div class="control-group">
+            <label class="control-label">{{ _('Set Temperature') }}</label>
+            <div class="controls">
+                <input type="text" class="input-block-level" data-bind="value: alarm_set_temp">
+                <span class="help-inline">Set temperature that will trigger the event</span>
+            </div>
+        </div>
+        <div class="control-group">
+            <label class="control-label"> Controlled IO</label>
+            <div class="controls">
+                <select data-bind="options: $root.settings_outputs_regular, optionsText: 'label',
+                      optionsValue: 'index_id', value: $data.controlled_io">
+                </select>
+                <span class="help-inline">When the event happen, you want control which IO?</span>
+            </div>
+        </div>
+        <div class="control-group">
+            <label class="control-label">Set Controlled IO Value</label>
+            <div class="controls">
+                <select data-bind="value: controlled_io_set_value">
+                    <option value="low">Low</option>
+                    <option value="high">High</option>
+                </select>
+                <span class="help-inline">When the event happen, you want to turn the controlled IO HIGH or LOW?</span>
+            </div>
+        </div>
+    </div>
 
-
-</form>
+</form>
\ No newline at end of file
diff --git a/octoprint_enclosure/templates/output_editor/temp_sensor_output.jinja2 b/octoprint_enclosure/templates/output_editor/temp_sensor_output.jinja2
index d5e38cf..f83de96 100644
--- a/octoprint_enclosure/templates/output_editor/temp_sensor_output.jinja2
+++ b/octoprint_enclosure/templates/output_editor/temp_sensor_output.jinja2
@@ -1,3 +1,63 @@
 <form class="form-horizontal">
 
+    <div class="control-group">
+        <label class="control-label">Temperature Sensor</label>
+        <div class="controls">
+          <select data-bind="options: $root.settings_temperature_sensors, optionsText: 'label',
+                        optionsValue: 'index_id', value: $data.linked_temp_sensor">
+          </select>
+          <span class="help-inline">Temperature sensor responsible for geting the value to be used. Configured on the input side of the plugin.</span>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <label class="control-label">Temperature Sensor</label>
+        <div class="controls">
+          <select data-bind="options: $root.settings_hum_sensors, optionsText: 'label',
+                        optionsValue: 'index_id', value: $data.linked_temp_sensor">
+          </select>
+          <span class="help-inline">Temperature sensor responsible for getting the value to be used. Configured on the input side of the plugin.</span>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <label class="control-label">{{ _('Temp Control Type') }}</label>
+        <div class="controls">
+          <label class="radio">
+            <input type="radio" value="heater" name="option_radio_box" data-bind="checked: temp_ctr_type"> {{ _('Heater') }}</label>
+        </div>
+        <div class="controls">
+          <label class="radio">
+            <input type="radio" value="cooler" name="option_radio_box" data-bind="checked: temp_ctr_type"> {{ _('Cooler') }}</label>
+        </div>
+        <div class="controls">
+          <label class="radio">
+            <input type="radio" value="dehumidifier" name="option_radio_box" data-bind="checked: temp_ctr_type"> {{ _('Dehumidifier') }}</label>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <label class="control-label">{{ _('Default Value') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: temp_ctr_default_value">
+          <span class="help-inline">Default temperature / humidity that temperature control will be set when the print starts or the server starts.</span>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <label class="control-label">{{ _('Value Deadband') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: temp_ctr_deadband">
+          <span class="help-inline">Allowable drift on temperature / humidity control. Set it to zero to disable.</span>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <label class="control-label">{{ _('Maximum Temperature') }}</label>
+        <div class="controls">
+          <input type="text" class="input-block-level" data-bind="value: temp_ctr_max_temp">
+          <span class="help-inline">Maximum temperature that the enclosure should reach, if this temperature is hit, the heater will be disabled until
+            it's set temperature is set again.</span>
+        </div>
+      </div>
 </form>