').text(commentText).html(); commentText = commentText.replace(/\r?\n/g, '
'); this.$comment.html(commentText); }, update: function () { this.$tb.find('.app_estimate_item').remove(); var html_product = ''; var html_service = ''; var html_accessary = ''; for (key in data) { var num = data[key].num; if (num > 0) { var type = data[key].type; var product = data[key].product; var modelnumber = data[key].modelnumber; var name = data[key].name; var price = data[key].price; // 機種 if (type == 'product') { if (name.includes("
")) { var indx0 = name.split("
")[0]; var indx1 = name.split("
")[1]; name = indx1 + "
" + indx0; } html_product += '\ \ ' + product + '
' + name + '\ ' + modelnumber + '\ ' + num + '\ ¥' + this.utils.commafy(price) + '\ ¥' + this.utils.commafy(price * num) + '\ '; } // サポート if (type == 'service') { html_service += '\ \ ' + product + '
' + name + '\ ' + modelnumber + '\ ' + num + '\ ¥' + this.utils.commafy(price) + '\ ¥' + this.utils.commafy(price * num) + '\ '; } // アクセサリ if (type == 'accessary') { html_accessary += '\ \ ' + name + '\ ' + modelnumber + '\ ' + num + '\ ¥' + this.utils.commafy(price) + '\ ¥' + this.utils.commafy(price * num) + '\ '; } } } var temp_rs = '\ \ \ \ \ \ \ '; if (html_product) { html_product += temp_rs; this.$product.removeAttr('style').after(html_product); } else { this.$product.css({ display: 'none' }); } if (html_service) { html_service += temp_rs; this.$service.removeAttr('style').after(html_service); } else { this.$service.css({ display: 'none' }); } if (html_accessary) { html_accessary += temp_rs; this.$accessary.removeAttr('style').after(html_accessary); } else { this.$accessary.css({ display: 'none' }); } } } /** * * FloatResult * 選択表示リストのボックスの設定 * */ var FloatResult = function () { if (!$('#float_result')[0]) { return; } this.init(); } FloatResult.prototype = { init: function () { var self = this; this.$wrapper = $('#input_area'); this.$container = $('#float_result'); this.$box = this.$container.find('.float_result_box'); this.$box_view = this.$container.find('.float_result_view'); this.$box_total = this.$container.find('.float_result_total'); this.$box_btn = this.$container.find('.float_result_btn'); $(window).on('scroll.FloatResult resize.FloatResult load.FloatResult', function () { self.update(); }); //アコーディオンの対応 $('.app_accordion').on('animate', function () { self.update(); }); //this.update(); }, update: function () { if (!window.matchMedia("(max-width: 539px)").matches) { //box height this.$container.height(''); //this.$box.outerHeight(window.innerHeight); //STEP表示追加対応 var step_pos_h = $('#step_pos .step_pos__container').outerHeight(); this.$box.outerHeight(window.innerHeight - step_pos_h).css({ 'margin-top': step_pos_h }); this.$box_view.height(this.$box.height() - this.$box_total.outerHeight(true) - this.$box_btn.outerHeight(true)); this.$box.removeClass('is-fixed'); if ($(window).scrollTop() > this.$wrapper.offset().top + this.$wrapper.height() - this.$container.height()) { this.$container.addClass('is-bottom'); this.$container.removeClass('is-fixed'); } else if ($(window).scrollTop() > this.$wrapper.offset().top) { this.$container.addClass('is-fixed'); this.$container.removeClass('is-bottom'); } else { this.$container.removeClass('is-fixed'); this.$container.removeClass('is-bottom'); } } else { //box height this.$box.outerHeight(''); this.$box_view.height(''); this.$container.height(this.$box.outerHeight()); this.$container.removeClass('is-fixed'); this.$container.removeClass('is-bottom'); if ($(window).scrollTop() + window.innerHeight < this.$container.offset().top + this.$box.outerHeight()) { this.$box.addClass('is-fixed'); } else { this.$box.removeClass('is-fixed'); } } } } /** * * Mail * 詳細見積もりを依頼のリセラーメール設定 * */ var Mail = function () { if (!$('.mail_trigger')[0]) { return; } this.init(); } Mail.prototype = { init: function () { var self = this; this.data = [ 'sales_desk@spectrum.co.jp', 'MXM-otoiawase@mxmobiling.com', 'ibc-surface@otsuka-shokai.co.jp', 'JBS-SurfaceSales@jbs.com', 'Surface_mitsumori@hitachi-systems.com', 'ms-surface@fsi.co.jp', 'zjc_surface_salses@jp.ricoh.com' ]; this.$trigger = $('.mail_trigger'); this.$checkbox = $('.mail_checkbox'); this.$trigger.on('click', function () { self.send(); return false; }); }, send: function () { var self = this; var href = this.$trigger.attr('href'); var sep = /mac/i.test(navigator.userAgent.toLowerCase()) ? ',' : ';'; this.$checkbox.each(function (index, el) { if ($(el).is(':checked')) { href += self.data[index] + sep; } }); location.href = href.replace(/,$|;$/, ''); } } /** * * Accordion * */ var Accordion = function () { this.init(); } Accordion.prototype = { enabled: null, init: function () { var self = this; if (!$('.app_accordion')[0]) return; $('.app_accordion').each(function (i) { $(this).data('accordion', new AccordionCore(this)); }); //anchor open $('.app_accordion-open').on('click.Accordion', function () { $($(this).attr('href')).trigger('open.accordion'); }) //hash open var hash = window.location.hash; $(hash).trigger('open.accordion'); } } var AccordionCore = function (target) { this.init(target); }; AccordionCore.prototype = { enabled: null, init: function (target) { var self = this; this.$accordion = $(target); this.$trigger = this.$accordion.find('.app_accordion__trigger'); this.$triggersc = this.$accordion.find('.app_accordion__trigger_scroll'); this.$body = this.$accordion.find('.app_accordion__body'); var duration = this.$accordion.data('accordion-duration'); this.duration = duration == null ? 400 : duration; this.enable(); this.eventSetup(); }, enable: function () { var self = this; if (!this.enabled) { this.enabled = true; if (this.$accordion.hasClass('is-closed')) { this.$body.css({ display: 'none' }); } this.$trigger.on('click.Accordion', function (e) { self.toggle(); return false; }); this.$triggersc.on('click.Accordion', function (e) { self.toggle(); $('body, html').stop().animate({ scrollTop: Math.round(self.$accordion.offset().top) }, { duration: 400, easing: 'swing' }); return false; }); } }, disable: function () { if (this.enabled) { this.enabled = false; this.$body.css({ display: 'block' }); this.$trigger.off('click.Accordion'); } }, toggle: function () { var self = this; if (this.$body.is(':visible')) { this.close(); } else { this.open(); } }, open: function () { var self = this; this.$body.slideDown({ duration: this.duration, step: function () { self.$accordion.trigger('animate'); } }); this.$accordion.removeClass('is-closed'); }, close: function () { var self = this; this.$body.slideUp({ duration: this.duration, step: function () { self.$accordion.trigger('animate'); } }); this.$accordion.addClass('is-closed'); }, eventSetup: function () { var self = this; this.$accordion.on('open.accordion', function () { self.open(); }) this.$accordion.on('close.accordion', function () { self.close(); }) } } /** * * HeightLine * */ var HeightLine = function () { this.init(); }; HeightLine.prototype = { init: function () { var self = this; var timer; $(window).on('resize.HeightLine', function () { clearTimeout(timer); timer = setTimeout(function () { self.update(); }, 200); }); $(window).on('load.HeightLine', function () { self.update(); }); self.update(); }, update: function () { $('.accessary_items').each(function (index, el) { $(this).find('.accessary_item__name').css({ minHeight: '' }); $(this).find('.accessary_item').css({ minHeight: '' }); }); var col = window.matchMedia("(max-width: 539px)").matches ? 2 : 3; //非表示時（アコーディオン閉じの時）の対応 var $accodion_body = $('.accessary__b'); var accodion_body_hidden = $accodion_body.is(':hidden'); if (accodion_body_hidden) { $accodion_body.css({ display: 'block' }); } $('.accessary_items').each(function (index, el) { $(this).find('.accessary_item__name').not(':hidden').autoHeight({ column: col }); $(this).find('.accessary_item').not(':hidden').autoHeight({ column: col }); }); //非表示時（アコーディオン閉じの時）の対応 if (accodion_body_hidden) { $accodion_body.css({ display: 'none' }); } } } /** * * Step * 現在の STEP 位置の表示 * */ var Step = function () { if (!$('#step_pos')[0]) { return; } this.init(); } Step.prototype = { init: function () { var self = this; this.$wrapper = $('#step_pos'); this.$container = this.$wrapper.find('.step_pos__container'); this.$item = this.$wrapper.find('.step_pos__item'); $(window).on('scroll.EstimateFixed resize.EstimateFixed', function () { self.update(); }); this.update(); }, update: function () { var winscroll = $(window).scrollTop(); if (winscroll < this.$wrapper.offset().top) { this.$container.removeClass('is-show'); this.$container.addClass('x-hidden'); } else if (winscroll >= $('#step03').offset().top + $('#step03').height() - this.$container.outerHeight()) { this.$container.removeClass('is-show'); this.$container.addClass('x-hidden'); } else { this.$container.addClass('is-show'); this.$container.removeClass('x-hidden'); } if (winscroll >= $('#step03').offset().top + $('#step03').height() - this.$container.outerHeight()) { this.currentUpdate(2); } else if (winscroll >= $('#step03').offset().top - this.$container.outerHeight()) { this.currentUpdate(2); } else if (winscroll >= $('#step02').offset().top - this.$container.outerHeight()) { this.currentUpdate(1); } else if (winscroll >= $('#step01').offset().top - this.$container.outerHeight()) { this.currentUpdate(0); } else { this.currentUpdate(0); } }, currentUpdate: function (i) { this.$item.addClass('f-secondary'); if (i >= 0) { this.$item.eq(i).removeClass('f-secondary'); } } } /** * * StepScroll * */ var StepScroll = function () { this.init(); }; StepScroll.prototype = { init: function () { var self = this; $('.js-scroll-step').on('click.scroll', function (e) { self.execute(e.currentTarget); return false; }); }, execute: function (origin) { var $tar = $($(origin).attr('href')); var pos = $tar[0] ? $tar.offset().top + 40 : 0; $('body, html').stop().animate({ scrollTop: Math.ceil(pos) }, { duration: 500, easing: 'swing' }); } } /** * * execute * */ $(function () { /* Simulator */ var simulator = new Simulator(); /* FloatResult */ var floatResult = new FloatResult(); /* Print */ var print = new Print(); /* Mail */ var mail = new Mail(); /* Accordion */ var accordion = new Accordion(); /* HeightLine */ var heightLine = new HeightLine(); /* Step */ var step = new Step(); /* StepScroll */ var stepScroll = new StepScroll(); }); })(jQuery);