wp-grid-archives/grid-archives-options.php at master · samsonw/wp-grid-archives · GitHub

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
<div class="wrap">
  <h2>Grid Archives Settings</h2>

  <form method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>" name="grid_archives">
    <?php wp_nonce_field('grid-archives-nonce'); ?>

    <h3>Usage</h3>
    <p>Create an archive page for Grid Archives, then insert the code "[grid_archives]" in the content.</p>

    <br/>
    <h3>Display Style</h3>
    <p>Tweak the display style of the archives page.</p>

    <table class="form-table">
      <tbody><tr>
          <th><label for="style_format">Style Format</label></th>
          <td>
            <label title="Classic Style"><input type="radio" value="classic" name="style_format" <?php if($options['style_format'] === 'classic') echo 'checked="checked"';?> > Classic</label> (<a target="_blank" href="http://blog.samsonis.me/archives/">Example</a>)
            <label title="Compact Style"><input type="radio" value="compact" name="style_format" <?php if($options['style_format'] === 'compact') echo 'checked="checked"';?> > Compact</label> (<a target="_blank" href="http://blog.samsonis.me/archives-of-the-year/">Example</a>)
          </td>
        </tr>
        <tr class="compact_settings" <?php if($options['style_format'] === 'classic') echo 'style="display:none;"';?> >
          <th><label for="compact_hide_month_list">"Compact" Mode Month List</label></th>
          <td><input type="checkbox" value="1" id="compact_hide_month_list" name="compact_hide_month_list" <?php if($options['compact_hide_month_list']) echo 'checked="checked"';?> > Do not display month list in "Compact" mode</td>
        </tr>
        <tr class="compact_settings" <?php if($options['style_format'] === 'classic') echo 'style="display:none;"';?> >
          <th scope="row">"Compact" Mode Month List Date Format</th>
          <td>
            <fieldset><legend class="screen-reader-text"><span>Month List Date Format</span></legend>
              <label title="F"><input type="radio" value="F" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'F') echo 'checked="checked"';?> > <?php echo date("F") ;?></label><br>
              <label title="M"><input type="radio" value="M" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'M') echo 'checked="checked"';?> > <?php echo date("M") ;?></label><br>
              <label title="m"><input type="radio" value="m" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'm') echo 'checked="checked"';?> > <?php echo date("m") ;?></label><br>
              <label title="Y.m"><input type="radio" value="Y.m" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'Y.m') echo 'checked="checked"';?> > <?php echo date("Y.m") ;?></label><br>
              <label title="m.Y"><input type="radio" value="m.Y" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'm.Y') echo 'checked="checked"';?> > <?php echo date("m.Y") ;?></label><br>
              <label title="M Y"><input type="radio" value="M Y" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'M Y') echo 'checked="checked"';?> > <?php echo date("M Y") ;?></label><br>
              <label title="Y M"><input type="radio" value="Y M" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'Y M') echo 'checked="checked"';?> > <?php echo date("Y M") ;?></label><br>
              <label title="Y/m"><input type="radio" value="Y/m" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'Y/m') echo 'checked="checked"';?> > <?php echo date("Y/m") ;?></label><br>
              <label title="m/Y"><input type="radio" value="m/Y" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'm/Y') echo 'checked="checked"';?> > <?php echo date("m/Y") ;?></label><br>
              <label><input type="radio" value="custom" name="compact_month_list_date_format" <?php if($options['compact_month_list_date_format'] === 'custom') echo 'checked="checked"';?> > Custom: </label><input type="text" class="small-text" value="<?php echo $options['compact_month_list_date_format_custom']; ?>" name="compact_month_list_date_format_custom"> <?php echo date($options['compact_month_list_date_format_custom']); ?>
              <p><a target="_blank" href="http://php.net/manual/en/function.date.php">Documentation on date formatting</a>. Click “Save Changes” to update sample output.</p>
            </fieldset>
          </td>
        </tr>
        <tr>
          <th><label for="sort_direction">Sort Direction</label></th>
          <td>
            <label title="Desc"><input type="radio" value="desc" name="sort_direction" <?php if($options['sort_direction'] === 'desc') echo 'checked="checked"';?> > Desc</label>
            <label title="Asc"><input type="radio" value="asc" name="sort_direction" <?php if($options['sort_direction'] === 'asc') echo 'checked="checked"';?> > Asc</label>
          </td>
        </tr>
        <tr>
          <th><label for="post_title_max_len">Post Title Maximum Length</label></th>
          <td><input type="text" class="small-text" value="<?php echo $options['post_title_max_len']; ?>" id="post_title_max_len" name="post_title_max_len"> characters</td>
        </tr>
        <tr>
          <th><label for="post_content_max_len">Post Content Maximum Length</label></th>
          <td><input type="text" class="small-text" value="<?php echo $options['post_content_max_len']; ?>" id="post_content_max_len" name="post_content_max_len"> characters</td>
        </tr>
        <tr valign="top">
          <th scope="row"><label for="post_date_not_display">Post Date</label></th>
          <td><input type="checkbox" value="1" id="post_date_not_display" name="post_date_not_display" <?php if($options['post_date_not_display']) echo 'checked="checked"';?> > Do not display post date</td>
        </tr>
        <tr>
          <th scope="row">Post Date Format</th>
          <td>
            <fieldset><legend class="screen-reader-text"><span>Post Date Format</span></legend>
              <label title="F j, Y"><input type="radio" value="F j, Y" name="post_date_format" <?php if($options['post_date_format'] === 'F j, Y') echo 'checked="checked"';?> > <?php echo date("F j, Y") ;?></label><br>
              <label title="j M Y"><input type="radio" value="j M Y" name="post_date_format" <?php if($options['post_date_format'] === 'j M Y') echo 'checked="checked"';?> > <?php echo date("j M Y") ;?></label><br>
              <label title="Y/m/d"><input type="radio" value="Y/m/d" name="post_date_format" <?php if($options['post_date_format'] === 'Y/m/d') echo 'checked="checked"';?> > <?php echo date("Y/m/d") ;?></label><br>
              <label title="m/d/Y"><input type="radio" value="m/d/Y" name="post_date_format" <?php if($options['post_date_format'] === 'm/d/Y') echo 'checked="checked"';?> > <?php echo date("m/d/Y") ;?></label><br>
              <label title="d/m/Y"><input type="radio" value="d/m/Y" name="post_date_format" <?php if($options['post_date_format'] === 'd/m/Y') echo 'checked="checked"';?> > <?php echo date("d/m/Y") ;?></label><br>
              <label><input type="radio" value="custom" name="post_date_format" <?php if($options['post_date_format'] === 'custom') echo 'checked="checked"';?> > Custom: </label><input type="text" class="small-text" value="<?php echo $options['post_date_format_custom']; ?>" name="post_date_format_custom"> <?php echo date($options['post_date_format_custom']); ?>
          	<p><a target="_blank" href="http://php.net/manual/en/function.date.php">Documentation on date formatting</a>. Click “Save Changes” to update sample output.</p>
            </fieldset>
          </td>
        </tr>
        <tr>
          <th scope="row">Month Date Format</th>
          <td>
            <fieldset><legend class="screen-reader-text"><span>Month Date Format</span></legend>
              <label title="Y.m"><input type="radio" value="Y.m" name="month_date_format" <?php if($options['month_date_format'] === 'Y.m') echo 'checked="checked"';?> > <?php echo date("Y.m") ;?></label><br>
              <label title="m.Y"><input type="radio" value="m.Y" name="month_date_format" <?php if($options['month_date_format'] === 'm.Y') echo 'checked="checked"';?> > <?php echo date("m.Y") ;?></label><br>
              <label title="M Y"><input type="radio" value="M Y" name="month_date_format" <?php if($options['month_date_format'] === 'M Y') echo 'checked="checked"';?> > <?php echo date("M Y") ;?></label><br>
              <label title="Y M"><input type="radio" value="Y M" name="month_date_format" <?php if($options['month_date_format'] === 'Y M') echo 'checked="checked"';?> > <?php echo date("Y M") ;?></label><br>
              <label title="Y/m"><input type="radio" value="Y/m" name="month_date_format" <?php if($options['month_date_format'] === 'Y/m') echo 'checked="checked"';?> > <?php echo date("Y/m") ;?></label><br>
              <label title="m/Y"><input type="radio" value="m/Y" name="month_date_format" <?php if($options['month_date_format'] === 'm/Y') echo 'checked="checked"';?> > <?php echo date("m/Y") ;?></label><br>
              <label><input type="radio" value="custom" name="month_date_format" <?php if($options['month_date_format'] === 'custom') echo 'checked="checked"';?> > Custom: </label><input type="text" class="small-text" value="<?php echo $options['month_date_format_custom']; ?>" name="month_date_format_custom"> <?php echo date($options['month_date_format_custom']); ?>
          	<p><a target="_blank" href="http://php.net/manual/en/function.date.php">Documentation on date formatting</a>. Click “Save Changes” to update sample output.</p>
            </fieldset>
          </td>
        </tr>
        <tr>
          <th scope="row"><label for="post_hovered_highlight">Highlight Post Being Hovered:</label></th>
          <td><input type="checkbox" value="1" id="post_hovered_highlight" name="post_hovered_highlight" <?php if($options['post_hovered_highlight']) echo 'checked="checked"';?> > Enable</td>
        </tr>
        <tr>
          <th scope="row"><label for="monthly_summary_hovered_rotate">Rotate Monthly Summary Being Hovered:</label></th>
          <td><input type="checkbox" value="1" id="monthly_summary_hovered_rotate" name="monthly_summary_hovered_rotate" <?php if($options['monthly_summary_hovered_rotate']) echo 'checked="checked"';?> > Enable</td>
        </tr>
        <tr>
          <th><label for="custom_css_styles">Custom CSS Styles</label></th>
          <td><textarea id="custom_css_styles" name="custom_css_styles" cols="60" rows="5" style="min-width:40em;"><?php echo $options['custom_css_styles']; ?></textarea><br/>
            <span class="description">These custom CSS styles will overwrite the Grid Archives default CSS styles.</span><br/>
            <span class="description">For example, to custom the box size and its background color, you can use custom css like:</span><br/>
            <span class="description">#grid_archives ul li div.ga_post_main {background-color: #0D0D0D; width: 150px; height: 150px;}</span><br/>
            <span class="description">[You can also copy all the Grid Archives default css from "Plugin Editor" here and make any modifications you like, these modifications won't be lost when you update the plugin.]</span>
          </td>
        </tr>
        <tr>
          <th scope="row"><label for="load_resources_only_in_grid_archives_page">Load Grid Archives resources only in specific pages:</label></th>
          <td><input type="checkbox" value="1" id="load_resources_only_in_grid_archives_page" name="load_resources_only_in_grid_archives_page" <?php if($options['load_resources_only_in_grid_archives_page']) echo 'checked="checked"';?> > Enable&nbsp;&nbsp;<input type="text" id="grid_archives_page_names" style="width:38em;" value="<?php echo $options['grid_archives_page_names']; ?>" name="grid_archives_page_names" <?php if(!$options['load_resources_only_in_grid_archives_page']) echo 'disabled="disabled"';?> > <span class="description">(comma separated)</span><br/>
            <span class="description">If enabled, Grid Archives plugin resources (css, js etc) will only be loaded in these specfic pages,</span><br/>
            <span class="description">thus improve the load speed of other pages and posts.</span>
          </td>
        </tr>
    </tbody></table>

    <br/>
    <h3>Summarize Your Month</h3>
    <p>It's useful to share your thoughts and comments about one typical month.</p>

    <p>Default monthly summary if not explicitly specified:</p>
    <table class="form-table">
      <tbody><tr>
        <th><label for="default_monthly_summary">Default monthly summary:</label></th>
        <td><input type="text" class="regular-text" value="<?php echo $options['default_monthly_summary']; ?>" id="default_monthly_summary" name="default_monthly_summary"> <span class="description">(leave it blank to show nothing)</span></td>
      </tr>
    </tbody></table>

    <br/>
    <p>Input the month summary in the form "year.month##description", one month per line, the description will be displayed beside the month in the archives page:</p>

    <textarea name="monthly_summaries" cols="80" rows="20" style="min-width:58em;"><?php echo $options["monthly_summaries"]; ?></textarea>

    <p class="submit"><input type="submit" value="Save Changes" class="button-primary" name="submit"></p>
  </form>
</div>