Table height

How many objects are in table by vertically.

Table width

How many objects are in table by horizontally.

Use textfield

Additional instruction

Textfield default value (optional)

</div>
            
            <div class="row" id="text_cols_field" tal:attributes="style php:text_input?'display:block':'display:none'">
                <label i18n:translate="">Textfield cols</label><br />
                <input type="text" name="text_cols" value="" tal:attributes="value text_cols" />
            </div>
            
            <div class="row" id="text_rows_field" tal:attributes="style php:text_input?'display:block':'display:none'">
                <label i18n:translate="">Textfield rows</label><br />
                <input type="text" name="text_rows" value="" tal:attributes="value text_rows" />
            </div>
            
            <div class="row" id="text_pos_field" tal:attributes="style php:text_input?'display:block':'display:none'">
                <label i18n:translate="">Textfield position</label><br />
                <input type="radio" name="text_pos" value="1" tal:attributes="checked php:text_pos EQ 1 ? 'checked' : ''" />
                <span i18n:translate="">bottom</span>
                <input type="radio" name="text_pos" value="2" tal:attributes="checked php:text_pos EQ 2 ? 'checked' : ''" />
                <span i18n:translate="">left</span>
                <input type="radio" name="text_pos" value="3" tal:attributes="checked php:text_pos EQ 3 ? 'checked' : ''" />
                <span i18n:translate="">top</span>
                <input type="radio" name="text_pos" value="4" tal:attributes="checked php:text_pos EQ 4 ? 'checked' : ''" />
                <span i18n:translate="">right</span>
            </div>
            
            <script>
                $(document).ready(function() {
                    $("#text_input").click(function(){
                        if ($("#text_input").is(':checked')) {
                            $("#text_title_field").show();
                            $("#text_value_field").show();
                            $("#text_cols_field").show();
                            $("#text_rows_field").show();
                            $("#text_pos_field").show();
                        } else {
                            $("#text_title_field").hide();
                            $("#text_value_field").hide();
                            $("#text_cols_field").hide();
                            $("#text_rows_field").hide();
                            $("#text_pos_field").hide();
                        }
                    });
                });
            </script>

</div>
                
    </tal:block>
        
   <tal:block condition="php:action=='compose'" metal:use-macro="base_compose.html/base_compose">
                   
        <tal:block metal:fill-slot="custom_header">
            <link type="text/css" tal:attributes="href string:${PLUGIN_ROOT}views/css/keeper.css" rel="stylesheet" />
            <script type="text/javascript" src="" tal:attributes="src string:${PLUGIN_ROOT}views/js/javascript_keeper.js"></script>
            <tal:block content="structure string:<script type='text/javascript'>var TRANSLATE_keepersroom = '" /><tal:block i18n:translate="">KEEPERS ROOM</tal:block><tal:block content="structure string:';</script>" />
            
        </tal:block>
            
        <div metal:fill-slot="custom_body">

