Manager

Back Back Up Advanced Editor

<div class="wpDataTables metabox-holder">
    <div id="wdtPreloadLayer" class="overlayed">
    </div>
    
    <div class="wrap">
	    <div id="poststuff">
		    <div id="post-body" class="metabox-holder">
				<div id="postbox-container-1" class="postbox-container">
					<img src="<?php echo dirname(plugin_dir_url(__FILE__)); ?>/assets/img/wpdatatables-logo.png" class="wpdatatables_logo" />
					<p><i><?php _e('Please refer to','wpdatatables');?> <a href="http://wpdatatables.com/documentation/creating-new-wpdatatables-with-table-constructor/"><?php _e('wpDataTables documentation on Table Consturctor','wpdatatables');?></a> <?php _e('if you have some questions or problems.','wpdatatables'); ?></i></p>
					<h2><?php _e('wpDataTable constructor','wpdatatables'); ?></h2>
					<form method="post" action="<?php echo WDT_ROOT_URL ?>" id="wpDataTablesSettings">
					<div id="normal-sortables" class="meta-box-sortables ui-sortable">
						<div class="postbox">
							<div class="handlediv" title="<?php _e('Click to toggle','wpdatatables'); ?>"><br/></div>
						    <h3 class="hndle">
						    	<span><div class="dashicons dashicons-edit"></div> <?php _e('Table Creation Wizard','wpdatatables'); ?></span>
						    </h3>
						    <div class="inside">

</td>
												<td class="columnsContainer">
													
												</td>
											</tr>
                                                                                        <tr>
                                                                                            <td>
                                                                                            </td>
                                                                                            <td>
                                                                                                    <button class="addColumnBlock button"><span class="dashicons dashicons-plus"></span></button>
                                                                                            </td>
                                                                                        </tr>
											
											</table>
										</fieldset>
										
									</div>
									
									
									<div class="constructorStep step12" data-step="1-2" style="display: none">
										<h3><?php _e('Please upload the file that contains the initial table data (Excel or CSV)','wpdatatables'); ?></h3>
                                                                                <p><?php _e('This constructor type will import your table data to a MySQL table and generate a wpDataTable based on a SQL query to this table.','wpdatatables'); ?></p>
										<fieldset style="margin: 10px;">
											<table>
											<tr>
												<td>
                                                                                                    <label for="wpdatatables_wizzard_fileupload"><span><?php _e('Choose the file','wpdatatables');?></span></label><br/>
												</td>
												<td>
														<div class="uploader">
														  <input type="text" name="wpdatatables_wizzard_fileupload" id="wpdatatables_wizzard_fileupload" />
														  <button name="wpdatatables_wizzard_fileupload_button" id="wpdatatables_wizzard_fileupload_button" class="button"><?php _e('Upload','wpdatatables'); ?></button>
														</div>
														<label id="fileupload_file_empty_error" style="display: none; font-weight: bold; color: red"> </label>
												</td>
											</tr>
											</table>
										</fieldset>
									</div>
                                                                        
                                                                        <div class="constructorStep step22" data-step="2-2" style="display: none">
                                                                            
                                                                                <fieldset style="margin: 10px;">
                                                                                        <label><?php _e('Please check which columns would you like to import and make sure that the column types were imported correctly','wpdatatables');?></label>
                                                                                        <div class="uploader previewFileTable">

</div>
										</fieldset>                                                                            
                                                                        </div>
									
									
									<div class="constructorStep step13" data-step="1-3" style="display: none">
										<h3><?php _e('Please choose the WP data which will be used to create a table','wpdatatables'); ?></h3>
                                                                                <p><?php _e('This constructor type will create a query to WordPress database and create a wpDataTable based on this query. This table content cannot be edited manually afterwards, but will always contain actual data from your WordPress database.','wpdatatables'); ?></p>
										
										<fieldset style="margin: 10px;">
											<table>
											<tr>
												<td style="width: 250px">
													<label for="wpdatatables_post_type"><span><?php _e('Choose the post types which you would like to have in the table','wpdatatables');?></span></label>
												</td>
												<td>
                                                                                                        <div class="uploader">

</td>
                <td>
                    <div class="columnPossibleValues">
                        <input type="text" value="" />
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <label><span><strong><?php _e('Default value','wpdatatables'); ?></strong></span>:</label></br>
                    <span class="description"><small><?php _e('(Optional)','wpdatatables'); ?></small></span>
                </td>
                <td>
                    <div class="columnDefaultValue">
                        <input type="text" value="" />
                    </div>
                </td>
            </tr>
        </table>
</div>
</script>