javascript Issue291：20170822 - 店铺トップサムネイル见直し（コース版）

Posted 2021-05-04

(function($) {

    window.issue291 = {

        start: function(abType) {
            var that = this;

            if (abType === 1) {
                this.changeImgWidth(70);
            }

            if (abType === 2) {
                this.changeImgWidth(70);
                this.addSeatTxt();
            }

            if (abType === 3) {
                this.changeImgWidth(100);
                this.addSeatTxt();

                var $courseSection = $('h2:contains("ネット予約できるおすすめコース")').closest('.section');

                // サムネイルのリサイズ変更: 80だと余白ができる
                $courseSection.find('.image__body img').each(function() {
                    $(this).attr('src', $(this).attr('src').replace('g=80', 'g=157'));
                });

                $courseSection.find('.heading--big').each(function() {
                    $(this).next('.label').removeClass('-mt8').css('margin-top', '-2px');  // ラベルあり
                    $(this).next('.specialPrice').css('margin-top', '-4px');  // ラベルなし
                    $(this).next('.text--minor').removeClass('-mt4');  // 席のみ
                    $(this).insertBefore($(this).closest('.media')).css('margin-bottom', '8px');
                });

                $courseSection.find('.label.-special strong').css({
                    'display': 'block',
                    'position': 'static',
                    'margin-top': 0,
                    'margin-bottom': '2px'
                });

                $courseSection.find('.label.-special span').css('padding', '4px 5px');
            }
        },

        changeImgWidth: function(width) {
            $('h2:contains("ネット予約できるおすすめコース")').closest('.section').find('.image--width-50').removeClass().addClass('image image--width-' + width);
        },

        addSeatTxt: function() {
            $('p:contains("席のみ")').after('<p class="text--minor -clr-default -normal -mt4">お食事等を、当日ご注文いただきご精算ください。</p>');
        }

    }

    // パターン確認用
    // var pattern = location.href.match(/pattern=(.)/)[1];
    // issue291.start(parseInt(pattern, 10) || null);

})(jQuery);