www: Force readonly on colorpicker fields
authorErik Andresen <erik@vontaene.de>
Sun, 8 Jul 2018 06:54:30 +0000 (08:54 +0200)
committerErik Andresen <erik@vontaene.de>
Sun, 8 Jul 2018 06:54:30 +0000 (08:54 +0200)
www/index.html

index 8a14cec..a3b7c42 100644 (file)
                                        <div class="row">
                                                <div class="col-md-2 offset-md-1" >
                                                        <div class="d-flex justify-content-center">
                                        <div class="row">
                                                <div class="col-md-2 offset-md-1" >
                                                        <div class="d-flex justify-content-center">
-                                                               <input class="led_color" type="hidden" name="[0]"/>
-                                                               <input class="led_color" type="hidden" name="[1]"/>
-                                                               <input class="led_color" type="hidden" name="[2]"/>
-                                                               <input class="led_color" type="hidden" name="[3]"/>
+                                                               <input class="led_color" type="hidden" name="[0]" readonly="true"/>
+                                                               <input class="led_color" type="hidden" name="[1]" readonly="true"/>
+                                                               <input class="led_color" type="hidden" name="[2]" readonly="true"/>
+                                                               <input class="led_color" type="hidden" name="[3]" readonly="true"/>
                                                        </div>
                                                        <div>
                                                                <div class="row wt-icon">
                                                                        <div class="col-md-2 align-self-center bottom-leds">
                                                        </div>
                                                        <div>
                                                                <div class="row wt-icon">
                                                                        <div class="col-md-2 align-self-center bottom-leds">
-                                                                               <input class="led_color" type="hidden" name="[14]"/>
-                                                                               <input class="led_color" type="hidden" name="[15]"/>
+                                                                               <input class="led_color" type="hidden" name="[14]" readonly="true"/>
+                                                                               <input class="led_color" type="hidden" name="[15]" readonly="true"/>
                                                                        </div>
                                                                        <div class="col-md-8">
                                                                                <div class="d-flex justify-content-center top-leds">
                                                                        </div>
                                                                        <div class="col-md-8">
                                                                                <div class="d-flex justify-content-center top-leds">
-                                                                                       <input class="led_color" type="hidden" name="[7]"/>
-                                                                                       <input class="led_color" type="hidden" name="[6]"/>
-                                                                                       <input class="led_color" type="hidden" name="[5]"/>
-                                                                                       <input class="led_color" type="hidden" name="[4]"/>
+                                                                                       <input class="led_color" type="hidden" name="[7]" readonly="true"/>
+                                                                                       <input class="led_color" type="hidden" name="[6]" readonly="true"/>
+                                                                                       <input class="led_color" type="hidden" name="[5]" readonly="true"/>
+                                                                                       <input class="led_color" type="hidden" name="[4]" readonly="true"/>
                                                                                </div>
                                                                        </div>
                                                                        <div class="col-md-2 align-self-center bottom-leds">
                                                                                </div>
                                                                        </div>
                                                                        <div class="col-md-2 align-self-center bottom-leds">
-                                                                               <input class="led_color" type="hidden" name="[13]"/>
-                                                                               <input class="led_color" type="hidden" name="[12]"/>
+                                                                               <input class="led_color" type="hidden" name="[13]" readonly="true"/>
+                                                                               <input class="led_color" type="hidden" name="[12]" readonly="true"/>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
                                                                        </div>
                                                                </div>
                                                        </div>
                                                        <div class="d-flex justify-content-center">
-                                                               <input class="led_color" type="hidden" name="[8]"/>
-                                                               <input class="led_color" type="hidden" name="[9]"/>
-                                                               <input class="led_color" type="hidden" name="[10]"/>
-                                                               <input class="led_color" type="hidden" name="[11]"/>
+                                                               <input class="led_color" type="hidden" name="[8]" readonly="true"/>
+                                                               <input class="led_color" type="hidden" name="[9]" readonly="true"/>
+                                                               <input class="led_color" type="hidden" name="[10]" readonly="true"/>
+                                                               <input class="led_color" type="hidden" name="[11]" readonly="true"/>
                                                        </div>
                                                </div>
                                                <div class="col-md-3 offset-md-1">
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Alle</label>
                                                                <div class="col-sm-10">
                                                        </div>
                                                </div>
                                                <div class="col-md-3 offset-md-1">
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Alle</label>
                                                                <div class="col-sm-10">
-                                                                       <input class="led_color" type="text" name="[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]" class="form-control"/>
+                                                                       <input class="led_color" type="text" name="[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]" class="form-control" readonly="true"/>
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Front</label>
                                                                <div class="col-sm-10">
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Front</label>
                                                                <div class="col-sm-10">
-                                                                       <input class="led_color" type="text" name="[0, 1, 2, 3]" class="form-control"/>
+                                                                       <input class="led_color" type="text" name="[0, 1, 2, 3]" class="form-control" readonly="true"/>
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Aft</label>
                                                                <div class="col-sm-10">
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Aft</label>
                                                                <div class="col-sm-10">
-                                                                       <input class="led_color" type="text" name="[8, 9, 10, 11]" class="form-control"/>
+                                                                       <input class="led_color" type="text" name="[8, 9, 10, 11]" class="form-control readonly="true""/>
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Top</label>
                                                                <div class="col-sm-10">
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Top</label>
                                                                <div class="col-sm-10">
-                                                                       <input class="led_color" type="text" name="[4, 5, 6, 7]" class="form-control"/>
+                                                                       <input class="led_color" type="text" name="[4, 5, 6, 7]" class="form-control" readonly="true"/>
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Bottom</label>
                                                                <div class="col-sm-10">
                                                                </div>
                                                        </div>
                                                        <div class="form-group row">
                                                                <label class="col-sm-2 col-form-label">Bottom</label>
                                                                <div class="col-sm-10">
-                                                                       <input class="led_color" type="text" name="[12, 13, 14, 15]" class="form-control"/>
+                                                                       <input class="led_color" type="text" name="[12, 13, 14, 15]" class="form-control" readonly="true"/>
                                                                </div>
                                                        </div>
                                                </div>
                                                                </div>
                                                        </div>
                                                </div>