FpAdminSettingEvent.php

<?php
class FpAdminSettingEvent {
  private function __construct() {}

  public static function loadUIScripts() {
    wp_enqueue_script('clipboard.js', FlickrPress::getPluginUrl('libs/clipboard.js/clipboard.min.js'), array(), FlickrPress::VERSION);
  }

  public static function addMenu() {
    $page = add_options_page(FlickrPress::NAME.' Options', FlickrPress::NAME, 'manage_options', __FILE__, array('FpAdminSettingEvent','generateOptionForm'));
  }

  public static function addWhitelistOptions($whitelist_options) {
    $whitelist_options['wpfp'] = array(
      FlickrPress::getKey('api_key'),
      FlickrPress::getKey('api_secret'),
      FlickrPress::getKey('user_id'),
      FlickrPress::getKey('enable_path_alias'),
      FlickrPress::getKey('username'),
      FlickrPress::getKey('oauth_token'),
      FlickrPress::getKey('default_target'),
      FlickrPress::getKey('default_align'),
      FlickrPress::getKey('default_size'),
      FlickrPress::getKey('insert_template'),
      FlickrPress::getKey('default_sort'),
      FlickrPress::getKey('quick_settings'),
      FlickrPress::getKey('default_search_type'),
      FlickrPress::getKey('default_embed_header'),
      FlickrPress::getKey('default_embed_footer'),
      FlickrPress::getKey('default_embed_slideshow'),
      FlickrPress::getKey('default_link'),
      FlickrPress::getKey('default_link_rel'),
      FlickrPress::getKey('default_link_class'),
      FlickrPress::getKey('default_file_url_size'),
      FlickrPress::getKey('extend_link_properties'),
      FlickrPress::getKey('extend_image_properties'),
      FlickrPress::getKey('enable_thumbnail_feature'),
      FlickrPress::getKey('enable_extract_thumbnail'),
      FlickrPress::getKey('thumbnail_size'),
      FlickrPress::getKey('debug_mode'),
    );
    return $whitelist_options;
  }

