Plugin Directory

Changeset 1776047


Ignore:
Timestamp:
11/27/2017 11:42:27 AM (8 years ago)
Author:
jasie
Message:

better separated sections on options page (admin)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • widget-pagination/trunk/admin/partials/widget-pagination-admin-display.php

    r1776005 r1776047  
    113113                    $options_pre_v1['hover_item_style_font-size'] : '');
    114114
    115         $style_options_list_icon = isset($options['list_item_style_list-style']) ?
    116                 $options['list_item_style_list-style'] : (isset($options_pre_v1['list_item_style']) ?
    117                     $options_pre_v1['list_item_style'] : 'center');
     115        $style_options_list_icon = isset($options['list_item_style_list-style-type']) ?
     116                $options['list_item_style_list-style-type'] : (isset($options_pre_v1['list_item_style']) ?
     117                    $options_pre_v1['list_item_style'] : '');
    118118
    119119        // new option (nothing to import from before 1.0)
     
    136136            ?>
    137137
    138             <div class="postbox-container first">
     138            <div class="postbox-container">
    139139                <div class="postbox">
    140140                    <h2 class="hndle"><?php _e('Items per Page', $this->plugin_short) ?>*</h2>
     
    147147                        <!---------- ITEMS PER PAGE ----------------------------------->
    148148                        <table class="widefat striped" id="items_per_page">
    149                             <caption><?php _e('Items per page', $this->plugin_short) ?></caption>
    150 
    151149                            <?php
    152150                            foreach ($this->widgets as $w => $name) :
     
    190188                </div><!-- /.postbox -->
    191189
    192 
    193190                <div class="postbox">
    194191                    <h2 class="hndle">
     
    203200                        <!---------- PAGINATION OPTIONS ------------------------------->
    204201                        <table class="widefat striped">
    205                             <caption>
    206                                 <?php _e('Pagination options', $this->plugin_short) ?>
    207                             </caption>
    208 
    209202                            <tr>
    210203                                <th>
     
    287280                        </table>
    288281
    289                         <!---------- PAGINATION OPTIONS ------------------------------->
     282
     283                    </div><!-- /.inside -->
     284                </div><!-- /.postbox -->
     285
     286                <div class="postbox">
     287                    <h2 class="hndle">
     288                        <?php _e('Styling Options for List Items', $this->plugin_short) ?>
     289                    </h2>
     290
     291                    <div class="inside">
     292                        <p>
     293                            <?php _e('todo', $this->plugin_short) ?>
     294                        </p>
     295
     296                        <!--------- LIST ITEMS --------------------------------------->
    290297                        <table class="widefat striped">
    291                             <caption>
    292                                 <?php _e('Pagination styling', $this->plugin_short) ?>
    293                             </caption>
     298
     299                            <tr>
     300                                <th>
     301                                    <label for="<?php echo $this->plugin_short . '-list_item_style_list-style-type' ?>"
     302                                           ><?php _e('List style type', $this->plugin_short) ?>:</label>
     303                                </th>
     304                                <td>
     305                                    <select id="<?php echo $this->plugin_short . '-list_item_style_list-style-type' ?>"
     306                                            name="<?php echo $this->plugin_short . '[list_item_style_list-style-type]' ?>">
     307                                        <option value="inherit"
     308                                            <?php if ($style_options_list_icon === '')
     309                                                {echo 'selected="selected"';} ?>>
     310                                            <?php _e('from theme', $this->plugin_short) ?>&nbsp;</option>
     311                                        <option value="none"
     312                                            <?php if ($style_options_list_icon === 'none')
     313                                                {echo 'selected="selected"';} ?>>
     314                                            <?php _e('none', $this->plugin_short) ?>&nbsp;</option>
     315                                        <option value="square"
     316                                            <?php if ($style_options_list_icon === 'square')
     317                                                {echo 'selected="selected"';} ?>>
     318                                            ■ <?php _e('Square', $this->plugin_short) ?> </option>
     319                                        <option value="disc"
     320                                            <?php if ($style_options_list_icon === 'disc')
     321                                                {echo 'selected="selected"';} ?>>
     322                                            &#9679; <?php _e('Disc', $this->plugin_short) ?></option>
     323                                        <option value="circle"
     324                                            <?php if ($style_options_list_icon === 'circle')
     325                                                {echo 'selected="selected"';} ?>>
     326                                            ○ <?php _e('Circle', $this->plugin_short) ?></option>
     327                                    </select>
     328                                    <span class="hint">
     329                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     330                                    </span>
     331                                </td>
     332                            </tr>
     333                        </table>
     334
     335
     336                    </div><!-- /.inside -->
     337                </div><!-- /.postbox -->
     338            </div><!-- /.postbox-container -->
     339
     340            <div class="postbox-container">
     341                <div class="postbox">
     342                    <h2 class="hndle"><?php _e('Styling Options for the Pagination', $this->plugin_short) ?></h2>
     343
     344                    <div class="inside">
     345                        <p>
     346                            <?php _e('If you want to change the appearance of the pagination, enter the designated value. Otherwise, leave it emtpy.', $this->plugin_short) ?>
     347                        </p>
     348
     349                        <!--------- CURRENT PAGINATION ITEM --------------------------->
     350                        <table class="widefat striped">
     351                            <caption><?php _e('Current pagination item', $this->plugin_short) ?>*</caption>
     352
     353                            <tr>
     354                                <th>
     355                                    <label for="<?php echo $this->plugin_short . '-cur_item_style_color' ?>"
     356                                           ><?php _e('Text colour', $this->plugin_short) ?>:</label>
     357                                </th>
     358                                <td>
     359                                    <input type="text" size="7" maxlength="7" class="color-picker"
     360                                           id="<?php echo $this->plugin_short . '-cur_item_style_color' ?>"
     361                                           name="<?php echo $this->plugin_short . '[cur_item_style_color]' ?>"
     362                                           value="<?php echo $style_options_curItem_textClr ?>" />
     363                                    <span class="hint">
     364                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     365                                    </span>
     366                                </td>
     367                            </tr>
     368
     369                            <tr>
     370                                <th>
     371                                    <label for="<?php echo $this->plugin_short . '-cur_item_style_border-color' ?>"
     372                                           ><?php _e('Border colour', $this->plugin_short) ?>:</label>
     373                                </th>
     374                                <td>
     375                                    <input type="text" size="7" maxlength="7" class="color-picker"
     376                                           id="<?php echo $this->plugin_short . '-cur_item_style_border-color' ?>"
     377                                           name="<?php echo $this->plugin_short . '[cur_item_style_border-color]' ?>"
     378                                           value="<?php echo $style_options_curItem_borderClr ?>" />
     379                                    <span class="hint">
     380                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     381                                    </span>
     382                                </td>
     383                            </tr>
     384
     385                            <tr>
     386                                <th>
     387                                    <label for="<?php echo $this->plugin_short . '-cur_item_style_background-color' ?>"
     388                                           ><?php _e('Background colour', $this->plugin_short) ?>:</label>
     389                                </th>
     390                                <td>
     391                                    <input type="text" size="7" maxlength="7" class="color-picker"
     392                                           id="<?php echo $this->plugin_short . '-cur_item_style_background-color' ?>"
     393                                           name="<?php echo $this->plugin_short . '[cur_item_style_background-color]' ?>"
     394                                           value="<?php echo $style_options_curItem_bgClr ?>" />
     395                                    <span class="hint"><?php echo $default ?>: #F1F1F1</span>
     396                                </td>
     397                            </tr>
     398
     399                            <tr>
     400                                <th>
     401                                    <label for="<?php echo $this->plugin_short . '-cur_item_style_font-size' ?>"
     402                                           ><?php _e('Font size', $this->plugin_short) ?>:</label>
     403                                </th>
     404                                <td>
     405                                    <input type="text" size="7" maxlength="5"
     406                                           id="<?php echo $this->plugin_short . '-cur_item_style_font-size' ?>"
     407                                           name="<?php echo $this->plugin_short . '[cur_item_style_font-size]' ?>"
     408                                           value="<?php echo $style_options_item_fontSz ?>"
     409                                           placeholder="<?php _e('e.g.', $this->plugin_short) ?> 12px <?php _e('or', $this->plugin_short) ?> 0.9em" />
     410                                    <span class="hint">
     411                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     412                                    </span>
     413                                </td>
     414                            </tr>
     415                        </table>
     416
     417                        <!--------- LINKED PAGINATION ITEMS --------------------------->
     418                        <table class="widefat striped">
     419                            <caption><?php _e('Linked pagination items', $this->plugin_short) ?>*</caption>
     420
     421                            <tr>
     422                                <th>
     423                                    <label for="<?php echo $this->plugin_short . '-item_style_color' ?>"
     424                                           ><?php _e('Text colour', $this->plugin_short) ?>:</label>
     425                                </th>
     426                                <td>
     427                                    <input type="text" size="7" maxlength="7" class="color-picker"
     428                                           id="<?php echo $this->plugin_short . '-item_style_color' ?>"
     429                                           name="<?php echo $this->plugin_short . '[item_style_color]' ?>"
     430                                           value="<?php echo $style_options_item_textClr ?>" />
     431                                    <span class="hint">
     432                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     433                                    </span>
     434                                </td>
     435                            </tr>
     436
     437                            <tr>
     438                                <th>
     439                                    <label for="<?php echo $this->plugin_short . '-item_style_border-color' ?>"
     440                                           ><?php _e('Border colour', $this->plugin_short) ?>:</label>
     441                                </th>
     442                                <td>
     443                                    <input type="text" size="7" maxlength="7" class="color-picker"
     444                                           id="<?php echo $this->plugin_short . '-item_style_border-color' ?>"
     445                                           name="<?php echo $this->plugin_short . '[item_style_border-color]' ?>"
     446                                           value="<?php echo $style_options_item_borderClr ?>" />
     447                                    <span class="hint"><?php echo $default ?>: #F1F1F1</span>
     448                                </td>
     449                            </tr>
     450
     451                            <tr>
     452                                <th>
     453                                    <label for="<?php echo $this->plugin_short . '-item_style_background-color' ?>"
     454                                           ><?php _e('Background colour', $this->plugin_short) ?>:</label>
     455                                </th>
     456                                <td>
     457                                    <input type="text" size="7" maxlength="7" class="color-picker"
     458                                           id="<?php echo $this->plugin_short . '-item_style_background-color' ?>"
     459                                           value="<?php echo $style_options_item_bgClr ?>" />
     460                                    <span class="hint">
     461                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     462                                    </span>
     463                                </td>
     464                            </tr>
     465
     466                            <tr>
     467                                <th>
     468                                    <label for="<?php echo $this->plugin_short . '-item_style_font-size' ?>"
     469                                           ><?php _e('Font size', $this->plugin_short) ?>:</label>
     470                                </th>
     471                                <td>
     472                                    <input type="text" size="7" maxlength="5"
     473                                           id="<?php echo $this->plugin_short . '-item_style_font-size' ?>"
     474                                           name="wgpag-item_style_font-size"
     475                                           value="<?php echo $style_options_item_fontSz ?>"
     476                                           placeholder="<?php _e('e.g.', $this->plugin_short) ?> 12px <?php _e('or', $this->plugin_short) ?> 0.9em" />
     477                                    <span class="hint">
     478                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     479                                    </span>
     480                                </td>
     481                            </tr>
     482                        </table>
     483
     484                        <!--------- HOVER ON LINKED PAGINATION ITEM ------------------->
     485                        <table class="widefat striped">
     486                            <caption><?php _e('Mouseover on linked pagination items', $this->plugin_short) ?>*</caption>
     487
     488                            <tr>
     489                                <th>
     490                                    <label for="<?php echo $this->plugin_short . '-hover_item_style_color' ?>"
     491                                           ><?php _e('Text colour', $this->plugin_short) ?>:</label>
     492                                </th>
     493                                <td>
     494                                    <input type="text" size="7" maxlength="7" class="color-picker"
     495                                           id="<?php echo $this->plugin_short . '-hover_item_style_color' ?>"
     496                                           name="<?php echo $this->plugin_short . '[hover_item_style_color]' ?>"
     497                                           value="<?php echo $style_options_hovItem_textClr ?>" />
     498                                    <span class="hint">
     499                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     500                                    </span>
     501                                </td>
     502                            </tr>
     503
     504                            <tr>
     505                                <th>
     506                                    <label for="<?php echo $this->plugin_short . '-hover_item_style_border-color' ?>"
     507                                           ><?php _e('Border colour', $this->plugin_short) ?>:</label>
     508                                </th>
     509                                <td>
     510                                    <input type="text" size="7" maxlength="7" class="color-picker"
     511                                           id="<?php echo $this->plugin_short . '-hover_item_style_border-color' ?>"
     512                                           name="<?php echo $this->plugin_short . '[hover_item_style_border-color]' ?>"
     513                                           value="<?php echo $style_options_hovItem_borderClr ?>" />
     514                                    <span class="hint">
     515                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     516                                    </span>
     517                                </td>
     518                            </tr>
     519
     520                            <tr>
     521                                <th>
     522                                    <label for="<?php echo $this->plugin_short . '-hover_item_style_background-color' ?>"
     523                                           ><?php _e('Background colour', $this->plugin_short) ?>:</label>
     524                                </th>
     525                                <td>
     526                                    <input type="text" size="7" maxlength="7" class="color-picker"
     527                                           id="<?php echo $this->plugin_short . '-hover_item_style_background-color' ?>"
     528                                           name="<?php echo $this->plugin_short . '[hover_item_style_background-color]' ?>"
     529                                           value="<?php echo $style_options_hovItem_bgClr ?>" />
     530                                    <span class="hint">
     531                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     532                                    </span>
     533                                </td>
     534                            </tr>
     535
     536                            <tr>
     537                                <th>
     538                                    <label for="<?php echo $this->plugin_short . '-hover_item_style_font-size' ?>"
     539                                           ><?php _e('Font size', $this->plugin_short) ?>:</label>
     540                                </th>
     541                                <td>
     542                                    <input type="text" size="7" maxlength="5"
     543                                           id="<?php echo $this->plugin_short . '-hover_item_style_font-size' ?>"
     544                                           name="<?php echo $this->plugin_short . '[hover_item_style_font-size]' ?>"
     545                                           value="<?php echo $style_options_hovItem_fontSz ?>"
     546                                           placeholder="<?php _e('e.g.', $this->plugin_short) ?> 12px <?php _e('or', $this->plugin_short) ?> 0.9em" />
     547                                    <span class="hint">
     548                                        <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
     549                                    </span>
     550                                </td>
     551                            </tr>
     552                        </table>
     553
     554                        <!---------- PAGINATION BAR ----------------------------------->
     555                        <table class="widefat striped">
     556                            <caption><?php _e('Pagination bar itself', $this->plugin_short) ?></caption>
    294557
    295558                            <tr>
     
    352615                            </tr>
    353616
     617                            <tr>
     618                                <th>
     619                                    <label for="<?php echo $this->plugin_short . '-pag_style_background-color' ?>"
     620                                           ><?php _e('Background colour', $this->plugin_short) ?>:</label>
     621                                </th>
     622                                <td>
     623                                    <input type="text" size="7" maxlength="7" class="color-picker"
     624                                           id="<?php echo $this->plugin_short . '-pag_style_background-color' ?>"
     625                                           name="<?php echo $this->plugin_short . '[pag_style_background-color]' ?>"
     626                                           value="<?php echo $style_options_bgClr ?>" />
     627                                    <span class="hint">
     628                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     629                                    </span>
     630                                </td>
     631                            </tr>
     632
     633                            <tr>
     634                                <th>
     635                                    <label for="<?php echo $this->plugin_short . '-pag_style_border-top-color' ?>"
     636                                           ><?php _e('Border colour top', $this->plugin_short) ?>:</label>
     637                                </th>
     638                                <td>
     639                                    <input type="text" size="7" maxlength="7" class="color-picker"
     640                                           id="<?php echo $this->plugin_short . '-pag_style_border-top-color' ?>"
     641                                           name="<?php echo $this->plugin_short . '[pag_style_border-top-color]' ?>"
     642                                           value="<?php echo $style_options_borderClrTop ?>" />
     643                                    <span class="hint">
     644                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     645                                    </span>
     646                                </td>
     647                            </tr>
     648
     649                            <tr>
     650                                <th>
     651                                    <label for="<?php echo $this->plugin_short . '-pag_style_border-bottom-color' ?>"
     652                                           ><?php _e('Border colour bottom', $this->plugin_short) ?>:</label>
     653                                </th>
     654                                <td>
     655                                    <input type="text" size="7" maxlength="7" class="color-picker"
     656                                           id="<?php echo $this->plugin_short . '-pag_style_border-bottom-color' ?>"
     657                                           name="<?php echo $this->plugin_short . '[pag_style_border-bottom-color]' ?>"
     658                                           value="<?php echo $style_options_borderClrBottom ?>" />
     659                                    <span class="hint">
     660                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     661                                    </span>
     662                                </td>
     663                            </tr>
     664
     665                            <tr>
     666                                <th>
     667                                    <label for="<?php echo $this->plugin_short . '-pag_style_border-left-color' ?>"
     668                                           ><?php _e('Border colour left', $this->plugin_short) ?>:</label>
     669                                </th>
     670                                <td>
     671                                    <input type="text" size="7" maxlength="7" class="color-picker"
     672                                           id="<?php echo $this->plugin_short . '-pag_style_border-left-color' ?>"
     673                                           name="<?php echo $this->plugin_short . '[pag_style_border-left-color]' ?>"
     674                                           value="<?php echo $style_options_borderClrLeft ?>" />
     675                                    <span class="hint">
     676                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     677                                    </span>
     678                                </td>
     679                            </tr>
     680
     681                            <tr>
     682                                <th>
     683                                    <label for="<?php echo $this->plugin_short . '-pag_style_border-right-color' ?>"
     684                                           ><?php _e('Border colour right', $this->plugin_short) ?>:</label>
     685                                </th>
     686                                <td>
     687                                    <input type="text" size="7" maxlength="7" class="color-picker"
     688                                           id="<?php echo $this->plugin_short . '-pag_style_border-right-color' ?>"
     689                                           name="<?php echo $this->plugin_short . '[pag_style_border-right-color]' ?>"
     690                                           value="<?php echo $style_options_borderClrRight ?>" />
     691                                    <span class="hint">
     692                                        <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
     693                                    </span>
     694                                </td>
     695                            </tr>
    354696                        </table>
    355697                    </div><!-- /.inside -->
    356698                </div><!-- /.postbox -->
    357             </div><!-- /.metabox-holder -->
    358 
    359             <div class="postbox-container">
    360                 <div class="postbox">
    361                     <h2 class="hndle"><?php _e('Styling Options', $this->plugin_short) ?></h2>
    362 
    363                     <div class="inside">
    364                         <p>
    365                             <?php _e('If you want to change the appearance of the pagination, enter the designated value. Otherwise, leave it emtpy.', $this->plugin_short) ?>
    366                         </p>
    367 
    368                         <!--------- CURRENT PAGINATION ITEM --------------------------->
    369                         <table class="widefat striped">
    370                             <caption><?php _e('Current pagination item', $this->plugin_short) ?>*</caption>
    371 
    372                             <tr>
    373                                 <th>
    374                                     <label for="<?php echo $this->plugin_short . '-cur_item_style_color' ?>"
    375                                            ><?php _e('Text colour', $this->plugin_short) ?>:</label>
    376                                 </th>
    377                                 <td>
    378                                     <input type="text" size="7" maxlength="7" class="color-picker"
    379                                            id="<?php echo $this->plugin_short . '-cur_item_style_color' ?>"
    380                                            name="<?php echo $this->plugin_short . '[cur_item_style_color]' ?>"
    381                                            value="<?php echo $style_options_curItem_textClr ?>" />
    382                                     <span class="hint">
    383                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    384                                     </span>
    385                                 </td>
    386                             </tr>
    387 
    388                             <tr>
    389                                 <th>
    390                                     <label for="<?php echo $this->plugin_short . '-cur_item_style_border-color' ?>"
    391                                            ><?php _e('Border colour', $this->plugin_short) ?>:</label>
    392                                 </th>
    393                                 <td>
    394                                     <input type="text" size="7" maxlength="7" class="color-picker"
    395                                            id="<?php echo $this->plugin_short . '-cur_item_style_border-color' ?>"
    396                                            name="<?php echo $this->plugin_short . '[cur_item_style_border-color]' ?>"
    397                                            value="<?php echo $style_options_curItem_borderClr ?>" />
    398                                     <span class="hint">
    399                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    400                                     </span>
    401                                 </td>
    402                             </tr>
    403 
    404                             <tr>
    405                                 <th>
    406                                     <label for="<?php echo $this->plugin_short . '-cur_item_style_background-color' ?>"
    407                                            ><?php _e('Background colour', $this->plugin_short) ?>:</label>
    408                                 </th>
    409                                 <td>
    410                                     <input type="text" size="7" maxlength="7" class="color-picker"
    411                                            id="<?php echo $this->plugin_short . '-cur_item_style_background-color' ?>"
    412                                            name="<?php echo $this->plugin_short . '[cur_item_style_background-color]' ?>"
    413                                            value="<?php echo $style_options_curItem_bgClr ?>" />
    414                                     <span class="hint"><?php echo $default ?>: #F1F1F1</span>
    415                                 </td>
    416                             </tr>
    417 
    418                             <tr>
    419                                 <th>
    420                                     <label for="<?php echo $this->plugin_short . '-cur_item_style_font-size' ?>"
    421                                            ><?php _e('Font size', $this->plugin_short) ?>:</label>
    422                                 </th>
    423                                 <td>
    424                                     <input type="text" size="7" maxlength="5"
    425                                            id="<?php echo $this->plugin_short . '-cur_item_style_font-size' ?>"
    426                                            name="<?php echo $this->plugin_short . '[cur_item_style_font-size]' ?>"
    427                                            value="<?php echo $style_options_item_fontSz ?>"
    428                                            placeholder="<?php _e('e.g.', $this->plugin_short) ?> 12px <?php _e('or', $this->plugin_short) ?> 0.9em" />
    429                                     <span class="hint">
    430                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    431                                     </span>
    432                                 </td>
    433                             </tr>
    434                         </table>
    435 
    436                         <!--------- LINKED PAGINATION ITEMS --------------------------->
    437                         <table class="widefat striped">
    438                             <caption><?php _e('Linked pagination items', $this->plugin_short) ?>*</caption>
    439 
    440                             <tr>
    441                                 <th>
    442                                     <label for="<?php echo $this->plugin_short . '-item_style_color' ?>"
    443                                            ><?php _e('Text colour', $this->plugin_short) ?>:</label>
    444                                 </th>
    445                                 <td>
    446                                     <input type="text" size="7" maxlength="7" class="color-picker"
    447                                            id="<?php echo $this->plugin_short . '-item_style_color' ?>"
    448                                            name="<?php echo $this->plugin_short . '[item_style_color]' ?>"
    449                                            value="<?php echo $style_options_item_textClr ?>" />
    450                                     <span class="hint">
    451                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    452                                     </span>
    453                                 </td>
    454                             </tr>
    455 
    456                             <tr>
    457                                 <th>
    458                                     <label for="<?php echo $this->plugin_short . '-item_style_border-color' ?>"
    459                                            ><?php _e('Border colour', $this->plugin_short) ?>:</label>
    460                                 </th>
    461                                 <td>
    462                                     <input type="text" size="7" maxlength="7" class="color-picker"
    463                                            id="<?php echo $this->plugin_short . '-item_style_border-color' ?>"
    464                                            name="<?php echo $this->plugin_short . '[item_style_border-color]' ?>"
    465                                            value="<?php echo $style_options_item_borderClr ?>" />
    466                                     <span class="hint"><?php echo $default ?>: #F1F1F1</span>
    467                                 </td>
    468                             </tr>
    469 
    470                             <tr>
    471                                 <th>
    472                                     <label for="<?php echo $this->plugin_short . '-item_style_background-color' ?>"
    473                                            ><?php _e('Background colour', $this->plugin_short) ?>:</label>
    474                                 </th>
    475                                 <td>
    476                                     <input type="text" size="7" maxlength="7" class="color-picker"
    477                                            id="<?php echo $this->plugin_short . '-item_style_background-color' ?>"
    478                                            value="<?php echo $style_options_item_bgClr ?>" />
    479                                     <span class="hint">
    480                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    481                                     </span>
    482                                 </td>
    483                             </tr>
    484 
    485                             <tr>
    486                                 <th>
    487                                     <label for="<?php echo $this->plugin_short . '-item_style_font-size' ?>"
    488                                            ><?php _e('Font size', $this->plugin_short) ?>:</label>
    489                                 </th>
    490                                 <td>
    491                                     <input type="text" size="7" maxlength="5"
    492                                            id="<?php echo $this->plugin_short . '-item_style_font-size' ?>"
    493                                            name="wgpag-item_style_font-size"
    494                                            value="<?php echo $style_options_item_fontSz ?>"
    495                                            placeholder="<?php _e('e.g.', $this->plugin_short) ?> 12px <?php _e('or', $this->plugin_short) ?> 0.9em" />
    496                                     <span class="hint">
    497                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    498                                     </span>
    499                                 </td>
    500                             </tr>
    501                         </table>
    502 
    503                         <!--------- HOVER ON LINKED PAGINATION ITEM ------------------->
    504                         <table class="widefat striped">
    505                             <caption><?php _e('Mouseover on linked pagination items', $this->plugin_short) ?>*</caption>
    506 
    507                             <tr>
    508                                 <th>
    509                                     <label for="<?php echo $this->plugin_short . '-hover_item_style_color' ?>"
    510                                            ><?php _e('Text colour', $this->plugin_short) ?>:</label>
    511                                 </th>
    512                                 <td>
    513                                     <input type="text" size="7" maxlength="7" class="color-picker"
    514                                            id="<?php echo $this->plugin_short . '-hover_item_style_color' ?>"
    515                                            name="<?php echo $this->plugin_short . '[hover_item_style_color]' ?>"
    516                                            value="<?php echo $style_options_hovItem_textClr ?>" />
    517                                     <span class="hint">
    518                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    519                                     </span>
    520                                 </td>
    521                             </tr>
    522 
    523                             <tr>
    524                                 <th>
    525                                     <label for="<?php echo $this->plugin_short . '-hover_item_style_border-color' ?>"
    526                                            ><?php _e('Border colour', $this->plugin_short) ?>:</label>
    527                                 </th>
    528                                 <td>
    529                                     <input type="text" size="7" maxlength="7" class="color-picker"
    530                                            id="<?php echo $this->plugin_short . '-hover_item_style_border-color' ?>"
    531                                            name="<?php echo $this->plugin_short . '[hover_item_style_border-color]' ?>"
    532                                            value="<?php echo $style_options_hovItem_borderClr ?>" />
    533                                     <span class="hint">
    534                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    535                                     </span>
    536                                 </td>
    537                             </tr>
    538 
    539                             <tr>
    540                                 <th>
    541                                     <label for="<?php echo $this->plugin_short . '-hover_item_style_background-color' ?>"
    542                                            ><?php _e('Background colour', $this->plugin_short) ?>:</label>
    543                                 </th>
    544                                 <td>
    545                                     <input type="text" size="7" maxlength="7" class="color-picker"
    546                                            id="<?php echo $this->plugin_short . '-hover_item_style_background-color' ?>"
    547                                            name="<?php echo $this->plugin_short . '[hover_item_style_background-color]' ?>"
    548                                            value="<?php echo $style_options_hovItem_bgClr ?>" />
    549                                     <span class="hint">
    550                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    551                                     </span>
    552                                 </td>
    553                             </tr>
    554 
    555                             <tr>
    556                                 <th>
    557                                     <label for="<?php echo $this->plugin_short . '-hover_item_style_font-size' ?>"
    558                                            ><?php _e('Font size', $this->plugin_short) ?>:</label>
    559                                 </th>
    560                                 <td>
    561                                     <input type="text" size="7" maxlength="5"
    562                                            id="<?php echo $this->plugin_short . '-hover_item_style_font-size' ?>"
    563                                            name="<?php echo $this->plugin_short . '[hover_item_style_font-size]' ?>"
    564                                            value="<?php echo $style_options_hovItem_fontSz ?>"
    565                                            placeholder="<?php _e('e.g.', $this->plugin_short) ?> 12px <?php _e('or', $this->plugin_short) ?> 0.9em" />
    566                                     <span class="hint">
    567                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    568                                     </span>
    569                                 </td>
    570                             </tr>
    571                         </table>
    572 
    573                         <!--------- LIST ITEMS --------------------------------------->
    574                         <table class="widefat striped">
    575                             <caption><?php _e('List Items', $this->plugin_short) ?></caption>
    576 
    577                             <tr>
    578                                 <th>
    579                                     <label for="<?php echo $this->plugin_short . '-list_item_style_icon' ?>"
    580                                            ><?php _e('List style type', $this->plugin_short) ?>:</label>
    581                                 </th>
    582                                 <td>
    583                                     <select id="<?php echo $this->plugin_short . '-list_item_style_icon' ?>"
    584                                             name="<?php echo $this->plugin_short . '[list_item_style_icon]' ?>">
    585                                         <option value="inherit"
    586                                             <?php if ($style_options_list_icon == 'inherit')
    587                                                 {echo 'selected="selected"';} ?>>
    588                                             <?php _e('from theme', $this->plugin_short) ?>&nbsp;</option>
    589                                         <option value="none"
    590                                             <?php if ($style_options_list_icon == 'none')
    591                                                 {echo 'selected="selected"';} ?>>
    592                                             <?php _e('none', $this->plugin_short) ?>&nbsp;</option>
    593                                         <option value="square"
    594                                             <?php if ($style_options_list_icon == 'square')
    595                                                 {echo 'selected="selected"';} ?>>
    596                                             ■ <?php _e('Square', $this->plugin_short) ?> </option>
    597                                         <option value="disc"
    598                                             <?php if ($style_options_list_icon == 'disc')
    599                                                 {echo 'selected="selected"';} ?>>
    600                                             &#9679; <?php _e('Disc', $this->plugin_short) ?></option>
    601                                         <option value="circle"
    602                                             <?php if ($style_options_list_icon == 'circle')
    603                                                 {echo 'selected="selected"';} ?>>
    604                                             ○ <?php _e('Circle', $this->plugin_short) ?></option>
    605                                     </select>
    606                                     <span class="hint">
    607                                         <?php echo $default ?>: <?php _e('from theme', $this->plugin_short) ?>
    608                                     </span>
    609                                 </td>
    610                             </tr>
    611                         </table>
    612 
    613                         <!---------- PAGINATION BAR ----------------------------------->
    614                         <table class="widefat striped">
    615                             <caption><?php _e('Pagination Bar', $this->plugin_short) ?></caption>
    616 
    617                             <tr>
    618                                 <th>
    619                                     <label for="<?php echo $this->plugin_short . '-pag_style_background-color' ?>"
    620                                            ><?php _e('Background colour', $this->plugin_short) ?>:</label>
    621                                 </th>
    622                                 <td>
    623                                     <input type="text" size="7" maxlength="7" class="color-picker"
    624                                            id="<?php echo $this->plugin_short . '-pag_style_background-color' ?>"
    625                                            name="<?php echo $this->plugin_short . '[pag_style_background-color]' ?>"
    626                                            value="<?php echo $style_options_bgClr ?>" />
    627                                     <span class="hint">
    628                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    629                                     </span>
    630                                 </td>
    631                             </tr>
    632 
    633                             <tr>
    634                                 <th>
    635                                     <label for="<?php echo $this->plugin_short . '-pag_style_border-top-color' ?>"
    636                                            ><?php _e('Border colour top', $this->plugin_short) ?>:</label>
    637                                 </th>
    638                                 <td>
    639                                     <input type="text" size="7" maxlength="7" class="color-picker"
    640                                            id="<?php echo $this->plugin_short . '-pag_style_border-top-color' ?>"
    641                                            name="<?php echo $this->plugin_short . '[pag_style_border-top-color]' ?>"
    642                                            value="<?php echo $style_options_borderClrTop ?>" />
    643                                     <span class="hint">
    644                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    645                                     </span>
    646                                 </td>
    647                             </tr>
    648 
    649                             <tr>
    650                                 <th>
    651                                     <label for="<?php echo $this->plugin_short . '-pag_style_border-bottom-color' ?>"
    652                                            ><?php _e('Border colour bottom', $this->plugin_short) ?>:</label>
    653                                 </th>
    654                                 <td>
    655                                     <input type="text" size="7" maxlength="7" class="color-picker"
    656                                            id="<?php echo $this->plugin_short . '-pag_style_border-bottom-color' ?>"
    657                                            name="<?php echo $this->plugin_short . '[pag_style_border-bottom-color]' ?>"
    658                                            value="<?php echo $style_options_borderClrBottom ?>" />
    659                                     <span class="hint">
    660                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    661                                     </span>
    662                                 </td>
    663                             </tr>
    664 
    665                             <tr>
    666                                 <th>
    667                                     <label for="<?php echo $this->plugin_short . '-pag_style_border-left-color' ?>"
    668                                            ><?php _e('Border colour left', $this->plugin_short) ?>:</label>
    669                                 </th>
    670                                 <td>
    671                                     <input type="text" size="7" maxlength="7" class="color-picker"
    672                                            id="<?php echo $this->plugin_short . '-pag_style_border-left-color' ?>"
    673                                            name="<?php echo $this->plugin_short . '[pag_style_border-left-color]' ?>"
    674                                            value="<?php echo $style_options_borderClrLeft ?>" />
    675                                     <span class="hint">
    676                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    677                                     </span>
    678                                 </td>
    679                             </tr>
    680 
    681                             <tr>
    682                                 <th>
    683                                     <label for="<?php echo $this->plugin_short . '-pag_style_border-right-color' ?>"
    684                                            ><?php _e('Border colour right', $this->plugin_short) ?>:</label>
    685                                 </th>
    686                                 <td>
    687                                     <input type="text" size="7" maxlength="7" class="color-picker"
    688                                            id="<?php echo $this->plugin_short . '-pag_style_border-right-color' ?>"
    689                                            name="<?php echo $this->plugin_short . '[pag_style_border-right-color]' ?>"
    690                                            value="<?php echo $style_options_borderClrRight ?>" />
    691                                     <span class="hint">
    692                                         <?php echo $default ?>: <?php _e('transparent', $this->plugin_short) ?>
    693                                     </span>
    694                                 </td>
    695                             </tr>
    696                         </table>
    697                     </div><!-- /.inside -->
    698                 </div><!-- /.postbox -->
    699699
    700700                <?php submit_button() ?>
    701             </div><!-- /.metabox-holder -->
     701            </div><!-- /.postbox-container -->
    702702
    703703        </form>
Note: See TracChangeset for help on using the changeset viewer.