<div class="instructions" i18n:translate="">
                    Tee asju
            </div> 
            <div class="keeper_task_edit" id="KEEPER_TASK" style="margin-left:auto; margin-right:auto">
                <div id="keeper_test_area" style="margin-left:auto; margin-right:auto">
                <table id="KEEPER_TASK_TABLE" cellspacing="0" cellspan="0">
                    <tal:block repeat="row php:range(0,table_height-1)">
                        <tr tal:attributes="id string:floor_row_${repeat/row/index}">
                            <tal:block repeat="col php:range(0,table_width-1)">
                                <td tal:attributes="id string:floor_row_${repeat/row/index}_col_${repeat/col/index}; row row; col col;" class="keeper_base_floor_nest">
                                    <div tal:attributes="id string:floor_row_${repeat/row/index}_col_${repeat/col/index}_element" class="keeper_base_floor_element" />
                                </td>
                            </tal:block>
                        </tr>
                    </tal:block>
                </table>
                </div>
                <div id="keeper_tool_box">
                    <div class="title">TOOLBOX</div>
                    <div id="keeper_edit_box">
                        <h3><span i18n:translate="">Element</span> <span id="keeper_element_number" /></h3> 
                        <fieldset id="keeper_fieldset_type">
                            <legend i18n:translate="">Type</legend>
                            <div><input id="keeper_set_empty_element" type="radio" value="empty" name="keeper_edit_se_element" /> <tal:block i18n:translate="">Empty</tal:block></div>
                            <div><input id="keeper_set_keeper_element" type="radio" value="keeper" name="keeper_edit_se_element" /> <tal:block i18n:translate="">Keeper</tal:block></div>
                            <div><input id="keeper_set_keepers_room_element" type="radio" value="keepers_room" name="keeper_edit_se_element" /> <tal:block i18n:translate="">Keepers room</tal:block></div>
                            <div><input id="keeper_set_room_element" type="radio" value="room" name="keeper_edit_se_element" /> <tal:block i18n:translate="">Room</tal:block></div>
                            <div><input id="keeper_set_stairs_element" type="radio" value="stairs" name="keeper_edit_se_element" /> <tal:block i18n:translate="">Stairs</tal:block></div>
                        </fieldset>
                        <fieldset id="keeper_fieldset_floor" style="display:none">
                            <legend i18n:translate="">Floor</legend>
                            <div><input id="keeper_set_floor_1" type="radio" value="1" name="keeper_edit_floor" /> <tal:block i18n:translate="">I</tal:block></div>
                            <div><input id="keeper_set_floor_2" type="radio" value="2" name="keeper_edit_floor" /> <tal:block i18n:translate="">II</tal:block></div>
                        </fieldset>  
                        <fieldset id="keeper_fieldset_doors" style="display:none">
                            <legend i18n:translate="">Doors</legend>
                            <div><input id="keeper_set_door_none" type="radio" value="none" name="keeper_edit_door" /> <tal:block i18n:translate="">None</tal:block></div>
                            <div><input id="keeper_set_door_top" type="radio" value="top" name="keeper_edit_door" /> <tal:block i18n:translate="">Top</tal:block></div>
                            <div><input id="keeper_set_door_right" type="radio" value="right" name="keeper_edit_door" /> <tal:block i18n:translate="">Right</tal:block></div>
                            <div><input id="keeper_set_door_bottom" type="radio" value="bottom" name="keeper_edit_door" /> <tal:block i18n:translate="">Bottom</tal:block></div>
                            <div><input id="keeper_set_door_left" type="radio" value="left" name="keeper_edit_door" /> <tal:block i18n:translate="">Left</tal:block></div>
                        </fieldset>
                        <fieldset id="keeper_fieldset_walls" style="display:none">
                            <legend i18n:translate="">Walls</legend>
                            <div><input id="keeper_set_wall_top" type="checkbox" value="top" name="keeper_edit_wall" /> <tal:block i18n:translate="">Top</tal:block></div>
                            <div><input id="keeper_set_wall_right" type="checkbox" value="right" name="keeper_edit_wall" /> <tal:block i18n:translate="">Right</tal:block></div>
                            <div><input id="keeper_set_wall_bottom" type="checkbox" value="bottom" name="keeper_edit_wall" /> <tal:block i18n:translate="">Bottom</tal:block></div>
                            <div><input id="keeper_set_wall_left" type="checkbox" value="left" name="keeper_edit_wall" /> <tal:block i18n:translate="">Left</tal:block></div>
                        </fieldset>
                        <fieldset id="keeper_fieldset_content" style="display:none">
                            <legend i18n:translate="">Content</legend>
                            <input type="text" id="keeper_edit_field" />
                        </fieldset>
                    </div>
                </div>
            </div>
            <input type="hidden" id="keeper_elements" name="keeper_elements" value="" tal:attributes="value keeper_elements" />
        </div>
        
        <div metal:fill-slot="custom_buttons">
            <input id="keeper_save" type="button" name="Save" value="Save" i18n:attributes="value" onClick="keeperSaveElements()" />
        </div>
    
    </tal:block>
        
</tal:block>

<tal:block metal:define-macro="view" i18n:domain="psyhvel" metal:use-macro="base_${who}.html/base_${who}">
    <tal:block metal:fill-slot="test_header" tal:condition="php:who=='test'">
        <tal:block metal:use-macro="test_header.html/test_header" />
    </tal:block>

<tal:block metal:fill-slot="custom_header">

<tal:block content="structure string:<script type='text/javascript'>var TRANSLATE_keepersroom = '" /><tal:block i18n:translate="">KEEPERS ROOM</tal:block><tal:block content="structure string:';</script>" />

</tal:block>

<div class="error to_center" style="display:none" id="gameNotEndedErrorMessage">
            <span i18n:translate="string:_error_keeper_not_in_his_room" tal:omit-tag="">Please walk keeper into keepers room!</span>
        </div>

<div class="error to_center" style="display:none" id="textareaEmptyErrorMessage">
            <span i18n:translate="string:_error_text_area_empty" tal:omit-tag="">Please write somthing into textarea!</span>
        </div>

</div>