javascript Issue279：20180115 - no60。お店の最新情报をメインカラムに移动

Posted 2021-05-04

(function($) {

    window.issue279 = {

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

            switch(pattern) {
                case 1:
                    that.renderDOM();
                    break;
            }
        },

        renderDOM: function() {
            var $info = $('#sub-lt').addClass('section unit issue279');

            // 右カラムから移動
            $info.insertAfter('#pr');
            $info.wrap('<section>');

            // 不要なDOM, classの削除
            $('#sub-lt-wrapper-action').remove();
            $info.find('div').removeClass('carousel-block-unit');

            // 既存classで調整
            $('#sub-lt-inner').addClass('unit-inner');
            $info.find('h1').addClass('bg-assort text-key');
            $('.issue279 .g').removeClass().addClass('goto');

            // 更新日を本文前に移動
            $('.issue279 .sub-lt-inner-update').each(function() {
                $(this).insertBefore($(this).parent().find('.latest-today-desc'));
            });
        }

    }

    runAbtest(279);

    function runAbtest(issueUrl) {
        if (
            location.href.match(/ab_issue=(.+)/) &&
            location.href.match(/ab_pattern=(.)/) &&
            location.hostname.match(/localhost|frontend|10.21.180.90/)
        ) {
            var issueNum = parseInt(location.href.match(/ab_issue=(\d+)/)[1], 10);
            var pattern  = parseInt(location.href.match(/ab_pattern=(\d+)/)[1], 10);

            if (issueUrl === issueNum) {
                window['issue' + issueNum].start(pattern);

                // 確認用: 2つめの詳細は不要
                $('#sub-lt .more').eq(1).remove();
            }
        }

        // 以下、frontend確認用

        // 画像が縦長
        if (location.href.match(/ab_imgY/)) {
            $('.issue279 .latest-today-img img').attr('src', 'http://dummyimage.com/100x200/cc0000/ffffff');
        }

        // 画像が横長
        if (location.href.match(/ab_imgX/)) {
            $('.issue279 .latest-today-img img').attr('src', 'http://dummyimage.com/200x100/cc0000/ffffff');
        }

        // 画像長辺が100pxより小さい
        if (location.href.match(/ab_imgMin/)) {
            $('.issue279 .latest-today-img img').attr('src', 'http://dummyimage.com/80x80/cc0000/ffffff');
        }

        // 項目が1つ
        if (location.href.match(/ab_one/)) {
            $('.issue279 .latest-today-unit').eq(1).remove();
        }

        // ニュース
        if (location.href.match(/ab_news/)) {
            $('.issue279 .latest-today-title').remove();
            $('.issue279 .latest-today-term').remove();
        }
    }

})(jQuery);