Plugin Directory

Changeset 2138227


Ignore:
Timestamp:
08/12/2019 01:31:59 PM (7 years ago)
Author:
slopeit
Message:

Version 4.1.1 released

Location:
slope-widgets/trunk
Files:
2 deleted
8 edited

Legend:

Unmodified
Added
Removed
  • slope-widgets/trunk/css/flatpickr-override.css

    r2137124 r2138227  
    1 .flatpickr-day.today.inRange,
    2 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    3   -webkit-box-shadow: -5px 0 0 #e6e6e6, 2px 0 0 #e6e6e6 !important;
    4   box-shadow: -5px 0 0 #e6e6e6, 2px 0 0 #e6e6e6 !important;
    5 }
    6 
    7 .dayContainer + .dayContainer {
    8   -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
    9   box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
    10 }
    11 
    121.flatpickr-calendar {
    13   padding: 4px 0 10px 2px;
     2    padding: 10px 2px;
    143}
    154
    165.numInputWrapper span {
    17     display: none;
     6    display: none;
    187}
    198
    209.flatpickr-calendar.open {
    21     z-index: 101 !important;
     10    z-index: 101 !important;
    2211}
    2312
    24 .flatpickr-current-month {
    25   display: flex;
    26   justify-content: center;
    27   width: 100%;
    28   align-items: center;
    29   padding: 0;
     13.flatpickr-month input.cur-year,
     14.flatpickr-month input[type="number"] {
     15    -moz-appearance: textfield !important;
     16    -webkit-appearance: textfield !important;
     17    appearance: textfield !important;
     18    background: transparent !important;
     19    border-radius: 0 !important;
     20    border: 0 !important;
     21    -webkit-box-sizing: border-box;
     22    box-sizing: border-box;
     23    color: inherit !important;
     24    cursor: text;
     25    display: inline-block !important;
     26    font-family: inherit !important;
     27    font-size: inherit !important;
     28    font-weight: inherit !important;
     29    height: auto !important;
     30    line-height: inherit !important;
     31    margin: 0 !important;
     32    padding: 0 0 0 0.5ch !important;
     33    vertical-align: initial !important;
    3034}
     35
     36.flatpickr-month input.cur-year:focus,
     37.flatpickr-month input[type="number"]:focus {
     38    box-shadow: none !important;
     39}
     40
     41.flatpickr-month .numInputWrapper {
     42    background: transparent;
     43}
     44
     45.flatpickr-month .flatpickr-current-month {
     46    padding-top: 0 !important;
     47}
     48
     49.dayContainer + .dayContainer,
     50.flatpickr-day.inRange,
     51.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
     52    -webkit-box-shadow: none !important;
     53    box-shadow: none !important;
     54}
     55
     56.flatpickr-day.inRange,
     57.flatpickr-day.prevMonthDay.inRange,
     58.flatpickr-day.nextMonthDay.inRange,
     59.flatpickr-day.today.inRange,
     60.flatpickr-day.prevMonthDay.today.inRange,
     61.flatpickr-day.nextMonthDay.today.inRange,
     62.flatpickr-day:hover,
     63.flatpickr-day.prevMonthDay:hover,
     64.flatpickr-day.nextMonthDay:hover,
     65.flatpickr-day:focus,
     66.flatpickr-day.prevMonthDay:focus,
     67.flatpickr-day.nextMonthDay:focus {
     68    background-color: rgba(0, 0, 0, 0.1);
     69    border-color: transparent;
     70}
     71
     72.flatpickr-day {
     73    height: 44px;
     74    line-height: 44px;
     75    max-height: 44px;
     76    max-width: 44px;
     77    width: 44px;
     78}
     79
     80.dayContainer {
     81    -webkit-justify-content: flex-start;
     82    justify-content: flex-start;
     83}
  • slope-widgets/trunk/css/slope-reservations.css

    r2137124 r2138227  
    33}
    44
    5 /* Overwrites le rules of the theme only for the elements that belong to .slope-block*/
     5/* Overwrites le rules of the theme only for the elements that belong to .slope-block */
    66.slope-block {
     7    border-radius: 0.2rem;
     8    border: 1px solid rgba(0, 0, 0, 0.1);
     9    line-height: 1;
     10    margin: 0 auto;
     11    max-width: 900px;
    712    padding: 8px;
    8     border: 1px solid rgba(0, 0, 0, 0.1);
    9     border-radius: 0.2rem;
    10     line-height: 1;
    1113    position: relative;
    12     max-width: 900px;
    1314}
    1415
     
    3031}
    3132
     33.slope-block input[type="number"] {
     34    -webkit-appearance: none;
     35    appearance: none;
     36    background: transparent;
     37    border-radius: 0;
     38    border: 0;
     39    color: inherit;
     40    display: block;
     41    font: inherit;
     42    margin: 0;
     43    outline: none;
     44    padding: 0;
     45    width: auto;
     46}
     47
     48.slope-block label {
     49    display: block;
     50    font-size: 14px;
     51}
     52
     53.slope-block {
     54    min-height: 225px;
     55}
     56
     57.slope-reservation-dates {
     58    display: flex;
     59    justify-content: space-between;
     60    padding-right: 8px;
     61    width: 100%;
     62}
     63
     64.slope-guests-and-button-container {
     65    padding-left: 8px;
     66    width: 100%;
     67    z-index: 10;
     68}
     69
     70.slope-reservation-section-container {
     71    width: 100%;
     72}
     73
     74.slope-reservation-section-container.slope-check-out {
     75    justify-content: flex-end;
     76}
     77
     78.slope-reservation-section-container.slope-submit-section,
     79.slope-reservation-submit {
     80    width: 100%;
     81}
     82
     83.slope-save-guests,
     84.slope-cancel-guests {
     85    background: transparent;
     86    display: inline-block;
     87    text-align: center;
     88    width: 49%;
     89}
     90
     91.slope-horizontal-separator {
     92    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
     93    display: block;
     94    margin-bottom: 10px;
     95    margin-top: 10px;
     96    width: 100%;
     97}
     98
     99.slope-block .slope-check-out-wrapper {
     100    justify-content: flex-end;
     101    text-align: right;
     102}
     103
     104.slope-vertical-divider {
     105    display: none;
     106}
     107
     108.slope-reservation-dates .slope-reservation-icon-container {
     109    align-items: center;
     110    display: flex;
     111    justify-content: center;
     112    opacity: 0.4;
     113    width: 20px;
     114}
     115
     116.dayContainer + .dayContainer {
     117    border-left: 1px solid rgba(0, 0, 0, 0.1);
     118}
     119
     120/* Desktop */
     121@media (min-width: 992px) {
     122
     123    .slope-block {
     124        display: flex;
     125        justify-content: space-between;
     126        min-height: auto;
     127        min-width: 800px;
     128    }
     129
     130    .slope-horizontal-separator {
     131        display: none;
     132    }
     133
     134    .slope-guests-and-button-container {
     135        width: 50%;
     136    }
     137
     138    .slope-reservation-dates {
     139        width: 50%;
     140    }
     141
     142    .slope-vertical-divider {
     143        display: block;
     144    }
     145
     146    .slope-reservation-section-container {
     147        width: 50%;
     148    }
     149
     150    .slope-guests-and-button-container {
     151        display: flex;
     152        justify-content: space-between;
     153    }
     154
     155    .slope-reservation-dates .slope-reservation-icon-container {
     156        width: 120px;
     157    }
     158
     159}
     160
    32161/* This is a hack to show the datepicker in the right position */
    33162.slope-block .slope-check-in-input,
    34163.slope-block .slope-check-out-input {
    35     visibility: hidden !important;
     164    border: 0;
    36165    height: 0;
    37     border: 0;
     166    left: 0;
    38167    padding: 0;
    39168    position: absolute;
    40     left: 0;
    41169    top: 88px;
     170    visibility: hidden !important;
    42171}
    43172
     
    45174.slope-block .slope-check-out-label,
    46175.slope-block .slope-guests-label {
     176    display: block !important;
    47177    font-size: 13px !important;
    48     display: block !important;
    49178    height: 15px !important;
    50179    line-height: 15px !important;
     
    62191.slope-block .slope-children-count {
    63192    border-radius: 0.2rem;
    64     line-height: 20px;
    65193    font-size: 16px;
    66     min-width: 175px;
    67 }
    68 
    69 .slope-block .slope-reservation-submit {
    70     font-weight: 500;
    71     font-size: 14px;
    72     border-radius: 0.2rem;
    73194    line-height: 20px;
    74195    min-width: 175px;
    75196}
    76197
     198.slope-block .slope-reservation-submit {
     199    border-radius: 0.2rem;
     200    font-size: 14px;
     201    font-weight: 500;
     202    line-height: 20px;
     203    min-width: 175px;
     204}
     205
    77206.slope-stepper-container {
     207    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
     208    border-radius: 6px;
     209    border: 1px solid rgba(0, 0, 0, 0.1);
     210    display: none;
    78211    font-size: 16px;
    79212    line-height: 16px;
    80     border: 1px solid rgba(0, 0, 0, 0.1);
    81     border-radius: 0.2rem;
    82     z-index: 99;
    83     display: none;
    84     animation: fpFadeInDown 300ms cubic-bezier(0.23,1,0.32,1);
    85     border-radius: 5px;
     213    margin-top: 10px;
     214    padding: 10px;
    86215    position: absolute;
    87216    width: 300px;
    88     z-index: 1;
    89     padding: 10px;
    90     margin-top: 10px;
     217    z-index: 99;
    91218}
    92219
    93220.slope-block input[type="text"] {
    94     padding: 0 !important;
    95221    border: 0 !important;
    96     outline: 0 !important;
    97     margin-bottom: 0 !important;
    98222    cursor: default !important;
    99223    font-size: inherit !important;
     224    margin-bottom: 0 !important;
    100225    min-height: 0 !important;
     226    outline: 0 !important;
     227    padding: 0 !important;
    101228}
    102229
    103230.slope-stepper-container input[type="text"] {
    104     padding: 0 !important;
     231    background-color: inherit !important;
    105232    border: 0 !important;
    106     outline: 0 !important;
    107     margin-bottom: 0 !important;
    108233    cursor: default !important;
    109234    font-size: inherit !important;
     235    margin-bottom: 0 !important;
    110236    min-height: 0 !important;
    111     background-color: inherit !important;
     237    outline: 0 !important;
     238    padding: 0 !important;
    112239}
    113240
     
    122249    border: 0 !important;
    123250    cursor: pointer;
    124     outline: 0 !important;
     251    font-family: inherit;
     252    font-size: inherit !important;
    125253    margin-bottom: 0 !important;
    126254    margin-top: 0 !important;
    127     font-size: inherit !important;
    128255    min-height: 30px !important;
     256    outline: 0 !important;
     257    padding: 12px !important;
     258    text-transform: uppercase;
    129259    transition: all 0.2s ease-in-out;
    130     font-family: inherit;
    131     text-transform: uppercase;
    132     padding: 12px !important;
    133260}
    134261
     
    152279}
    153280
     281.slope-stepper-container input[type="text"],
     282.slope-stepper-container input[type="number"] {
     283    width: auto;
     284}
     285
    154286.slope-stepper-container .slope-stepper-value {
    155287    text-align: center;
     
    172304    height: 26px;
    173305    justify-content: center;
    174     line-height: 16px;
     306    line-height: 18px;
    175307    margin: 0 !important;
    176308    opacity: 1;
     
    179311    text-decoration: none;
    180312    transition: all 0.2s ease-in-out !important;
     313    -webkit-user-select: none;
     314    -moz-user-select: none;
     315    -ms-user-select: none;
    181316    width: 26px;
    182     -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    183     -moz-user-select: none; /* mozilla browsers */
    184     -ms-user-select: none; /* IE10+ */
    185317}
    186318
    187319.slope-stepper-container .slope-stepper-value {
    188     width: 24px;
    189     height: 24px;
    190     float: right;
    191     line-height: 16px;
    192     padding: 0;
     320    width: 44px !important;
    193321}
    194322
    195323.slope-stepper-container .slope-guests-stepper {
    196     display: inline-block;
    197     float: right;
     324    display: flex;
    198325}
    199326
     
    206333
    207334.slope-vertical-divider {
     335    border-left: 1px solid rgba(0, 0, 0, 0.1);
    208336    height: 42px;
     337    margin-bottom: auto;
    209338    margin-top: auto;
    210     margin-bottom: auto;
    211     border-left: 1px solid rgba(0, 0, 0, 0.1);
    212339}
    213340
    214341.slope-guests-count-row {
    215     display: flex;
     342    align-items: center;
     343    display: flex;
     344    justify-content: space-between;
    216345    padding: 10px;
    217     justify-content: space-between;
    218     align-items: center;
    219346}
    220347
  • slope-widgets/trunk/languages/slope-widgets-en_US.po

    r2132212 r2138227  
    22msgstr ""
    33"Project-Id-Version: Slope Widgets\n"
    4 "POT-Creation-Date: 2019-07-26 12:16+0200\n"
    5 "PO-Revision-Date: 2019-07-26 12:18+0200\n"
     4"POT-Creation-Date: 2019-08-12 15:25+0200\n"
     5"PO-Revision-Date: 2019-08-12 15:25+0200\n"
    66"Last-Translator: \n"
    77"Language-Team: \n"
     
    1111"Content-Transfer-Encoding: 8bit\n"
    1212"Plural-Forms: nplurals=2; plural=(n != 1);\n"
    13 "X-Generator: Poedit 2.2.3\n"
     13"X-Generator: Poedit 2.2\n"
    1414"X-Poedit-Basepath: ..\n"
    1515"X-Poedit-WPHeader: slope-widgets.php\n"
     
    5757msgstr "Cards background color"
    5858
    59 #: slope-promotions.php:57 slope-reservations.php:70
     59#: slope-promotions.php:57 slope-reservations.php:63
    6060msgid "Colore del testo"
    6161msgstr "Text color"
     
    125125msgstr "Cards to show in a row"
    126126
    127 #: slope-promotions.php:145 slope-reservations.php:164 slope-widgets.php:130
     127#: slope-promotions.php:145 slope-widgets.php:108
    128128msgid "Impostazioni"
    129129msgstr "Settings"
    130130
    131 #: slope-promotions.php:148 slope-reservations.php:165
     131#: slope-promotions.php:148
    132132msgid "Stile"
    133133msgstr "Style"
    134134
    135 #: slope-promotions.php:151 slope-reservations.php:166
     135#: slope-promotions.php:151
    136136msgid "Layout"
    137137msgstr "Layout"
    138138
    139 #: slope-promotions.php:157 slope-reservations.php:8 slope-reservations.php:171
     139#: slope-promotions.php:157 slope-reservations.php:8 slope-reservations.php:103
    140140msgid "Salva modifiche"
    141141msgstr "Save Changes"
     
    195195
    196196#: slope-reservations.php:40
    197 msgid "Fascia d'età dei bambini (in anni)"
    198 msgstr "Children age range (in years)"
     197msgid "Età massima dei bambini (in anni)"
     198msgstr "Maximum children age (years)"
    199199
    200200#: slope-reservations.php:40
    201 msgid "Min"
    202 msgstr "Min"
    203 
    204 #: slope-reservations.php:41
    205201msgid "Max"
    206202msgstr "Max"
    207203
    208 #: slope-reservations.php:47
     204#: slope-reservations.php:45
    209205msgid "Soggiorno minimo suggerito"
    210206msgstr "Minimum stay suggested"
    211207
    212 #: slope-reservations.php:47
     208#: slope-reservations.php:45
    213209msgid "Es: 3"
    214210msgstr "Eg: 3"
    215211
    216 #: slope-reservations.php:55
     212#: slope-reservations.php:53
    217213msgid "Mostra selezione bambini"
    218214msgstr "Show children select field"
    219215
    220 #: slope-reservations.php:65
     216#: slope-reservations.php:58
    221217msgid "Colore principale"
    222218msgstr "Main color"
    223219
    224 #: slope-reservations.php:107
    225 msgid "Celle del calendario smussate"
    226 msgstr "Rounded calendar cells"
    227 
    228 #: slope-reservations.php:119
    229 msgid "Orizzontale"
    230 msgstr "Horizontal"
    231 
    232 #: slope-reservations.php:120
    233 msgid "Verticale"
    234 msgstr "Vertical"
    235 
    236 #: slope-reservations.php:121
    237 msgid "Automatico"
    238 msgstr "Auto"
    239 
    240 #: slope-reservations.php:123
    241 msgid "Layout della barra delle prenotazioni"
    242 msgstr "Reservations bar layout"
    243 
    244 #: slope-reservations.php:131
     220#: slope-reservations.php:68
    245221msgid "Apri il Booking Engine in una nuova scheda"
    246222msgstr "Open the Booking Engine in a new tab"
    247223
    248 #: slope-reservations.php:142
     224#: slope-reservations.php:79
    249225msgid "Documentazione"
    250226msgstr "Documentation"
    251227
    252 #: slope-reservations.php:143
     228#: slope-reservations.php:80
    253229msgid "Slope Widgets funziona con gli "
    254230msgstr "Slope Widgets works with a "
    255231
    256 #: slope-reservations.php:143
     232#: slope-reservations.php:80
    257233msgid " Se non sai cosa sono e come funzionano, consulta la "
    258234msgstr " If you don’t know what they are and how they work, please check the "
    259235
    260 #: slope-reservations.php:144
     236#: slope-reservations.php:81
    261237msgid "documentazione"
    262238msgstr "documentation"
    263239
    264 #: slope-reservations.php:144
     240#: slope-reservations.php:81
    265241msgid " di WordPress."
    266242msgstr " of WordPress."
    267243
    268 #: slope-reservations.php:145
     244#: slope-reservations.php:82
    269245msgid "Se il sito web della tua struttura è "
    270246msgstr "If the website of your structure is "
    271247
    272 #: slope-reservations.php:145
     248#: slope-reservations.php:82
    273249msgid " multilingua"
    274250msgstr " multi language"
    275251
    276 #: slope-reservations.php:146
     252#: slope-reservations.php:83
    277253msgid ""
    278254" o preferisci mostrare il widget di prenotazione e il booking engine in "
     
    282258"another language, add the optional parameter "
    283259
    284 #: slope-reservations.php:147
     260#: slope-reservations.php:84
    285261msgid "allo shortcode che inserirai nelle pagine del sito tradotte."
    286262msgstr "to the shortcode that you will insert in the translated pages."
    287263
    288 #: slope-reservations.php:148
     264#: slope-reservations.php:85
    289265msgid ""
    290266"Le lingue supportate dalla barra delle prenotazioni sono italiano, inglese, "
     
    294270"German "
    295271
    296 #: slope-reservations.php:149
     272#: slope-reservations.php:86
    297273msgid "Shortcode supportati:"
    298274msgstr "Supported shortcodes:"
    299275
    300 #: slope-reservations.php:149
     276#: slope-reservations.php:86
    301277msgid ""
    302278"mostra la barra delle prenotazioni in italiano e il booking engine si adatta "
     
    306282"in the user’s browser default language."
    307283
    308 #: slope-reservations.php:150
     284#: slope-reservations.php:87
    309285msgid "mostra widget e booking engine sempre in inglese."
    310286msgstr "shows widget and booking engine always in English."
    311287
    312 #: slope-reservations.php:151
     288#: slope-reservations.php:88
    313289msgid "mostra widget e booking engine sempre in italiano."
    314290msgstr "shows widget and booking engine always in Italian."
    315291
    316 #: slope-reservations.php:152
     292#: slope-reservations.php:89
    317293msgid "mostra widget e booking engine sempre in francese."
    318294msgstr "shows widget and booking engine always in French."
    319295
    320 #: slope-reservations.php:153
     296#: slope-reservations.php:90
    321297msgid "mostra widget e booking engine sempre in tedesco."
    322298msgstr "shows widget and booking engine always in German."
    323299
    324 #: slope-widgets.php:122
     300#: slope-widgets.php:100
    325301msgid "Impostazioni di Slope Widgets"
    326302msgstr "Slope Widgets Settings"
     
    347323msgid "https://www.slope.it/"
    348324msgstr "https://www.slope.it/en/"
     325
     326#~ msgid "Min"
     327#~ msgstr "Min"
     328
     329#~ msgid "Celle del calendario smussate"
     330#~ msgstr "Rounded calendar cells"
     331
     332#~ msgid "Orizzontale"
     333#~ msgstr "Horizontal"
     334
     335#~ msgid "Verticale"
     336#~ msgstr "Vertical"
     337
     338#~ msgid "Automatico"
     339#~ msgstr "Auto"
     340
     341#~ msgid "Layout della barra delle prenotazioni"
     342#~ msgstr "Reservations bar layout"
    349343
    350344#~ msgid "Colore dei pulsanti di selezione persone"
  • slope-widgets/trunk/languages/slope-widgets.pot

    r2132212 r2138227  
    44"Plural-Forms: nplurals=INTEGER; plural=EXPRESSION;\n"
    55"Project-Id-Version: Slope Widgets\n"
    6 "POT-Creation-Date: 2019-07-26 12:16+0200\n"
     6"POT-Creation-Date: 2019-08-12 15:25+0200\n"
    77"PO-Revision-Date: 2018-01-04 14:50+0100\n"
    88"Last-Translator: \n"
     
    1111"Content-Type: text/plain; charset=UTF-8\n"
    1212"Content-Transfer-Encoding: 8bit\n"
    13 "X-Generator: Poedit 2.2.3\n"
     13"X-Generator: Poedit 2.2\n"
    1414"X-Poedit-Basepath: ..\n"
    1515"X-Poedit-WPHeader: slope-widgets.php\n"
     
    5757msgstr ""
    5858
    59 #: slope-promotions.php:57 slope-reservations.php:70
     59#: slope-promotions.php:57 slope-reservations.php:63
    6060msgid "Colore del testo"
    6161msgstr ""
     
    125125msgstr ""
    126126
    127 #: slope-promotions.php:145 slope-reservations.php:164 slope-widgets.php:130
     127#: slope-promotions.php:145 slope-widgets.php:108
    128128msgid "Impostazioni"
    129129msgstr ""
    130130
    131 #: slope-promotions.php:148 slope-reservations.php:165
     131#: slope-promotions.php:148
    132132msgid "Stile"
    133133msgstr ""
    134134
    135 #: slope-promotions.php:151 slope-reservations.php:166
     135#: slope-promotions.php:151
    136136msgid "Layout"
    137137msgstr ""
    138138
    139 #: slope-promotions.php:157 slope-reservations.php:8 slope-reservations.php:171
     139#: slope-promotions.php:157 slope-reservations.php:8 slope-reservations.php:103
    140140msgid "Salva modifiche"
    141141msgstr ""
     
    195195
    196196#: slope-reservations.php:40
    197 msgid "Fascia d'età dei bambini (in anni)"
     197msgid "Età massima dei bambini (in anni)"
    198198msgstr ""
    199199
    200200#: slope-reservations.php:40
    201 msgid "Min"
    202 msgstr ""
    203 
    204 #: slope-reservations.php:41
    205201msgid "Max"
    206202msgstr ""
    207203
    208 #: slope-reservations.php:47
     204#: slope-reservations.php:45
    209205msgid "Soggiorno minimo suggerito"
    210206msgstr ""
    211207
    212 #: slope-reservations.php:47
     208#: slope-reservations.php:45
    213209msgid "Es: 3"
    214210msgstr ""
    215211
    216 #: slope-reservations.php:55
     212#: slope-reservations.php:53
    217213msgid "Mostra selezione bambini"
    218214msgstr ""
    219215
    220 #: slope-reservations.php:65
     216#: slope-reservations.php:58
    221217msgid "Colore principale"
    222218msgstr ""
    223219
    224 #: slope-reservations.php:107
    225 msgid "Celle del calendario smussate"
    226 msgstr ""
    227 
    228 #: slope-reservations.php:119
    229 msgid "Orizzontale"
    230 msgstr ""
    231 
    232 #: slope-reservations.php:120
    233 msgid "Verticale"
    234 msgstr ""
    235 
    236 #: slope-reservations.php:121
    237 msgid "Automatico"
    238 msgstr ""
    239 
    240 #: slope-reservations.php:123
    241 msgid "Layout della barra delle prenotazioni"
    242 msgstr ""
    243 
    244 #: slope-reservations.php:131
     220#: slope-reservations.php:68
    245221msgid "Apri il Booking Engine in una nuova scheda"
    246222msgstr ""
    247223
    248 #: slope-reservations.php:142
     224#: slope-reservations.php:79
    249225msgid "Documentazione"
    250226msgstr ""
    251227
    252 #: slope-reservations.php:143
     228#: slope-reservations.php:80
    253229msgid "Slope Widgets funziona con gli "
    254230msgstr ""
    255231
    256 #: slope-reservations.php:143
     232#: slope-reservations.php:80
    257233msgid " Se non sai cosa sono e come funzionano, consulta la "
    258234msgstr ""
    259235
    260 #: slope-reservations.php:144
     236#: slope-reservations.php:81
    261237msgid "documentazione"
    262238msgstr ""
    263239
    264 #: slope-reservations.php:144
     240#: slope-reservations.php:81
    265241msgid " di WordPress."
    266242msgstr ""
    267243
    268 #: slope-reservations.php:145
     244#: slope-reservations.php:82
    269245msgid "Se il sito web della tua struttura è "
    270246msgstr ""
    271247
    272 #: slope-reservations.php:145
     248#: slope-reservations.php:82
    273249msgid " multilingua"
    274250msgstr ""
    275251
    276 #: slope-reservations.php:146
     252#: slope-reservations.php:83
    277253msgid ""
    278254" o preferisci mostrare il widget di prenotazione e il booking engine in "
     
    280256msgstr ""
    281257
    282 #: slope-reservations.php:147
     258#: slope-reservations.php:84
    283259msgid "allo shortcode che inserirai nelle pagine del sito tradotte."
    284260msgstr ""
    285261
    286 #: slope-reservations.php:148
     262#: slope-reservations.php:85
    287263msgid ""
    288264"Le lingue supportate dalla barra delle prenotazioni sono italiano, inglese, "
     
    290266msgstr ""
    291267
    292 #: slope-reservations.php:149
     268#: slope-reservations.php:86
    293269msgid "Shortcode supportati:"
    294270msgstr ""
    295271
    296 #: slope-reservations.php:149
     272#: slope-reservations.php:86
    297273msgid ""
    298274"mostra la barra delle prenotazioni in italiano e il booking engine si adatta "
     
    300276msgstr ""
    301277
    302 #: slope-reservations.php:150
     278#: slope-reservations.php:87
    303279msgid "mostra widget e booking engine sempre in inglese."
    304280msgstr ""
    305281
    306 #: slope-reservations.php:151
     282#: slope-reservations.php:88
    307283msgid "mostra widget e booking engine sempre in italiano."
    308284msgstr ""
    309285
    310 #: slope-reservations.php:152
     286#: slope-reservations.php:89
    311287msgid "mostra widget e booking engine sempre in francese."
    312288msgstr ""
    313289
    314 #: slope-reservations.php:153
     290#: slope-reservations.php:90
    315291msgid "mostra widget e booking engine sempre in tedesco."
    316292msgstr ""
    317293
    318 #: slope-widgets.php:122
     294#: slope-widgets.php:100
    319295msgid "Impostazioni di Slope Widgets"
    320296msgstr ""
  • slope-widgets/trunk/readme.txt

    r2137124 r2138227  
    55Requires at least: 4.3
    66Tested up to: 5.2.2
    7 Stable tag: 4.1.0
     7Stable tag: 4.1.1
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
     
    3838== Changelog ==
    3939
     40= 4.1.1 =
     41* Sistemati alcuni problemi relativi all'interfaccia della barra delle prenotazioni (UI)
     42* Migliorato il supporto per dispositivi mobili
     43
    4044= 4.1.0 =
    41 * Correzioni minori
    42 * Stile migliorato
     45* Risolto un problema per cui il pannello di selezione degli ospiti poteva non essere mostrato o risultava non attivo
     46* Migliorata la compatibilità con alcuni temi
    4347
    4448= 4.0.1 =
    45 * Corretti alcuni bug grafici e funzionali introdotti con la versione precedente
     49* Correzioni minori
    4650
    4751= 4.0.0 =
    48 * Questo aggiornamento include importanti cambiamenti alla barra delle prenotazioni, assicurati che tutto funzioni correttamente dopo l'aggiornamento
    49 * Restyling completo del plugin "prenotazioni"
     52* **Questo aggiornamento include importanti cambiamenti alla barra delle prenotazioni, assicurati che tutto funzioni correttamente dopo l'aggiornamento. Potrebbe essere necessario recarsi nella pagina delle impostazioni e ripristinare alcune impostazioni**
     53* Restyling completo della barra delle prenotazioni
    5054* È ora possibile inserire il blocco delle prenotazioni direttamente dal Block Editor (Gutenberg), senza usare lo shortcode
    5155
  • slope-widgets/trunk/slope-reservations.php

    r2137124 r2138227  
    3838    // Text field: slope_options[children_age_max]
    3939    echo "<div class='setting-field'>
    40             <label>" . esc_html__('Fascia d\'età dei bambini (in anni)', 'slope-widgets') . "<input id='slope_children_age_max' name='slope_options[children_age_max]' type='number' step='1'min='1'max'99'size='7' value='{$options['children_age_max']}' placeholder='" . esc_html__('Max', 'slope-widgets') . "'>
    41             </label>
     40            <label>" . esc_html__('Età massima dei bambini (in anni)', 'slope-widgets') . "<input id='slope_children_age_max' name='slope_options[children_age_max]' type='number' step='1'min='1'max'99'size='7' value='{$options['children_age_max']}' placeholder='" . esc_html__('Max', 'slope-widgets') . "'></label>
    4241        </div>";
    4342
     
    5554        </div>";
    5655
    57 
    5856  // Colorpicker: slope_options[calendar_color]
    59   echo "<div class='setting-field'>
    60     <label>" . esc_html__('Colore principale', 'slope-widgets') . "</label><input id='colorpicker' name='slope_options[main_color]' type='text' class='slope_main_color' value='{$options['main_color']}'>
    61   </div>";
     57    echo "<div class='setting-field'>
     58            <label>" . esc_html__('Colore principale', 'slope-widgets') . "</label><input id='colorpicker' name='slope_options[main_color]' type='text' class='slope_main_color' value='{$options['main_color']}'>
     59        </div>";
    6260
    6361  // Colorpicker: slope_options[text_color]
    64   echo "<div class='setting-field'>
    65     <label>" . esc_html__('Colore del testo', 'slope-widgets') . "</label><input id='colorpicker'name='slope_options[text_color]' type='text' class='slope_text_color' value='{$options['text_color']}'>
    66   </div>";
     62    echo "<div class='setting-field'>
     63            <label>" . esc_html__('Colore del testo', 'slope-widgets') . "</label><input id='colorpicker'name='slope_options[text_color]' type='text' class='slope_text_color' value='{$options['text_color']}'>
     64        </div>";
    6765
    6866  // Text field: slope_options[book_target]
    69   echo "<div class='setting-field'>
    70     <label>" . esc_html__('Apri il Booking Engine in una nuova scheda', 'slope-widgets');
    71   if ($options['book_target']) {
     67    echo "<div class='setting-field'>
     68            <label>" . esc_html__('Apri il Booking Engine in una nuova scheda', 'slope-widgets');
     69    if ($options['book_target']) {
    7270      $checkedBook = ' checked="checked" ';
    73   }
    74   echo "<input" . $checkedBook . " id='slope_book_target' name='slope_options[book_target]' type='checkbox'></label></div>";
    75 
    76   echo '</div>';
    77 
    78     echo "</div>";
     71    }
     72    echo "<input" . $checkedBook . " id='slope_book_target' name='slope_options[book_target]' type='checkbox'></label></div>";
     73
     74    echo "</div></div>";
    7975}
    8076
     
    217213
    218214    $bookingButtonValue = ($strings['button_value'] ? $strings['button_value'] : $defaultBookingButtonValue);
    219   $mainColor = ($options['main_color'] ? $options['main_color'] : $defaultMainColor);
    220   $fontColor = ($options['text_color'] ? $options['text_color'] : $defaultFontColor);
     215    $mainColor = ($options['main_color'] ? $options['main_color'] : $defaultMainColor);
     216    $fontColor = ($options['text_color'] ? $options['text_color'] : $defaultFontColor);
    221217    $fontWeightBold = ($options['select_font_weight'] ? '.slope-block label { font-weight: bold; }' : '');
    222218    $childrenMaxAge = ($options['children_age_max'] ? $options['children_age_max'] : $defaultChildrenMaxAge);
     
    225221
    226222    $html = '<style type="text/css">
     223       
    227224        .slope-block {
    228             background-color:' . $mainColor . ';
    229             color:' . $fontColor . ';
     225            background-color: ' . $mainColor . ';
     226            color: ' . $fontColor . ';
    230227        }
    231228       
    232229        .slope-block input[type="text"] {
    233             color:' . $fontColor . ';
     230            color: ' . $fontColor . ';
    234231        }
    235232       
    236233        .slope-stepper-container {
    237           color: ' . $fontColor . ';
    238           background-color: ' . $mainColor . ';
    239         }
    240 
     234            color: ' . $fontColor . ';
     235            background-color: ' . $mainColor . ';
     236        }
     237       
    241238        .slope-stepper-value {
    242           color: ' . $fontColor . ' !important;
     239            color: ' . $fontColor . ' !important;
    243240        }
    244241       
    245242        .slope-stepper-container .slope-increment-button,
    246243        .slope-stepper-container .slope-decrement-button {
    247           color: ' . $fontColor . ' !important;
    248           border: 2px solid ' . $fontColor . '  !important;
    249         }
    250    
    251     .slope-save-guests {
    252       background-color: ' . $fontColor . ';
    253       border: 1px solid ' . $fontColor . ';
    254       color: ' . $mainColor . ';
    255     }
    256    
    257     .slope-cancel-guests {
    258       border: 1px solid ' . $fontColor . ';
    259       background: transparent;
    260       color: ' . $fontColor . ';
    261     }
    262    
     244            color: ' . $fontColor . ' !important;
     245            border: 2px solid ' . $fontColor . ' !important;
     246        }
     247       
     248        .slope-save-guests {
     249            background-color: ' . $fontColor . ';
     250            border: 1px solid ' . $fontColor . ';
     251            color: ' . $mainColor . ';
     252        }
     253       
     254        .slope-cancel-guests {
     255            border: 1px solid ' . $fontColor . ';
     256            color: ' . $fontColor . ';
     257        }
     258       
    263259        .flatpickr-calendar {
    264           background-color: ' . $mainColor . ';
     260            background-color: ' . $mainColor . ';
    265261        }
    266262       
    267263        .flatpickr-day.inRange {
    268           color: ' . $fontColor . ';
     264            color: ' . $fontColor . ';
    269265        }
    270266       
     
    272268        span.flatpickr-weekday,
    273269        .flatpickr-day {
    274           color: ' . $fontColor . '; 
     270            color: ' . $fontColor . ';
    275271        }
    276272       
     
    281277        .flatpickr-day.endRange:hover,
    282278        .flatpickr-day.startRange:hover {
    283           background: ' . $fontColor . ';
    284           border-color: ' . $fontColor . ';
    285           color: ' . $mainColor . ';
     279            background: ' . $fontColor . ';
     280            border-color: ' . $fontColor . ';
     281            color: ' . $mainColor . ';
    286282        }
    287283       
    288284        .flatpickr-day.selected,
    289285        .flatpickr-day.startRange,
    290     .flatpickr-day.endRange,
    291     .flatpickr-day.selected.inRange,
    292     .flatpickr-day.startRange.inRange,
    293     .flatpickr-day.endRange.inRange,
    294     .flatpickr-day.selected:focus,
    295     .flatpickr-day.startRange:focus,
    296     .flatpickr-day.endRange:focus,
    297     .flatpickr-day.selected:hover,
    298     .flatpickr-day.startRange:hover,
    299     .flatpickr-day.endRange:hover,
    300     .flatpickr-day.selected.prevMonthDay,
    301     .flatpickr-day.startRange.prevMonthDay,
    302     .flatpickr-day.endRange.prevMonthDay,
    303     .flatpickr-day.selected.nextMonthDay,
    304     .flatpickr-day.startRange.nextMonthDay,
    305     .flatpickr-day.endRange.nextMonthDay {
    306       background: ' . $fontColor . ';
    307       color: ' . $mainColor . ';
    308       border-color: ' . $fontColor . ';
    309     }
    310 
    311     .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
    312     .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
    313     .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    314       box-shadow: -10px 0 0 ' . $fontColor . ';
    315     }
     286        .flatpickr-day.endRange,
     287        .flatpickr-day.selected.inRange,
     288        .flatpickr-day.startRange.inRange,
     289        .flatpickr-day.endRange.inRange,
     290        .flatpickr-day.selected:focus,
     291        .flatpickr-day.startRange:focus,
     292        .flatpickr-day.endRange:focus,
     293        .flatpickr-day.selected:hover,
     294        .flatpickr-day.startRange:hover,
     295        .flatpickr-day.endRange:hover,
     296        .flatpickr-day.selected.prevMonthDay,
     297        .flatpickr-day.startRange.prevMonthDay,
     298        .flatpickr-day.endRange.prevMonthDay,
     299        .flatpickr-day.selected.nextMonthDay,
     300        .flatpickr-day.startRange.nextMonthDay,
     301        .flatpickr-day.endRange.nextMonthDay {
     302            background: ' . $fontColor . ';
     303            color: ' . $mainColor . ';
     304            border-color: ' . $fontColor . ';
     305        }
     306       
     307        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
     308        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
     309        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
     310            box-shadow: -10px 0 0 ' . $fontColor . ';
     311        }
    316312       
    317313        .slope-widgets-container .flatpickr-day.today {
    318           border-color: ' . $fontColor . ';     
    319         }
    320        
    321     .flatpickr-months .flatpickr-prev-month svg,
    322     .flatpickr-months .flatpickr-next-month svg,
    323     .flatpickr-months .flatpickr-prev-month:hover svg,
    324     .flatpickr-months .flatpickr-next-month:hover svg {
    325           fill: ' . $fontColor . ' !important;
    326       color: ' . $fontColor . ' !important;
    327         }
    328 
    329     .flatpickr-current-month span.cur-month:hover,
    330     .flatpickr-current-month input.cur-year {
    331       background: ' . $mainColor . ';
    332     }
    333    
     314            border-color: ' . $fontColor . ';
     315        }
     316       
     317        .flatpickr-months .flatpickr-prev-month svg,
     318        .flatpickr-months .flatpickr-next-month svg,
     319        .flatpickr-months .flatpickr-prev-month:hover svg,
     320        .flatpickr-months .flatpickr-next-month:hover svg,
     321        .slope-reservation-dates .slope-reservation-icon-container svg {
     322            fill: ' . $fontColor . ' !important;
     323            color: ' . $fontColor . ' !important;
     324        }
     325       
     326        .flatpickr-current-month span.cur-month:hover,
     327        .flatpickr-current-month input.cur-year {
     328            background: ' . $mainColor . ';
     329        }
     330
    334331        ' . $fontWeightBold . '</style>' . $widgetsConfigDiv . '<div class="slope-widgets-container" data-widget-count>
    335332                <form action="https://booking.slope.it/widgets/search/' . $options['uuid'] . '/' . $strings['lang_code'] .'" method="POST">
     
    344341              </div>
    345342              <div class="slope-reservation-icon-container">
    346                 <svg style="width: 24px; height: 24px;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17 17"><g></g><path d="M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z"></path></svg>
     343                <svg style="width: 30px; height: 30px;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17 17"><g></g><path d="M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z"></path></svg>
    347344              </div>
    348345              <div class="slope-reservation-section-container slope-check-out highlight" data-lang="' . $strings['lang_code'] . '">
     
    359356              <div class="slope-reservation-section-container highlight" data-lang="' . $strings['lang_code'] . '">
    360357                <div class="slope-guests-wrapper">
    361                   <input class="slope-stepper-value" type="text" name="reservation[guests][adults]" data-sync-input="adults" value="2" hidden>
    362                   <input class="slope-stepper-value" type="text" name="reservation[guests][children]" data-sync-input="children" value="0" hidden>
     358                  <input class="slope-stepper-value" type="hidden" name="reservation[guests][adults]" data-sync-input="adults" value="2">
     359                  <input class="slope-stepper-value" type="hidden" name="reservation[guests][children]" data-sync-input="children" value="0">
    363360                  <span class="slope-guests-label">' . $strings['guests'] . '</span>
    364361                  <span class="slope-adults-count" data-sync-value="adults"></span>
     
    375372                    <span class="slope-adults-label">' . $strings['adults'] . '</span>
    376373                    <div class="slope-guests-stepper">
     374                      <div class="slope-decrement-button" data-decrement="adults"><span>-</span></div>
     375                      <input class="slope-stepper-value" readonly type="text" name="reservation[guests][adults]" data-sync-trigger="adults" value="2" min="1" max="99">
    377376                      <div class="slope-increment-button" data-increment="adults"><span>+</span></div>
    378                       <input class="slope-stepper-value" type="text" data-sync-trigger="adults" value="2" min="1" max="99">
    379                       <div class="slope-decrement-button" data-decrement="adults"><span>-</span></div>
    380377                    </div>
    381378                  </div>';
     
    385382                  <div><span class="slope-children-label">' . $strings['children'] . '</span><span class="slope-children-age"> (0 - ' . $childrenMaxAge . ' ' . $strings['years'] . ')</span></div>
    386383                  <div class="slope-guests-stepper">
     384                    <div class="slope-decrement-button" data-decrement="children"><span>-</span></div>
     385                    <input class="slope-stepper-value" readonly type="text" name="reservation[guests][children]" data-sync-trigger="children" value="0" min="0" max="99">
    387386                    <div class="slope-increment-button" data-increment="children"><span>+</span></div>
    388                     <input class="slope-stepper-value" type="text" data-sync-trigger="children" value="0" min="0" max="99">
    389                     <div class="slope-decrement-button" data-decrement="children"><span>-</span></div>
    390387                  </div>
    391388                </div>';
     
    410407
    411408add_shortcode('slope-reservations', 'slope_reservations');
    412 
    413 // Loads the CSS based on the chosen layout
    414 function slope_layout_select() {
    415     $options = get_option('slope_options');
    416 
    417 //  if ($options['option_set'] == SLOPE_LAYOUT_HORIZONTAL) {
    418         wp_enqueue_style('slope_horizontal_css', plugins_url('css/slope-reservations-horizontal-layout.css', __FILE__));
    419 //  } else if ($options['option_set'] == SLOPE_LAYOUT_VERTICAL) {
    420 //      wp_enqueue_style('slope_vertical_css', plugins_url('css/slope-reservations-vertical-layout.css', __FILE__));
    421 //  }
    422 
    423 }
  • slope-widgets/trunk/slope-widgets.php

    r2137124 r2138227  
    33* Plugin Name: Slope Widgets
    44* Description: Aggiungi i widget di Slope al sito web WordPress della tua struttura ricettiva! Questo plugin ti permette di mostrare la barra delle prenotazioni, i pacchetti e le promozioni tramite shortcode personalizzabili.
    5 * Version: 4.1.0
     5* Version: 4.1.1
    66* Author: Slope
    77* Author URI: https://www.slope.it/
     
    1111
    1212// Inizialization
    13 define('SLOPE_LAYOUT_HORIZONTAL', 'SLOPE_LAYOUT_HORIZONTAL');
    14 define('SLOPE_LAYOUT_VERTICAL', 'SLOPE_LAYOUT_VERTICAL');
    15 define('SLOPE_LAYOUT_AUTO', 'SLOPE_LAYOUT_AUTO');
    1613define('SLOPE_PROMOTIONS_LAYOUT_ONE_CARD', 'SLOPE_PROMOTIONS_LAYOUT_ONE_CARD');
    1714define('SLOPE_PROMOTIONS_LAYOUT_TWO_CARD', 'SLOPE_PROMOTIONS_LAYOUT_TWO_CARD');
     
    2926add_action('init', 'slope_load_js_services');
    3027add_action('wp_enqueue_scripts', 'slope_load_css_js');
    31 add_action('wp_enqueue_scripts', 'slope_layout_select');
    3228add_action('plugins_loaded', 'slope_load_textdomain');
    3329add_action('plugin_action_links_' . plugin_basename( __FILE__ ), 'slope_action_links' );
     
    5349    wp_enqueue_style('slope-custom-admin', plugins_url('css/slope-widgets-admin.css', __FILE__));
    5450    wp_enqueue_style('slope_css', plugins_url('css/slope-reservations.css', __FILE__));
    55     // Horizontal layout is necessary to show correctly the gutenberg block preview
    56     wp_enqueue_style('slope_reservations_horizontal_layout', plugins_url('css/slope-reservations-horizontal-layout.css', __FILE__));
    5751    wp_enqueue_script('slope-menu-admin', plugins_url('js/slope-admin-menu.js', __FILE__));
    5852}
Note: See TracChangeset for help on using the changeset viewer.