WordPress.org
Get WordPress

Plugin Directory

Changeset 2470731


Ignore:
Timestamp:
02/08/2021 10:56:18 AM (5 years ago)
Author:
UsersUltra
Message:

calendar improvements

Location:
booking-ultra-pro/trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed

  • booking-ultra-pro/trunk/admin/css/admin.css

    r2465548 r2470731  
    609609    text-align:left;
    610610    overflow: auto;
     611    width: 98%
    611612   
    612613       
    … …  
    614615
    615616.bup-calendar-staff-bar-filter ul{
     617    display: flex
    616618   
    617619   
    … …  
    625627    /*max-height: 140px;*/
    626628    border: solid 1px #e1e1e1ad;
    627     display:inline-block;
     629    display:inline-flex;
    628630    vertical-align:top;
    629631    margin-right: 0.5em;
    … …  
    661663.bup-calendar-staff-bar-filter li a{
    662664    display: block;
     665    width: 100%;
    663666    cursor: pointer;
    664667    color: #4E4E4E;

  • booking-ultra-pro/trunk/admin/css/bup-calendar.css

    r2453140 r2470731  
    3131    right:2px;
    3232    top:2px;
     33}
     34
     35.bup-calendar-element .ec .ec-toolbar .ec-title {
     36 cursor:pointer;
     37 font-size:24px;
     38 margin:0;
     39    position: relative
     40}
     41
     42.bup-calendar-element .ec .ec-toolbar .ec-title::after {
     43 display:inline-block;
     44 margin-left:.255em;
     45 vertical-align:.255em;
     46 content:"";
     47 border-top:.3em solid;
     48 border-right:.3em solid transparent;
     49 border-bottom:0;
     50 border-left:.3em solid transparent
     51}
     52.bup-calendar-element .ec .ec-toolbar .ec-title:empty::after {
     53 margin-left:0
     54}
     55.bup-calendar-element .ec .ec-toolbar .ec-title::after {
     56 font-size:1rem;
     57 margin-left:.5rem
     58}
     59.bup-calendar-element .ec .ec-toolbar .ec-title:hover {
     60 color:#0056b3
    3361}
    3462
    … …  
    92120
    93121
    94 
    95 
    96 
     122.bup-calendar-element .daterangepicker {
     123 position:absolute;
     124 color:inherit;
     125 background-color:#fff;
     126 border-radius:4px;
     127 border:1px solid #ddd;
     128 width:278px;
     129 max-width:none;
     130 padding:0;
     131 margin-top:7px;
     132 top:100px;
     133 left:20px;
     134 z-index:3001;
     135 display:none;
     136 font-family:arial;
     137 font-size:15px;
     138 line-height:1em;
     139}
     140.bup-calendar-element .daterangepicker:after,
     141.bup-calendar-element .daterangepicker:before {
     142 position:absolute;
     143 display:inline-block;
     144 border-bottom-color:rgba(0,0,0,.2);
     145 content:''
     146}
     147.bup-calendar-element .daterangepicker:before {
     148 top:-7px;
     149 border-right:7px solid transparent;
     150 border-left:7px solid transparent;
     151 border-bottom:7px solid #ccc
     152}
     153.bup-calendar-element .daterangepicker:after {
     154 top:-6px;
     155 border-right:6px solid transparent;
     156 border-bottom:6px solid #fff;
     157 border-left:6px solid transparent
     158}
     159.bup-calendar-element .daterangepicker.opensleft:before {
     160 right:9px
     161}
     162.bup-calendar-element .daterangepicker.opensleft:after {
     163 right:10px
     164}
     165.bup-calendar-element .daterangepicker.openscenter:before {
     166 left:0;
     167 right:0;
     168 width:0;
     169 margin-left:auto;
     170 margin-right:auto
     171}
     172.bup-calendar-element .daterangepicker.openscenter:after {
     173 left:0;
     174 right:0;
     175 width:0;
     176 margin-left:auto;
     177 margin-right:auto
     178}
     179.bup-calendar-element .daterangepicker.opensright:before {
     180 left:9px
     181}
     182.bup-calendar-element .daterangepicker.opensright:after {
     183 left:10px
     184}
     185.bup-calendar-element .daterangepicker.drop-up {
     186 margin-top:-7px
     187}
     188.bup-calendar-element .daterangepicker.drop-up:before {
     189 top:initial;
     190 bottom:-7px;
     191 border-bottom:initial;
     192 border-top:7px solid #ccc
     193}
     194.bup-calendar-element .daterangepicker.drop-up:after {
     195 top:initial;
     196 bottom:-6px;
     197 border-bottom:initial;
     198 border-top:6px solid #fff
     199}
     200.bup-calendar-element .daterangepicker.single .daterangepicker .ranges,
     201.bup-calendar-element .daterangepicker.single .drp-calendar {
     202 float:none
     203}
     204.bup-calendar-element .daterangepicker.single .drp-selected {
     205 display:none
     206}
     207.bup-calendar-element .daterangepicker.show-calendar .drp-calendar {
     208 display:block
     209}
     210.bup-calendar-element .daterangepicker.show-calendar .drp-calendar select {
     211 border:1px solid #ced4da;
     212 padding:0 7px
     213}
     214.bup-calendar-element .daterangepicker.show-calendar .drp-calendar table th {
     215 text-transform:none
     216}
     217.bup-calendar-element .daterangepicker.show-calendar .drp-buttons {
     218 display:block
     219}
     220.bup-calendar-element .daterangepicker.auto-apply .drp-buttons {
     221 display:none
     222}
     223.bup-calendar-element .daterangepicker .drp-calendar {
     224 display:none;
     225 max-width:270px
     226}
     227.bup-calendar-element .daterangepicker .drp-calendar.left {
     228 padding:8px 0 8px 8px
     229}
     230.bup-calendar-element .daterangepicker .drp-calendar.right {
     231 padding:8px
     232}
     233.bup-calendar-element .daterangepicker .drp-calendar.single .calendar-table {
     234 border:none
     235}
     236.bup-calendar-element .daterangepicker .calendar-table .next span,
     237.bup-calendar-element .daterangepicker .calendar-table .prev span {
     238 color:#fff;
     239 border:solid #000;
     240 border-width:0 2px 2px 0;
     241 border-radius:0;
     242 display:inline-block;
     243 padding:3px
     244}
     245.bup-calendar-element .daterangepicker .calendar-table .next span {
     246 transform:rotate(-45deg);
     247 -webkit-transform:rotate(-45deg)
     248}
     249.bup-calendar-element .daterangepicker .calendar-table .prev span {
     250 transform:rotate(135deg);
     251 -webkit-transform:rotate(135deg)
     252}
     253.bup-calendar-element .daterangepicker .calendar-table td,
     254.bup-calendar-element .daterangepicker .calendar-table th {
     255 white-space:nowrap;
     256 text-align:center;
     257 vertical-align:middle;
     258 min-width:32px;
     259 width:32px;
     260 height:24px;
     261 line-height:24px;
     262 font-size:12px;
     263 border-radius:4px;
     264 border:1px solid transparent;
     265 cursor:pointer
     266}
     267.bup-calendar-element .daterangepicker .calendar-table {
     268 border:1px solid #fff;
     269 border-radius:4px;
     270 background-color:#fff
     271}
     272.bup-calendar-element .daterangepicker .calendar-table table {
     273 width:100%;
     274 margin:0;
     275 border-spacing:0;
     276 border-collapse:collapse
     277}
     278.bup-calendar-element .daterangepicker td.available:hover,
     279.bup-calendar-element .daterangepicker th.available:hover {
     280 background-color:#eee;
     281 border-color:transparent;
     282 color:inherit
     283}
     284.bup-calendar-element .daterangepicker td.week,
     285.bup-calendar-element .daterangepicker th.week {
     286 font-size:80%;
     287 color:#ccc
     288}
     289.bup-calendar-element .daterangepicker td.off,
     290.bup-calendar-element .daterangepicker td.off.end-date,
     291.bup-calendar-element .daterangepicker td.off.in-range,
     292.bup-calendar-element .daterangepicker td.off.start-date {
     293 background-color:#fff;
     294 border-color:transparent;
     295 color:#999
     296}
     297.bup-calendar-element .daterangepicker td.in-range {
     298 background-color:#ebf4f8;
     299 border-color:transparent;
     300 color:#000;
     301 border-radius:0
     302}
     303.bup-calendar-element .daterangepicker td.start-date {
     304 border-radius:4px 0 0 4px
     305}
     306.bup-calendar-element .daterangepicker td.end-date {
     307 border-radius:0 4px 4px 0
     308}
     309.bup-calendar-element .daterangepicker td.start-date.end-date {
     310 border-radius:4px
     311}
     312.bup-calendar-element .daterangepicker td.active,
     313.bup-calendar-element .daterangepicker td.active:hover {
     314 background-color:#357ebd;
     315 border-color:transparent;
     316 color:#fff
     317}
     318.bup-calendar-element .daterangepicker th.month {
     319 width:auto
     320}
     321.bup-calendar-element .daterangepicker option.disabled,
     322.bup-calendar-element .daterangepicker td.disabled {
     323 color:#999;
     324 cursor:not-allowed;
     325 text-decoration:line-through
     326}
     327.bup-calendar-element .daterangepicker select.monthselect,
     328.bup-calendar-element .daterangepicker select.yearselect {
     329 font-size:12px;
     330 padding:1px;
     331 margin:0;
     332 cursor:default
     333}
     334.bup-calendar-element .daterangepicker select.monthselect {
     335 margin-right:2%;
     336 width:56%
     337}
     338.bup-calendar-element .daterangepicker select.yearselect {
     339 width:40%
     340}
     341.bup-calendar-element .daterangepicker select.ampmselect,
     342.bup-calendar-element .daterangepicker select.hourselect,
     343.bup-calendar-element .daterangepicker select.minuteselect,
     344.bup-calendar-element .daterangepicker select.secondselect {
     345 width:50px;
     346 margin:0 auto;
     347 background:#eee;
     348 border:1px solid #eee;
     349 padding:2px;
     350 outline:0;
     351 font-size:12px
     352}
     353.bup-calendar-element .daterangepicker .calendar-time {
     354 text-align:center;
     355 margin:4px auto 0 auto;
     356 line-height:30px;
     357 position:relative
     358}
     359.bup-calendar-element .daterangepicker .calendar-time select.disabled {
     360 color:#ccc;
     361 cursor:not-allowed
     362}
     363.bup-calendar-element .daterangepicker .drp-buttons {
     364 clear:both;
     365 text-align:right;
     366 padding:8px;
     367 border-top:1px solid #ddd;
     368 display:none;
     369 line-height:12px;
     370 vertical-align:middle
     371}
     372.bup-calendar-element .daterangepicker .drp-selected {
     373 display:block;
     374 font-size:12px;
     375 padding:8px
     376}
     377.bup-calendar-element .daterangepicker .drp-buttons .btn {
     378 margin-left:8px;
     379 font-size:12px;
     380 padding:4px 8px
     381}
     382.bup-calendar-element .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
     383 border-right:1px solid #ddd
     384}
     385.bup-calendar-element .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
     386 border-left:1px solid #ddd
     387}
     388.bup-calendar-element .daterangepicker.show-ranges.rtl .drp-calendar.right {
     389 border-right:1px solid #ddd
     390}
     391.bup-calendar-element .daterangepicker.show-calendar.show-ranges .ranges {
     392 min-height:246px;
     393 border-right:1px solid #ddd
     394}
     395.bup-calendar-element .daterangepicker .ranges {
     396 float:none;
     397 text-align:left;
     398 margin:0
     399}
     400.bup-calendar-element .daterangepicker .ranges ul {
     401 list-style:none;
     402 margin:0 auto;
     403 padding:0;
     404 width:100%
     405}
     406.bup-calendar-element .daterangepicker .ranges li {
     407 font-size:12px;
     408 padding:8px 12px;
     409 cursor:pointer;
     410 border-radius:0;
     411 border:0;
     412 background-color:transparent
     413}
     414.bup-calendar-element .daterangepicker .ranges li:first-child {
     415 border-radius:4px 4px 0 0
     416}
     417.bup-calendar-element .daterangepicker .ranges li:last-child {
     418 border-radius:0 0 4px 4px
     419}
     420.bup-calendar-element .daterangepicker .ranges li:hover {
     421 background-color:#f8f9fa;
     422 color:#212529
     423}
     424.bup-calendar-element .daterangepicker .ranges li.active {
     425 background-color:#08c;
     426 color:#fff;
     427 border-color:#80bdff;
     428 outline:0;
     429 box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
     430}
     431
     432
     433@media (min-width:564px) {
     434   
     435     .bup-calendar-element .daterangepicker {
     436      width:auto;
     437     }
     438     .bup-calendar-element .daterangepicker.show-calendar.show-ranges {
     439      width:646px
     440     }
     441     .bup-calendar-element .daterangepicker .drp-selected {
     442      display:inline-block;
     443      padding-right:8px
     444     }
     445     .bup-calendar-element .daterangepicker .ranges ul {
     446      width:140px
     447     }
     448     .bup-calendar-element .daterangepicker.single .ranges ul {
     449      width:100%
     450     }
     451     .bup-calendar-element .daterangepicker.single .drp-calendar.left {
     452      clear:none
     453     }
     454     .bup-calendar-element .daterangepicker.single .drp-calendar,
     455     .bup-calendar-element .daterangepicker.single .ranges {
     456      float:left
     457     }
     458     .bup-calendar-element .daterangepicker {
     459      direction:ltr;
     460      text-align:left;
     461     }
     462     .bup-calendar-element .daterangepicker .drp-calendar.left {
     463      clear:left;
     464      margin-right:0
     465     }
     466     .bup-calendar-element .daterangepicker .drp-calendar.left .calendar-table {
     467      border-right:none;
     468      border-top-right-radius:0;
     469      border-bottom-right-radius:0
     470     }
     471     .bup-calendar-element .daterangepicker .drp-calendar.right {
     472      margin-left:0
     473     }
     474     .bup-calendar-element .daterangepicker .drp-calendar.right .calendar-table {
     475      border-left:none;
     476      border-top-left-radius:0;
     477      border-bottom-left-radius:0
     478     }
     479     .bup-calendar-element .daterangepicker .drp-calendar.left .calendar-table {
     480      padding-right:8px
     481     }
     482     .bup-calendar-element .daterangepicker .drp-calendar,
     483     .bup-calendar-element .daterangepicker .ranges {
     484      float:left
     485     }
     486   
     487   
     488 }
     489
     490
     491
     492
     493
     494

  • booking-ultra-pro/trunk/admin/scripts/booking-ultra-calendar-common.js

    r2465548 r2470731  
    8282                if (arg.event.display === 'auto' && arg.view.type !== 'listWeek') {
    8383                    let $event = $(arg.el)
    84                     let $popover = $event.find('.bookly-ec-popover');
     84                    let $popover = $event.find('.bupro-ec-popover');
    8585                    let offset = $event.offset();
    8686                    let top = Math.max($popover.outerHeight() + 40, Math.max($event.closest('.ec-body').offset().top, offset.top) - $(document).scrollTop());
    … …  
    181181                }
    182182               
    183                // alert("edit: "+ arg.event.id);
     183               
    184184                bup_edit_appointment_inline(arg.event.id,null,'no');
    185185
    … …  
    301301        getStaffMemberIds: function () { return [this.getCurrentStaffId()]; },
    302302        getServiceIds: function () { return ['all']; },
    303         getLocationIds: function () { return ['all']; },
     303       // getLocationIds: function () { return ['all']; },
     304        getLocationIds: function () { return this.getLocationIds(); },
    304305        refresh: function () {},
    305306        viewChanged: function () {},
    … …  
    311312   
    312313   
    313    
    314    
    315    
    316    
    317    
    318314})(jQuery);

  • booking-ultra-pro/trunk/admin/scripts/booking-ultra-calendar.js

    r2453140 r2470731  
    9090        }
    9191    });
     92   
    9293    $staffLinks.filter('[data-staff_id=' + tabId + ']').addClass('active');
    9394    if ($staffLinks.filter('.active').length === 0) {
    … …  
    136137   
    137138    */
    138 
    139     /**
    140      * Init services filter.
    141      */
     139   
     140   
     141    jQuery(document).on("click", "#bup-btn-calendar-filter", function(e) {
     142           
     143            e.preventDefault();     
     144            jQuery("#bup-spinner").show();
     145            calendar.ec.refetchEvents();           
     146               
     147    });
     148
     149   
    142150   
    143    
    144     /*$servicesFilter.buproDropdown({
    145         onChange: function (values, selected, all) {
    146             serviceIds = this.buproDropdown('getSelected');
    147             setCookie('bupro_cal_service_ids', serviceIds);
    148             calendar.ec.refetchEvents();
    149         }
    150     });
    151     if (serviceIds === null) {
    152         $servicesFilter.buproDropdown('selectAll');
    153     } else if (serviceIds !== '') {
    154         $servicesFilter.buproDropdown('setSelected', serviceIds.split(','));
    155     } else {
    156         $servicesFilter.buproDropdown('toggle');
    157     }
    158     // Populate serviceIds.
    159     serviceIds = $servicesFilter.buproDropdown('getSelected');
    160    
    161     */
    162 
    163     /**
    164      * Init locations filter.
    165      */
    166    
    167    
    168     /* $locationsFilter.buproDropdown({
    169         onChange: function (values, selected, all) {
    170             locationIds = this.buproDropdown('getSelected');
    171             setCookie('bupro_cal_location_ids', locationIds);
    172             calendar.ec.refetchEvents();
    173         }
    174     });
    175     if (locationIds === null) {
    176         $locationsFilter.buproDropdown('selectAll');
    177     } else if (locationIds !== '') {
    178         $locationsFilter.buproDropdown('setSelected', locationIds.split(','));
    179     } else {
    180         $locationsFilter.buproDropdown('toggle');
    181     }
    182     // Populate locationIds.
    183     locationIds = $locationsFilter.buproDropdown('getSelected');
    184    
    185     */
    186151
    187152    /**
    … …  
    258223        },
    259224        getStaffMemberIds: function () {
     225           
    260226            let ids = [],
    261227                staffId = this.getCurrentStaffId()
    … …  
    266232                    ids.push(staff.id);
    267233                });
     234               
    268235            } else {
    269236                ids.push(staffId);
    … …  
    272239            return ids;
    273240        },
    274         getLocationIds: function () {
    275             return locationIds;
    276         },
     241       
     242             
     243        getLocationIds: function () {           
     244           
     245             let locationId = jQuery("#bup-location-calendar").val();
     246           
     247            if (locationId == '') {               
     248                           
     249            } else {
     250               
     251             
     252            }
     253           
     254           
     255           
     256           // return locationIds;
     257           return locationId;
     258        },
     259       
    277260        getServiceIds: function () {
    278261            return serviceIds;

  • booking-ultra-pro/trunk/admin/scripts/bup-calendar.js

    r2453140 r2470731  
    298298    });
    299299   
    300     jQuery(document).on("click", "#bup-btn-calendar-filter", function(e) {
    301            
    302             e.preventDefault();     
    303             jQuery("#bup-spinner").show();
    304             //$fullCalendar.fullCalendar( 'refetchEvents' );   
    305            
    306            
    307                
    308     });
     300   
    309301   
    310302   

  • booking-ultra-pro/trunk/classes/bookingultra.admin.php

    r2465548 r2470731  
    290290            'day'              => __( 'Day',   'booking-ultra-pro' ),
    291291            'month'            => __( 'Month', 'booking-ultra-pro' ),
     292            'list'            => __( 'List', 'booking-ultra-pro' ),
    292293            'allDay'           => __( 'All Day', 'booking-ultra-pro' ),
    293294            'noStaffSelected'  => __( 'No staff selected', 'booking-ultra-pro' ),

  • booking-ultra-pro/trunk/classes/bookingultra.messaging.php

    r2453140 r2470731  
    103103               // wp-includes/PHPMailer/PHPMailer.php
    104104                require_once ABSPATH . WPINC . '/PHPMailer/PHPMailer.php';
    105                 //require_once ABSPATH . WPINC . '/class-phpmailer.php';
    106105                require_once ABSPATH . WPINC . '/class-smtp.php';
    107106                $phpmailer = new PHPMailer( true );

  • booking-ultra-pro/trunk/index.php

    r2465548 r2470731  
    44Plugin URI: http://bookingultrapro.com
    55Description: Booking Plugin for every service provider: dentists, medical services, hair & beauty salons, repair services, event planners, rental agencies, educational services, government agencies, school counsellors and more. This plugin allows you to manage your appointments easily.
    6 Version: 1.0.87
     6Version: 1.0.88
    77Author: Booking Ultra Pro
    88Domain Path: /languages

  • booking-ultra-pro/trunk/readme.txt

    r2465548 r2470731  
    44Requires at least: 3.0.1
    55Tested up to: 5.6.0
    6 Stable tag: 1.0.87
     6Stable tag: 1.0.88
    77License: GPLv2 or later
    88License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    152152== Changelog ==
    153153
     154= 1.0.88 (02-07-2021) =
     155* Improvement - Month View Improvement.
     156* Improvement - Filter by Location.
     157* Improvement - Coding Improvement.
     158
    154159= 1.0.87 (01-29-2021) =
    155 
    156160* Improvement - Main Calendar on Admin Improved. Month View Issue.
    157161* Improvement - Filters issue.
    … …  
    159163
    160164= 1.0.86 (01-08-2021) =
    161 
    162165* Improvement - Improvement on coding.
    163166* Improvement - Implement of new Calendar on Main Page at Admin Dashboard
Note: See TracChangeset for help on using the changeset viewer.