1 <div class="wrap"> |
|
2 <?php |
|
3 $title = ''; |
|
4 $settings = array( |
|
5 'scroll-speed' => '500', |
|
6 'easing' => 'easeOutSine', |
|
7 'hide-years' => false, |
|
8 'cat-type' => 'months', |
|
9 'number-of-posts' => '30', |
|
10 |
|
11 // style |
|
12 'line-width' => '920', |
|
13 'item-width' => '240', |
|
14 'item-open-width' => '490', |
|
15 'item-margin' => '20', |
|
16 'item-height' => '360', |
|
17 'read-more' => 'button', |
|
18 'close-text' => 'Close', |
|
19 'hide-line' => false, |
|
20 'line-style' => 'light', |
|
21 'hide-nav' => false, |
|
22 'nav-style' => 'light', |
|
23 'shdow' => 'show', |
|
24 'button-hover-color' => '#1986ac', |
|
25 'node-desc-color' => '#1986ac', |
|
26 |
|
27 // item & open item |
|
28 'item-back-color' => '#ffffff', |
|
29 'item-background' => '', |
|
30 'item-open-back-color' => '#ffffff', |
|
31 'item-open-background' => '', |
|
32 'item-image-height' => '150', |
|
33 'item-image-border-width' => '5', |
|
34 'item-image-border-color' => '#1986ac', |
|
35 'item-open-image-height' => '150', |
|
36 'item-open-content-padding' => '10', |
|
37 'item-open-image-border-width' => '5', |
|
38 'item-open-image-border-color' => '#1986ac', |
|
39 |
|
40 // item fonts |
|
41 'item-header-line-height' => '24', |
|
42 'item-header-font-size' => '24', |
|
43 'item-header-font-type' => 'regular', |
|
44 'item-header-font-color' => '#2d2d2d', |
|
45 'item-text-line-height' => '12', |
|
46 'item-text-font-size' => '12', |
|
47 'item-text-font-type' => 'regular', |
|
48 'item-text-font-color' => '#4d4d4d', |
|
49 |
|
50 // item open fonts |
|
51 'item-open-header-line-height' => '24', |
|
52 'item-open-header-font-size' => '24', |
|
53 'item-open-header-font-type' => 'regular', |
|
54 'item-open-header-font-color' => '#2d2d2d', |
|
55 'item-open-text-line-height' => '12', |
|
56 'item-open-text-font-size' => '12', |
|
57 'item-open-text-font-type' => 'regular', |
|
58 'item-open-text-font-color' => '#4d4d4d' |
|
59 |
|
60 |
|
61 ); |
|
62 global $wpdb; |
|
63 if(isset($_GET['id'])) { |
|
64 global $wpdb; |
|
65 $timeline = $wpdb->get_results('SELECT * FROM ' . $wpdb->base_prefix . 'ctimelines WHERE id='.$_GET['id']); |
|
66 $timeline = $timeline[0]; |
|
67 $pageName = 'Edit timeline'; |
|
68 } |
|
69 else { |
|
70 $pageName = 'New timeline'; |
|
71 } |
|
72 $title = $timeline->name; |
|
73 foreach(explode('||',$timeline->settings) as $val) { |
|
74 $expl = explode('::',$val); |
|
75 $settings[$expl[0]] = $expl[1]; |
|
76 } |
|
77 ?> |
|
78 |
|
79 |
|
80 <input type="hidden" id="plugin-url" value="<?php echo $this->url; ?>"/> |
|
81 <h2><?php echo $pageName; ?> |
|
82 <a href="<?php echo admin_url( "admin.php?page=contenttimeline" ); ?>" class="add-new-h2">Cancel</a> |
|
83 </h2> |
|
84 <div class="form_result"></div> |
|
85 <form name="post_form" method="post" id="post_form"> |
|
86 <input type="hidden" name="timeline_id" id="timeline_id" value="<?php echo $_GET['id']; ?>" /> |
|
87 <div id="poststuf"> |
|
88 |
|
89 <div id="post-body" class="metabox-holder columns-2" style="margin-right:300px; padding:0;"> |
|
90 |
|
91 <div id="post-body-content"> |
|
92 <div id="titlediv"> |
|
93 <div id="titlewrap"> |
|
94 <label class="hide-if-no-js" style="visibility:hidden" id="title-prompt-text" for="title">Enter title here</label> |
|
95 <input type="text" name="timeline_title" size="30" tabindex="1" value="<?php echo $title; ?>" id="title" autocomplete="off" /> |
|
96 </div> |
|
97 </div> |
|
98 <h2 class="alignleft" style="padding:0 0 10px 0;">Items</h2> |
|
99 <a id="tsort-add-new" class="alignleft button button-highlighted" style="display:block; padding:3px 15px; margin:4px 10px;" href="#">+ Add New item</a> |
|
100 <div class="clear"></div> |
|
101 <ul id="timeline-sortable"> |
|
102 <?php |
|
103 if ($timeline->items != '') { |
|
104 $explode = explode('||',$timeline->items); |
|
105 $itemsArray = array(); |
|
106 foreach ($explode as $it) { |
|
107 $ex2 = explode('::', $it); |
|
108 $key = substr($ex2[0],0,strpos($ex2[0],'-')); |
|
109 $subkey = substr($ex2[0],strpos($ex2[0],'-')+1); |
|
110 $itemsArray[$key][$subkey] = $ex2[1]; |
|
111 } |
|
112 foreach ($itemsArray as $key => $arr) { |
|
113 $num = substr($key,4); |
|
114 ?> |
|
115 |
|
116 |
|
117 <li id="<?php echo $key; ?>" class="sortableItem"> |
|
118 <div class="tsort-plus">+</div> |
|
119 <div class="tsort-header">Item <?php echo $num; ?> <small><i>- <?php echo $arr['item-title']; ?></i></small> <a href="#" class="tsort-delete"><i>delete</i></a></div> |
|
120 <div class="tsort-content"> |
|
121 <div class="tsort-dataid"> |
|
122 <input type="checkbox" id="<?php echo $key; ?>-start-item" name="<?php echo $key; ?>-start-item" class="tsort-start-item alignright" <?php if($arr['start-item']) echo 'checked="checked"'; ?> /> |
|
123 <label for="<?php echo $key; ?>-start-item" class="alignright">Start item </label> |
|
124 <span class="timeline-help">? <span class="timeline-tooltip">Argument by which are elements organised (date - dd/mm/yyyy, Category - full category name). Different field is used for different categorizing type.</span></span> |
|
125 <label for="<?php echo $key; ?>-dataid">Date</label> |
|
126 <input style="margin-left:5px;" id="<?php echo $key; ?>-dataid" name="<?php echo $key; ?>-dataid" value="<?php echo $arr['dataid']; ?>" type="text" class="data_id" /> |
|
127 <label style="margin-left:5px;" for="<?php echo $key; ?>-categoryid">Category</label> |
|
128 <input style="margin-left:5px;" id="<?php echo $key; ?>-categoryid" name="<?php echo $key; ?>-categoryid" value="<?php echo $arr['categoryid']; ?>" class="category_id" type="text"/> |
|
129 <label style="margin-left:5px;" for="<?php echo $key; ?>-node-name">Title of the timeline node (optional)</label> |
|
130 <input style="margin-left:5px;" id="<?php echo $key; ?>-node-name" name="<?php echo $key; ?>-node-name" value="<?php echo $arr['node-name']; ?>" type="text" /> |
|
131 |
|
132 </div> |
|
133 <div class="tsort-item"> |
|
134 <h3 style="padding-left:0;"><span class="timeline-help">? <span class="timeline-tooltip">Base item content (image, title and content).</span></span>Item Options</h3> |
|
135 <div class="tsort-image"><img id="<?php echo $key; ?>-item-image" src="<?php echo(($arr['item-image'] != '') ? $this->url . '/timthumb/timthumb.php?src=' . $arr['item-image'] . '&w=258&50' : $this->url . '/images/no_image.jpg'); ?>" /><a href="#" id="<?php echo $key; ?>-item-image-change" class="tsort-change">Change</a> |
|
136 |
|
137 <input id="<?php echo $key; ?>-item-image-input" name="<?php echo $key; ?>-item-image" type="hidden" value="<?php echo $arr['item-image']; ?>" /> |
|
138 <a href="#" id="<?php echo $key; ?>-item-image-remove" class="tsort-remove">Remove</a> |
|
139 </div> |
|
140 <input class="tsort-title" name="<?php echo $key; ?>-item-title" value="<?php echo $arr['item-title']; ?>" type="text" /> |
|
141 <div class="clear"></div> |
|
142 <textarea class="tsort-contarea" name="<?php echo $key; ?>-item-content"><?php echo $arr['item-content']; ?></textarea> |
|
143 <table style="width:100%;"> |
|
144 <tr> |
|
145 <td style="width:120px;"><span class="timeline-help">? <span class="timeline-tooltip">"PrittyPhoto"(Lightbox) URL, it can be image, video or site url. LEAVE IT EMPTY TO DESPLAY FULL SIZED IMGAE.</span></span><label for="<?php echo $key; ?>-item-prettyPhoto">PrettyPhoto URL</label></td> |
|
146 <td><input class="tsort-prettyPhoto" name="<?php echo $key; ?>-item-prettyPhoto" value="<?php echo $arr['item-prettyPhoto']; ?>" type="text" style="width:100%;" /></td> |
|
147 </tr> |
|
148 |
|
149 </table> |
|
150 |
|
151 </div> |
|
152 <div class="tsort-itemopen"> |
|
153 <h3 style="padding-left:0;"><span class="timeline-help">? <span class="timeline-tooltip">Opened item content (image, title and content).</span></span>Item Open Options</h3> |
|
154 <div class="tsort-image"><img id="<?php echo $key; ?>-item-open-image" src="<?php echo(($arr['item-open-image'] != '') ? $this->url . '/timthumb/timthumb.php?src=' . $arr['item-open-image'] . '&w=258&50' : $this->url . '/images/no_image.jpg'); ?>" /><a href="#" id="<?php echo $key; ?>-item-open-image-change" class="tsort-change">Change</a> |
|
155 <input id="<?php echo $key; ?>-item-open-image-input" name="<?php echo $key; ?>-item-open-image" type="hidden" value="<?php echo $arr['item-open-image']; ?>" /> |
|
156 <a href="#" id="<?php echo $key; ?>-item-open-image-remove" class="tsort-remove">Remove</a> |
|
157 </div> |
|
158 <input class="tsort-title" name="<?php echo $key; ?>-item-open-title" value="<?php echo $arr['item-open-title']; ?>" type="text" /> |
|
159 <div class="clear"></div> |
|
160 <textarea class="tsort-contarea" name="<?php echo $key; ?>-item-open-content"><?php echo $arr['item-open-content']; ?></textarea> |
|
161 <table style="width:100%;"> |
|
162 <tr> |
|
163 <td style="width:120px;"><span class="timeline-help">? <span class="timeline-tooltip">"PrettyPhoto"(Lightbox) URL, it can be image, video or site url. LEAVE IT EMPTY TO DESPLAY FULL SIZED IMGAE.</span></span><label for="<?php echo $key; ?>-item-open-prettyPhoto">PrettyPhoto URL</label></td> |
|
164 <td><input class="tsort-prettyPhoto" name="<?php echo $key; ?>-item-open-prettyPhoto" value="<?php echo $arr['item-open-prettyPhoto']; ?>" type="text" style="width:100%;" /></td> |
|
165 </tr> |
|
166 |
|
167 </table> |
|
168 <label for="<?php echo $key; ?>-desable-scroll">Desable Scroll </label> |
|
169 <input type="checkbox" id="<?php echo $key; ?>-desable-scroll" name="<?php echo $key; ?>-desable-scroll" <?php if($arr['desable-scroll']) echo 'checked="checked"'; ?> /> |
|
170 </div> |
|
171 </div> |
|
172 </li> |
|
173 |
|
174 <?php |
|
175 } |
|
176 } ?> |
|
177 |
|
178 </ul> |
|
179 <div class="clear"></div> |
|
180 |
|
181 <div id="style_preview"> |
|
182 |
|
183 |
|
184 </div> |
|
185 |
|
186 </div> |
|
187 |
|
188 <div id="postbox-container-1" class="postbox-container"> |
|
189 <div class="postbox"> |
|
190 <h3 class='hndle' style="cursor:auto"><span>Publish</span></h3> |
|
191 <div class="inside"> |
|
192 <div id="save-progress" class="waiting ajax-saved" style="background-image: url(<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>)" ></div> |
|
193 <input name="preview-timeline" id="preview-timeline" value="Preview" class="button button-highlighted" style="padding:3px 25px" type="submit" /> |
|
194 <input name="save-timeline" id="save-timeline" value="Save timeline" class="alignright button button-primary" style="padding:3px 15px" type="submit" /> |
|
195 <img id="save-loader" src="<?php echo $this->url; ?>images/ajax-loader.gif" class="alignright" /> |
|
196 <br class="clear" /> |
|
197 </div> |
|
198 </div> |
|
199 <div id="side-sortables" class="meta-box-sortables ui-sortable"> |
|
200 |
|
201 |
|
202 <div id="bla1" class="postbox" > |
|
203 <div class="handlediv" title="Click to toggle"><br /></div> |
|
204 <h3 class='hndle'><span>General Options</span></h3> |
|
205 <div class="inside"> |
|
206 <table class="fields-group misc-pub-section"> |
|
207 |
|
208 |
|
209 |
|
210 <tr class="field-row"> |
|
211 <td> |
|
212 <span class="timeline-help">? <span class="timeline-tooltip">Transition speed (default 500px).</span></span> |
|
213 <label for="scroll-speed" >Scroll Speed</label> |
|
214 </td> |
|
215 <td> |
|
216 <input id="scroll-speed" name="scroll-speed" value="<?php echo $settings['scroll-speed']; ?>" size="5" type="text"> |
|
217 <span class="unit">ms</span> |
|
218 </td> |
|
219 </tr> |
|
220 |
|
221 <tr class="field-row"> |
|
222 <td> |
|
223 <span class="timeline-help">? <span class="timeline-tooltip">Transition easing function (default 'easeOutSine').</span></span> |
|
224 <label for="easing" >Easing</label> |
|
225 </td> |
|
226 <td> |
|
227 <select name="easing"> |
|
228 <?php |
|
229 $easingArray = array('easeInQuad', 'easeOutQuad','easeInOutQuad','easeInCubic','easeOutCubic','easeInOutCubic','easeInQuart','easeOutQuart','easeInOutQuart','easeInQuint','easeOutQuint','easeInOutQuint','easeInSine','easeOutSine','easeInOutSine','easeInExpo','easeOutExpo','easeInOutExpo','easeInCirc','easeOutCirc','easeInOutCirc','easeInElastic','easeOutElastic','easeInOutElastic','easeInBack','easeOutBack','easeInOutBack','easeInBounce','easeOutBounce','easeInOutBounce'); |
|
230 foreach ($easingArray as $item) { |
|
231 echo ' |
|
232 <option value="'.$item.'" '.(($item == $settings['easing']) ? 'selected="selected"' : '').'>'.$item.'</option>'; |
|
233 } |
|
234 |
|
235 ?> |
|
236 |
|
237 </select> |
|
238 </td> |
|
239 </tr> |
|
240 |
|
241 |
|
242 |
|
243 </table> |
|
244 <div class="misc-pub-section timeline-pub-section"> |
|
245 <h3 style="margin-top:0; background:transparent;"><span class="timeline-help">? <span class="timeline-tooltip">Options for categorizing your posts.</span></span>Chronological Options</h3> |
|
246 |
|
247 <table class="fields-group"> |
|
248 |
|
249 <tr class="field-row"> |
|
250 <td> |
|
251 <label for="hide-years">Hide Years</label> |
|
252 </td> |
|
253 <td> |
|
254 <input id="hide-years" name="hide-years" value="true" type="checkbox" <?php echo (($settings['hide-years']) ? 'checked="checked"' : '');?> /> |
|
255 </td> |
|
256 </tr> |
|
257 |
|
258 <tr class="field-row"> |
|
259 <td> |
|
260 <span class="timeline-help">? <span class="timeline-tooltip">Organize posts by date or some other criteria.</span></span> |
|
261 <label for="cat-type">Type</label> |
|
262 </td> |
|
263 <td> |
|
264 <select id="cat-type" name="cat-type"> |
|
265 <option value="months" <?php echo (($settings['cat-type'] == 'months') ? 'selected="selected"' : ''); ?> >Months</option> |
|
266 <option value="categories" <?php echo (($settings['cat-type'] == 'categories') ? 'selected="selected"' : ''); ?>>Categories</option> |
|
267 </select> |
|
268 |
|
269 <?php |
|
270 |
|
271 ?> |
|
272 </td> |
|
273 </tr> |
|
274 |
|
275 |
|
276 |
|
277 <tr class="cat-display"> |
|
278 <td> |
|
279 <span class="timeline-help">? <span class="timeline-tooltip">Number of posts per category/month (default 30).</span></span> |
|
280 <label for="number-per-cat">Number of posts</label> |
|
281 </td> |
|
282 <td> |
|
283 <input id="number-of-posts" name="number-of-posts" value="<?php echo $settings['number-of-posts']; ?>" size="5" type="text"> |
|
284 </td> |
|
285 </tr> |
|
286 <tr class="cat-display"> |
|
287 <td colspan="2" style="width:100%;"> |
|
288 <h4 style="margin:0 0 5px 0; font-size:14px; border-bottom:1px solid #dddddd;">Categories:</h4> |
|
289 <?php |
|
290 |
|
291 $post_types=get_post_types('','names'); |
|
292 $categories = array(); |
|
293 foreach ($post_types as $post_type ) { |
|
294 if (!in_array($post_type, array('page', 'attachment', 'revision', 'nav_menu_item'))) { |
|
295 $newCats = get_categories(array('type' => $post_type)); |
|
296 foreach ($newCats as $post_cat) { |
|
297 if (!in_array($post_cat, $categories)) { |
|
298 array_push($categories, $post_cat); |
|
299 } |
|
300 } |
|
301 } |
|
302 } |
|
303 $catString = ''; |
|
304 foreach ($categories as $category) { |
|
305 $catString .= $category->name . '||'; |
|
306 echo ' |
|
307 <label for="cat-name-'.$category->term_id.'">'.$category->name.'</label> |
|
308 <input class="cat-name" name="cat-name-'.$category->term_id.'" value="'.$category->name.'" type="checkbox" '.(($settings['cat-name-'.$category->term_id]) ? 'checked="checked"' : '').'>'; |
|
309 } |
|
310 if($catString != '') { |
|
311 echo '<input type="hidden" id="categories-hidden" value="'.substr($catString,0,strlen($catString)-2).'" />'; |
|
312 } |
|
313 |
|
314 ?> |
|
315 |
|
316 </td> |
|
317 </tr> |
|
318 <tr class="cat-display"> |
|
319 <td colspan="2" style="width:100%"> |
|
320 <a href="#" id="cat-check-all" class="button button-highlighted alignleft" style="padding:3px 25px" >Chech all</a> |
|
321 <a href="#" id="cat-uncheck-all" class="button button-highlighted alignright" style="padding:3px 25px" >Unchech all</a> |
|
322 <div class="clear"></div> |
|
323 </td> |
|
324 </tr> |
|
325 |
|
326 |
|
327 |
|
328 </table> |
|
329 </div> |
|
330 </div> |
|
331 </div><!-- /GENERAL OPTIONS --> |
|
332 |
|
333 |
|
334 |
|
335 |
|
336 |
|
337 |
|
338 <div id="bla2" class="postbox" > |
|
339 <div class="handlediv" title="Click to toggle"><br /></div> |
|
340 <h3 class='hndle'><span>Global Styling Options</span></h3> |
|
341 <div class="inside"> |
|
342 <table class="fields-group misc-pub-section"> |
|
343 |
|
344 |
|
345 <tr class="field-row"> |
|
346 <td> |
|
347 <span class="timeline-help">? <span class="timeline-tooltip">Width of the line element (default 920px).</span></span> |
|
348 <label for="line-width" >Timeline Width</label> |
|
349 </td> |
|
350 <td> |
|
351 <input id="line-width" name="line-width" value="<?php echo $settings['line-width']; ?>" size="5" type="text"> |
|
352 <span class="unit">px</span> |
|
353 </td> |
|
354 </tr> |
|
355 |
|
356 <tr class="field-row"> |
|
357 <td> |
|
358 <span class="timeline-help">? <span class="timeline-tooltip">Space between two items. If negative items overlap. (default 20px).</span></span> |
|
359 <label for="item-margin" >Item Margin</label> |
|
360 </td> |
|
361 <td> |
|
362 <input id="item-margin" name="item-margin" value="<?php echo $settings['item-margin']; ?>" size="5" type="text"> |
|
363 <span class="unit">px</span> |
|
364 </td> |
|
365 </tr> |
|
366 |
|
367 |
|
368 <tr class="field-row"> |
|
369 <td> |
|
370 <span class="timeline-help">? <span class="timeline-tooltip">Height of Item and Open item elements (default 360px).</span></span> |
|
371 <label for="item-height" >Item Height</label> |
|
372 </td> |
|
373 <td> |
|
374 <input id="item-height" name="item-height" value="<?php echo $settings['item-height']; ?>" size="5" type="text"> |
|
375 <span class="unit">px</span> |
|
376 </td> |
|
377 </tr> |
|
378 |
|
379 <tr class="field-row"> |
|
380 <td> |
|
381 <span class="timeline-help">? <span class="timeline-tooltip">Read more button ('Button' : adds read more button, 'Whole Item' : makes the entire item clickable, 'None' : Items don't open).</span></span> |
|
382 <label for="read-more">Read more</label> |
|
383 </td> |
|
384 <td> |
|
385 <select name="read-more" id="read-more"> |
|
386 <option value="button" <?php if($settings['read-more'] == 'button') echo 'selected="selected"'; ?>>Button</option> |
|
387 <option value="whole-item" <?php if($settings['read-more'] == 'whole-item') echo 'selected="selected"'; ?>>Whole Item</option> |
|
388 <option value="none" <?php if($settings['read-more'] == 'none') echo 'selected="selected"'; ?>>None</option> |
|
389 </select> |
|
390 </td> |
|
391 </tr> |
|
392 |
|
393 <tr class="field-row"> |
|
394 <td> |
|
395 <span class="timeline-help">? <span class="timeline-tooltip">Text of the 'Close' element in open item (default 'Close').</span></span> |
|
396 <label for="close-text" >Close button text</label> |
|
397 </td> |
|
398 <td> |
|
399 <input id="close-text" name="close-text" value="<?php echo $settings['close-text']; ?>" size="20" type="text"> |
|
400 </td> |
|
401 </tr> |
|
402 |
|
403 <tr> |
|
404 <td> |
|
405 <span class="timeline-help">? <span class="timeline-tooltip">Hover color of 'Read More' and 'Close' buttons.</span></span> |
|
406 <label for="button-hover-color">Button hover color</label> |
|
407 </td> |
|
408 <td> |
|
409 <input id="button-hover-color" name="button-hover-color" value="<?php echo $settings['button-hover-color']; ?>" type="text" style="background:#<?php echo $settings['button-hover-color']; ?>;"> |
|
410 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
411 <div id="button-hover-color-picker" class="cw-color-picker" rel="button-hover-color"></div> |
|
412 </div> |
|
413 </td> |
|
414 </tr> |
|
415 |
|
416 <tr> |
|
417 <td> |
|
418 <span class="timeline-help">? <span class="timeline-tooltip">Color of description bar that appears when you hover date on the timeline.</span></span> |
|
419 <label for="node-desc-color">Node description color</label> |
|
420 </td> |
|
421 <td> |
|
422 <input id="node-desc-color" name="node-desc-color" value="<?php echo $settings['node-desc-color']; ?>" type="text" style="background:#<?php echo $settings['node-desc-color']; ?>;"> |
|
423 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
424 <div id="node-desc-color-picker" class="cw-color-picker" rel="node-desc-color"></div> |
|
425 </div> |
|
426 </td> |
|
427 </tr> |
|
428 |
|
429 <tr class="field-row"> |
|
430 <td> |
|
431 <label for="hide-line">Hide Timeline</label> |
|
432 </td> |
|
433 <td> |
|
434 <input id="hide-line" name="hide-line" value="true" type="checkbox" <?php echo ($settings['hide-line'] ? 'checked="checked"' : '' ); ?>> |
|
435 </td> |
|
436 </tr> |
|
437 |
|
438 <tr class="field-row"> |
|
439 <td> |
|
440 <span class="timeline-help">? <span class="timeline-tooltip">Color scheme of timeline element (default 'Light').</span></span> |
|
441 <label for="line-style">Line Style</label> |
|
442 </td> |
|
443 <td> |
|
444 <select name="line-style"> |
|
445 <option value="light" <?php echo (($settings['line-style'] == 'light') ? 'selected="selected"' : '' ); ?>>Light</option> |
|
446 <option value="dark" <?php echo (($settings['line-style'] == 'dark') ? 'selected="selected"' : '' ); ?>>Dark</option> |
|
447 </select> |
|
448 </td> |
|
449 </tr> |
|
450 |
|
451 <tr class="field-row"> |
|
452 <td> |
|
453 <label for="hide-nav">Hide Navigation</label> |
|
454 </td> |
|
455 <td> |
|
456 <input id="hide-nav" name="hide-nav" value="true" type="checkbox" <?php echo ($settings['hide-nav'] ? 'checked="checked"' : '' ); ?>> |
|
457 </td> |
|
458 </tr> |
|
459 |
|
460 |
|
461 <tr class="field-row"> |
|
462 <td> |
|
463 <span class="timeline-help">? <span class="timeline-tooltip">Color scheme of nav elements (default 'Light').</span></span> |
|
464 <label for="line-style">Nav Style</label> |
|
465 </td> |
|
466 <td> |
|
467 <select name="nav-style"> |
|
468 <option value="light" <?php echo (($settings['nav-style'] == 'light') ? 'selected="selected"' : '' ); ?>>Light</option> |
|
469 <option value="dark" <?php echo (($settings['nav-style'] == 'dark') ? 'selected="selected"' : '' ); ?>>Dark</option> |
|
470 </select> |
|
471 </td> |
|
472 </tr> |
|
473 |
|
474 |
|
475 <tr class="field-row"> |
|
476 <td> |
|
477 <span class="timeline-help">? <span class="timeline-tooltip">Shadow under elements (default 'show').</span></span> |
|
478 <label for="shadow">Shadow</label> |
|
479 </td> |
|
480 <td> |
|
481 <select name="shadow"> |
|
482 <option value="show" <?php echo (($settings['shadow'] == 'show') ? 'selected="selected"' : '' ); ?>>Show</option> |
|
483 <option value="on-hover" <?php echo (($settings['shadow'] == 'on-hover') ? 'selected="selected"' : '' ); ?>>Show On Hover</option> |
|
484 <option value="hide" <?php echo (($settings['shadow'] == 'hide') ? 'selected="selected"' : '' ); ?>>Hide</option> |
|
485 </select> |
|
486 </td> |
|
487 </tr> |
|
488 |
|
489 |
|
490 |
|
491 </table> |
|
492 </div> |
|
493 </div><!-- /GLOBAL STYLING OPTIONS --> |
|
494 |
|
495 |
|
496 |
|
497 |
|
498 |
|
499 |
|
500 <div id="bla3" class="postbox" > |
|
501 <div class="handlediv" title="Click to toggle"><br /></div> |
|
502 <h3 class='hndle'><span>Item Styling Options</span></h3> |
|
503 <div class="inside"> |
|
504 <table class="fields-group misc-pub-section"> |
|
505 |
|
506 <tr class="field-row"> |
|
507 <td> |
|
508 <span class="timeline-help">? <span class="timeline-tooltip">Width of items (default 240px).</span></span> |
|
509 <label for="item-width" >Width</label> |
|
510 </td> |
|
511 <td> |
|
512 <input id="item-width" name="item-width" value="<?php echo $settings['item-width']; ?>" size="5" type="text"> |
|
513 <span class="unit">px</span> |
|
514 </td> |
|
515 </tr> |
|
516 |
|
517 <tr class="field-row"> |
|
518 <td> |
|
519 <span class="timeline-help">? <span class="timeline-tooltip">Height of images (Width is strached to element width).</span></span> |
|
520 <label for="item-image-height" >Image Height</label> |
|
521 </td> |
|
522 <td> |
|
523 <input id="item-image-height" name="item-image-height" value="<?php echo $settings['item-image-height']; ?>" size="5" type="text"> |
|
524 <span class="unit">px</span> |
|
525 </td> |
|
526 </tr> |
|
527 |
|
528 <tr class="field-row"> |
|
529 <td> |
|
530 <label for="item-image-border-width" >Image Border Width</label> |
|
531 </td> |
|
532 <td> |
|
533 <input id="item-image-border-width" name="item-image-border-width" value="<?php echo $settings['item-image-border-width']; ?>" size="5" type="text"> |
|
534 <span class="unit">px</span> |
|
535 </td> |
|
536 </tr> |
|
537 |
|
538 <tr> |
|
539 <td> |
|
540 <label for="item-image-border-color">Image Border Color</label> |
|
541 </td> |
|
542 <td> |
|
543 <input id="item-image-border-color" name="item-image-border-color" value="<?php echo $settings['item-image-border-color']; ?>" type="text" style="background:#<?php echo $settings['item-image-border-color']; ?>;"> |
|
544 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
545 <div id="item-image-border-color-picker" class="cw-color-picker" rel="item-image-border-color"></div> |
|
546 </div> |
|
547 </td> |
|
548 </tr> |
|
549 </table> |
|
550 <div class="misc-pub-section timeline-pub-section"> |
|
551 <h3 style="margin-top:0; background:transparent;"><span class="timeline-help">? <span class="timeline-tooltip">Font-family is inharited from your theme default fonts for H2 and default text.</span></span>Fonts</h3> |
|
552 |
|
553 <table class="fields-group"> |
|
554 |
|
555 <tr class="field-row"> |
|
556 <td> |
|
557 <label for="item-header-line-height" >Title Line Height</label> |
|
558 </td> |
|
559 <td> |
|
560 <input id="item-header-line-height" name="item-header-line-height" value="<?php echo $settings['item-header-line-height']; ?>" size="5" type="text"> |
|
561 <span class="unit">px</span> |
|
562 </td> |
|
563 </tr> |
|
564 |
|
565 <tr class="field-row"> |
|
566 <td> |
|
567 <label for="item-header-font-size" >Title Font Size</label> |
|
568 </td> |
|
569 <td> |
|
570 <input id="item-header-font-size" name="item-header-font-size" value="<?php echo $settings['item-header-font-size']; ?>" size="5" type="text"> |
|
571 <span class="unit">px</span> |
|
572 </td> |
|
573 </tr> |
|
574 |
|
575 <tr class="field-row"> |
|
576 <td> |
|
577 <label for="item-header-font-type" >Title Font Type</label> |
|
578 </td> |
|
579 <td> |
|
580 |
|
581 <select name="item-header-font-type"> |
|
582 <option value="regular" <?php echo (($settings['item-header-font-type'] == 'regular') ? 'selected="selected"' : '' ); ?>>Regular</option> |
|
583 <option value="thick" <?php echo (($settings['item-header-font-type'] == 'thick') ? 'selected="selected"' : '' ); ?>>Thick</option> |
|
584 <option value="bold" <?php echo (($settings['item-header-font-type'] == 'bold') ? 'selected="selected"' : '' ); ?>>Bold</option> |
|
585 <option value="bold-italic" <?php echo (($settings['item-header-font-type'] == 'bold-italic') ? 'selected="selected"' : '' ); ?>>Bold-Italic</option> |
|
586 <option value="italic" <?php echo (($settings['item-header-font-type'] == 'italic') ? 'selected="selected"' : '' ); ?>>Italic</option> |
|
587 </select> |
|
588 </td> |
|
589 </tr> |
|
590 |
|
591 <tr> |
|
592 <td> |
|
593 <label for="item-header-font-color">Title Color</label> |
|
594 </td> |
|
595 <td> |
|
596 <input id="item-header-font-color" name="item-header-font-color" value="<?php echo $settings['item-header-font-color']; ?>" type="text" style="background:#<?php echo $settings['item-header-font-color']; ?>;"> |
|
597 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
598 <div id="item-header-font-color-picker" class="cw-color-picker" rel="item-header-font-color"></div> |
|
599 </div> |
|
600 </td> |
|
601 </tr> |
|
602 |
|
603 <tr class="field-row"> |
|
604 <td> |
|
605 <label for="item-text-line-height" >Text Line Height</label> |
|
606 </td> |
|
607 <td> |
|
608 <input id="item-text-line-height" name="item-text-line-height" value="<?php echo $settings['item-text-line-height']; ?>" size="5" type="text"> |
|
609 <span class="unit">px</span> |
|
610 </td> |
|
611 </tr> |
|
612 |
|
613 <tr class="field-row"> |
|
614 <td> |
|
615 <label for="item-text-font-size" >Text Font Size</label> |
|
616 </td> |
|
617 <td> |
|
618 <input id="item-text-font-size" name="item-text-font-size" value="<?php echo $settings['item-text-font-size']; ?>" size="5" type="text"> |
|
619 <span class="unit">px</span> |
|
620 </td> |
|
621 </tr> |
|
622 |
|
623 <tr class="field-row"> |
|
624 <td> |
|
625 <label for="item-text-font-type" >Text Font Type</label> |
|
626 </td> |
|
627 <td> |
|
628 |
|
629 <select name="item-text-font-type"> |
|
630 <option value="regular" <?php echo (($settings['item-text-font-type'] == 'regular') ? 'selected="selected"' : '' ); ?>>Regular</option> |
|
631 <option value="thick" <?php echo (($settings['item-text-font-type'] == 'thick') ? 'selected="selected"' : '' ); ?>>Thick</option> |
|
632 <option value="bold" <?php echo (($settings['item-text-font-type'] == 'bold') ? 'selected="selected"' : '' ); ?>>Bold</option> |
|
633 <option value="bold-italic" <?php echo (($settings['item-text-font-type'] == 'bold-italic') ? 'selected="selected"' : '' ); ?>>Bold-Italic</option> |
|
634 <option value="italic" <?php echo (($settings['item-text-font-type'] == 'italic') ? 'selected="selected"' : '' ); ?>>Italic</option> |
|
635 </select> |
|
636 </td> |
|
637 </tr> |
|
638 |
|
639 <tr> |
|
640 <td> |
|
641 <label for="item-text-font-color">Text Color</label> |
|
642 </td> |
|
643 <td> |
|
644 <input id="item-text-font-color" name="item-text-font-color" value="<?php echo $settings['item-text-font-color']; ?>" type="text" style="background:#<?php echo $settings['item-text-font-color']; ?>;"> |
|
645 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
646 <div id="item-text-font-color-picker" class="cw-color-picker" rel="item-text-font-color"></div> |
|
647 </div> |
|
648 </td> |
|
649 </tr> |
|
650 |
|
651 |
|
652 </table> |
|
653 </div> |
|
654 |
|
655 |
|
656 <div class="misc-pub-section timeline-pub-section"> |
|
657 <h3 style="margin-top:0; background:transparent;"><span class="timeline-help">? <span class="timeline-tooltip">Base item background options.</span></span>Background</h3> |
|
658 |
|
659 <label>Color:</label> |
|
660 <input id="item-back-color" name="item-back-color" value="<?php echo $settings['item-back-color']; ?>" type="text" style="background:#<?php echo $settings['item-back-color']; ?>;"> |
|
661 <div class="cw-color-picker-holder"> |
|
662 <div id="item-back-color-picker" class="cw-color-picker" rel="item-back-color"></div> |
|
663 </div> |
|
664 |
|
665 <label>Image:</label> |
|
666 <div class="cw-image-select-holder"> |
|
667 <input id="item-background-input" name="item-background" type="hidden" value="<?php echo $settings['item-background']; ?>" /> |
|
668 <a href="#" id="item-background" class="cw-image-upload" style="<?php echo 'background: url(' . (($settings['item-background'] != '') ? $settings['item-background'] : $this->url . '/images/no_image.jpg') . ');'; ?>"></a> |
|
669 <small>Click on image to change, or <a href="#" class="remove-image">remove image</a></small> |
|
670 </div> |
|
671 </div> |
|
672 |
|
673 </div> |
|
674 </div><!-- /ITEM STYLING OPTIONS --> |
|
675 |
|
676 |
|
677 <div id="bla4" class="postbox" > |
|
678 <div class="handlediv" title="Click to toggle"><br /></div> |
|
679 <h3 class='hndle'><span>Styling Options</span></h3> |
|
680 <div class="inside"> |
|
681 <table class="fields-group misc-pub-section"> |
|
682 |
|
683 |
|
684 <tr class="field-row"> |
|
685 <td> |
|
686 <span class="timeline-help">? <span class="timeline-tooltip">Width of open items (default 490px).</span></span> |
|
687 <label for="item-open-width" >Width</label> |
|
688 </td> |
|
689 <td> |
|
690 <input id="item-open-width" name="item-open-width" value="<?php echo $settings['item-open-width']; ?>" size="5" type="text"> |
|
691 <span class="unit">px</span> |
|
692 </td> |
|
693 </tr> |
|
694 |
|
695 <tr class="field-row"> |
|
696 <td> |
|
697 <span class="timeline-help">? <span class="timeline-tooltip">Padding of open items content.</span></span> |
|
698 <label for="item-open-content-padding" >Content Padding</label> |
|
699 </td> |
|
700 <td> |
|
701 <input id="item-open-content-padding" name="item-open-content-padding" value="<?php echo $settings['item-open-content-padding']; ?>" size="5" type="text"> |
|
702 <span class="unit">px</span> |
|
703 </td> |
|
704 </tr> |
|
705 |
|
706 <tr class="field-row"> |
|
707 <td> |
|
708 <span class="timeline-help">? <span class="timeline-tooltip">Height of images (Width is strached to element width).</span></span> |
|
709 <label for="item-open-image-height" >Image Height</label> |
|
710 </td> |
|
711 <td> |
|
712 <input id="item-open-image-height" name="item-open-image-height" value="<?php echo $settings['item-open-image-height']; ?>" size="5" type="text"> |
|
713 <span class="unit">px</span> |
|
714 </td> |
|
715 </tr> |
|
716 |
|
717 <tr class="field-row"> |
|
718 <td> |
|
719 <label for="item-open-image-border-width" >Image Border Width</label> |
|
720 </td> |
|
721 <td> |
|
722 <input id="item-open-image-border-width" name="item-open-image-border-width" value="<?php echo $settings['item-open-image-border-width']; ?>" size="5" type="text"> |
|
723 <span class="unit">px</span> |
|
724 </td> |
|
725 </tr> |
|
726 |
|
727 <tr> |
|
728 <td> |
|
729 <label for="item-open-image-border-color">Image Border Color</label> |
|
730 </td> |
|
731 <td> |
|
732 <input id="item-open-image-border-color" name="item-open-image-border-color" value="<?php echo $settings['item-open-image-border-color']; ?>" type="text" style="background:#<?php echo $settings['item-open-image-border-color']; ?>;"> |
|
733 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
734 <div id="item-open-image-border-color-picker" class="cw-color-picker" rel="item-open-image-border-color"></div> |
|
735 </div> |
|
736 </td> |
|
737 </tr> |
|
738 |
|
739 |
|
740 </table> |
|
741 <div class="misc-pub-section timeline-pub-section"> |
|
742 <h3 style="margin-top:0; background:transparent;"><span class="timeline-help">? <span class="timeline-tooltip">Font-family is inharited from your theme default fonts for H2 and default text.</span></span>Fonts</h3> |
|
743 |
|
744 <table class="fields-group"> |
|
745 <tr class="field-row"> |
|
746 <td> |
|
747 <label for="item-open-header-line-height" >Title Line Height</label> |
|
748 </td> |
|
749 <td> |
|
750 <input id="item-open-header-line-height" name="item-open-header-line-height" value="<?php echo $settings['item-open-header-line-height']; ?>" size="5" type="text"> |
|
751 <span class="unit">px</span> |
|
752 </td> |
|
753 </tr> |
|
754 |
|
755 <tr class="field-row"> |
|
756 <td> |
|
757 <label for="item-open-header-font-size" >Title Font Size</label> |
|
758 </td> |
|
759 <td> |
|
760 <input id="item-open-header-font-size" name="item-open-header-font-size" value="<?php echo $settings['item-open-header-font-size']; ?>" size="5" type="text"> |
|
761 <span class="unit">px</span> |
|
762 </td> |
|
763 </tr> |
|
764 |
|
765 <tr class="field-row"> |
|
766 <td> |
|
767 <label for="item-open-header-font-type" >Title Font Type</label> |
|
768 </td> |
|
769 <td> |
|
770 |
|
771 <select name="item-open-header-font-type"> |
|
772 <option value="regular" <?php echo (($settings['item-open-header-font-type'] == 'regular') ? 'selected="selected"' : '' ); ?>>Regular</option> |
|
773 <option value="thick" <?php echo (($settings['item-open-header-font-type'] == 'thick') ? 'selected="selected"' : '' ); ?>>Thick</option> |
|
774 <option value="bold" <?php echo (($settings['item-open-header-font-type'] == 'bold') ? 'selected="selected"' : '' ); ?>>Bold</option> |
|
775 <option value="bold-italic" <?php echo (($settings['item-open-header-font-type'] == 'bold-italic') ? 'selected="selected"' : '' ); ?>>Bold-Italic</option> |
|
776 <option value="italic" <?php echo (($settings['item-open-header-font-type'] == 'italic') ? 'selected="selected"' : '' ); ?>>Italic</option> |
|
777 </select> |
|
778 </td> |
|
779 </tr> |
|
780 |
|
781 <tr> |
|
782 <td> |
|
783 <label for="item-open-header-font-color">Title Color</label> |
|
784 </td> |
|
785 <td> |
|
786 <input id="item-open-header-font-color" name="item-open-header-font-color" value="<?php echo $settings['item-open-header-font-color']; ?>" type="text" style="background:#<?php echo $settings['item-open-header-font-color']; ?>;"> |
|
787 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
788 <div id="item-open-header-font-color-picker" class="cw-color-picker" rel="item-open-header-font-color"></div> |
|
789 </div> |
|
790 </td> |
|
791 </tr> |
|
792 |
|
793 <tr class="field-row"> |
|
794 <td> |
|
795 <label for="item-open-text-line-height" >Text Line Height</label> |
|
796 </td> |
|
797 <td> |
|
798 <input id="item-open-text-line-height" name="item-open-text-line-height" value="<?php echo $settings['item-open-text-line-height']; ?>" size="5" type="text"> |
|
799 <span class="unit">px</span> |
|
800 </td> |
|
801 </tr> |
|
802 |
|
803 <tr class="field-row"> |
|
804 <td> |
|
805 <label for="item-open-text-font-size" >Text Font Size</label> |
|
806 </td> |
|
807 <td> |
|
808 <input id="item-open-text-font-size" name="item-open-text-font-size" value="<?php echo $settings['item-open-text-font-size']; ?>" size="5" type="text"> |
|
809 <span class="unit">px</span> |
|
810 </td> |
|
811 </tr> |
|
812 |
|
813 <tr class="field-row"> |
|
814 <td> |
|
815 <label for="item-open-text-font-type" >Text Font Type</label> |
|
816 </td> |
|
817 <td> |
|
818 |
|
819 <select name="item-open-text-font-type"> |
|
820 <option value="regular" <?php echo (($settings['item-open-text-font-type'] == 'regular') ? 'selected="selected"' : '' ); ?>>Regular</option> |
|
821 <option value="thick" <?php echo (($settings['item-open-text-font-type'] == 'thick') ? 'selected="selected"' : '' ); ?>>Thick</option> |
|
822 <option value="bold" <?php echo (($settings['item-open-text-font-type'] == 'bold') ? 'selected="selected"' : '' ); ?>>Bold</option> |
|
823 <option value="bold-italic" <?php echo (($settings['item-open-text-font-type'] == 'bold-italic') ? 'selected="selected"' : '' ); ?>>Bold-Italic</option> |
|
824 <option value="italic" <?php echo (($settings['item-open-text-font-type'] == 'italic') ? 'selected="selected"' : '' ); ?>>Italic</option> |
|
825 </select> |
|
826 </td> |
|
827 </tr> |
|
828 |
|
829 <tr> |
|
830 <td> |
|
831 <label for="item-open-text-font-color">Text Color</label> |
|
832 </td> |
|
833 <td> |
|
834 <input id="item-open-text-font-color" name="item-open-text-font-color" value="<?php echo $settings['item-open-text-font-color']; ?>" type="text" style="background:#<?php echo $settings['item-open-text-font-color']; ?>;"> |
|
835 <div class="cw-color-picker-holder" style="left:-70px;"> |
|
836 <div id="item-open-text-font-color-picker" class="cw-color-picker" rel="item-open-text-font-color"></div> |
|
837 </div> |
|
838 </td> |
|
839 </tr> |
|
840 |
|
841 </table> |
|
842 </div> |
|
843 <div class="misc-pub-section timeline-pub-section"> |
|
844 <h3 style="margin-top:0; background:transparent;"><span class="timeline-help">? <span class="timeline-tooltip">Open item background options.</span></span>Background</h3> |
|
845 |
|
846 <label>Color:</label> |
|
847 <input id="item-open-back-color" name="item-open-back-color" value="<?php echo $settings['item-open-back-color']; ?>" type="text" style="background:<?php echo $settings['item-open-back-color']; ?>;"> |
|
848 <div class="cw-color-picker-holder"> |
|
849 <div id="item-open-back-color-picker" class="cw-color-picker" rel="item-open-back-color"></div> |
|
850 </div> |
|
851 |
|
852 <label>Image:</label> |
|
853 <div class="cw-image-select-holder"> |
|
854 <input id="item-open-background-input" name="item-open-background" type="hidden" value="<?php echo $settings['item-open-background']; ?>" /> |
|
855 <a href="#" id="item-open-background" class="cw-image-upload" style="<?php echo 'background: url(' . (($settings['item-open-background'] != '') ? $settings['item-open-background'] : $this->url . '/images/no_image.jpg') . ');'; ?>"></a> |
|
856 <small>Click on image to change, or <a href="#" class="remove-image">remove image</a></small> |
|
857 </div> |
|
858 </div> |
|
859 </div> |
|
860 </div><!-- /ITEM OPEN STYLING OPTIONS --> |
|
861 |
|
862 |
|
863 |
|
864 |
|
865 |
|
866 </div> |
|
867 </div> |
|
868 |
|
869 <div id="postbox-container-2" class="postbox-container"> |
|
870 <div id="normal-sortables" class="meta-box-sortables ui-sortable"></div> |
|
871 </div> |
|
872 |
|
873 <br class="clear"/> |
|
874 |
|
875 </div> |
|
876 |
|
877 </div> |
|
878 </form> |
|
879 |
|
880 </div> |
|