function timetable_vc_init()
{
include_once ABSPATH . 'wp-admin/includes/plugin.php';
if (!is_plugin_active("js_composer/js_composer.php") || !function_exists('vc_map')) {
return;
}
//add support for multiple select field
vc_add_shortcode_param('dropdownmulti', 'timetable_vc_dropdownmultiple_settings_field');
global $wpdb;
$timetable_events_settings = timetable_events_settings();
//get saved shortcodes
$timetable_shortcodes_list = get_option("timetable_shortcodes_list");
$timetable_shortcodes_array = array(__("choose...", "timetable") => "-1");
if (!empty($timetable_shortcodes_list)) {
foreach ($timetable_shortcodes_list as $key => $val) {
$timetable_shortcodes_array[$key] = $key;
}
}
//get events list
$events_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => $timetable_events_settings['slug']));
$events_array = array();
$events_array["All"] = "";
foreach ($events_list as $event) {
$events_array[$event->post_title . " (id:" . $event->ID . ")"] = urldecode($event->post_name);
}
//get events categories list
$events_categories = get_terms("events_category");
$events_categories_array = array();
$events_categories_array["All"] = "";
foreach ($events_categories as $events_category) {
$events_categories_array[$events_category->name] = urldecode($events_category->slug);
}
//get hour categories
$query = "SELECT distinct(category) AS category FROM " . $wpdb->prefix . "event_hours AS t1\r\n\t\t\tLEFT JOIN {$wpdb->posts} AS t2 ON t1.event_id=t2.ID \r\n\t\t\tWHERE \r\n\t\t\tt2.post_type='" . $timetable_events_settings['slug'] . "'\r\n\t\t\tAND t2.post_status='publish'\r\n\t\t\tAND category<>''";
$hour_categories = $wpdb->get_results($query);
$hour_categories_array = array();
$hour_categories_array["All"] = "";
foreach ($hour_categories as $hour_category) {
$hour_categories_array[$hour_category->category] = $hour_category->category;
}
//get columns
$weekdays_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'timetable_weekdays'));
$weekdays_array = array();
$weekdays_array["All"] = "";
foreach ($weekdays_list as $weekday) {
$weekdays_array[$weekday->post_title . " (id:" . $weekday->ID . ")"] = urldecode($weekday->post_name);
}
//get google fonts
$fontsArray = timetable_get_google_fonts();
$google_fonts_array = array();
$google_fonts_array["Default"] = "";
if (isset($fontsArray)) {
$fontsCount = count($fontsArray->items);
for ($i = 0; $i < $fontsCount; $i++) {
$variantsCount = count($fontsArray->items[$i]->variants);
if ($variantsCount > 1) {
for ($j = 0; $j < $variantsCount; $j++) {
$google_fonts_array[$fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j]] = $fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j];
}
} else {
$google_fonts_array[$fontsArray->items[$i]->family] = $fontsArray->items[$i]->family;
}
}
}
vc_map(array("name" => __("Timetable", 'timetable'), "base" => "tt_timetable", "class" => "", "controls" => "full", "show_settings_on_create" => true, "icon" => "icon-wpb-layer-timetable", "admin_enqueue_js" => array(plugin_dir_url(__FILE__) . '/admin/js/timetable_vc.js'), "front_enqueue_js" => array(plugin_dir_url(__FILE__) . '/admin/js/timetable_vc.js'), "params" => array(array("type" => "dropdown", "class" => "", "heading" => __("Choose shortcode id:", "timetable"), "param_name" => "shortcode_id", "value" => $timetable_shortcodes_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Events", "timetable"), "param_name" => "event", "value" => $events_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Event categories", "timetable"), "param_name" => "event_category", "value" => $events_categories_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Hour categories", "timetable"), "param_name" => "hour_category", "value" => $hour_categories_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Columns", "timetable"), "param_name" => "columns", "value" => $weekdays_array), array("type" => "dropdown", "class" => "", "heading" => __("Hour measure", "timetable"), "param_name" => "measure", "value" => array(__("Hour (1h)", "timetable") => "1", __("Half hour (30min)", "timetable") => "0.5", __("Quarter hour (15min)", "timetable") => "0.25")), array("type" => "dropdown", "class" => "", "heading" => __("Filter style", "timetable"), "param_name" => "filter_style", "value" => array(__("Dropdown list", "timetable") => "dropdown_list", __("Tabs", "timetable") => "tabs")), array("type" => "dropdown", "class" => "", "heading" => __("Filter kind", "timetable"), "param_name" => "filter_kind", "value" => array(__("By event", "timetable") => "event", __("By event category", "timetable") => "event_category", __("By event and event category", "timetable") => "event_and_event_category")), array("type" => "textfield", "class" => "", "heading" => __("Filter label", "timetable"), "param_name" => "filter_label", "value" => __("All Events", "timetable")), array("type" => "textfield", "class" => "", "heading" => __("Filter label 2", "timetable"), "param_name" => "filter_label_2", "value" => __("All Events Categories", "timetable"), "dependency" => array("element" => "filter_kind", "value" => array("event_and_event_category"))), array("type" => "dropdown", "class" => "", "heading" => __("Select time format", "timetable"), "param_name" => "select_time", "value" => array(__("09.03 (H.i)", "timetable") => "H.i", __("09:03 (H:i)", "timetable") => "H:i", __("9:03 am (g:i a)", "timetable") => "g:i a", __("9:03 AM (g:i A)", "timetable") => "g:i A")), array("type" => "textfield", "class" => "", "heading" => __("Time format", "timetable"), "param_name" => "time_format", "value" => "H.i"), array("type" => "dropdown", "class" => "", "heading" => __("Hide 'All Events' view", "timetable"), "param_name" => "hide_all_events_view", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Hide first (hours) column", "timetable"), "param_name" => "hide_hours_column", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Show end hour in first (hours) column", "timetable"), "param_name" => "show_end_hour", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Event block layout", "timetable"), "param_name" => "event_layout", "value" => array(__("Type 1", "timetable") => "1", __("Type 2", "timetable") => "2", __("Type 3", "timetable") => "3", __("Type 4", "timetable") => "4", __("Type 5", "timetable") => "5")), array("type" => "dropdown", "class" => "", "heading" => __("Hide empty rows", "timetable"), "param_name" => "hide_empty", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Disable event url", "timetable"), "param_name" => "disable_event_url", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "dropdown", "class" => "", "heading" => __("Text align", "timetable"), "param_name" => "text_align", "value" => array(__("center", "timetable") => "center", __("left", "timetable") => "left", __("right", "timetable") => "right")), array("type" => "textfield", "class" => "", "heading" => __("Id", "timetable"), "param_name" => "id", "value" => ""), array("type" => "textfield", "class" => "", "heading" => __("Row height (in px)", "timetable"), "param_name" => "row_height", "value" => "31"), array("type" => "dropdown", "class" => "", "heading" => __("Responsive", "timetable"), "param_name" => "responsive", "value" => array(__("Yes", "timetable") => "1", __("No", "timetable") => "0")), array("type" => "dropdown", "class" => "", "heading" => __("Event Description in responsive mode", "timetable"), "param_name" => "event_description_responsive", "value" => array(__("None", "timetable") => "none", __("Only Description 1", "timetable") => "description-1", __("Only Description 2", "timetable") => "description-2", __("Description 1 and Description 2", "timetable") => "description-1-and-description-2")), array("type" => "dropdown", "class" => "", "heading" => __("Collapse event hours in responsive mode", "timetable"), "param_name" => "collapse_event_hours_responsive", "value" => array(__("No", "timetable") => "0", __("Yes", "timetable") => "1")), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box background color", "timetable"), "param_name" => "box_bg_color", "value" => "00A27C"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hover background color", "timetable"), "param_name" => "box_hover_bg_color", "value" => "1F736A"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box text color", "timetable"), "param_name" => "box_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hover text color", "timetable"), "param_name" => "box_hover_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hours text color", "timetable"), "param_name" => "box_hours_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Timetable box hours hover text color", "timetable"), "param_name" => "box_hours_hover_txt_color", "value" => "FFFFFF"), array("type" => "colorpicker", "class" => "", "heading" => __("Filter control background color", "timetable"), "param_name" => "filter_color", "value" => "00A27C"), array("type" => "colorpicker", "class" => "", "heading" => __("Row 1 style background color", "timetable"), "param_name" => "row1_color", "value" => "F0F0F0"), array("type" => "colorpicker", "class" => "", "heading" => __("Row 2 style background color", "timetable"), "param_name" => "row2_color", "value" => ""), array("type" => "textfield", "class" => "", "heading" => __("Table header font", "timetable"), "param_name" => "font_custom", "value" => ""), array("type" => "dropdown", "class" => "", "heading" => __("or choose Google font", "timetable"), "param_name" => "font", "value" => $google_fonts_array), array("type" => "dropdownmulti", "class" => "", "heading" => __("Google font subset", "timetable"), "param_name" => "font_subset", "value" => array("", "arabic", "hebrew", "telugu", "cyrillic-ext", "cyrillic", "devanagari", "greek-ext", "greek", "vietnamese", "latin-ext", "latin", "khmer"), "dependency" => array("element" => "font", "not_empty" => true, "callback" => "timetable_font_subset_init")), array("type" => "textfield", "class" => "", "heading" => __("Font size (in px)", "timetable"), "param_name" => "font_size", "value" => ""), array("type" => "textarea", "class" => "", "heading" => __("Custom CSS", "timetable"), "param_name" => "custom_css", "value" => ""))));
}
function timetable_admin_page()
{
//get events list
$events_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'events'));
//get weekdays list
$weekdays_list = get_posts(array('posts_per_page' => -1, 'nopaging' => true, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'timetable_weekdays'));
//get all hour categories
global $wpdb;
$query = "SELECT distinct(category) AS category FROM " . $wpdb->prefix . "event_hours AS t1\n\t\t\t\tLEFT JOIN {$wpdb->posts} AS t2 ON t1.event_id=t2.ID \n\t\t\t\tWHERE \n\t\t\t\tt2.post_type='events'\n\t\t\t\tAND t2.post_status='publish'\n\t\t\t\tAND category<>''";
$hour_categories = $wpdb->get_results($query);
//events string
$events_string = "";
$events_select_list = "";
foreach ($events_list as $event) {
$events_select_list .= '<option value="' . urldecode($event->post_name) . '">' . $event->post_title . ' (id: ' . $event->ID . ')' . '</option>';
$events_string .= $event->post_name . (end($events_list) != $event ? "," : "");
}
//events categories string
$events_categories_list = "";
$events_categories = get_terms("events_category");
foreach ($events_categories as $events_category) {
$events_categories_list .= '<option value="' . urldecode(esc_attr($events_category->slug)) . '">' . $events_category->name . '</option>';
}
//weekdays string
$weekdays_string = "";
$weekdays_select_list = "";
foreach ($weekdays_list as $weekday) {
$weekdays_select_list .= '<option value="' . urldecode($weekday->post_name) . '">' . $weekday->post_title . ' (id: ' . $weekday->ID . ')' . '</option>';
$weekdays_string .= $weekday->post_name . (end($weekdays_list) != $weekday ? "," : "");
}
//get google fonts
$fontsArray = timetable_get_google_fonts();
$fontsHtml = "";
if (isset($fontsArray)) {
$fontsCount = count($fontsArray->items);
for ($i = 0; $i < $fontsCount; $i++) {
$variantsCount = count($fontsArray->items[$i]->variants);
if ($variantsCount > 1) {
for ($j = 0; $j < $variantsCount; $j++) {
$fontsHtml .= '<option value="' . $fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j] . '">' . $fontsArray->items[$i]->family . ":" . $fontsArray->items[$i]->variants[$j] . '</option>';
}
} else {
$fontsHtml .= '<option value="' . $fontsArray->items[$i]->family . '">' . $fontsArray->items[$i]->family . '</option>';
}
}
}
?>
<div class="wrap">
<h2><?php
_e("Timetable Dummy Content", "timetable");
?>
</h2>
</div>
<div>
<input type="button" class="button" name="timetable_import_dummy" id="import_dummy" value="<?php
_e('Import dummy content', 'timetable');
?>
" />
<span class="spinner" style="float: none; margin-top: 4px;"></span>
<img id="dummy_content_tick" src="<?php
echo WP_PLUGIN_URL;
?>
/timetable/admin/images/tick.png" />
<div id="dummy_content_info"></div>
</div>
<div class="wrap">
<h2><?php
_e("Timetable Shortcode Generator", "timetable");
?>
</h2>
</div>
<div class="timetable_shortcode_container">
<input style="width: 630px;" type="text" class="regular-text tt_shortcode" value="[tt_timetable]" data-default="[tt_timetable]" name="shortcode">
<a href="#" id="copy_to_clipboard1" class="button-primary"><?php
_e("Copy to Clipboard", "timetable");
?>
</a>
<span class="copy_info"><?php
_e("Shortcode has been copied to clipboard!", 'timetable');
?>
</span>
</div>
<form action="<?php
echo $_SERVER['REQUEST_URI'];
?>
" method="post" id="timetable_settings">
<div id="timetable_configuration_tabs">
<ul class="nav-tabs">
<li class="nav-tab">
<a href="#tab-main">
<?php
_e('Main configuration', 'timetable');
?>
</a>
</li>
<li class="nav-tab">
<a href="#tab-colors">
<?php
_e('Colors', 'timetable');
?>
</a>
</li>
<li class="nav-tab">
<a href="#tab-fonts">
<?php
_e('Fonts', 'timetable');
?>
</a>
</li>
<li class="nav-tab">
<a href="#tab-custom-css">
<?php
_e('Custom CSS', 'timetable');
?>
</a>
</li>
</ul>
<div id="tab-main">
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row">
<label for="event">
<?php
_e("Events", "timetable");
?>
</label>
</th>
<td>
<select name="event" id="event" multiple="multiple">
<?php
echo $events_select_list;
?>
</select>
</td>
<td>
<span class="description"><?php
_e("Select the events that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="event">
<?php
_e("Event categories", "timetable");
?>
</label>
</th>
<td>
<select name="event_category" id="event_category" multiple="multiple">
<?php
echo $events_categories_list;
?>
</select>
</td>
<td>
<span class="description"><?php
_e("Select the events categories that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="hour_category">
<?php
_e("Hour categories", "timetable");
?>
</label>
</th>
<td>
<select name="hour_category" id="hour_category" multiple="multiple">
<?php
foreach ($hour_categories as $hour_category) {
echo '<option value="' . $hour_category->category . '">' . $hour_category->category . '</option>';
}
?>
</select>
</td>
<td>
<span class="description"><?php
_e("Select the hour categories (if defined for existing event hours) for events that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="weekdays">
<?php
_e("Columns", "timetable");
?>
</label>
</th>
<td>
<select name="weekday" id="weekday" multiple="multiple">
<?php
echo $weekdays_select_list;
?>
</select>
</td>
<td>
<span class="description"><?php
_e("Select the columns that are to be displayed in timetable. Hold the CTRL key to select multiple items.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="measure">
<?php
_e("Hour measure", "timetable");
?>
</label>
</th>
<td>
<select name="measure" id="measure">
<option value="1"><?php
_e("Hour (1h)", "timetable");
?>
</option>
<option value="0.5"><?php
_e("Half hour (30min)", "timetable");
?>
</option>
<option value="0.25"><?php
_e("Quarter hour (15min)", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Choose hour measure for event hours.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="filter_style">
<?php
_e("Filter style", "timetable");
?>
</label>
</th>
<td>
<select name="filter_style" id="filter_style">
<option value="dropdown_list"><?php
_e("Dropdown list", "timetable");
?>
</option>
<option value="tabs"><?php
_e("Tabs", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Choose between dropdown menu and tabs for event filtering.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="filter_kind">
<?php
_e("Filter kind", "timetable");
?>
</label>
</th>
<td>
<select name="filter_kind" id="filter_kind">
<option value="event"><?php
_e("By event", "timetable");
?>
</option>
<option value="event_category"><?php
_e("By event category", "timetable");
?>
</option>
<option value="event_and_event_category"><?php
_e("By event and event category", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Choose between filtering by events or events categories.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="filter_label">
<?php
_e("Filter label", "timetable");
?>
</label>
</th>
<td>
<input type="text" class="regular-text" value="All Events" id="filter_label" name="filter_label">
</td>
<td>
<span class="description"><?php
_e("Specify text label for all events.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top" class="filter_label_2 tt_hide">
<th scope="row">
<label for="filter_label_2">
<?php
_e("Filter label 2", "timetable");
?>
</label>
</th>
<td>
<input type="text" class="regular-text" value="All Events Categories" id="filter_label_2" name="filter_label_2">
</td>
<td>
<span class="description"><?php
_e("Specify text label for all events categories.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="time_format">
<?php
_e("Time format", "timetable");
?>
</label>
</th>
<td>
<fieldset>
<legend class="screen-reader-text"><span><?php
_e("Time format", "timetable");
?>
</span></legend>
<label title="H.i">
<input type="radio" checked="checked" value="H.i" name="time_format">
<span>09.03</span>
</label>
<br>
<label title="H:i">
<input type="radio" value="H:i" name="time_format">
<span>09:03</span>
</label>
<br>
<label title="g:i a">
<input type="radio" value="g:i a" name="time_format">
<span>9:03 am</span>
</label>
<br>
<label title="g:i A">
<input type="radio" value="g:i A" name="time_format">
<span>9:03 AM</span>
</label>
<br>
<label>
<input type="radio" value="custom" id="time_format_custom_radio" name="time_format">
<?php
_e("Custom: ", "timetable");
?>
</label>
<input type="text" class="small-text" value="H.i" name="time_format_custom" id="time_format">
<span class="example"> 9:03 am</span>
<span class="spinner"></span>
</fieldset>
</td>
<td></td>
</tr>
<tr valign="top">
<th scope="row">
<label for="hide_all_events_view">
<?php
_e("Hide 'All Events' view", "timetable");
?>
</label>
</th>
<td>
<select name="hide_all_events_view" id="hide_all_events_view">
<option value="0"><?php
_e("No", "timetable");
?>
</option>
<option value="1"><?php
_e("Yes", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Set to Yes to hide All Events view.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="hide_hours_column">
<?php
_e("Hide first (hours) column", "timetable");
?>
</label>
</th>
<td>
<select name="hide_hours_column" id="hide_hours_column">
<option value="0"><?php
_e("No", "timetable");
?>
</option>
<option value="1"><?php
_e("Yes", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Set to Yes to hide timetable column with hours.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="show_end_hour">
<?php
_e("Show end hour in first (hours) column", "timetable");
?>
</label>
</th>
<td>
<select name="show_end_hour" id="show_end_hour">
<option value="0"><?php
_e("No", "timetable");
?>
</option>
<option value="1"><?php
_e("Yes", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Set to Yes to show both start and end hour in timetable column with hours.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="event_layout">
<?php
_e("Event block layout", "timetable");
?>
</label>
</th>
<td>
<select name="event_layout" id="event_layout">
<option value="1"><?php
_e("Type 1", "timetable");
?>
</option>
<option value="2"><?php
_e("Type 2", "timetable");
?>
</option>
<option value="3"><?php
_e("Type 3", "timetable");
?>
</option>
<option value="4"><?php
_e("Type 4", "timetable");
?>
</option>
<option value="5"><?php
_e("Type 5", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Select one of the available event block layouts.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="hide_empty">
<?php
_e("Hide empty rows", "timetable");
?>
</label>
</th>
<td>
<select name="hide_empty" id="hide_empty">
<option value="0"><?php
_e("No", "timetable");
?>
</option>
<option value="1"><?php
_e("Yes", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Set to Yes to hide timetable rows without events.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="disable_event_url">
<?php
_e("Disable event url", "timetable");
?>
</label>
</th>
<td>
<select name="disable_event_url" id="disable_event_url">
<option value="0"><?php
_e("No", "timetable");
?>
</option>
<option value="1"><?php
_e("Yes", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Set to Yes for nonclickable event blocks.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="text_align">
<?php
_e("Text align", "timetable");
?>
</label>
</th>
<td>
<select name="text_align" id="text_align">
<option value="center"><?php
_e("center", "timetable");
?>
</option>
<option value="left"><?php
_e("left", "timetable");
?>
</option>
<option value="right"><?php
_e("right", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Specify text align in timetable event block.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="row_height">
<?php
_e("Id", "timetable");
?>
</label>
</th>
<td>
<input type="text" class="regular-text" value="" id="id" name="id">
</td>
<td>
<span class="description"><?php
_e("Assign a unique identifier to a timetable if you use more than one table on a single page. Otherwise, leave this field blank.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="row_height">
<?php
_e("Row height (in px)", "timetable");
?>
</label>
</th>
<td>
<input type="text" class="regular-text" value="31" id="row_height" name="row_height">
</td>
<td>
<span class="description"><?php
_e("Specify timetable row height in pixels.", 'timetable');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="responsive">
<?php
_e("Responsive", "timetable");
?>
</label>
</th>
<td>
<select name="responsive" id="responsive">
<option value="1"><?php
_e("Yes", "timetable");
?>
</option>
<option value="0"><?php
_e("No", "timetable");
?>
</option>
</select>
</td>
<td>
<span class="description"><?php
_e("Set to Yes to adjust timetable to mobile devices.", 'timetable');
?>
</span>
</td>
</tr>
<?php
/*
<tr valign="top">
<th scope="row">
<label for="direction">
<?php _e("Direction", "timetable"); ?>
</label>
</th>
<td>
<select name="direction" id="direction">
<option value="ltr"><?php _e("LTR (Left to Right)", "timetable"); ?></option>
<option value="rtl"><?php _e("RTL (Right to Left)", "timetable"); ?></option>
</select>
</td>
<td>
<span class="description"><?php _e("Change timetable mode between LTR and RTL", 'timetable'); ?></span>
</td>
</tr>
*/
?>
</tbody>
</table>
</div>
<div id="tab-colors">
<table class="form-table">
<tbody>
<tr>
<th scope="row">
<label for="box_bg_color">
<?php
_e('Timetable box background color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #00A27C"></span>
<input class="regular-text color" type="text" id="box_bg_color" name="box_bg_color" value="00A27C" data-default-color="00A27C" />
</td>
</tr>
<tr>
<th scope="row">
<label for="box_hover_bg_color">
<?php
_e('Timetable box hover background color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #1F736A"></span>
<input class="regular-text color" type="text" id="box_hover_bg_color" name="box_hover_bg_color" value="1F736A" data-default-color="1F736A" />
</td>
</tr>
<tr>
<th scope="row">
<label for="box_txt_color">
<?php
_e('Timetable box text color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #FFFFFF"></span>
<input class="regular-text color" type="text" id="box_txt_color" name="box_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
</td>
</tr>
<tr>
<th scope="row">
<label for="box_hover_txt_color">
<?php
_e('Timetable box hover text color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #FFFFFF"></span>
<input class="regular-text color" type="text" id="box_hover_txt_color" name="box_hover_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
</td>
</tr>
<tr>
<th scope="row">
<label for="box_hours_txt_color">
<?php
_e('Timetable box hours text color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #FFFFFF"></span>
<input class="regular-text color" type="text" id="box_hours_txt_color" name="box_hours_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
</td>
</tr>
<tr>
<th scope="row">
<label for="box_hours_hover_txt_color">
<?php
_e('Timetable box hours hover text color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #FFFFFF"></span>
<input class="regular-text color" type="text" id="box_hours_hover_txt_color" name="box_hours_hover_txt_color" value="FFFFFF" data-default-color="FFFFFF" />
</td>
</tr>
<tr>
<th scope="row">
<label for="filter_color">
<?php
_e('Filter control background color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #00A27C"></span>
<input class="regular-text color" type="text" id="filter_color" name="filter_color" value="00A27C" data-default-color="00A27C" />
</td>
</tr>
<tr>
<th scope="row">
<label for="row1_color">
<?php
_e('Row 1 style background color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: #F0F0F0"></span>
<input class="regular-text color" type="text" id="row1_color" name="row1_color" value="F0F0F0" data-default-color="F0F0F0" />
</td>
</tr>
<tr>
<th scope="row">
<label for="row2_color">
<?php
_e('Row 2 style background color', 'timetable');
?>
</label>
</th>
<td>
<span class="color_preview" style="background-color: transparent"></span>
<input class="regular-text color" type="text" id="row2_color" name="row2_color" value="" data-default-color="transparent" />
</td>
</tr>
</tbody>
</table>
</div>
<div id="tab-fonts">
<table class="form-table">
<tbody>
<!--<tr valign="top">
<th scope="row" class="header_row" colspan="2">
<label>
<?php
_e("Table header font", 'timetable');
?>
</label>
</th>
</tr>-->
<tr valign="top">
<th scope="row">
<label for="timetable_font_custom"><?php
_e("Enter font name", 'timetable');
?>
</label>
</th>
<td>
<input type="text" class="regular-text" value="" id="timetable_font_custom" name="timetable_font_custom">
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="timetable_font"><?php
_e("or choose Google font", 'timetable');
?>
</label>
</th>
<td>
<select name="timetable_font" id="timetable_font" class="google_font_chooser">
<option value=""><?php
_e("Default", 'timetable');
?>
</option>
<?php
echo $fontsHtml;
?>
</select>
<span class="spinner"></span>
</td>
</tr>
<tr valign="top" class="fontSubsetRow">
<th scope="row">
<label for="timetable_font_subset"><?php
_e("Google font subset", 'timetable');
?>
</label>
</th>
<td>
<select name="timetable_font_subset[]" id="timetable_font_subset" class="fontSubset" multiple="multiple"></select>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="timetable_font_size"><?php
_e("Font size (in px)", 'timetable');
?>
</label>
</th>
<td>
<input type="text" class="regular-text" value="" id="timetable_font_size" name="timetable_font_size">
</td>
</tr>
</tbody>
</table>
</div>
<div id="tab-custom-css">
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row">
<label for="timetable_custom_css"><?php
_e("Custom CSS", 'timetable');
?>
</label>
</th>
<td>
<textarea id="timetable_custom_css" name="timetable_custom_css" style="width: 540px; height: 200px;"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
<div class="timetable_shortcode_container">
<input style="width: 630px;" type="text" class="regular-text tt_shortcode" value="[tt_timetable]" data-default="[tt_timetable]" name="shortcode">
<a href="#" id="copy_to_clipboard2" class="button-primary"><?php
_e("Copy to Clipboard", "timetable");
?>
</a>
<span class="copy_info"><?php
_e("Shortcode has been copied to clipboard!", 'timetable');
?>
</span>
</div>
<?php
}