WordPress.org

Plugin Directory

Changeset 1249645


Ignore:
Timestamp:
09/20/15 13:17:14 (2 years ago)
Author:
robby.roboter
Message:

persons ribbon with dropdown

Location:
redi-restaurant-reservation/branches/newDesign
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • redi-restaurant-reservation/branches/newDesign/css/restaurant.css

    r1247856 r1249645  
    162162    box-shadow: none; 
    163163    border-radius: 0; 
    164     margin-left: 6px; 
    165164    margin-bottom: 7px; 
    166165} 
     
    683682    line-height: 30px; 
    684683    clear: both; 
    685     color: #888; 
    686684} 
    687685 
     
    740738    padding-top: 2px; 
    741739    display: none; 
     740    color: black; 
    742741} 
    743742 
     
    12801279} 
    12811280 
    1282 .more_persons .selected{ 
     1281.more_persons .selected { 
    12831282    width: auto; 
    12841283    border: none; 
     
    12861285} 
    12871286 
    1288 .more_persons .selectOptions{ 
     1287.more_persons .selectOptions { 
    12891288    width: 30px; 
    12901289    text-align: right; 
    12911290    top: 32px; 
    12921291    left: -10px; 
    1293 } 
    1294  
    1295 .more_persons .selectOption{ 
     1292    z-index: 100; 
     1293} 
     1294 
     1295.more_persons .selectOption { 
    12961296    width: auto; 
    12971297} 
     1298 
     1299.redi-reservation-alert-error { 
     1300    color: #fa9090; 
     1301    text-align: center; 
     1302} 
     1303 
     1304#step1errors { 
     1305    padding: 5px; 
     1306} 
     1307 
     1308#step1load { 
     1309    margin-left: auto; 
     1310    margin-right: auto; 
     1311    padding: 60px; 
     1312} 
     1313 
     1314.img-error { 
     1315    border: none; 
     1316    padding: 0px; 
     1317    box-shadow: none; 
     1318    float: left; 
     1319} 
  • redi-restaurant-reservation/branches/newDesign/js/restaurant.js

    r1247856 r1249645  
    3737        $('#more').html($(this).attr('value')); 
    3838        $('.selectOptions').hide(); 
    39  
    4039    }); 
    4140 
     
    115114    }); 
    116115 
     116    /* step2 > step1 */ 
     117    $('.f_btn_step2').click(function(){ 
     118        $('#step1').show(); 
     119        $('#step2').hide(); 
     120 
     121        $('#tab2').removeClass('f_active_step2').addClass('f_non_active_step2'); 
     122        $('#tab1').removeClass('f_non_active_step1').addClass('f_active_step1'); 
     123 
     124        event.preventDefault(); 
     125    }); 
     126 
    117127    function hideSteps() { 
    118128        $('#step2').hide('slow'); // if user clicks again first button we hide the other steps 
     
    347357            $('#buttons').html(''); 
    348358            if (response['Error']) { 
    349                 $('#step1errors').html(response['Error']).show('slow'); 
     359                $('#step1errors-div').html(response['Error']); 
     360                $('#step1errors').show('slow'); 
    350361            } else { 
    351362                if (hidesteps) { 
  • redi-restaurant-reservation/branches/newDesign/templates/frontend.php

    r1247856 r1249645  
    5252            <!--            <div class="f_arrow_back_temp"></div>--> 
    5353            <!--            <div class="f_arrow_next_temp"></div>--> 
    54  
     54            <?php 
     55            $fits = $maxPersons - $minPersons < 8; 
     56            $maxInRow   = $fits ? 8 : 7; 
     57            ?> 
    5558            <table width="350px" border="0" align="center" cellspacing="6" class="f_person_data"> 
    5659                <tr> 
    57                     <?php foreach(range($minPersons, $minPersons + 7) as $current):?> 
     60                    <?php foreach(range($minPersons, $maxPersons - $minPersons <= $maxInRow ?  $maxPersons : $minPersons + $maxInRow - 1) as $current):?> 
    5861                        <td width="33px" <?php if( $current == $minPersons):?>class="select"<?php endif?>><?php echo $current ?></td> 
    5962                    <?php endforeach;?> 
    60                     <td width="33px" class="more_persons"> 
    61                         <div class="selectBox" value="Option 1"> 
    62                             <span id="more">...</span> 
    63                         <?php if($maxPersons > $minPersons +8):?> 
    64                             <div class="selectOptions" style="display: none;"> 
    65                                 <?php foreach(range($minPersons + 8, $maxPersons) as $current):?> 
    66                                     <span value="<?php echo $current; ?>" class="selectOption"><?php echo $current; ?></span> 
    67                                 <?php endforeach; ?> 
     63                    <?php if ( !$fits ): ?> 
     64                        <td width="33px" class="more_persons"> 
     65                            <div class="selectBox" value="Option 1"> 
     66                                <span id="more">...</span> 
     67                                <div class="selectOptions" style="display: none;"> 
     68                                    <?php foreach ( range( $minPersons + 7, $maxPersons ) as $current ): ?> 
     69                                        <span value="<?php echo $current; ?>" class="selectOption"><?php echo $current; ?></span> 
     70                                    <?php endforeach; ?> 
     71                                </div> 
    6872                            </div> 
    69                         <?php endif; ?> 
    70                         </div> 
    71                     </td> 
     73                        </td> 
     74                    <?php endif; ?> 
     75 
    7276                </tr> 
    7377            </table> 
     
    112116        <br> 
    113117 
    114         <div id="step1errors" <?php if ( ! isset( $step1['Error'] )): ?>style="display: none;"<?php endif; ?> 
    115              class="redi-reservation-alert-error redi-reservation-alert"> 
    116             <?php if ( isset( $step1['Error'] ) ): ?> 
    117                 <?php echo $step1['Error']; ?><br clear="both"/> 
    118             <?php endif; ?> 
    119         </div> 
    120         <br> 
    121         <div id="step2busy" <?php if ( ! $all_busy): ?>style="display: none;"<?php endif; ?> 
    122              class="redi-reservation-alert-error redi-reservation-alert"> 
    123             <?php _e( 'Reservation is not available on selected day. Please select another day.', 
    124                 'redi-restaurant-reservation' ); ?> 
    125         </div> 
    126118        <div class="f_subbox_title"> 
     119 
    127120            <table width="335" border="0" align="center" cellspacing="0"> 
    128121                <tbody> 
    129122                <tr> 
    130                     <td width="36px"><img src="<?php echo REDI_BOOKING_PLUGIN_URL ?>img/f_time.png" width="24px" 
    131                                           height="25px" alt=""/></td> 
    132                     <td width="295px"><span class="f_H2">Time</span></td> 
     123                    <td width="36px"> 
     124                        <img src="<?php echo REDI_BOOKING_PLUGIN_URL ?>img/f_time.png" width="24px" height="25px" alt=""/> 
     125                    </td> 
     126                    <td width="295px"> 
     127                        <span class="f_H2">Time</span> 
     128                    </td> 
    133129                </tr> 
    134130                </tbody> 
     
    139135            <!--            <div class="f_arrow_next_temp2"></div>--> 
    140136            <!--            <div class="f_arrow_back_temp2"></div>--> 
    141             <img id="step1load" style="display: none;" src="<?php echo REDI_BOOKING_PLUGIN_URL ?>img/loader1.gif" 
    142                  alt=""/> 
     137            <div id="step1errors" <?php if ( ! isset( $step1['Error'] )): ?>style="display: none;"<?php endif; ?> class="redi-reservation-alert-error redi-reservation-alert"> 
     138                <img class="img-error" width="20px" height="22px" alt="" src="<?php echo REDI_BOOKING_PLUGIN_URL ?>img/f_error.png"> 
     139                <div id="#step1errors-div"> 
     140                    <?php if ( isset( $step1['Error'] ) ): ?> 
     141                        <?php echo $step1['Error']; ?><br clear="both"/> 
     142                    <?php endif; ?> 
     143                </div> 
     144            </div> 
     145            <div id="step2busy" <?php if ( ! $all_busy): ?>style="display: none;"<?php endif; ?> class="redi-reservation-alert-error redi-reservation-alert"> 
     146                <img width="20px" height="22px" alt="" src="<?php echo REDI_BOOKING_PLUGIN_URL ?>img/f_error.png"> 
     147                <?php _e( 'Reservation is not available on selected day. Please select another day.', 
     148                        'redi-restaurant-reservation' ); ?> 
     149            </div> 
     150            <img id="step1load" style="display: none;" src="<?php echo REDI_BOOKING_PLUGIN_URL ?>img/loader1.gif" alt=""/> 
    143151            <table width="350px" border="0" align="center" cellspacing="6" class="f_time_data" id="buttons"> 
    144152                <?php if ( isset( $step1 ) && is_array( $step1 ) && ! isset( $step1['Error'] ) ): ?> 
Note: See TracChangeset for help on using the changeset viewer.