add_column_modal.inc.php
6.54 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<?php defined('ABSPATH') or die('Access denied.'); ?>
<!-- .wdt-add-column-modal -->
<div class="modal fade" id="wdt-add-column-modal" data-backdrop="static" data-keyboard="false" tabindex="-1"
role="dialog" aria-hidden="true">
<!-- .modal-dialog -->
<div class="modal-dialog">
<!-- .modal-content -->
<div class="modal-content">
<!-- Preloader -->
<?php include WDT_TEMPLATE_PATH . 'admin/common/preloader.inc.php'; ?>
<!-- /Preloader -->
<!-- .modal-header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title"><?php _e('Add Column', 'wpdatatable'); ?></h4>
</div>
<!--/ .modal-header -->
<!-- .modal-body -->
<div class="modal-body">
<!-- .wdt-add-column-modal-block -->
<div class="wdt-add-column-modal-block">
<div class="row">
<div class="col-xs-12">
<h5 class="c-black m-b-10">
<?php _e('Column header', 'wpdatatables'); ?>
</h5>
<div class="form-group">
<div class="fg-line">
<input class="form-control input-sm" id="wdt-add-column-column-header" type="text"
value=""/>
</div>
</div>
</div>
<div class="col-xs-12">
<h5 class="c-black m-b-10">
<?php _e('Type', 'wpdatatables'); ?>
</h5>
<div class="form-group">
<div class="fg-line">
<div class="select">
<select class="selectpicker wdt-add-column-column-type">
<?php foreach (WDTTools::getPossibleColumnTypes() as $columnTypeKey => $columnTypeName) { ?>
<option value="<?php echo $columnTypeKey ?>"><?php echo $columnTypeName ?></option>
<?php } ?>
</select>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<h5 class="c-black m-b-10">
<?php _e('Insert after', 'wpdatatables'); ?>
</h5>
<div class="form-group">
<div class="fg-line">
<div class="select">
<select class="wdt-add-column-insert-after selectpicker">
<option value="%%beginning%%"><?php _e('Beginning of table', 'wpdatatables'); ?></option>
<option value="%%end%%"><?php _e('End of table', 'wpdatatables'); ?></option>
<?php foreach ($tableData->table->columns as $column) { ?>
<option value="<?php echo $column->orig_header; ?>"><?php echo $column->display_header; ?></option>
<?php } ?>
</select>
</div>
</div>
</div>
</div>
<div class="col-xs-12 wdt-add-column-possible-values-block" style="display: none;">
<h5 class="c-black m-b-10">
<?php _e('Possible values', 'wpdatatables'); ?>
</h5>
<div class="form-group">
<div class="fg-line">
<input class="form-control input-sm wdt-add-column-possible-values" value=""/>
</div>
</div>
</div>
<div class="col-xs-12">
<h5 class="c-black m-b-10">
<?php _e('Editor predefined value', 'wpdatatables'); ?>
</h5>
<div class="form-group">
<div class="fg-line">
<input type="text" class="form-control input-sm wdt-add-column-default-value"
value="">
</div>
</div>
</div>
<div class="col-xs-12">
<div class="toggle-switch" data-ts-color="blue">
<label for="wdt-add-column-fill-with-default"
class="ts-label"><?php _e('Fill with default value', 'wpdatatables'); ?></label>
<input id="wdt-add-column-fill-with-default" type="checkbox" hidden="hidden">
<label for="wdt-add-column-fill-with-default" class="ts-helper"></label>
</div>
</div>
</div>
</div>
<!--/ .wdt-add-column-modal-block -->
</div>
<!--/ .modal-body -->
<!-- .modal-footer -->
<div class="modal-footer">
<button class="btn btn-danger btn-icon-text waves-effect" data-toggle="modal"
data-target="#wdt-add-column-modal">
<i class="zmdi zmdi-close"></i>
<?php _e('Cancel', 'wpdatatables'); ?>
</button>
<button class="btn btn-success btn-icon-text waves-effect" id="wdt-add-column-submit">
<i class="zmdi zmdi-check"></i>
<?php _e('OK', 'wpdatatables'); ?>
</button>
</div>
<!--/ .modal-footer -->
</div>
<!--/ .modal-content -->
</div>
<!--/ .modal-dialog -->
</div>
<!--/ .wdt-add-column-modal -->