PageRenderTime 59ms CodeModel.GetById 24ms RepoModel.GetById 0ms app.codeStats 0ms

/wp-content/plugins/content-slide/options_page.php

https://gitlab.com/iamgraeme/royalmile
PHP | 138 lines | 131 code | 7 blank | 0 comment | 5 complexity | cbb0b44669dc12ce40a2438aeb0861f2 MD5 | raw file
    

  1. <div class="wrap">
    2. 

  2. 	<h2>WP Content Slide Options</h2>
    3. 

  3. 	<form method="post" action="">
    4. 

  4. 	<?php $options = get_option('wpcs_options'); ?>
    5. 

  5. 	<!-- SETTINGS PAGE FIRST COLUMN -->
    6. 

  6. 	<div class="metabox-holder">
    7. 

  7. 		<div class="postbox">
    8. 

  8. 		<h3><?php _e("General Setings", 'wp_content_slider'); ?></h3>
    9. 

  9. 			<div class="inside" style="padding:0px 15px 0px 15px;">	
    10. 

  10. 			<p><?php _e("Image width", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[width]" value="<?php echo $options['width'] ?>" size="3" />px&nbsp;&nbsp;<?php _e("height", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[height]" value="<?php echo $options['height'] ?>" size="3" />px</p>
    11. 

  11. 			<p><?php _e("Border width", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[border_width]" value="<?php echo $options['border_width'] ?>" size="3" />px&nbsp;&nbsp;&nbsp;&nbsp;<?php _e("Border Color", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[border_color]" value="<?php echo $options['border_color'] ?>" size="3" />px</p>
    12. 

  12. 			<p><?php _e("Font family", 'wp_content_slider'); ?>:<select name="wpcs_options[font_family]"><option value="'Trebuchet MS', Helvetica, sans-serif" <?php selected("'Trebuchet MS', Helvetica, sans-serif", $options['font_family']); ?>>'Trebuchet MS', Helvetica, sans-serif</option><option value="Arial, Helvetica, sans-serif" <?php selected('Arial, Helvetica, sans-serif', $options['font_family']); ?>>Arial, Helvetica, sans-serif</option><option value="Tahoma, Geneva, sans-serif" <?php selected('Tahoma, Geneva, sans-serif', $options['font_family']); ?>>Tahoma, Geneva, sans-serif</option><option value="Verdana, Geneva, sans-serif" <?php selected('Verdana, Geneva, sans-serif', $options['font_family']); ?>>Verdana, Geneva, sans-serif</option><option value="Georgia, serif" <?php selected('Georgia, serif', $options['font_family']); ?>>Georgia, serif</option><option value="'Arial Black', Gadget, sans-serif" <?php selected("'Arial Black', Gadget, sans-serif", $options['font_family']); ?>>'Arial Black', Gadget, sans-serif</option><option value="'Bookman Old Style', serif" <?php selected("'Bookman Old Style', serif", $options['font_family']); ?>>'Bookman Old Style', serif</option><option value="'Comic Sans MS', cursive" <?php selected("'Comic Sans MS', cursive", $options['font_family']); ?>>'Comic Sans MS', cursive</option><option value="'Courier New', Courier, monospace" <?php selected("'Courier New', Courier, monospace", $options['font_family']); ?>>'Courier New', Courier, monospace</option><option value="Garamond, serif" <?php selected("Garamond, serif", $options['font_family']); ?>>Garamond, serif</option><option value="'Times New Roman', Times, serif" <?php selected("'Times New Roman', Times, serif", $options['font_family']); ?>>'Times New Roman', Times, serif</option><option value="Impact, Charcoal, sans-serif" <?php selected("Impact, Charcoal, sans-serif", $options['font_family']); ?>>Impact, Charcoal, sans-serif</option><option value="'Lucida Console', Monaco, monospace" <?php selected("'Lucida Console', Monaco, monospace", $options['font_family']); ?>>'Lucida Console', Monaco, monospace</option><option value="'MS Sans Serif', Geneva, sans-serif" <?php selected("'MS Sans Serif', Geneva, sans-serif", $options['font_family']); ?>>'MS Sans Serif', Geneva, sans-serif</option></select></p>
    13. 

  13. 			
    14. 

  14. 			<p><?php _e("Text font size", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[font_size]" value="<?php echo $options['font_size'] ?>" size="3" />px&nbsp;&nbsp;&nbsp;<?php _e("Text color", 'wp_content_slider'); ?>:<input id="textColor" type="text" name="wpcs_options[color]" value="<?php echo $options['color'] ?>" size="8" />&nbsp;HEX</p>
    15. 

  15. 			<p><?php _e("Heading font size", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[heading_font]" value="<?php echo $options['heading_font'] ?>" size="3" />px &nbsp;&nbsp;&nbsp;<?php _e("Heading color", 'wp_content_slider'); ?>:<input id="textColor" type="text" name="wpcs_options[heading_color]" value="<?php echo $options['heading_color'] ?>" size="8" />&nbsp;HEX</p>
    16. 

  16.             
    17. 

  17.             <p><?php _e("Background color", 'wp_content_slider'); ?>:<input id="bgColor" type="text" name="wpcs_options[background_color]" value="<?php echo $options['background_color'] ?>" size="8" />&nbsp;HEX</p>
    18. 

  18. 			 <input type="hidden" name="wpcs_options[update]" value="UPDATED" />
    19. 

  19.                 <p><input type="submit" class="button-primary" value="<?php _e('Save Settings') ?>" /></p>
    20. 

  20. 			</div>
    21. 

  21. 		</div>
    22. 

  22. 	</div>
    23. 

  23. 	<!-- End First column -->
    24. 

  24. 	<!-- SETTINGS PAGE SECONT COLUMN -->
    25. 

  25. 	<div class="metabox-holder">
    26. 

  26. 		<div class="postbox">
    27. 

  27. 		<h3><?php _e("Effects &amp; Animation Setings", 'wp_content_slider'); ?></h3>
    28. 

  28. 			<div class="inside" style="padding:0px 15px 0px 15px;">
    29. 

  29. 			 <p><?php _e("Squares per width", 'wp_content_slider'); ?>:<input id="square_per_width" type="text" name="wpcs_options[square_per_width]" value="<?php echo $options['square_per_width'] ?>" size="5" />&nbsp;&nbsp;&nbsp;&nbsp;<?php _e("Squares per height", 'wp_content_slider'); ?>:<input id="square_per_height" type="text" name="wpcs_options[square_per_height]" value="<?php echo $options['square_per_height'] ?>" size="5" /></p>
    30. 

  30. 			 <p><?php _e("Delay between images in ms", 'wp_content_slider'); ?>:<input id="delay" type="text" name="wpcs_options[delay]" value="<?php echo $options['delay'] ?>" size="5" />
    31. 

  31. 			 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<?php _e("Delay beetwen squares in ms", 'wp_content_slider'); ?>:<input id="sDelay" type="text" name="wpcs_options[sDelay]" value="<?php echo $options['sDelay'] ?>" size="5" />
    32. 

  32. 			 </p>
    33. 

  33. 			 <p><?php _e("Opacity of title and navigation", 'wp_content_slider'); ?>:<input id="opacity" type="text" name="wpcs_options[opacity]" value="<?php echo $options['opacity'] ?>" size="5" />
    34. 

  34. 			 </p>
    35. 

  35. 			 <p><?php _e("Speed of title appereance in ms", 'wp_content_slider'); ?>:<input id="titleSpeed" type="text" name="wpcs_options[titleSpeed]" value="<?php echo $options['titleSpeed'] ?>" size="5" />
    36. 

  36. 			 </p>
    37. 

  37. 			 <p><?php _e("Effect", 'wp_content_slider'); ?>:<select name="wpcs_options[effect]" id="wpcs_effect"><option value="" <?php selected('', $options['effect']); ?>>all combined</option><option value="random" <?php selected('random', $options['effect']); ?>>random</option><option value="swirl" <?php selected('swirl', $options['effect']); ?>>swirl</option><option value="rain" <?php selected('rain', $options['effect']); ?>>rain</option><option value="straight" <?php selected('straight', $options['effect']); ?>>straight</option>
    38. 

  38. 			 <option value="fade" <?php selected('fade', $options['effect']); ?>>fade</option>
    39. 

  39. 			 </select><span id="fade_message_popup">For Fade Effect Navigation,Heading and overlay text is not available</span></p>
    40. 

  40. 			 <p><?php _e("Mouse Over Pause <small>( Stop Animation on mouseover.)</small>", 'wp_content_slider'); ?>:<select name="wpcs_options[hoverPause]"><option value="true" <?php selected('true', $options['hoverPause']); ?>>Yes</option><option value="false" <?php selected('false', $options['hoverPause']); ?>>No</option></select></p>
    41. 

  41. 

  42. 			 <p><?php _e("Navigation Previous/Next <small>( Previous/Next buttons on image.)</small>", 'wp_content_slider'); ?>:<select name="wpcs_options[navigation_next_previous]"><option value="true" <?php selected('true', $options['navigation_next_previous']); ?>>Yes</option><option value="false" <?php selected('false', $options['navigation_next_previous']); ?>>No</option></select></p><p>
    43. 

  43. 			 <p><?php _e("Navigation Buttons <small>( Square buttons at bottom )</small>", 'wp_content_slider'); ?>:<select name="wpcs_options[navigation_buttons]"><option value="true" <?php selected('true', $options['navigation_buttons']); ?>>Yes</option><option value="false" <?php selected('false', $options['navigation_buttons']); ?>>No</option></select></p><p>
    44. 

  44. 			 <?php _e("Navigation Buttons Color <small>( Square buttons at bottom )</small>", 'wp_content_slider'); ?>::<input id="navigation_color" type="text" name="wpcs_options[navigation_color]" value="<?php echo $options['navigation_color'] ?>" size="10" />
    45. 

  45. 			 </p>
    46. 

  46. 

  47. 			  <input type="hidden" name="wpcs_options[update]" value="UPDATED" />
    48. 

  48.                 <p><input type="submit" class="button-primary" value="<?php _e('Save Settings') ?>" /></p>
    49. 

  49. 			</div>
    50. 

  50. 		</div>
    51. 

  51.     </div>
    52. 

  52. 	<div class="metabox-holder" id="wpsc_custom_images">
    53. 

  53. 		<div class="postbox">
    54. 

  54. 		<script type="text/javascript" language="javascript">
    55. 

  55. 		jQuery(document).ready(function($) {
    56. 

  56. 			var val1=$('#wpcs_image_source').attr('value');
    57. 

  57. 			$('#wpcs_effect').change(function(){
    58. 

  58. 				var val2=$('#wpcs_effect').attr('value');
    59. 

  59. 				if(val2=="fade")
    60. 

  60. 				{
    61. 

  61. 					$('#fade_message_popup').fadeIn(1000).fadeTo(1000, 1);
    62. 

  62. 				}
    63. 

  63. 				else
    64. 

  64. 				{
    65. 

  65. 					$('#fade_message_popup').fadeOut(1000);
    66. 

  66. 	
    67. 

  67. 				}
    68. 

  68. 			});
    69. 

  69. 			$('#fade_message_popup').hide();
    70. 

  70. 			if(val1=="true")
    71. 

  71. 			{
    72. 

  72. 			$('#wpcs_source_category').hide();
    73. 

  73. 			}
    74. 

  74. 			else
    75. 

  75. 			{
    76. 

  76. 			$('#wpcs_custom_images').hide();
    77. 

  77. 			}
    78. 

  78. 			$('#wpcs_image_source').change(function(){
    79. 

  79. 				var val=$('#wpcs_image_source').attr('value');
    80. 

  80. 				if(val=="true")
    81. 

  81. 				{
    82. 

  82. 					$('#wpcs_source_category').fadeOut(1000);
    83. 

  83. 					$('#wpcs_custom_images').fadeIn(1000).fadeTo(1000, 1);
    84. 

  84. 				}
    85. 

  85. 				else
    86. 

  86. 				{
    87. 

  87. 					$('#wpcs_custom_images').fadeOut(1000);
    88. 

  88. 					$('#wpcs_source_category').fadeIn(1000).fadeTo(1000, 1);
    89. 

  89. 					
    90. 

  90. 				}
    91. 

  91. 			});
    92. 

  92. 		});
    93. 

  93. 			
    94. 

  94. 		</script>
    95. 

  95. 		<h3><?php _e("Images Source Settings", 'wp_content_slider'); ?></h3>
    96. 

  96. 			<div class="inside" style="padding:0px 15px 0px 15px;">
    97. 

  97. 			<p><?php _e("Display Heading and Text", 'wp_content_slider'); ?>?&nbsp;<select name="wpcs_options[show_excerpt]"><option value="true" <?php selected('true', $options['show_excerpt']); ?>>Yes</option><option value="false" <?php selected('false', $options['show_excerpt']); ?>>No</option></select>&nbsp;<?php _e("No. of chars", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[char_length]" value="<?php echo $options['char_length'] ?>" size="3" /></p>
    98. 

  98. 			<p><?php _e("Open Images/Links In New Window", 'wp_content_slider'); ?>?&nbsp;<select name="wpcs_options[new_window]"><option value="true" <?php selected('true', $options['new_window']); ?>>Yes</option><option value="false" <?php selected('false', $options['new_window']); ?>>No</option></select></p>
    99. 

  99. 			<p><?php _e("Order Images Randomally", 'wp_content_slider'); ?>?&nbsp;<select name="wpcs_options[order]"><option value="true" <?php selected('true', $options['order']); ?>>Yes</option><option value="false" <?php selected('false', $options['order']); ?>>No</option></select>
    100. 

  100. 			</p>
    101. 

  101. 			<p><?php _e("Use custom images", 'wp_content_slider'); ?>?&nbsp;<select name="wpcs_options[custom_image]" id="wpcs_image_source"><option value="true" <?php selected('true', $options['custom_image']); ?>>Yes, Custom Images.</option><option value="false" <?php selected('false', $options['custom_image']); ?>>No, Using Posts from a Category</option></select> <small>If you select custom you dont have to create posts.</small></p>
    102. 

  102. 			<div id="wpcs_source_category">
    103. 

  103. 			<p><?php _e("Select a Category:", 'wp_content_slider'); ?><br /><?php wp_dropdown_categories(array('selected' => $options['post_category'], 'name' => 'wpcs_options[post_category]', 'orderby' => 'Name' , 'hierarchical' => 1, 'show_option_all' => __("All Categories", 'wp_content_slider'), 'hide_empty' => '0' )); ?></p>
    104. 

  104.             <p><?php _e("No. of posts/images", 'wp_content_slider'); ?>:<input type="text" name="wpcs_options[number_of_posts]" value="<?php echo $options['number_of_posts'] ?>" size="3" /></p>
    105. 

  105.             </div>
    106. 

  106. 			<div id="wpcs_custom_images">
    107. 

  107. 				<p><?php _e("Number of custom Images", 'wp_content_slider'); ?></td><td>
    108. 

  108. 				<input type="text" name="wpcs_options[no_of_custom_images]" value="<?php echo $options['no_of_custom_images'] ?>" size="5" /></p>
    109. 

  109. 				<p><input type="submit" class="button-primary" value="<?php _e('Save Settings') ?>" /></p>
    110. 

  110. 				<?php 
    111. 

  111. 				for($i=1;$i<=$options['no_of_custom_images'];$i++)
    112. 

  112. 				{
    113. 

  113. 				?>
    114. 

  114. 				<h4>Custom Image <?php echo $i;?></h4>
    115. 

  115. 				<table cellspacing="0" cellpadding="0" border="0">
    116. 

  116. 				<tr><td width="150">
    117. 

  117. 				<?php _e("Image ".$i." SRC", 'wp_content_slider'); ?></td><td>
    118. 

  118. 				<input type="text" name="wpcs_options[slide_image<?php echo $i;?>]" value="<?php echo $options['slide_image'.$i] ?>" size="90" /></td></tr>
    119. 

  119. 				<tr><td width="150"><?php _e("Image ".$i." Link", 'wp_content_slider'); ?></td><td>
    120. 

  120. 				<input type="text" name="wpcs_options[slide_imagelink<?php echo $i;?>]" value="<?php echo $options['slide_imagelink'.$i] ?>" size="90" /></td></tr><tr>
    121. 

  121. 				<?php if($options['show_excerpt']=='true') : ?>
    122. 

  122. 				<td width="150"><?php _e("Image ".$i." Heading", 'wp_content_slider'); ?></td><td>
    123. 

  123. 				<input type="text" name="wpcs_options[slide_imageheading<?php echo $i;?>]" value="<?php echo stripslashes($options['slide_imageheading'.$i]); ?>" size="90" /></td></tr>
    124. 

  124. 				<tr><td width="150"><?php _e("Image ".$i." Text", 'wp_content_slider'); ?></td><td>
    125. 

  125. 				<textarea name="wpcs_options[slide_imagetext<?php echo $i;?>]" cols="40" rows="4"><?php echo stripslashes($options['slide_imagetext'.$i]); ?></textarea></td></tr>
    126. 

  126. 				<?php endif;?>
    127. 

  127. 				</table>
    128. 

  128. 				<?php
    129. 

  129. 				}
    130. 

  130. 				?>
    131. 

  131. 			</div>
    132. 

  132.                 <input type="hidden" name="wpcs_options[update]" value="UPDATED" />
    133. 

  133.                 <p><input type="submit" class="button-primary" value="<?php _e('Save Settings') ?>" /></p>
    134. 

  134. 			</div>
    135. 

  135. 		</div>
    136. 

  136. 	</div>
    137. 

  137. 	</form>
    138. 

  138. </div>
    139.