WordPress.org
Get WordPress

Plugin Directory

Changeset 3315622


Ignore:
Timestamp:
06/21/2025 10:52:34 AM (8 months ago)
Author:
sirv
Message:

tagging version 7.5.5

Location:
sirv/tags/7.5.5
Files:
7 added
17 edited
1 copied

Legend:

Unmodified
Added
Removed

  • sirv/tags/7.5.5/plugdata/css/wp-sirv-ui.css

    r3023399 r3315622  
    1 .sirv-ui-cdlg-containter {
    2     display: none;
    3     flex-direction: column;
    4     width: 500px;
    5     height: auto;
    6     background-color: #fff;
    7     border-radius: 10px;
     1body:has(dialog[open]) {
    82    overflow: hidden;
    93}
    104
    11 .sirv-ui-cdlg-header {
    12     display: flex;
    13     background-color: #c2c5c7;
    14     color: #fff;
    15     justify-content: space-between;
    16     align-items: center;
    17     padding: 10px 20px;
    18     font-size: 20px;
     5dialog.sirv-ui-modal-dialog {
     6    /* position: relative; */
     7    padding: 45px 25px 20px;
     8    border: none;
     9    border-radius: 3px;
     10    background-color: #fff;
     11    width: 500px;
    1912}
    2013
    21 .sirv-ui-cdlg-message {
    22     padding: 16px 20px;
    23     font-size: 15px;
     14.sirv-modal-window-close-button {
     15    position: absolute;
     16    right: 15px;
     17    top: 15px;
     18    font-size: 1.6rem;
     19    padding: 2px;
     20    border: none;
     21    color: #bebdbd;
     22    background: transparent;
     23    cursor: pointer;
    2424}
    2525
    26 .sirv-ui-cdlg-controls {
    27     display: flex;
    28     justify-content: center;
    29     align-items: center;
    30     margin: 10px;
     26.sirv-modal-window-close-button:hover {
     27    color: #000;
    3128}
    3229
    33 .sirv-ui-cdlg-controls > button {
    34     margin-right: 20px !important;
     30dialog.sirv-ui-modal-dialog::backdrop {
     31    background: rgba(0, 0, 0, 0.85);
    3532}
    3633
    37 .primary-button {
    38     border: 1px solid #1d9fc9;
    39     background-color: #1d9fc9;
    40     color: #FFF;
     34.sirv-ui-dialog-data-content {
     35    display: flex;
     36    flex-direction: column;
     37    align-items: center;
     38    gap: 20px;
    4139}
    4240
    43 .secondary-button {
    44     border: 1px solid #b3b0b0;
    45     color: #b3b0b0;
    46     background-color: #FFF;
     41.sirv-ui-dialog-block-title h1 {
     42    margin: 0;
    4743}
    4844
    49 .sirv-ui-cdlg-close-btn{
    50   padding: 5px;
    51   font-size: 25px;
    52   color: #ddd9d9;
    53   cursor: pointer;
     45.sirv-ui-dialog-block-controls {
     46    display: flex;
     47    gap: 20px;
    5448}
    5549
    56 .sirv-ui-cdlg-close-btn:hover{
    57   color: #757575;
     50.sirv-ui-btn {
     51    width: 120px;
     52    padding: 10px;
     53    font-size: 15px;
     54    border: 1px solid #9c9d9e;
     55    border-radius: 2px;
     56    cursor: pointer;
    5857}
    5958
     59.sirv-ui-btn:hover {
     60    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
     61}
     62
     63.sirv-ui-button-primary {
     64    background: #327BBA;
     65    border-color: transparent;
     66    color: #fff;
     67    text-decoration: none;
     68    text-shadow: none;
     69}
     70
     71.sirv-ui-button-primary:hover, .sirv-ui-button-secondary:hover {
     72    background: #255A88;
     73    color: #fff;
     74}
     75
     76.sirv-ui-button-secondary {
     77    color: #000;
     78
     79    border-color: #d5d7d9;
     80    background: #fff;
     81    vertical-align: top;
     82}
     83
     84input.sirv-ui-input-text {
     85    height: 2rem;
     86    width: 100%;
     87}

  • sirv/tags/7.5.5/plugdata/css/wp-sirv.css

    r3254741 r3315622  
    33
    44
    5 .sirv-modal .content, .sirv-sirv-media_library-php .content{
     5.sirv-modal .sirv-media-content, .sirv-sirv-media_library-php .sirv-media-content{
    66    background-color: #FFFFFF;
    77    height: 100%;
    … …  
    7373    margin:0;
    7474    padding-left: 10px;
     75    font-size: 14px;
     76    font-weight: 400;
    7577}
    7678
    7779.sirv-modal .breadcrumb > li, .sirv-sirv-media_library-php .breadcrumb > li {
    7880    display: inline-block;
    79     padding: 0 5px 0 0;
     81    padding: 0;
    8082    margin:0;
    8183    text-align: center;
    … …  
    8385}
    8486
     87.sirv-modal .breadcrumb > li:before, .sirv-sirv-media_library-php .breadcrumb > li:before {
     88    content: ">";
     89    font-weight: 500;
     90    display: inline-block;
     91    margin-right: 4px;
     92    margin-left: 4px;
     93    color: #6C7683;
     94    width: 1rem;
     95}
     96
     97.sirv-modal .breadcrumb > li:first-child:before, .sirv-sirv-media_library-php .breadcrumb > li:first-child:before {
     98    content: '';
     99}
     100
     101.sirv-modal .breadcrumb > li a, .sirv-sirv-media_library-php .breadcrumb > li a {
     102    color: #6C7683;
     103    text-decoration: none;
     104}
     105
     106.sirv-modal .breadcrumb > li a:hover, .sirv-sirv-media_library-php .breadcrumb > li a:hover {
     107    color: #327BBA;
     108    text-decoration: none;
     109}
     110
     111.sirv-modal .breadcrumb > li span, .sirv-sirv-media_library-php .breadcrumb > li span {
     112    color: #2F363F;
     113}
     114
    85115.wide.sirv-search-cancel{ display: inline-block; }
    86116.narrow.sirv-search-cancel{display: none;}
    … …  
    91121    top: 0;
    92122    bottom: 0;
    93     right: 72px;
     123    right: 0;
    94124    width: 34px;
    95125    height: 34px;
    … …  
    139169}
    140170
    141 .sirv-modal .breadcrumb > li:before, .sirv-sirv-media_library-php .breadcrumb > li:before {
    142     content: ">";
    143     display: inline-block;
    144     width: 1.12334em;
    145 }
    146 
    147 .sirv-modal .breadcrumb > li:first-child:before, .sirv-sirv-media_library-php .breadcrumb > li:first-child:before {
    148     content: '';
    149 }
    150 
    151171
    152172.sirv-modal .controls, .sirv-sirv-media_library-php .controls {
    … …  
    170190}
    171191
    172 .insert{
    173 
    174 }
    175 
    176192.sirv-modal .controls div{
    177193    margin: 5px 10px;
    … …  
    200216
    201217.fileinput-button {
    202   position: relative;
    203   overflow: hidden;
     218    position: relative;
     219    overflow: hidden;
    204220}
    205221
    206222.fileinput-button input {
    207   position: absolute;
    208   top: 0;
    209   right: 0;
    210   margin: 0;
    211   opacity: 0;
    212   -ms-filter: 'alpha(opacity=0)';
    213   font-size: 200px;
    214   direction: ltr;
    215   cursor: pointer;
     223    position: absolute;
     224    top: 0;
     225    right: 0;
     226    margin: 0;
     227    opacity: 0;
     228    -ms-filter: 'alpha(opacity=0)';
     229    filter: opacity(0);
     230    font-size: 200px;
     231    direction: ltr;
     232    cursor: pointer;
    216233}
    217234
    218235.sirv-modal .btn, .sirv-sirv-media_library-php .btn {
    219   display: inline-block;
    220   padding: 6px 12px;
    221 
    222   font-size: 14px;
    223 
    224 
    225   text-align: center;
    226   white-space: nowrap;
    227   vertical-align: middle;
    228   cursor: pointer;
    229   border: 1px solid transparent;
    230   border-radius: 4px;
     236    display: inline-block;
     237    padding: 6px 12px;
     238    font-size: 14px;
     239    line-height: 20px;
     240    text-align: center;
     241    white-space: nowrap;
     242    vertical-align: middle;
     243    border: 1px solid transparent;
     244    border-radius: 2px;
     245    cursor: pointer;
     246}
     247
     248.sirv-modal .sirv-btn, .sirv-sirv-media_library-php .sirv-btn {
     249    display: inline-block;
     250    padding: 6px 12px;
     251    font-size: 14px;
     252    font-weight: 400;
     253    line-height: 20px;
     254    text-align: center;
     255    white-space: nowrap;
     256    vertical-align: middle;
     257    border: 1px solid transparent;
     258    border-radius: 2px;
     259    cursor: pointer;
     260}
     261
     262.sirv-modal .sirv-btn-primary, .sirv-sirv-media_library-php .sirv-btn-primary {
     263    color: #fff;
     264    border-color: #327BBA;
     265    background-color: #327BBA;
     266}
     267
     268.sirv-modal .sirv-btn-primary:hover, .sirv-sirv-media_library-php .sirv-btn-primary:hover {
     269    background-color: #255A88;
     270    border-color: #255A88;
     271}
     272
     273.sirv-modal .sirv-btn-secondary, .sirv-sirv-media_library-php .sirv-btn-secondary {
     274    color: #327BBA;
     275}
     276
     277.sirv-modal .sirv-btn-secondary:hover, .sirv-sirv-media_library-php .sirv-btn-secondary:hover {
     278    color: #255A88;
     279    border-color: #8FB7D9;
    231280}
    232281
    233282.sirv-modal .btn-success, .sirv-sirv-media_library-php .btn-success {
    234   color: #fff;
    235   background-color: #3F81BC;
    236   border-color: #3F81BC;
     283    color: #fff;
     284    background-color: #3F81BC;
     285    border-color: #3F81BC;
    237286}
    238287
    239288.sirv-modal .btn-success:hover, .sirv-sirv-media_library-php .btn-success:hover {
    240   color: #fff;
    241   background-color: #1D71BC;
    242   border-color: #1D71BC;
     289    color: #fff;
     290    background-color: #1D71BC;
     291    border-color: #1D71BC;
    243292}
    244293
    … …  
    257306
    258307.sirv-modal .btn-tool, .sirv-sirv-media_library-php .btn-tool {
    259   color: #fff;
    260   background-color: #4B4B4B;
    261   border-color: #4B4B4B;
    262 }
     308    color: #fff;
     309    background-color: #4B4B4B;
     310    border-color: #4B4B4B;
     311    }
    263312
    264313.sirv-modal .btn-tool:hover, .sirv-sirv-media_library-php .btn-tool:hover {
    265   color: #fff;
    266   background-color: #3b3939;
    267   border-color: #3b3939;
     314    color: #fff;
     315    background-color: #3b3939;
     316    border-color: #3b3939;
    268317}
    269318
    … …  
    653702
    654703.sirv-modal .create-profile { font-size: 11px;
    655   text-decoration: none;
    656   display: block;
    657   margin-bottom: 15px; margin-top:-5px;}
    658 
    659   .gallery-creation-content .b-close { position: absolute; top:5px; right: 5px; font-size: 36px; z-index: 10000; cursor: pointer; }
    660 
    661 
    662   label .sirv-flat-radio-buttons { display: inline-block; }
    663   .sirv-flat-radio-buttons:not(:first-of-type) { margin-left: 5px !important; }
     704    text-decoration: none;
     705    display: block;
     706    margin-bottom: 15px; margin-top:-5px;}
     707
     708    .gallery-creation-content .b-close { position: absolute; top:5px; right: 5px; font-size: 36px; z-index: 10000; cursor: pointer; }
     709
     710
     711    label .sirv-flat-radio-buttons { display: inline-block; }
     712    .sirv-flat-radio-buttons:not(:first-of-type) { margin-left: 5px !important;
     713}
    664714
    665715
    … …  
    682732}
    683733
     734.sirv-nav-tab {
     735    border: none;
     736    background: none;
     737    color: #8d8f91;
     738    font-size: 1rem;
     739}
     740
    684741/* .sirv-images { position: relative; height: 100%;} */
    685 
    686 .nav-tab-active{
    687     background: #fafafa;
     742.sirv-nav-tab-active, .sirv-nav-tab-active:hover{
     743    border-bottom: 2px solid #327BBA;
     744    background: #fff;
     745    color: #000;
    688746}
    689747
    … …  
    726784
    727785}
     786
     787.sirv-modal-close {
     788    position: absolute;
     789    top: 0;
     790    right: 0;
     791    font-size: 20px;
     792    margin-top: 10px;
     793    margin-right: 10px;
     794}
     795
    728796.b-close{
    729 background: #fff !important; color:#1E8CBE !important;
    730 }
    731 .b-close:hover { color:#fff !important; background: #1E8CBE !important; }
     797    /* background: #fff !important; */
     798    color:#949BA1 !important;
     799}
     800
     801.b-close:hover {
     802    color:#2F363F !important;
     803}
    732804
    733805/*---------------------------------------------------------------sirv-media-library----------------------------------------------------------------*/
    734806
    735 #wpbody-content iframe{width: 100%;}
    736 
    737 /* #drag-upload-area{
    738     border: 1px dashed #ccc;
    739     padding: 10px 10px 120px 10px;
    740     height: 120px;
    741     margin: 0px 10px 10px 10px;
    742     position: relative;
    743     background-color: #FCFCFC
     807#wpbody-content iframe{
     808    width: 100%;
     809}
     810
     811/* .sirv-newfolder-container, .create-folder-container{
     812    margin-left: 5px;
    744813} */
    745 
    746 .sirv-newfolder-container, .create-folder-container{
    747     margin-left: 5px;
    748 }
    749814
    750815.sirv-drop-wrapper{
    … …  
    9401005    flex-direction: row;
    9411006    justify-content: flex-end;
     1007    gap: 8px;
    9421008}
    9431009
    9441010.sirv-search-container {
    945     margin-right: 20px;
     1011    margin-right: 18px;
    9461012    position: relative;
    9471013    display: flex;
    … …  
    9501016}
    9511017.sirv-search-container .sirv-search { float: right; margin-right: -100px; display: none; }
    952 .sirv-newfolder-container { /* float:right; width: 25%; text-align: right; */ }
    9531018.sirv-search-for{
    9541019    display: none;
    … …  
    11021167.sirv-items-container > .nav h1 { margin:2px 0 2px 2px;}
    11031168.breadcrumb > li:first-child:before { display: none; }
    1104 /* .breadcrumb { margin-left: 3px; } */
    1105 /* .sirv-modal .breadcrumb { padding-left: 10px !important; } */
    11061169#sirv-search-field {
    11071170    height: 33px;
    … …  
    11241187}
    11251188
    1126 
    1127 @keyframes search-expand {
    1128     from {width: 100px;}
    1129     to {width: 300px;}
    1130 }
    1131 
    1132 @-webkit-keyframes search-expand {
    1133     from {width: 100px;}
    1134     to {width: 300px;}
    1135 }
    1136 
    1137 .sirv-search-narrow{ width: 100px; }
    1138 .sirv-search-wide{ width: 300px; animation-name: search-expand; animation-duration: 0.3s; }
     1189.sirv-search-narrow{
     1190    width: 230px;
     1191    -webkit-transition: width 0.4s ease-in-out;
     1192    transition: width 0.4s ease-in-out;
     1193}
     1194
     1195.sirv-search-wide{
     1196    width: 330px;
     1197    -webkit-transition: width 0.4s ease-in-out;
     1198    transition: width 0.4s ease-in-out;
     1199}
    11391200
    11401201.selected-images-container { display: table-row; }
    … …  
    14141475}
    14151476/*--------------------------------------------------------push messages  END-----------------------------------------*/
     1477
     1478/*-------------------------------------------------------------shortcode card-----------------------------------------*/
     1479.sirv-choose-wrapper{
     1480    display: grid;
     1481    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     1482    gap: 16px;
     1483    margin: 10px 10px 35px;
     1484}
     1485
     1486.sirv-shortcode-card {
     1487    display: flex;
     1488    overflow: hidden;
     1489    flex-direction: column;
     1490    justify-content: space-between;
     1491    padding: 4px;
     1492    border: 1px solid rgba(47, 54, 63, 0.4);
     1493    border-radius: 2px;
     1494    cursor: pointer;
     1495}
     1496.sirv-shortcode-card:hover {
     1497    border-color: #327BBA;
     1498    outline: 1px solid #327BBA;
     1499}
     1500
     1501.sirv-shortcode-card .sirv-shortcode-card-images {
     1502    display: flex;
     1503    flex-wrap: wrap;
     1504    justify-content: center;
     1505    align-items: center;
     1506    height: calc(100% - 45px);
     1507    gap: 2px;
     1508}
     1509
     1510.sirv-shortcode-card .sirv-shortcode-card-images img{
     1511    max-width: 70px;
     1512    max-height: 70px;
     1513    object-fit: cover;
     1514}
     1515
     1516.sirv-shortcode-card .sirv-shortcode-card-data {
     1517    display: flex;
     1518    flex-direction: row;
     1519    width: 100%;
     1520    height: 40px;
     1521    justify-content: flex-start;
     1522    align-items: center;
     1523    gap: 8px;
     1524    box-sizing: border-box;
     1525}
     1526
     1527.sirv-shortcode-card .sirv-shortcode-card-icon {
     1528    width: 10%;
     1529    margin-left: 5px;
     1530}
     1531
     1532.sirv-shortcode-card .sirv-shortcode-card-icon > img {
     1533    width: 24px;
     1534    height: 24px;
     1535    object-fit: contain;
     1536}
     1537
     1538.sirv-shortcode-card .sirv-shortcode-card-metadata {
     1539    display: flex;
     1540    flex-direction: column;
     1541    width: calc(90% - 4px - 5px);
     1542    height: 100%;
     1543    justify-content: space-between;
     1544}
     1545
     1546.sirv-shortcode-card .sirv-shortcode-card-metadata .sirv-shortcode-card-metadata-text {
     1547    display: flex;
     1548    gap: 5px;
     1549    width: 100%;
     1550    height: 20px;
     1551    justify-content: flex-start;
     1552    flex-direction: row;
     1553    align-items: center;
     1554}
     1555
     1556.sirv-shortcode-card .sirv-shortcode-card-metadata .sirv-shortcode-card-metadata-gallery-type{
     1557    font-weight: 600;
     1558    max-width: 42%;
     1559}
     1560
     1561.sirv-shortcode-card .sirv-shortcode-card-metadata-gallery-title {
     1562    max-width: calc(58% - 4px);
     1563    white-space: nowrap;
     1564    text-overflow: ellipsis;
     1565    overflow: hidden;
     1566}
     1567
     1568.sirv-shortcode-card .sirv-more-images-overlay {
     1569    position: relative;
     1570}
     1571
     1572.sirv-shortcode-card .sirv-more-images-overlay-count {
     1573    position: absolute;
     1574    top: 0;
     1575    left: 0;
     1576    display: flex;
     1577    align-items: center;
     1578    justify-content: center;
     1579    width: 100%;
     1580    height: 100%;
     1581    color: #fff;
     1582    background-color: rgba(0, 0, 0, 0.6);
     1583    font-size: 20px;
     1584    font-weight: 600;
     1585}
     1586
     1587.sirv-shortcode-card.sirv-shortcode-card--is-selected{
     1588    border-color: #327BBA;
     1589    background: #ddedfc;
     1590    outline: 1px solid #327BBA;
     1591}
     1592/*--------------------------------------------------------shortcode card  END-----------------------------------------*/

  • sirv/tags/7.5.5/plugdata/includes/classes/conflict.plugins.class.php

    r3207512 r3315622  
    136136          If Rocket Loader is already disabled, you can dismiss this warning.',
    137137      ),
     138      "tenweb-speed-optimizer/tenweb_speed_optimizer.php" => array(
     139        "name" => "10Web Booster (I-Tul Page Booster)",
     140        "title" => "",
     141        "type" => "plugin",
     142        "desc" => 'The page booster plugin might have settings the conflict with your Sirv plugin settings. If you have a problem, please uninstall the 10Web (I-Tul) page booster plugin and <a target="_blank" href="https://sirv.com/help/support/#support">contact our support team</a> to discuss the issue.',
     143      ),
    138144    );
    139145  }

  • sirv/tags/7.5.5/plugdata/includes/classes/utils.class.php

    r3254741 r3315622  
    187187
    188188      return '<' . $tag_name . ' ' . $tag_attrs . '>';
     189    }
     190
     191
     192    public static function get_remote_file_size($url){
     193      $site_url = get_site_url();
     194      $request_headers = array(
     195        "Accept" => 'Accept: application/json',
     196        "Referer" => "Referer: $site_url",
     197      );
     198
     199      $ch = curl_init();
     200      curl_setopt_array($ch, array(
     201        CURLOPT_URL => $url,
     202        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_NONE,
     203        CURLOPT_NOBODY => true,
     204        CURLOPT_RETURNTRANSFER => true,
     205        CURLOPT_HTTPHEADER => $request_headers,
     206        CURLOPT_USERAGENT => self::$user_agent,
     207        CURLOPT_HEADER => true,
     208        CURLOPT_ENCODING => "",
     209        CURLOPT_ACCEPT_ENCODING => "",
     210      ));
     211
     212      $result = curl_exec($ch);
     213      $filesize = curl_getinfo($ch, CURLINFO_CONTENT_LENGTH_DOWNLOAD);
     214      $error = curl_error($ch);
     215
     216      curl_close($ch);
     217
     218      return array(
     219        "filesize" => $filesize > 0 ? $filesize : 0,
     220        "error" => $error
     221      );
    189222    }
    190223

  • sirv/tags/7.5.5/plugdata/js/wp-sirv-media-library.js

    r3039643 r3315622  
    88            $('#wpcontent').css('margin-left', '156px');
    99            $('#wpbody').css('height', body_height).css('overflow', 'hidden');
    10             $('#wpbody-content .content').css('height', body_height);
     10            $('#wpbody-content .sirv-media-content').css('height', body_height);
    1111        }
    1212

  • sirv/tags/7.5.5/plugdata/js/wp-sirv-shortcodes-page.js

    r3162079 r3315622  
    4747            shObj = JSON.parse(data);
    4848            if(shObj.id){
    49                 $('.sirv-choose-shortcode[data-sh-id='+ shObj.id +']').addClass('sirv-selected-shortcode');
     49                $('.sirv-shortcode-card[data-sh-id='+ shObj.id +']').addClass('sirv-shortcode-card--is-selected');
    5050            }
    5151        }
    … …  
    6060
    6161    function generateShortcodeByType(data, type){
     62        const shortcodeType = getShortcodeType(data);
     63
    6264        let $template = '';
    6365        let imageSrc = '';
     66
    6467
    6568        if(type == 'tableRow'){
    … …  
    8184                '<td class="t-sh-name">'+ shName +'</td>' +
    8285                '<td class="t-name">'+
    83                     '<b>'+ getShortcodeType(data) +'</b><br>'+
     86                    '<b>'+ shortcodeType +'</b><br>'+
    8487                    '<a class="sirv-edit-shortcode" href="#" data-shortcode-id="'+ data.id +'">Edit</a> | '+
    8588                    '<a href="#" class="sirv-duplicate-shortcode" data-shortcode-id="'+ data.id +'" title="Duplicate shortcode">Duplicate shortcode</a>'+
    … …  
    9093            '</tr>');
    9194        } else if(type == 'chooseView'){
    92             let imagesCount = data.images.length > 0 ? data.images.length <= 6 ? data.images.length : 6 : 0;
     95            console.log(data);
     96            const imageCountLimit = 6;
     97
     98            const imagesCount = data.images.length > imageCountLimit ? imageCountLimit : data.images.length;
     99            const overLimitCount = data.images.length - imageCountLimit > 0 ? data.images.length - imageCountLimit : 0;
    93100            let imagesTemplate = '';
    94             for(let i=0; i < imagesCount; i++){
     101            for(let i= 0; i < imagesCount; i++){
    95102                imageSrc = stripslashes(data['images'][i]['url']);
    96103                let itemType = data['images'][i]['type'];
    97104                let curImgPlaceholder = getPlaceholder(itemType);
    98105
    99                 imagesTemplate += `<img class="sirv-sh-view" data-type="${itemType}" data-original="${imageSrc}" src="${curImgPlaceholder}">`;
    100             }
    101 
    102             $template = $('<div class="sirv-choose-shortcode" data-sh-id="'+ data.id +'" data-sh-type="'+ getShortcodeType(data) +'" data-sh-count="'+ data.images.length +'"><div class="sirv-choose-shortcode-title">'+ getShortcodeType(data) +'</div>'+ imagesTemplate +'</div>');
     106                if(i == imagesCount - 1 && overLimitCount > 0){
     107                    imagesTemplate += `
     108                    <div class="sirv-more-images-overlay">
     109                        <div class="sirv-more-images-overlay-count">+${overLimitCount}</div>
     110                        <img class="sirv-sh-view" data-type="${itemType}" data-original="${imageSrc}" src="${curImgPlaceholder}">
     111                    </div>
     112                    `;
     113                }else{
     114                    imagesTemplate += `<img class="sirv-sh-view" data-type="${itemType}" data-original="${imageSrc}" src="${curImgPlaceholder}">`;
     115                }
     116
     117            }
     118
     119
     120
     121            /* $template = $('<div class="sirv-choose-shortcode" data-sh-id="'+ data.id +'" data-sh-type="'+ shortcodeType +'" data-sh-count="'+ data.images.length +'"><div class="sirv-choose-shortcode-title">'+ shortcodeType +'</div>'+ imagesTemplate +'</div>'); */
     122
     123            const shortcodeName = data.shortcode_options.global_options?.shortcodeName || '';
     124
     125            $template = $(`
     126                <div class="sirv-shortcode-card" data-sh-id="${data.id}" data-sh-type="${shortcodeType}" data-sh-count="${data.images.length}">
     127                    <div class="sirv-shortcode-card-images">${imagesTemplate}</div>
     128                    <div class="sirv-shortcode-card-data">
     129                        <div class="sirv-shortcode-card-icon"><img src="${getGalleryTypeIconUrl(shortcodeType)}"/></div>
     130                        <div class="sirv-shortcode-card-metadata">
     131                        <div class="sirv-shortcode-card-metadata-text">
     132                            <div class="sirv-shortcode-card-metadata-gallery-type">${shortcodeType}</div>
     133                            <div class="sirv-shortcode-card-metadata-gallery-title" title="${shortcodeName}">${shortcodeName}</div>
     134                        </div>
     135                        <div class="sirv-shortcode-card-metadata-date">${formatShDate(data.timestamp)}</div>
     136                        </div>
     137                    </div>
     138                </div>
     139            `);
    103140        }
    104141
    105142        return $template;
     143    }
     144
     145
     146    function formatShDate(dateStr){
     147
     148        if(!dateStr){
     149            dateStr = new Date().toISOString();
     150        }
     151        const date = new Date(dateStr.replace(" ", "T"));
     152        return date.toLocaleDateString("en-US", {
     153            year: "numeric",
     154            month: "short",
     155            day: "numeric"
     156        });
    106157    }
    107158
    … …  
    131182        return placeholder;
    132183    }
     184
     185
     186    function getGalleryTypeIconUrl(type){
     187        //Spin Video Model Image gallery Zoom gallery
     188        type = type.toLowerCase();
     189
     190        let iconPath = '';
     191        switch (type) {
     192            case 'spin':
     193                iconPath = `${sirv_ajax_object.assets_path}/gallery-type-spin.svg`;
     194                break;
     195            case 'model':
     196                iconPath = `${sirv_ajax_object.assets_path}/gallery-type-model.svg`;
     197                break;
     198            case 'zoom gallery':
     199            case 'zoom image':
     200                iconPath = `${sirv_ajax_object.assets_path}/gallery-type-zoom.svg`;
     201                break;
     202            case 'video':
     203                iconPath = `${sirv_ajax_object.assets_path}/gallery-type-video.svg`;
     204                break;
     205            case 'image gallery':
     206                iconPath = `${sirv_ajax_object.assets_path}/gallery-type-gallery.svg`;
     207                break;
     208            default:
     209                iconPath = `${sirv_ajax_object.assets_path}/gallery-type-gallery.svg`;
     210                break;
     211        }
     212
     213        return iconPath;
     214    }
     215
    133216
    134217    function getItemType(itemUrl){
    … …  
    198281        $('.sirv-edit-shortcode').on('click', editShortcode);
    199282        $('.sirv-duplicate-shortcode').on('click', duplicateShortcode);
    200         $('.sirv-choose-shortcode').on('click', selectShortcode);
     283        $('.sirv-shortcode-card').on('click', selectShortcode);
    201284        $('.sirv-insert-shortcode-button').on('click', addShortcodesToPost);
    202285    }
    … …  
    207290        $('.sirv-edit-shortcode').off('click', editShortcode);
    208291        $('.sirv-duplicate-shortcode').off('click', duplicateShortcode);
    209         $('.sirv-choose-shortcode').off('click', selectShortcode);
     292        $('.sirv-shortcode-card').off('click', selectShortcode);
    210293        $('.sirv-insert-shortcode-button').off('click', addShortcodesToPost);
    211294    }
    … …  
    352435    function addShortcodesToPost(){
    353436
    354         let selShorcodes = $('.sirv-selected-shortcode');
     437        let selShorcodes = $(".sirv-shortcode-card--is-selected");
    355438        let html = '';
    356439        let ids = [];
    … …  
    448531        let selectedData = getSelectedData(selectedElem);
    449532
    450         if(selectedElem.hasClass('sirv-selected-shortcode')){
    451             selectedElem.removeClass('sirv-selected-shortcode');
     533        if(selectedElem.hasClass('sirv-shortcode-card--is-selected')){
     534            selectedElem.removeClass('sirv-shortcode-card--is-selected');
    452535            $('.sirv-pagination').attr('data-selected', '');
    453536        }else{
    454537
    455538            if( (window.isSirvGutenberg && window.isSirvGutenberg == true) || (window.isSirvElementor && window.isSirvElementor == true) ){
    456                 $.each($('.sirv-selected-shortcode'), function(index, elem){
    457                     $(elem).removeClass('sirv-selected-shortcode');
     539                $.each($('.sirv-shortcode-card--is-selected'), function(index, elem){
     540                    $(elem).removeClass('sirv-shortcode-card--is-selected');
    458541                });
    459542                $('.sirv-pagination').attr('data-selected', '');
    460543            }
    461544
    462             selectedElem.addClass('sirv-selected-shortcode');
     545            selectedElem.addClass('sirv-shortcode-card--is-selected');
    463546            $('.sirv-pagination').attr('data-selected', selectedData);
    464547        }
    465548
    466549
    467         let isSelectedShortcode = !!$('.sirv-selected-shortcode').length;
     550        let isSelectedShortcode = !!$('.sirv-shortcode-card--is-selected').length;
    468551
    469552        if(isSelectedShortcode){
    … …  
    595678
    596679
     680    window['getShGalleryType'] = function(data){
     681        return data.shortcode_options.global_options.sirvGalleryType || 'image';
     682    }
     683
     684
    597685    window['getShortcodeType'] = function(data){
    598686        let isSingleImage = data.images.length == 1 ? true : false;
    … …  
    603691            if(type == 'image' || type == 'gallery'){
    604692                if(data.use_as_gallery){
    605                     if(data.use_sirv_zoom) {
     693                    if(data.use_sirv_zoom === 'true') {
    606694                        gType = isSingleImage == true ? 'Zoom image' : 'Zoom gallery'
    607695                    }else{

  • sirv/tags/7.5.5/plugdata/js/wp-sirv-ui.js

    r3023399 r3315622  
    1 const sirvUIContainerSelector = "sirv-ui-container";
    2 const sirvUIConfirmDialogRootSelector = "sirv-ui-cdlg-containter";
    3 
    4 
    5 function sirvUICreateContainer(){
    6   const body = document.querySelector("body");
    7   const div = document.createElement("div");
    8 
    9   div.classList.add(sirvUIContainerSelector);
    10 
    11   body.prepend(div);
    12 }
    13 
    14 function sirvUICreateConfirmDialog(){
    15   const confirmDialogTemplate = `
    16     <div class="sirv-ui-cdlg-containter">
    17       <div class="sirv-ui-cdlg-header">
    18         <div class="sirv-ui-cdlg-title">Confirm dialog</div>
    19         <div class="sirv-ui-cdlg-close-btn sirv-ui-cdlg-close">✕</div>
     1"use strict";
     2
     3const defaultWindowOptions = {};
     4const defaultDialogOptions = {
     5  isTitle: true,
     6  isCancelBtn: true,
     7  isOkBtn: true,
     8  cancelBtnText: "Cancel",
     9  okBtnText: "Continue",
     10};
     11
     12function sirvUIRenderModalWindow(children, type, windowOptions={}) {
     13    let dialogContainer = document.querySelector('.sirv-ui-modal-dialogs-container');
     14
     15    const template = `
     16      <dialog class="sirv-ui-modal-dialog sirv-ui-modal-dialog-${type}">
     17        <button type="button" class="sirv-modal-window-close-button sirv-modal-window-close-action">✕</button>
     18        <div class="sirv-ui-modal-dialog-container">
     19          ${children}
     20        </div>
     21      </dialog>
     22    `;
     23
     24    if (dialogContainer) {
     25      dialogContainer.innerHTML += template;
     26    }else{
     27      dialogContainer = document.createElement("div");
     28      dialogContainer.classList.add("sirv-ui-modal-dialogs-container");
     29      dialogContainer.innerHTML = template;
     30
     31      document.body.appendChild(dialogContainer);
     32    }
     33}
     34
     35function sirvUIGetControlsTemplate(options) {
     36  const defaultCancelBtnTemplate = `
     37    <button autofocus class="sirv-ui-btn sirv-ui-button-secondary sirv-ui-dialog-cancel-btn sirv-modal-window-close-action">${options.cancelBtnText || 'Cancel'}</button>
     38  `;
     39  const defaultokBtnTemplate = `<button class="sirv-ui-btn sirv-ui-button-primary sirv-ui-dialog-ok-btn">${options.okBtnText || 'Continue'}</button>`;
     40
     41
     42  const controlsTemplate = `
     43    <div class="sirv-ui-dialog-block-controls">
     44      ${options.isCancelBtn == false ? "" : defaultCancelBtnTemplate}
     45      ${options.isOkBtn == false ? "" : defaultokBtnTemplate}
     46    </div>
     47  `;
     48
     49  return controlsTemplate;
     50}
     51
     52
     53function sirvUIGetTitleTemplate(options) {
     54  const defaultTitleTemplate = `
     55    <div class="sirv-ui-dialog-block-title">
     56      <h1></h1>
     57    </div>`;
     58
     59    return options.isTitle == false ? "" : defaultTitleTemplate;
     60}
     61
     62
     63function sirvUIAddDialogHTMLToPage(dialogType, dialogContentTemplate, dialogOptions = {}) {
     64  dialogOptions = {...defaultDialogOptions, ...dialogOptions};
     65
     66  const moduleTitle = sirvUIGetTitleTemplate(dialogOptions);
     67  const moduleControls = sirvUIGetControlsTemplate(dialogOptions);
     68
     69  const baseTemplate = `
     70    <div class="sirv-ui-dialog-data-content">
     71      ${moduleTitle}
     72      <div class="sirv-ui-dialog-block-content">
     73        ${dialogContentTemplate}
    2074      </div>
    21       <div class="sirv-ui-cdlg-message">
    22         Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora distinctio deleniti nesciunt. Minus, fugit voluptas, magnam maxime voluptatem modi, aspernatur nulla aliquid neque quidem tempore reprehenderit incidunt! Ducimus, eligendi vitae!
    23       </div>
    24       <div class="sirv-ui-cdlg-controls">
    25         <button class="button-secondary sirv-ui-cdlg-close">Cancel</button>
    26         <button class="button-primary sirv-ui-cdlg-continue-btn">Continue</button>
    27       </div>
     75      ${moduleControls}
    2876    </div>
    2977  `;
    3078
    31   const sirvUIContainer = document.querySelector(`.${sirvUIContainerSelector}`);
    32   sirvUIContainer.insertAdjacentHTML("beforeend", confirmDialogTemplate);
     79  sirvUIRenderModalWindow(baseTemplate, dialogType);
     80}
     81
     82
     83function sirvUIAddConfirmDialogHTMLToThePage(){
     84  sirvUIAddDialogHTMLToPage('confirm', '');
     85}
     86
     87
     88function sirvUIAddInformDialogHTMLToThePage(){
     89  sirvUIAddDialogHTMLToPage("inform", "", { isOkBtn: false, cancelBtnText : "Close"});
     90}
     91
     92
     93function sirvUIAddInputDialogHTMLToThePage(){
     94  const inputTemplate = `
     95    <label for="sirv-ui-input-text" class="sirv-ui-input-dialog-label"></label>
     96    <input type="text" name="sirv-ui-input-text" class="sirv-ui-input-text" placeholder="">
     97  `;
     98
     99  sirvUIAddDialogHTMLToPage("input", inputTemplate, { okBtnText : "Create" });
     100}
     101
     102
     103function sirvUIAttachCallback(callback, btnEl, dialogEl) {
     104  btnEl.addEventListener("click", callback);
     105
     106  //prevent from duplicate events
     107  dialogEl.addEventListener("close", function handler() {
     108    if (!!btnEl) {
     109      btnEl.removeEventListener("click", callback);
     110    }
     111    dialogEl.removeEventListener("close", handler);
     112  });
     113
     114  document.addEventListener("sirv-ui-modal-dialog-close-event", function handler() {
     115      if (!!btnEl) {
     116        btnEl.removeEventListener("click", callback);
     117      }
     118      document.removeEventListener("sirv-ui-modal-dialog-close-event", handler);
     119    }
     120  );
     121}
     122
     123
     124function sirvUIShowInformDialog(title, desc, dialogOptions = {}){
     125  const informDialog = document.querySelector(".sirv-ui-modal-dialog-inform");
     126
     127  const titleEl = informDialog.querySelector(".sirv-ui-dialog-block-title h1");
     128  const descEl = informDialog.querySelector(".sirv-ui-dialog-block-content");
     129
     130  if (titleEl) titleEl.innerText = title;
     131  if (descEl) descEl.innerHTML = desc;
     132
     133  informDialog.showModal();
    33134}
    34135
    35136
    36137function sirvUIShowConfirmDialog(title, desc, yesCallback=null, yesCallbackOptions = [], dialogOptions = {}){
    37 
    38   let continueBtn = null;
    39   const continueBtnHandler = function(){
    40     yesCallback(...yesCallbackOptions);
    41     bpopup_ui_cdialog.close();
     138  const confirmDialog = document.querySelector(".sirv-ui-modal-dialog-confirm");
     139
     140  if(yesCallback){
     141    const btnEl = confirmDialog.querySelector(".sirv-ui-dialog-ok-btn");
     142
     143    if(btnEl){
     144      const okBtnHandler = function () {
     145        confirmDialog.close();
     146
     147        yesCallback(...yesCallbackOptions);
     148      };
     149      sirvUIAttachCallback(okBtnHandler, btnEl, confirmDialog);
     150    }
    42151  }
    43152
    44   window["bpopup_ui_cdialog"] = jQuery(`.${sirvUIConfirmDialogRootSelector}`).bPopup({
    45     position: ["auto", "auto"],
    46     zIndex: 9999999,
    47     closeClass: "sirv-ui-cdlg-close",
    48     onOpen: function () {
    49       const titleEl = document.querySelector(".sirv-ui-cdlg-title");
    50       titleEl.innerText = title;
    51 
    52       const descEl = document.querySelector(".sirv-ui-cdlg-message");
    53       descEl.innerText = desc;
    54 
    55       if (!!yesCallback) {
    56         continueBtn = document.querySelector(".sirv-ui-cdlg-continue-btn");
    57         continueBtn.addEventListener("click", continueBtnHandler);
    58       }
    59 
    60       jQuery(`.${sirvUIConfirmDialogRootSelector}`).css("display", "flex");
    61     },
    62     onClose: function () {
    63       if (!!continueBtn){
    64         continueBtn.removeEventListener("click", continueBtnHandler);
    65       }
    66       jQuery(`.${sirvUIConfirmDialogRootSelector}`).hide();
    67     },
     153  const titleEl = confirmDialog.querySelector(".sirv-ui-dialog-block-title h1");
     154  const descEl = confirmDialog.querySelector(".sirv-ui-dialog-block-content");
     155
     156  if (titleEl) titleEl.innerText = title;
     157  if (descEl) descEl.innerText = desc;
     158
     159  confirmDialog.showModal();
     160}
     161
     162
     163function sirvUIShowInputDialog (title, inputLabelText, inputPlaceholderText='', yesCallback=null, yesCallbackOptions = [], dialogOptions = {}){
     164  const inputDialog = document.querySelector(".sirv-ui-modal-dialog-input");
     165
     166  const titleEl = inputDialog.querySelector(".sirv-ui-dialog-block-title h1");
     167  const input = inputDialog.querySelector(".sirv-ui-dialog-block-content input.sirv-ui-input-text");
     168  const inputLabel = inputDialog.querySelector(".sirv-ui-dialog-block-content .sirv-ui-input-dialog-label");
     169
     170  if(yesCallback){
     171    const btnEl = inputDialog.querySelector(".sirv-ui-dialog-ok-btn");
     172
     173    if (btnEl){
     174      const okBtnHandler = function () {
     175        inputDialog.close();
     176
     177        yesCallbackOptions.push(input.value);
     178        yesCallback(...yesCallbackOptions);
     179      };
     180      sirvUIAttachCallback(okBtnHandler, btnEl, inputDialog);
     181    }
     182  }
     183
     184  titleEl.innerText = title;
     185  inputLabel.innerText = inputLabelText;
     186  input.placeholder = inputPlaceholderText;
     187
     188  inputDialog.showModal();
     189}
     190
     191
     192function sirvUIBindCloseAction() {
     193  const closeButtons = document.querySelectorAll('.sirv-modal-window-close-action');
     194
     195  closeButtons.forEach((button) => {
     196    button.addEventListener('click', (event) => {
     197      const modalDialog = button.closest('.sirv-ui-modal-dialog');
     198      modalDialog.close();
     199
     200      const closeDialogevent = new Event("sirv-ui-modal-dialog-close-event");
     201      document.dispatchEvent(closeDialogevent);
     202    });
    68203  });
    69204}
    70205
    71206
    72 function initializeSirvUI(){
    73   sirvUICreateContainer();
    74 
    75   sirvUICreateConfirmDialog();
     207function sirvUIInitialize() {
     208  sirvUIAddConfirmDialogHTMLToThePage();
     209  sirvUIAddInformDialogHTMLToThePage();
     210  //sirvUIAddInputDialogHTMLToThePage();
     211
     212  sirvUIBindCloseAction();
    76213}
    77214
    78215
    79216document.addEventListener("DOMContentLoaded", function () {
    80   initializeSirvUI();
     217  sirvUIInitialize();
    81218});

  • sirv/tags/7.5.5/plugdata/js/wp-sirv.js

    r3272226 r3315622  
    992992        function renderBreadcrambs(currentDir){
    993993            if(currentDir != "/"){
    994                 $('<li><span class="breadcrumb-text">You are here: </span><a href="#" class="sirv-breadcramb-link" data-item-sirv-path="/">Home</a></li>').appendTo('.breadcrumb');
     994                $('<li><a href="#" class="sirv-breadcramb-link" data-item-sirv-path="/">Home</a></li>').appendTo('.breadcrumb');
    995995                let dirs = currentDir.split('/').slice(1);
    996996                let temp_dir = "";
    … …  
    10041004                }
    10051005            }else{
    1006                 $('<li><span class="breadcrumb-text">You are here: </span>Home</li>').appendTo('.breadcrumb')
     1006                $('<li>Home</li>').appendTo('.breadcrumb')
    10071007            }
    10081008        }
    … …  
    39033903        function changeTab(e, $object){
    39043904            $('.sirv-tab-content').removeClass('sirv-tab-content-active');
    3905             $('.nav-tab-wrapper > a').removeClass('nav-tab-active');
     3905            $('.nav-tab-wrapper > a').removeClass('nav-tab-active sirv-nav-tab-active');
    39063906            $('.sirv-tab-content'+$object.attr('href')).addClass('sirv-tab-content-active');
    3907             $object.addClass('nav-tab-active').trigger("blur");
     3907            $object.addClass('nav-tab-active sirv-nav-tab-active').trigger("blur");
    39083908            if(typeof e !== 'undefined') e.preventDefault();
    39093909        }
    … …  
    39133913        getPhpFilesLimitations();
    39143914
    3915         $(document).tooltip({
    3916             classes:{
    3917                 "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
    3918             },
    3919             show: false,
    3920             hide: false,
    3921             position: {
    3922                 my: "left bottom-25",
    3923                 at: "left bottom",
    3924                 collision: "flipfit",
    3925             },
    3926         });
    3927 
    39283915        if($('.sirv-items-container').length > 0) getContentFromSirv();
    39293916

  • sirv/tags/7.5.5/plugdata/templates/error_images.html

    r2929636 r3315622  
    1212        box-sizing: border-box;
    1313    }
    14     .content {
     14    .sirv-media-content {
    1515        display: flex;
    1616        justify-content: center;
    … …  
    4242</head>
    4343<body>
    44     <div class="content">
     44    <div class="sirv-media-content">
    4545        <div>
    4646            <table>

  • sirv/tags/7.5.5/plugdata/templates/featured_image.html

    r3023399 r3315622  
    6060        height: 100%
    6161    }
    62 
    63     #sirv-choose-shortcode {
    64         height: 100%
    65     }
    66 
    6762
    6863    #gallery-profile {
    … …  
    170165    }
    171166
    172     .sirv-modal-close {
    173         position: absolute;
    174         top: 0;
    175         right: 0;
    176         margin-top: 10px;
    177         margin-right: 10px;
    178     }
    179 
    180167    .sirv-tabs {
    181168        display: none;
    … …  
    184171    .sirv-cancel {
    185172        display: none;
    186     }
    187 
    188     .sirv-choose-wrapper {
    189         display: flex;
    190         flex-direction: row;
    191         flex-wrap: wrap;
    192     }
    193 
    194     .sirv-choose-shortcode {
    195         margin: 5px;
    196         display: flex;
    197         flex-wrap: wrap;
    198         width: calc(20% - 15px);
    199         min-height: 177px;
    200         border: 2px solid #d2cece;
    201         padding: 0 0px 2px 0px;
    202         line-height: 0;
    203         justify-content: center;
    204         cursor: pointer;
    205     }
    206 
    207     .sirv-choose-shortcode:hover {
    208         /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    209         /* border-color: #4bb2ea; */
    210         border-color: #9ec1de;
    211     }
    212 
    213     .sirv-choose-shortcode:hover .sirv-choose-shortcode-title {
    214         /* background: #4bb2ea; */
    215         background: #9ec1de;
    216         color: #3a4b5a;
    217     }
    218 
    219     .sirv-choose-shortcode-title {
    220         width: 100%;
    221         height: 20px;
    222         background: #eaeaea;
    223         border-bottom: 1px solid #e0e0e0;
    224         margin-bottom: 2px;
    225         line-height: normal !important;
    226         text-align: center;
    227     }
    228 
    229     .sirv-choose-shortcode img {
    230         max-width: 70px;
    231         max-height: 70px;
    232         margin: 2px;
    233         object-fit: cover;
    234     }
    235 
    236     .sirv-selected-shortcode {
    237         /* border: 2px solid #91b6ed;
    238             box-sizing: content-box; */
    239         /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    240         /* border-color: #4bb2ea; */
    241         border-color: #9ec1de;
    242         background: #ddedfc;
    243         color: #fff;
    244     }
    245 
    246     .sirv-selected-shortcode .sirv-choose-shortcode-title {
    247         /* background: #4bb2ea; */
    248         background: #9ec1de;
    249         color: #3a4b5a;
    250173    }
    251174
    … …  
    270193        } */
    271194
    272     .content {
     195    .sirv-media-content {
    273196        display: flex;
    274197        flex-direction: column;
    … …  
    326249    }
    327250
    328     /* @media only screen and (max-width: 2048px) {
    329             .sirv-choose-shortcode {width: calc(14% - 10px);}
    330         } */
    331     @media only screen and (max-width: 1024px) {
    332         .sirv-choose-shortcode {
    333         width: calc(25% - 14px);
    334         }
    335     }
    336 
    337     @media only screen and (max-width: 768px) {
    338         .sirv-choose-shortcode {
    339         width: calc(33% - 12px);
    340         }
    341     }
    342 
    343     .create-folder-container {
    344         margin-right: 5px;
    345     }
    346 
    347251    .sub-toolbar-left {
    348252        width: 75%;
    … …  
    389293    }
    390294</style>
     295<script>
     296    jQuery(document).ready(function($) {
     297        $('.sirv-media-content').tooltip({
     298            classes:{
     299                "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
     300            },
     301            show: false,
     302            hide: false,
     303            position: {
     304                my: "left bottom-25",
     305                at: "left bottom",
     306                collision: "flipfit",
     307            },
     308        });
     309    });
     310</script>
    391311<div class="loading-ajax">
    392312<span class="sirv-loading-icon"></span>
    … …  
    415335<div class="sirv-drop-handler"></div>
    416336</div>
    417 <div class="content">
     337<div class="sirv-media-content">
    418338    <div class="sirv-tabs">
    419339        <div class="nav-tab-wrapper">
    420         <a class="nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
     340        <a class="sirv-nav-tab sirv-nav-tab-active nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
    421341            media</span></a>
    422         <a class="nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
     342        <a class="sirv-nav-tab nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
    423343            shortcode</span></a>
    424344        </div>
    425         <a class="b-close sirv-modal-close" title="Cancel"><span class="dashicons dashicons-no-alt"></span></a>
     345        <a class="b-close sirv-modal-close"><span class="dashicons dashicons-no-alt"></span></a>
    426346    </div>
    427347    <div class="sirv-tab-content sirv-tab-content-active sirv-add-media" id="sirv-add-media">
    428348        <div class="selection-content" id="drag-upload-area">
    429         <!-- <div class="nav"> -->
    430349        <div class="media-tools-panel">
    431350            <div class="toolbar-container sirv-tabs--hide">
    … …  
    442361                    <span class="dashicons dashicons-no-alt"></span>
    443362                    </button>
    444                     <div id="sirv-search-button" class="btn btn-success">
     363                    <!-- <div id="sirv-search-button" class="btn btn-success">
    445364                        <span>Search</span>
     365                    </div> -->
     366                </div>
     367                <div class="create-folder-container">
     368                    <div class="sirv-btn sirv-btn-secondary create-folder">
     369                        <i class="fa fa-folder-o"></i>
     370                        <span>New folder</span>
    446371                    </div>
    447372                </div>
    448                 <!-- <div class="upload-files-container">
    449                     <div class="btn btn-success fileinput-button">
    450                     <span>Upload media</span>
    451                     <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]"
    452                         multiple="">
    453                     </div>
    454                 </div> -->
    455373                <div class="upload-files-container">
    456                     <div class="btn btn-success fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     374                    <div class="sirv-btn sirv-btn-primary fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     375                        <i class="fa fa-upload"></i>
    457376                        <span>Upload media</span>
    458377                    </div>
    459378                    <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]" multiple="">
    460379                </div>
    461                 <div class="create-folder-container">
    462                     <div class="btn btn-success create-folder">
    463                     <span>New folder</span>
    464                     </div>
    465                 </div>
    466                 <!-- <a class="btn btn-success b-close sirv-cancel">Cancel</a> -->
    467                 </div>
     380            </div>
    468381            </div>
    469382            <div class="sirv-hr">

  • sirv/tags/7.5.5/plugdata/templates/media_add.html

    r3039643 r3315622  
    4949    .sirv-tab-content.sirv-tab-content-active { display: block;}
    5050    #sirv-add-media{ height: 100% }
    51     #sirv-choose-shortcode{ height: 100% }
    5251
    5352
    … …  
    143142    .sirv-pagination > button { margin: 0 3px !important; }
    144143
    145     .sirv-modal-close {
    146         position: absolute;
    147         top: 0;
    148         right: 0;
    149         margin-top: 10px;
    150         margin-right: 10px;
    151     }
    152 
    153144    .sirv-tabs{display: none;}
     145
    154146    .sirv-cancel{ display: none; }
    155 
    156     .sirv-choose-wrapper{
    157         display: flex;
    158         flex-direction: row;
    159         flex-wrap: wrap;
    160     }
    161 
    162     .sirv-choose-shortcode {
    163         margin: 5px;
    164         display: flex;
    165         flex-wrap: wrap;
    166         width: calc(20% - 15px);
    167         min-height: 177px;
    168         border: 2px solid #d2cece;
    169         padding: 0 0px 2px 0px;
    170         line-height: 0;
    171         justify-content: center;
    172         cursor: pointer;
    173     }
    174 
    175     .sirv-choose-shortcode:hover {
    176         /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    177         /* border-color: #4bb2ea; */
    178         border-color: #9ec1de;
    179     }
    180 
    181     .sirv-choose-shortcode:hover .sirv-choose-shortcode-title{
    182         /* background: #4bb2ea; */
    183         background: #9ec1de;
    184         color: #3a4b5a;
    185     }
    186 
    187     .sirv-choose-shortcode-title {
    188         width: 100%;
    189         height: 20px;
    190         background: #eaeaea;
    191         border-bottom: 1px solid #e0e0e0;
    192         margin-bottom: 2px;
    193         line-height: normal !important;
    194         text-align: center;
    195     }
    196 
    197     .sirv-choose-shortcode img {
    198         max-width: 70px;
    199         max-height: 70px;
    200         margin: 2px;
    201         object-fit: cover;
    202     }
    203 
    204     .sirv-selected-shortcode{
    205         /* border: 2px solid #91b6ed;
    206         box-sizing: content-box; */
    207         /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    208         /* border-color: #4bb2ea; */
    209         border-color: #9ec1de;
    210         background: #ddedfc;
    211         color: #fff;
    212     }
    213 
    214     .sirv-selected-shortcode .sirv-choose-shortcode-title{
    215         /* background: #4bb2ea; */
    216         background: #9ec1de;
    217         color: #3a4b5a;
    218     }
    219147
    220148    .sirv-insert-shortcode-wrapper {
    … …  
    240168    } */
    241169
    242     .content{
     170    .sirv-media-content{
    243171        display: flex;
    244172        flex-direction: column;
    … …  
    296224    }
    297225
    298     /* @media only screen and (max-width: 2048px) {
    299         .sirv-choose-shortcode {width: calc(14% - 10px);}
    300     } */
    301     @media only screen and (max-width: 1024px) {
    302         .sirv-choose-shortcode {width: calc(25% - 14px);}
    303     }
    304     @media only screen and (max-width: 768px) {
    305         .sirv-choose-shortcode {width: calc(33% - 12px);}
    306     }
    307 
    308     .create-folder-container {
    309         margin-right: 5px;
    310     }
    311 
    312226    .sub-toolbar-left {
    313227        width: 75%;
    … …  
    338252
    339253    /*------------------------------WP standard styles-----------------------------------------------*/
     254    .sirv-items-container{
     255        bottom: 10px !important;
     256    }
     257
    340258    .sirv-modal .sirv-items-container a {
    341259        color: #0073aa;
    … …  
    412330    jQuery('input[name=sirv-model-shadow-slider]').on('input', showModelSliderValue);
    413331    isAddMedia();
     332
     333    jQuery('.sirv-media-content').tooltip({
     334            classes:{
     335                "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
     336            },
     337            show: false,
     338            hide: false,
     339            position: {
     340                my: "left bottom-25",
     341                at: "left bottom",
     342                collision: "flipfit",
     343            },
     344        });
    414345
    415346});// domready end
    … …  
    442373    <div class="sirv-drop-handler"></div>
    443374</div>
    444 <div class="content">
     375<div class="sirv-media-content">
    445376    <div class="sirv-tabs">
    446377        <div class="nav-tab-wrapper">
    447             <a class="nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new media</span></a>
    448             <a class="nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose shortcode</span></a>
     378            <a class="nav-tab sirv-nav-tab sirv-nav-tab-active nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new media</span></a>
     379            <a class="sirv-nav-tab nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose shortcode</span></a>
    449380        </div>
    450         <a class="b-close sirv-modal-close" title="Cancel"><span class="dashicons dashicons-no-alt"></span></a>
     381        <a class="b-close sirv-modal-close"><span class="dashicons dashicons-no-alt"></span></a>
    451382    </div>
    452383    <div class="sirv-tab-content sirv-tab-content-active sirv-add-media" id="sirv-add-media">
    … …  
    467398                                        <span class="dashicons dashicons-no-alt"></span>
    468399                                    </button>
    469                                     <div id="sirv-search-button" class="btn btn-success">
     400                                    <!-- <div id="sirv-search-button" class="btn btn-success">
    470401                                        <span>Search</span>
     402                                    </div> -->
     403                                </div>
     404                                <div class="create-folder-container">
     405                                    <div class="sirv-btn sirv-btn-secondary create-folder">
     406                                        <i class="fa fa-folder-o"></i>
     407                                        <span>New folder</span>
    471408                                    </div>
    472409                                </div>
    473                                 <!-- <div class="upload-files-container">
    474                                     <div class="btn btn-success fileinput-button">
    475                                         <span>Upload media</span>
    476                                         <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]"
    477                                             multiple="">
    478                                     </div>
    479                                 </div> -->
    480410                                <div class="upload-files-container">
    481                                     <div class="btn btn-success fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     411                                    <div class="sirv-btn sirv-btn-primary fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     412                                        <i class="fa fa-upload"></i>
    482413                                        <span>Upload media</span>
    483414                                    </div>
    484415                                    <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]" multiple="">
    485416                                </div>
    486                                 <div class="create-folder-container">
    487                                     <div class="btn btn-success create-folder">
    488                                         <span>New folder</span>
    489                                     </div>
    490                                 </div>
    491                                 <!-- <a class="btn btn-success b-close sirv-cancel">Cancel</a> -->
    492417                            </div>
    493418                        </div>

  • sirv/tags/7.5.5/plugdata/templates/media_library.html

    r3023399 r3315622  
    44        }
    55    </style>
    6 
     6    <script>
     7        jQuery(document).ready(function($) {
     8            $('.sirv-media-content').tooltip({
     9                classes:{
     10                    "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
     11                },
     12                show: false,
     13                hide: false,
     14                position: {
     15                    my: "left bottom-25",
     16                    at: "left bottom",
     17                    collision: "flipfit",
     18                },
     19            });
     20        });
     21    </script>
    722    <div class="sirv-sirv-media_library-php">
    823        <div class="loading-ajax">
    … …  
    3247            <div class="sirv-drop-handler"></div>
    3348        </div>
    34         <div class="content">
     49        <div class="sirv-media-content">
    3550            <div class="selection-content" id="drag-upload-area">
    3651                <div class="nav">
    … …  
    5267                            <div class="sub-toolbar-right">
    5368                                <div class="sirv-search-container">
    54                                     <!-- <div class="btn btn-success sirv-search">
    55                                                             <span>Search</span>
    56                                                         </div> -->
    5769                                    <input id="sirv-search-field" class="sirv-search-narrow strech" type="text"
    5870                                        placeholder="🔍 Search" value="" autocomplete="off" />
    … …  
    6072                                        <span class="dashicons dashicons-no-alt"></span>
    6173                                    </button>
    62                                     <div id="sirv-search-button" class="btn btn-success">
     74                                    <!-- <div id="sirv-search-button" class="btn btn-success">
    6375                                        <span>Search</span>
     76                                    </div> -->
     77                                </div>
     78                                <div class="sirv-newfolder-container">
     79                                    <div class="sirv-btn sirv-btn-secondary create-folder">
     80                                        <i class="fa fa-folder-o"></i>
     81                                        <span>New folder</span>
    6482                                    </div>
    6583                                </div>
    6684                                <div class="upload-files-container">
    67                                     <div class="btn btn-success fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     85                                    <div class="sirv-btn sirv-btn-primary fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     86                                        <i class="fa fa-upload"></i>
    6887                                        <span>Upload media</span>
    6988                                    </div>
    7089                                    <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]" multiple="">
    71                                 </div>
    72                                 <div class="sirv-newfolder-container">
    73                                     <div class="btn btn-tool create-folder">
    74                                         <span>New folder</span>
    75                                     </div>
    7690                                </div>
    7791                            </div>

  • sirv/tags/7.5.5/plugdata/templates/woo_media_add.html

    r3023399 r3315622  
    5858
    5959  #sirv-add-media {
    60     height: 100%
    61   }
    62 
    63   #sirv-choose-shortcode {
    6460    height: 100%
    6561  }
    … …  
    170166  }
    171167
    172   .sirv-modal-close {
    173     position: absolute;
    174     top: 0;
    175     right: 0;
    176     margin-top: 10px;
    177     margin-right: 10px;
    178   }
    179 
    180168  .sirv-tabs {
    181169    display: none;
    … …  
    184172  .sirv-cancel {
    185173    display: none;
    186   }
    187 
    188   .sirv-choose-wrapper {
    189     display: flex;
    190     flex-direction: row;
    191     flex-wrap: wrap;
    192   }
    193 
    194   .sirv-choose-shortcode {
    195     margin: 5px;
    196     display: flex;
    197     flex-wrap: wrap;
    198     width: calc(20% - 15px);
    199     min-height: 177px;
    200     border: 2px solid #d2cece;
    201     padding: 0 0px 2px 0px;
    202     line-height: 0;
    203     justify-content: center;
    204     cursor: pointer;
    205   }
    206 
    207   .sirv-choose-shortcode:hover {
    208     /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    209     /* border-color: #4bb2ea; */
    210     border-color: #9ec1de;
    211   }
    212 
    213   .sirv-choose-shortcode:hover .sirv-choose-shortcode-title {
    214     /* background: #4bb2ea; */
    215     background: #9ec1de;
    216     color: #3a4b5a;
    217   }
    218 
    219   .sirv-choose-shortcode-title {
    220     width: 100%;
    221     height: 20px;
    222     background: #eaeaea;
    223     border-bottom: 1px solid #e0e0e0;
    224     margin-bottom: 2px;
    225     line-height: normal !important;
    226     text-align: center;
    227   }
    228 
    229   .sirv-choose-shortcode img {
    230     max-width: 70px;
    231     max-height: 70px;
    232     margin: 2px;
    233     object-fit: cover;
    234   }
    235 
    236   .sirv-selected-shortcode {
    237     /* border: 2px solid #91b6ed;
    238         box-sizing: content-box; */
    239     /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    240     /* border-color: #4bb2ea; */
    241     border-color: #9ec1de;
    242     background: #ddedfc;
    243     color: #fff;
    244   }
    245 
    246   .sirv-selected-shortcode .sirv-choose-shortcode-title {
    247     /* background: #4bb2ea; */
    248     background: #9ec1de;
    249     color: #3a4b5a;
    250174  }
    251175
    … …  
    270194    } */
    271195
    272   .content {
     196  .sirv-media-content {
    273197    display: flex;
    274198    flex-direction: column;
    … …  
    326250  }
    327251
    328   /* @media only screen and (max-width: 2048px) {
    329         .sirv-choose-shortcode {width: calc(14% - 10px);}
    330     } */
    331   @media only screen and (max-width: 1024px) {
    332     .sirv-choose-shortcode {
    333       width: calc(25% - 14px);
    334     }
    335   }
    336 
    337   @media only screen and (max-width: 768px) {
    338     .sirv-choose-shortcode {
    339       width: calc(33% - 12px);
    340     }
    341   }
    342 
    343   .create-folder-container {
    344     margin-right: 5px;
    345   }
    346 
    347252  .sub-toolbar-left {
    348253    width: 75%;
    … …  
    438343    jQuery('.nav-tab-sirv-choose-shortcodes').on('click', showShortcodeTab);
    439344    isAddMedia(); */
     345    jQuery('.sirv-media-content').tooltip({
     346        classes:{
     347            "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
     348        },
     349        show: false,
     350        hide: false,
     351        position: {
     352            my: "left bottom-25",
     353            at: "left bottom",
     354            collision: "flipfit",
     355        },
     356    });
    440357
    441358  });// domready end
    … …  
    468385  <div class="sirv-drop-handler"></div>
    469386</div>
    470 <div class="content">
     387<div class="sirv-media-content">
    471388  <div class="sirv-tabs">
    472389    <div class="nav-tab-wrapper">
    473       <a class="nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
     390      <a class="sirv-nav-tab sirv-nav-tab-active nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
    474391          media</span></a>
    475       <a class="nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
     392      <a class="sirv-nav-tab nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
    476393          shortcode</span></a>
    477394    </div>
    478     <a class="b-close sirv-modal-close" title="Cancel"><span class="dashicons dashicons-no-alt"></span></a>
     395    <a class="b-close sirv-modal-close"><span class="dashicons dashicons-no-alt"></span></a>
    479396  </div>
    480397  <div class="sirv-tab-content sirv-tab-content-active sirv-add-media" id="sirv-add-media">
    … …  
    495412                  <span class="dashicons dashicons-no-alt"></span>
    496413                </button>
    497                 <div id="sirv-search-button" class="btn btn-success">
     414                <!-- <div id="sirv-search-button" class="btn btn-success">
    498415                    <span>Search</span>
     416                </div> -->
     417              </div>
     418              <div class="create-folder-container">
     419                <div class="sirv-btn sirv-btn-secondary create-folder">
     420                  <i class="fa fa-folder-o"></i>
     421                  <span>New folder</span>
    499422                </div>
    500423              </div>
    501               <!-- <div class="upload-files-container">
    502                 <div class="btn btn-success fileinput-button">
    503                   <span>Upload media</span>
    504                   <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]"
    505                     multiple="">
    506                 </div>
    507               </div> -->
    508424              <div class="upload-files-container">
    509                   <div class="btn btn-success fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
    510                       <span>Upload media</span>
     425                  <div class="sirv-btn sirv-btn-primary fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     426                    <i class="fa fa-upload"></i>
     427                    <span>Upload media</span>
    511428                  </div>
    512429                  <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]" multiple="">
    513430              </div>
    514               <div class="create-folder-container">
    515                 <div class="btn btn-success create-folder">
    516                   <span>New folder</span>
    517                 </div>
    518               </div>
    519               <!-- <a class="btn btn-success b-close sirv-cancel">Cancel</a> -->
    520431            </div>
    521432          </div>

  • sirv/tags/7.5.5/plugdata/templates/woo_set_product_image.html

    r3023399 r3315622  
    5858
    5959  #sirv-add-media {
    60     height: 100%
    61   }
    62 
    63   #sirv-choose-shortcode {
    6460    height: 100%
    6561  }
    … …  
    170166  }
    171167
    172   .sirv-modal-close {
    173     position: absolute;
    174     top: 0;
    175     right: 0;
    176     margin-top: 10px;
    177     margin-right: 10px;
    178   }
    179 
    180168  .sirv-tabs {
    181169    display: none;
    … …  
    184172  .sirv-cancel {
    185173    display: none;
    186   }
    187 
    188   .sirv-choose-wrapper {
    189     display: flex;
    190     flex-direction: row;
    191     flex-wrap: wrap;
    192   }
    193 
    194   .sirv-choose-shortcode {
    195     margin: 5px;
    196     display: flex;
    197     flex-wrap: wrap;
    198     width: calc(20% - 15px);
    199     min-height: 177px;
    200     border: 2px solid #d2cece;
    201     padding: 0 0px 2px 0px;
    202     line-height: 0;
    203     justify-content: center;
    204     cursor: pointer;
    205   }
    206 
    207   .sirv-choose-shortcode:hover {
    208     /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    209     /* border-color: #4bb2ea; */
    210     border-color: #9ec1de;
    211   }
    212 
    213   .sirv-choose-shortcode:hover .sirv-choose-shortcode-title {
    214     /* background: #4bb2ea; */
    215     background: #9ec1de;
    216     color: #3a4b5a;
    217   }
    218 
    219   .sirv-choose-shortcode-title {
    220     width: 100%;
    221     height: 20px;
    222     background: #eaeaea;
    223     border-bottom: 1px solid #e0e0e0;
    224     margin-bottom: 2px;
    225     line-height: normal !important;
    226     text-align: center;
    227   }
    228 
    229   .sirv-choose-shortcode img {
    230     max-width: 70px;
    231     max-height: 70px;
    232     margin: 2px;
    233     object-fit: cover;
    234   }
    235 
    236   .sirv-selected-shortcode {
    237     /* border: 2px solid #91b6ed;
    238         box-sizing: content-box; */
    239     /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    240     /* border-color: #4bb2ea; */
    241     border-color: #9ec1de;
    242     background: #ddedfc;
    243     color: #fff;
    244   }
    245 
    246   .sirv-selected-shortcode .sirv-choose-shortcode-title {
    247     /* background: #4bb2ea; */
    248     background: #9ec1de;
    249     color: #3a4b5a;
    250174  }
    251175
    … …  
    270194    } */
    271195
    272   .content {
     196  .sirv-media-content {
    273197    display: flex;
    274198    flex-direction: column;
    … …  
    325249  }
    326250
    327   /* @media only screen and (max-width: 2048px) {
    328         .sirv-choose-shortcode {width: calc(14% - 10px);}
    329     } */
    330   @media only screen and (max-width: 1024px) {
    331     .sirv-choose-shortcode {
    332       width: calc(25% - 14px);
    333     }
    334   }
    335 
    336   @media only screen and (max-width: 768px) {
    337     .sirv-choose-shortcode {
    338       width: calc(33% - 12px);
    339     }
    340   }
    341 
    342   .create-folder-container {
    343     margin-right: 5px;
    344   }
    345 
    346251  .sub-toolbar-left {
    347252    width: 75%;
    … …  
    437342    jQuery('.nav-tab-sirv-choose-shortcodes').on('click', showShortcodeTab);
    438343    isAddMedia(); */
     344    jQuery('.sirv-media-content').tooltip({
     345        classes:{
     346            "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
     347        },
     348        show: false,
     349        hide: false,
     350        position: {
     351            my: "left bottom-25",
     352            at: "left bottom",
     353            collision: "flipfit",
     354        },
     355    });
    439356
    440357  });// domready end
    … …  
    467384  <div class="sirv-drop-handler"></div>
    468385</div>
    469 <div class="content">
     386<div class="sirv-media-content">
    470387  <div class="sirv-tabs">
    471388    <div class="nav-tab-wrapper">
    472       <a class="nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
     389      <a class="sirv-nav-tab sirv-nav-tab-active nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
    473390          media</span></a>
    474       <a class="nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
     391      <a class="sirv-nav-tab nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
    475392          shortcode</span></a>
    476393    </div>
    477     <a class="b-close sirv-modal-close" title="Cancel"><span class="dashicons dashicons-no-alt"></span></a>
     394    <a class="b-close sirv-modal-close"><span class="dashicons dashicons-no-alt"></span></a>
    478395  </div>
    479396  <div class="sirv-tab-content sirv-tab-content-active sirv-add-media" id="sirv-add-media">
    … …  
    494411                  <span class="dashicons dashicons-no-alt"></span>
    495412                </button>
    496                 <div id="sirv-search-button" class="btn btn-success">
     413                <!-- <div id="sirv-search-button" class="btn btn-success">
    497414                    <span>Search</span>
     415                </div> -->
     416              </div>
     417              <div class="create-folder-container">
     418                <div class="sirv-btn sirv-btn-secondary create-folder">
     419                  <i class="fa fa-folder-o"></i>
     420                  <span>New folder</span>
    498421                </div>
    499422              </div>
    500423              <div class="upload-files-container">
    501                 <div class="btn btn-success fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     424                <div class="sirv-btn sirv-btn-primary fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     425                  <i class="fa fa-upload"></i>
    502426                  <span>Upload media</span>
    503427                  <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]"
    … …  
    505429                </div>
    506430              </div>
    507               <div class="create-folder-container">
    508                 <div class="btn btn-success create-folder">
    509                   <span>New folder</span>
    510                 </div>
    511               </div>
    512               <!-- <a class="btn btn-success b-close sirv-cancel">Cancel</a> -->
    513431            </div>
    514432          </div>

  • sirv/tags/7.5.5/plugdata/templates/woo_set_variation_image.html

    r3204949 r3315622  
    6060    height: 100%
    6161  }
    62 
    63   #sirv-choose-shortcode {
    64     height: 100%
    65   }
    66 
    6762
    6863  #gallery-profile {
    … …  
    170165  }
    171166
    172   .sirv-modal-close {
    173     position: absolute;
    174     top: 0;
    175     right: 0;
    176     margin-top: 10px;
    177     margin-right: 10px;
    178   }
    179 
    180167  .sirv-tabs {
    181168    display: none;
    … …  
    184171  .sirv-cancel {
    185172    display: none;
    186   }
    187 
    188   .sirv-choose-wrapper {
    189     display: flex;
    190     flex-direction: row;
    191     flex-wrap: wrap;
    192   }
    193 
    194   .sirv-choose-shortcode {
    195     margin: 5px;
    196     display: flex;
    197     flex-wrap: wrap;
    198     width: calc(20% - 15px);
    199     min-height: 177px;
    200     border: 2px solid #d2cece;
    201     padding: 0 0px 2px 0px;
    202     line-height: 0;
    203     justify-content: center;
    204     cursor: pointer;
    205   }
    206 
    207   .sirv-choose-shortcode:hover {
    208     /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    209     /* border-color: #4bb2ea; */
    210     border-color: #9ec1de;
    211   }
    212 
    213   .sirv-choose-shortcode:hover .sirv-choose-shortcode-title {
    214     /* background: #4bb2ea; */
    215     background: #9ec1de;
    216     color: #3a4b5a;
    217   }
    218 
    219   .sirv-choose-shortcode-title {
    220     width: 100%;
    221     height: 20px;
    222     background: #eaeaea;
    223     border-bottom: 1px solid #e0e0e0;
    224     margin-bottom: 2px;
    225     line-height: normal !important;
    226     text-align: center;
    227   }
    228 
    229   .sirv-choose-shortcode img {
    230     max-width: 70px;
    231     max-height: 70px;
    232     margin: 2px;
    233     object-fit: cover;
    234   }
    235 
    236   .sirv-selected-shortcode {
    237     /* border: 2px solid #91b6ed;
    238         box-sizing: content-box; */
    239     /* box-shadow: 0px 0px 5px 3px #4bb2ea; */
    240     /* border-color: #4bb2ea; */
    241     border-color: #9ec1de;
    242     background: #ddedfc;
    243     color: #fff;
    244   }
    245 
    246   .sirv-selected-shortcode .sirv-choose-shortcode-title {
    247     /* background: #4bb2ea; */
    248     background: #9ec1de;
    249     color: #3a4b5a;
    250173  }
    251174
    … …  
    270193    } */
    271194
    272   .content {
     195  .sirv-media-content {
    273196    display: flex;
    274197    flex-direction: column;
    … …  
    325248  }
    326249
    327   /* @media only screen and (max-width: 2048px) {
    328         .sirv-choose-shortcode {width: calc(14% - 10px);}
    329     } */
    330   @media only screen and (max-width: 1024px) {
    331     .sirv-choose-shortcode {
    332       width: calc(25% - 14px);
    333     }
    334   }
    335 
    336   @media only screen and (max-width: 768px) {
    337     .sirv-choose-shortcode {
    338       width: calc(33% - 12px);
    339     }
    340   }
    341 
    342   .create-folder-container {
    343     margin-right: 5px;
    344   }
    345 
    346250  .sub-toolbar-left {
    347251    width: 75%;
    … …  
    437341    jQuery('.nav-tab-sirv-choose-shortcodes').on('click', showShortcodeTab);
    438342    isAddMedia(); */
     343    jQuery('.sirv-media-content').tooltip({
     344        classes:{
     345            "ui-tooltip": "sirv-ui-widget-content sirv-ui-corner-all sirv-ui-widget-shadow",
     346        },
     347        show: false,
     348        hide: false,
     349        position: {
     350            my: "left bottom-25",
     351            at: "left bottom",
     352            collision: "flipfit",
     353        },
     354    });
    439355
    440356  });// domready end
    … …  
    467383  <div class="sirv-drop-handler"></div>
    468384</div>
    469 <div class="content">
     385<div class="sirv-media-content">
    470386  <div class="sirv-tabs">
    471387    <div class="nav-tab-wrapper">
    472       <a class="nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
     388      <a class="sirv-nav-tab sirv-nav-tab-active nav-tab nav-tab-active nav-tab-sirv-add-media" href="#sirv-add-media"><span class="sirv-tab-txt">Add new
    473389          media</span></a>
    474       <a class="nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
     390      <a class="sirv-nav-tab nav-tab nav-tab-sirv-choose-shortcodes" href="#sirv-choose-shortcodes"><span class="sirv-tab-txt">Choose
    475391          shortcode</span></a>
    476392    </div>
    477     <a class="b-close sirv-modal-close" title="Cancel"><span class="dashicons dashicons-no-alt"></span></a>
     393    <a class="b-close sirv-modal-close"><span class="dashicons dashicons-no-alt"></span></a>
    478394  </div>
    479395  <div class="sirv-tab-content sirv-tab-content-active sirv-add-media" id="sirv-add-media">
    … …  
    494410                  <span class="dashicons dashicons-no-alt"></span>
    495411                </button>
    496                 <div id="sirv-search-button" class="btn btn-success">
     412                <!-- <div id="sirv-search-button" class="btn btn-success">
    497413                    <span>Search</span>
     414                </div> -->
     415              </div>
     416              <div class="create-folder-container">
     417                <div class="sirv-btn sirv-btn-secondary create-folder">
     418                  <i class="fa fa-folder-o"></i>
     419                  <span>New folder</span>
    498420                </div>
    499421              </div>
    500422              <div class="upload-files-container">
    501                 <div class="btn btn-success fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     423                <div class="sirv-btn sirv-btn-primary fileinput-button" data-item-type="uploadButton" data-menu-position="bottom">
     424                  <i class="fa fa-upload"></i>
    502425                  <span>Upload media</span>
    503426                  <input id="filesToUpload" class="sirvFilesToUpload" data-current-folder="/" type="file" name="files[]"
    … …  
    505428                </div>
    506429              </div>
    507               <div class="create-folder-container">
    508                 <div class="btn btn-success create-folder">
    509                   <span>New folder</span>
    510                 </div>
    511               </div>
    512               <!-- <a class="btn btn-success b-close sirv-cancel">Cancel</a> -->
    513430            </div>
    514431          </div>

  • sirv/tags/7.5.5/readme.txt

    r3272226 r3315622  
    55Requires PHP: 5.6
    66Requires at least: 3.0.1
    7 Tested up to: 6.8
    8 Stable tag: 7.5.4
     7Tested up to: 6.8.1
     8Stable tag: 7.5.5
    99License: GPLv2 or later
    1010License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
    … …  
    224224== Changelog ==
    225225
     226= 7.5.5 (2025-06-21) =
     227* Tested with the latest WordPress version 6.8.1.
     228* Fixed issue with global tooltips.
     229* Fixed possible issue with incorrect image width/height.
     230* Improved design of Add Sirv Media.
     231* Small fixes and improvements.
     232
    226233= 7.5.4 (2025-04-14) =
    227234* Tested with the latest WordPress version 6.8.

  • sirv/tags/7.5.5/sirv.php

    r3272226 r3315622  
    55 * Plugin URI: http://sirv.com
    66 * Description: Fully-automatic image optimization, next-gen formats (WebP), responsive resizing, lazy loading and CDN delivery. Every best-practice your website needs. Use "Add Sirv Media" button to embed images, galleries, zooms, 360 spins and streaming videos in posts / pages. Stunning media viewer for WooCommerce. Watermarks, text titles... every WordPress site deserves this plugin! <a href="admin.php?page=sirv/data/options.php">Settings</a>
    7  * Version:           7.5.4
     7 * Version:           7.5.5
    88 * Requires PHP:      5.6
    99 * Requires at least: 3.0.1
    … …  
    1616
    1717
    18 define('SIRV_PLUGIN_VERSION', '7.5.4');
     18define('SIRV_PLUGIN_VERSION', '7.5.5');
    1919define('SIRV_PLUGIN_DIR', 'sirv');
    2020define('SIRV_PLUGIN_SUBDIR', 'plugdata');
    … …  
    455455      }
    456456
    457       $size_data['width'] = $wp_size[0];
    458       $size_data['height'] = $wp_size[1];
     457      $size_data['width'] = (int) $wp_size[0];
     458      $size_data['height'] = (int) $wp_size[1];
    459459      $size_data['cropType'] = sirv_get_crop_type($wp_size, $sizes, (bool) $isCrop);
    460460      $size_data['error'] = false;
    461461    }else{
    462462      if (!empty($sizes)  && in_array($wp_size, array_keys($sizes))) {
    463         $size_data['width'] = $sizes[$wp_size]['width'];
    464         $size_data['height'] = $sizes[$wp_size]['height'];
     463        $size_data['width'] = (int) $sizes[$wp_size]['width'];
     464        $size_data['height'] = (int) $sizes[$wp_size]['height'];
    465465
    466466        $isCrop = isset($sizes[$wp_size]['crop']) ? (bool) $sizes[$wp_size]['crop'] : false;
    … …  
    26822682
    26832683            if( isset($img_attrs['width']) || isset($img_attrs['height']) ){
    2684               $w = isset($img_attrs['width']) ? $img_attrs['width'] : 0;
    2685               $h = isset($img_attrs['height']) ? $img_attrs['height'] : 0;
     2684              $w = isset($img_attrs['width']) ? (int) $img_attrs['width'] : 0;
     2685              $h = isset($img_attrs['height']) ? (int) $img_attrs['height'] : 0;
    26862686            }else{
    26872687              list($w, $h) = explode('x', str_replace('-', '', str_replace('&#215;', 'x', $size_str)));
     2688              $w = (int) $w;
     2689              $h = (int) $h;
    26882690              $img_attrs['width'] = $w;
    26892691              $img_attrs['height'] = $h;
    … …  
    37243726    $json = @json_decode($response["result"], true);
    37253727    if ( empty($json['_isplaceholder']) && (int) $headers['http_code'] == 200 ) {
     3728      $filesize = Utils::get_remote_file_size($sirv_url);
     3729
    37263730      $data['status'] = 'SYNCED';
    37273731      $data['timestamp_synced'] = date("Y-m-d H:i:s");
    3728       $data['size'] = isset($headers['download_content_length']) ? (int) $headers['download_content_length'] : NULL;
     3732      $data['size'] = $filesize['filesize'];
    37293733      $data['error_type'] = NULL;
    37303734
Note: See TracChangeset for help on using the changeset viewer.