  public static function generateOptionForm() {
    $alignes = array(
      'None'=>'none',
      'Left'=>'left',
      'Center'=>'center',
      'Right'=>'right',
    );
    $targets = array(
      'None'=>'',
      'New Window'=>'_blank',
    );
    $sorts = array(
      'Posted ASC' => 'date-posted-asc',
      'Posted DESC' => 'date-posted-desc',
      'Taken ASC' => 'date-taken-asc',
      'Taken DESC' => 'date-taken-desc',
      'Interestingness ASC' => 'interestingness-asc',
      'Interestingness DESC' => 'interestingness-desc',
    );
    $searchTypes = array(
      'Search(List)' => 'list',
      'Search(Thumbnail)' => 'thumbnail',
    );
?>
<script type="text/javascript"><!--
(function($){
  $(function(){
    $('#copy_callback_url').click(function() {
      $(this).select();
    });

    $('#fp-oauth-token-btn').bind('click', function(){
      window.open('<?php echo esc_url(admin_url('admin.php?action=wpfp_flickr_oauth')) ?>', 'flikcr_oauth', 'width=800,height=600,menubar=no, toolbar=no, scrollbars=yes');
    });

    $('#fp-reset-oauth-token-btn').bind('click', function(){
      callback_oauth({token: "", user: { nsid: "", username: "" } });
    });

    // ===============================================
    // Extend Link Properties
    // ===============================================
    $('#save_extend_link_property').bind('click', function(){
      var idx = parseInt($('#orig_extend_link_property_idx').val(), 10);
      var properties = JSON.parse($('#extend_link_properties_json').val());
      var prop = {
        "title": _remove_invalid_link_chars($('#extend_link_property_title').val()),
        "rel": _remove_invalid_link_chars($('#extend_link_property_rel').val()),
        "clazz": _remove_invalid_link_chars($('#extend_link_property_clazz').val())
      };
      if (isNaN(idx)) {
        properties.push(prop);
      } else {
        properties[idx] = prop;
      }
      $('#extend_link_properties_json').val(JSON.stringify(properties));

      $('#extend_link_property_title').val('');
      $('#extend_link_property_rel').val('');
      $('#extend_link_property_clazz').val('');
      $('#orig_extend_link_property_idx').val('');
      refresh_properties();
      return false;
    });
    $('#remove_extend_link_property').bind('click', function(){
      var idx = parseInt($('#orig_extend_link_property_idx').val(), 10);
      if (isNaN(idx)) {
        return false;
      }

      var properties = JSON.parse($('#extend_link_properties_json').val());
      properties.splice(idx, 1);
      $('#extend_link_property_idx').html('');
      $('#extend_link_property_title').val('');
      $('#extend_link_property_rel').val('');
      $('#extend_link_property_clazz').val('');
      $('#orig_extend_link_property_idx').val('');
      $('#extend_link_properties_json').val(JSON.stringify(properties));
      refresh_properties();
      return false;
    });
    $('#clear_extend_link_property').bind('click', function(){
      $('#extend_link_property_idx').html('');
      $('#extend_link_property_title').val('');
      $('#extend_link_property_rel').val('');
      $('#extend_link_property_clazz').val('');
      $('#orig_extend_link_property_idx').val('');
      return false;
    });
    $('#current_extend_link_properties > li > a.property').live('click', function(){
      var $self = $(this);
      $('#extend_link_property_idx').html( $self.attr('data-idx') );
      $('#extend_link_property_title').val( $self.attr('data-title') );
      $('#extend_link_property_rel').val( $self.attr('data-rel') );
      $('#extend_link_property_clazz').val( $self.attr('data-clazz') );
      $('#orig_extend_link_property_idx').val( $self.attr('data-idx') );
      return false;
    });
    function _remove_invalid_link_chars(str) {
      return str.replace(/[^0-9a-zA-Z\[\]\s_\-]+/g,'');
    }
    function refresh_properties() {
      var properties = JSON.parse($('#extend_link_properties_json').val());
      var $current = $('#current_extend_link_properties').empty();
      for (var i=0; i<properties.length; i++) {
        var prop = properties[i];
        var $li = $(document.createElement('li'));
        var $a = $('<a href="javascript:void(0)" class="property">[' + prop['title'] + '] Rel=' + prop['rel'] + ', Class=' + prop['clazz'] + '</a>');
        $a.attr({
          'data-idx': i,
          'data-title': prop['title'],
          'data-rel': prop['rel'],
          'data-clazz': prop['clazz']
        });
        $li.html($a);
        $current.append($li);
      }
    }

    // ===============================================
    // Extend Image Properties
    // ===============================================
    $('#save_extend_image_property').bind('click', function(){
      var idx = parseInt($('#orig_extend_image_property_idx').val(), 10);
      var properties = JSON.parse($('#extend_image_properties_json').val());
      var prop = {
        "title": _remove_invalid_link_chars($('#extend_image_property_title').val()),
        "clazz": _remove_invalid_link_chars($('#extend_image_property_clazz').val())
      };
      if (isNaN(idx)) {
        properties.push(prop);
      } else {
        properties[idx] = prop;
      }
      $('#extend_image_properties_json').val(JSON.stringify(properties));

      $('#extend_image_property_title').val('');
      $('#extend_image_property_clazz').val('');
      $('#orig_extend_image_property_idx').val('');
      refresh_image_properties();
      return false;
    });
    $('#remove_extend_image_property').bind('click', function(){
      var idx = parseInt($('#orig_extend_image_property_idx').val(), 10);
      if (isNaN(idx)) {
        return false;
      }

      var properties = JSON.parse($('#extend_image_properties_json').val());
      properties.splice(idx, 1);
      $('#extend_image_property_idx').html('');
      $('#extend_image_property_title').val('');
      $('#extend_image_property_clazz').val('');
      $('#orig_extend_image_property_idx').val('');
      $('#extend_image_properties_json').val(JSON.stringify(properties));
      refresh_image_properties();
      return false;
    });
    $('#clear_extend_image_property').bind('click', function(){
      $('#extend_image_property_idx').html('');
      $('#extend_image_property_title').val('');
      $('#extend_image_property_clazz').val('');
      $('#orig_extend_image_property_idx').val('');
      return false;
    });
    $('#current_extend_image_properties > li > a.property').live('click', function(){
      var $self = $(this);
      $('#extend_image_property_idx').html( $self.attr('data-idx') );
      $('#extend_image_property_title').val( $self.attr('data-title') );
      $('#extend_image_property_clazz').val( $self.attr('data-clazz') );
      $('#orig_extend_image_property_idx').val( $self.attr('data-idx') );
      return false;
    });
    function refresh_image_properties() {
      var properties = JSON.parse($('#extend_image_properties_json').val());
      var $current = $('#current_extend_image_properties').empty();
      for (var i=0; i<properties.length; i++) {
        var prop = properties[i];
        var $li = $(document.createElement('li'));
        var $a = $('<a href="javascript:void(0)" class="property">[' + prop['title'] + '] Class=' + prop['clazz'] + '</a>');
        $a.attr({
          'data-idx': i,
          'data-title': prop['title'],
          'data-clazz': prop['clazz']
        });
        $li.html($a);
        $current.append($li);
      }
    }

    refresh_properties();
    refresh_image_properties();
  });
})(jQuery);
function callback_oauth(token) {
  jQuery('#fp-oauth-token').html(token.token);
  jQuery('#fp-oauth-token-hid').val(token.token);
  jQuery('#fp-user-id').html(token.user.nsid);
  jQuery('#fp-user-id-hid').val(token.user.nsid);
  jQuery('#fp-username').html(token.user.username);
  jQuery('#fp-username-hid').val(token.user.username);
  jQuery('#fp-oauth-update').html("<?php echo __('Last Update: ', FlickrPress::TEXT_DOMAIN) ?>"+new Date()+"<br/><p style=\"color:#f00\"><strong><?php echo __('Not yet been update. Please Update.', FlickrPress::TEXT_DOMAIN)?></strong><p>");
}

// --></script>
<div class="wrap">
  <h2><?php echo FlickrPress::NAME ?></h2>
  <form method="post" action="options.php">
    <?php wp_nonce_field('wpfp-options'); ?>
    <input type="hidden" name="action" value="update" />
    <input type="hidden" name="option_page" value="wpfp" />
    <h3><?php echo __('OAuth Information', FlickrPress::TEXT_DOMAIN) ?></h3>
    <table class="form-table">
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('API KEY/Secret', FlickrPress::TEXT_DOMAIN) ?></p>
          <p><a href="http://www.flickr.com/services/api/misc.api_keys.html" target="_blank">Flickr Services</a></p>
        </th>
        <td>
          <p><?php echo __('API KEY:', FlickrPress::TEXT_DOMAIN) ?><br/><input type="text" name="<?php echo FlickrPress::getKey('api_key') ?>" value="<?php echo FlickrPress::getApiKey() ?>" size="70" />
          <p><?php echo __('Secret:', FlickrPress::TEXT_DOMAIN) ?><br/><input type="text" name="<?php echo FlickrPress::getKey('api_secret') ?>" value="<?php echo FlickrPress::getApiSecret() ?>" size="70" />
          <p><?php echo __('Flickr App CallbackURL:', FlickrPress::TEXT_DOMAIN) ?><br/><input type="text" value="<?php echo admin_url('admin.php?action=wpfp_flickr_oauth_callback') ?>" size="70" id="copy_callback_url" />
            <br/><? echo __('Please use the copy to the callback URL of the Flickr apps created.', FlickrPress::TEXT_DOMAIN) ?></p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('OAuth Token', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <input id="fp-oauth-token-hid" type="hidden" name="<?php echo FlickrPress::getKey('oauth_token') ?>" value="<?php echo FlickrPress::getOAuthToken() ?>" />
          <input id="fp-user-id-hid" type="hidden" name="<?php echo FlickrPress::getKey('user_id') ?>" value="<?php echo FlickrPress::getUserId() ?>" />
          <input id="fp-username-hid" type="hidden" name="<?php echo FlickrPress::getKey('username') ?>" value="<?php echo FlickrPress::getUsername() ?>" />
          <p>UserID: <span id="fp-user-id"><?php echo FlickrPress::getUserId() ?></span></p>
          <p>Username: <span id="fp-username"><?php echo FlickrPress::getUsername() ?></span></p>
          <p>Token: <span id="fp-oauth-token"><?php echo FlickrPress::getOAuthToken() ?></span></p>
          <p>
            <a href="javascript:void(0)" class="button" id="fp-oauth-token-btn"><?php echo __('Update OAuth Token', FlickrPress::TEXT_DOMAIN) ?></a>
            <a href="javascript:void(0)" class="button" id="fp-reset-oauth-token-btn"><?php echo __('Reset OAuth Token', FlickrPress::TEXT_DOMAIN) ?></a>
          </p>
          <p id="fp-oauth-update"><p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('UserID Alias', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <p><?php echo __('Enable:', FlickrPress::TEXT_DOMAIN) ?><input type="checkbox" name="<?php echo FlickrPress::getKey('enable_path_alias') ?>" value="1" <?php if (FlickrPress::enablePathAlias()) { echo "checked='checked'"; } ?> /></p>
          <p><?php echo __("Photo URL contains \"UserID\" the \"UserID Alias\" and replace.", FlickrPress::TEXT_DOMAIN) ?></p>
        </td>
      </tr>
    </table>

    <h3><?php echo __('Default Attachments', FlickrPress::TEXT_DOMAIN) ?></h3>
    <table class="form-table">
      <tr valign="top">
        <th scope="row"><p><?php echo __('Embed Options', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <p><input type="checkbox" name="<?php echo FlickrPress::getKey('default_embed_header') ?>" value="1" <?php echo FlickrPress::getDefaultEmbedHeader()=='1' ? ' checked="checked"' : '' ?> /> <?php echo __('Header', FlickrPress::TEXT_DOMAIN) ?></p>
          <p><input type="checkbox" name="<?php echo FlickrPress::getKey('default_embed_footer') ?>" value="1" <?php echo FlickrPress::getDefaultEmbedHeader()=='1' ? ' checked="checked"' : '' ?> /> <?php echo __('Footer', FlickrPress::TEXT_DOMAIN) ?></p>
          <p><input type="checkbox" name="<?php echo FlickrPress::getKey('default_embed_slideshow') ?>" value="1" <?php echo FlickrPress::getDefaultEmbedSlideshow()=='1' ? ' checked="checked"' : '' ?> /> <?php echo __('Slideshow', FlickrPress::TEXT_DOMAIN) ?></p>
        </td>
      </tr>
      <tr>
        <th scope="row"><p><?php echo __('Link URL Type', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <?php foreach(FlickrPress::$LINK_TYPE_LABELS as $type => $label) { ?>
          <?php $checked = FlickrPress::getDefaultLink()==$type ? " checked='checked'" : '' ?>
          <p><input type="radio" name="<?php echo FlickrPress::getKey('default_link') ?>" id="link-<?php echo $type?>" value="<?php echo $type ?>" <?php echo $checked ?>/><label for="link-<?php echo $type?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label></p>
          <?php } ?>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('File URL Size', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <?php foreach(FlickrPress::$SIZE_LABELS as $size => $label) { ?>
          <?php $checked = FlickrPress::getDefaultFileURLSize()==$size ? " checked='checked'" : '' ?>
          <p><input type="radio" name="<?php echo FlickrPress::getKey('default_file_url_size') ?>" id="file_url_size-<?php echo $size ?>" value="<?php echo $size ?>" <?php echo $checked ?>/><label for="file_url_size-<?php echo $size ?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label></p>
          <?php } ?>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Link Target', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <?php foreach($targets as $label => $target) { ?>
            <?php $checked = FlickrPress::getDefaultTarget()==$target ? " checked='checked'" : '' ?>
            <input type="radio" name="<?php echo FlickrPress::getKey('default_target') ?>" id="target-<?php echo $target ?>" value="<?php echo $target ?>" <?php echo $checked ?>/><label for="target-<?php echo $target ?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label>
          <?php } ?>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Alignment', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <?php foreach($alignes as $label => $align) { ?>
          <?php $checked = FlickrPress::getDefaultAlign()==$align ? " checked='checked'" : '' ?>
          <input type="radio" name="<?php echo FlickrPress::getKey('default_align') ?>" id="alignment-<?php echo $align ?>" value="<?php echo $align ?>" <?php echo $checked ?>/><label for="alignment-<?php echo $align ?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label>
          <?php } ?>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Size', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <?php foreach(FlickrPress::$SIZE_LABELS as $size => $label) { ?>
          <?php $checked = FlickrPress::getDefaultSize()==$size ? " checked='checked'" : '' ?>
          <p><input type="radio" name="<?php echo FlickrPress::getKey('default_size') ?>" id="size-<?php echo $size ?>" value="<?php echo $size ?>" <?php echo $checked ?>/><label for="size-<?php echo $size ?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label></p>
          <?php } ?>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Default Link Rel and Class Property', FlickrPress::TEXT_DOMAIN) ?> (Deprecated)</p></th>
        <td>
          <p><?php echo __('Rel:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="<?php echo FlickrPress::getKey('default_link_rel') ?>" value="<?php echo FlickrPress::getDefaultLinkRel() ?>" /></p>
          <p><?php echo __('Class:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="<?php echo FlickrPress::getKey('default_link_class') ?>" value="<?php echo FlickrPress::getDefaultLinkClass() ?>" /></p>
          <p><?php echo __('Available Charactors: 0-9a-zA-Z [] Space UnderScore Hyphen', FlickrPress::TEXT_DOMAIN) ?></p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Extend Link Rel and Class Property', FlickrPress::TEXT_DOMAIN) ?> (Deprecated)</p></th>
        <td>
          <textarea name="<?php echo FlickrPress::getKey('extend_link_properties')?>" id="extend_link_properties_json" style="display: none;" ><?php echo FlickrPress::getExtendLinkPropertiesJson()?></textarea>
          <input type="text" name="orig_extend_link_property_idx" value="" id="orig_extend_link_property_idx" style="display: none;" />
          <p><?php echo __('ID:', FlickrPress::TEXT_DOMAIN) ?><span id="extend_link_property_idx"></span></p>
          <p><?php echo __('Title:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="extend_link_property_title" value="" id="extend_link_property_title" /></p>
          <p><?php echo __('Rel:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="extend_link_property_rel" value="" id="extend_link_property_rel" /></p>
          <p><?php echo __('Class:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="extend_link_property_clazz" value="" id="extend_link_property_clazz" /></p>
          <p>
            <a href="javascript:void(0)" class="button" id="save_extend_link_property"><?php echo __('Save', FlickrPress::TEXT_DOMAIN) ?></a>
            <a href="javascript:void(0)" class="button" id="remove_extend_link_property"><?php echo __('Remove', FlickrPress::TEXT_DOMAIN) ?></a>
            <a href="javascript:void(0)" class="button" id="clear_extend_link_property"><?php echo __('Clear', FlickrPress::TEXT_DOMAIN) ?></a>
          </p>
          <p><?php echo __('Available Charactors: 0-9a-zA-Z [] Space UnderScore Hyphen', FlickrPress::TEXT_DOMAIN) ?></p>
          <p>
            <?php echo __('Current Available Extend Link Rel and Class', FlickrPress::TEXT_DOMAIN) ?>
            <ol id="current_extend_link_properties"></ol>
          </p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Extend Image Class Property', FlickrPress::TEXT_DOMAIN) ?> (Deprecated)</p></th>
        <td>
          <textarea name="<?php echo FlickrPress::getKey('extend_image_properties')?>" id="extend_image_properties_json" style="display: none;" ><?php echo FlickrPress::getExtendImagePropertiesJson()?></textarea>
          <input type="text" name="orig_extend_image_property_idx" value="" id="orig_extend_image_property_idx" style="display: none;" />
          <p><?php echo __('ID:', FlickrPress::TEXT_DOMAIN) ?><span id="extend_image_property_idx"></span></p>
          <p><?php echo __('Title:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="extend_image_property_title" value="" id="extend_image_property_title" /></p>
          <p><?php echo __('Class:', FlickrPress::TEXT_DOMAIN) ?><input type="text" name="extend_image_property_clazz" value="" id="extend_image_property_clazz" /></p>
          <p>
            <a href="javascript:void(0)" class="button" id="save_extend_image_property"><?php echo __('Save', FlickrPress::TEXT_DOMAIN) ?></a>
            <a href="javascript:void(0)" class="button" id="remove_extend_image_property"><?php echo __('Remove', FlickrPress::TEXT_DOMAIN) ?></a>
            <a href="javascript:void(0)" class="button" id="clear_extend_image_property"><?php echo __('Clear', FlickrPress::TEXT_DOMAIN) ?></a>
          </p>
          <p><?php echo __('Available Charactors: 0-9a-zA-Z [] Space UnderScore Hyphen', FlickrPress::TEXT_DOMAIN) ?></p>
          <p>
            <?php echo __('Current Available Extend Image Class', FlickrPress::TEXT_DOMAIN) ?>
            <ol id="current_extend_image_properties"></ol>
        </td>
      </tr>
    </table>

    <h3><?php echo __('Thumbnail', FlickrPress::TEXT_DOMAIN) ?></h3>
    <table class="form-table">
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('Feature ON/OFF', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <p><?php echo __('ON', FlickrPress::TEXT_DOMAIN) ?> <input type="radio" name="<?php echo FlickrPress::getKey('enable_thumbnail_feature') ?>" value="1" <?php if (FlickrPress::enableThumbnailFeature()) { echo "checked='checked'"; } ?>/> <?php echo __('OFF', FlickrPress::TEXT_DOMAIN) ?> <input type="radio" name="<?php echo FlickrPress::getKey('enable_thumbnail_feature') ?>" value="0" <?php if (!FlickrPress::enableThumbnailFeature()) { echo "checked='checked'"; } ?>/></p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('Extract Thumbnail in Post', FlickrPress::TEXT_DOMAIN) ?></p>
          <p><?php echo __('The first flickr image in article I use as a thumbnail.', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <p><?php echo __('Enable:', FlickrPress::TEXT_DOMAIN) ?><input type="checkbox" name="<?php echo FlickrPress::getKey('enable_extract_thumbnail') ?>" value="1" <?php if (FlickrPress::enableExtractThumbnail()) { echo "checked='checked'"; } ?>/></p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row"><p><?php echo __('Thumbnail Size', FlickrPress::TEXT_DOMAIN) ?></p></th>
        <td>
          <?php foreach(FlickrPress::$SIZE_LABELS as $size => $label) { ?>
          <?php $checked = FlickrPress::getThumbnailSize()==$size ? " checked='checked'" : '' ?>
          <p><input type="radio" name="<?php echo FlickrPress::getKey('thumbnail_size') ?>" id="thumbnail_size-<?php echo $size ?>" value="<?php echo $size ?>" <?php echo $checked ?>/><label for="thumbnail_size-<?php echo $size ?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label></p>
          <?php } ?>
        </td>
      </tr>
    </table>

    <h3><?php echo __('Advanced Options', FlickrPress::TEXT_DOMAIN) ?></h3>
    <table class="form-table">
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('Insert Template', FlickrPress::TEXT_DOMAIN) ?></p>
          <h4><?php echo __('Avalable Options', FlickrPress::TEXT_DOMAIN) ?></h4>
          <p>[img]: Image Tag<br>
             Sub options(Only New UI)
             <ul>
               <li>width: 1,0 (default:1).<br>display width property.</li>
               <li>height: 1,0 (default:1).<br>display height property.</li>
             </ul>
          </p>
          <p>[title]: Image Title</p>
          <p>[description]: Image Description</p>
          <p>[url]: Image URL</p>
          <p>[null]: Null Character</p>
        </th>
        <td>
          <textarea name="<?php echo FlickrPress::getKey('insert_template') ?>" cols="70" rows="10"><?php echo FlickrPress::getInsertTemplate() ?></textarea>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('Default Sort', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <select name="<?php echo FlickrPress::getKey('default_sort') ?>">
          <?php foreach ($sorts as $label => $sort) { ?>
            <option value="<?php echo $sort ?>" <?php if ($sort==FlickrPress::getDefaultSort()) {echo "selected='selected'";} ?>><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></option>
          <?php } ?>
          </select>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('Quick Settings', FlickrPress::TEXT_DOMAIN) ?> (Deprecated)</p>
        </th>
        <td>
          <p><?php echo __('Enable:', FlickrPress::TEXT_DOMAIN) ?><input type="checkbox" name="<?php echo FlickrPress::getKey('quick_settings') ?>" value="1" <?php if (FlickrPress::getQuickSettings()=='1') { echo "checked='checked'"; } ?>/></p>
          <p><?php echo __('When enabled, a dialog will appear when you click for a set of check boxes for multiple insertion.', FlickrPress::TEXT_DOMAIN) ?></p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('Search Type', FlickrPress::TEXT_DOMAIN) ?> (Deprecated)</p>
        </th>
        <td>
          <p>
          <?php foreach ($searchTypes as $label => $val) { ?>
            <input type="radio" name="<?php echo FlickrPress::getKey('default_search_type') ?>" id="search_type_<?php echo $val ?>" value="<?php echo $val ?>" <?php echo FlickrPress::getDefaulSearchType()==$val ? 'checked="checked"' : ''; ?>/><label for="search_type_<?php echo $val ?>"><?php echo __($label, FlickrPress::TEXT_DOMAIN) ?></label>
          <?php } ?>
          </p>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('DEBUG', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <p><?php echo __('Enable:', FlickrPress::TEXT_DOMAIN) ?><input type="checkbox" name="<?php echo FlickrPress::getKey('debug_mode') ?>" value="1" <?php if (FlickrPress::isDebugMode()) { echo "checked='checked'"; } ?> /></p>
          <p><?php echo __('Please paste below information when create issue.', FlickrPress::TEXT_DOMAIN) ?></p>
          <textarea id="wpfp-debug-info-text" rows="10" style="width: 100%;" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"><?php echo FlickrPress::getDebugInfoText() ?></textarea>
          <button class="button" id="wpfp-debug-info-copy-btn" type="button" data-clipboard-target="#wpfp-debug-info-text"><?php echo __('Copy to clipboard', FlickrPress::TEXT_DOMAIN) ?></button>
          <p id="wpfp-debug-info-copy-result"></p>
          <script>
            var clipboard = new Clipboard(document.getElementById('wpfp-debug-info-copy-btn'));
            clipboard.on('success', function(e) {
              document.getElementById('wpfp-debug-info-copy-result').innerHTML = "<?php echo __('Copied!', FlickrPress::TEXT_DOMAIN) ?>";
            });
            clipboard.on('error', function(e) {
              document.getElementById('wpfp-debug-info-copy-result').innerHTML = "<?php echo __('This browser not support copy command. Please paste manually.', FlickrPress::TEXT_DOMAIN) ?>";
            });
          </script>
        </td>
      </tr>
      <tr valign="top">
        <th scope="row">
          <p><?php echo __('DONATE(bitcoin)', FlickrPress::TEXT_DOMAIN) ?></p>
        </th>
        <td>
          <p>Thank you for using wp-flickr-press!</p>
          <p>I am glad if you make a donation to improve this plugin!</p>
          <p><img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=bitcoin:1HyfkWFSpRjNjgqb1c8EUSs7NjYKmDtNcm" alt="donate by bitcoin"></p>
          <p>1HyfkWFSpRjNjgqb1c8EUSs7NjYKmDtNcm</p>
        </td>
      </tr>
    </table>
    <p class="submit">
      <input type="submit" class="button-primary" value="<?php echo __('Save Changes', FlickrPress::TEXT_DOMAIN) ?>" />
    </p>
  </form>
</div>

<?php
  }
}
?>