EC-CUBE /
ec-cube
These results are based on our legacy PHP analysis, consider migrating to our new PHP analysis engine instead. Learn more
| 1 | //mainNavArea toggle |
||
| 2 | var mainNavArea = function(){ |
||
| 3 | $(function () { |
||
| 4 | $(".c-headerBar__toggleBtn").on('click',function () { |
||
| 5 | $(".c-mainNavArea").toggleClass("is-active"); |
||
| 6 | $(".c-curtain").toggleClass("is-active"); |
||
| 7 | }); |
||
| 8 | |||
| 9 | $(".c-curtain").on('click',function () { |
||
| 10 | $(".c-mainNavArea").toggleClass("is-active"); |
||
| 11 | $(".c-curtain").toggleClass("is-active"); |
||
| 12 | }); |
||
| 13 | }) |
||
| 14 | }; |
||
| 15 | mainNavArea(); |
||
| 16 | |||
| 17 | //Bootstrap ツールチップ |
||
| 18 | var toolTip = function(){ |
||
| 19 | $(function () { |
||
| 20 | $('[data-toggle="tooltip"]').tooltip() |
||
| 21 | }) |
||
| 22 | }; |
||
| 23 | |||
| 24 | toolTip(); |
||
| 25 | |||
| 26 | //popover ポップオーバー |
||
| 27 | // header |
||
| 28 | var popoverHeader = function(){ |
||
| 29 | $(function () { |
||
| 30 | $('.c-headerBar__userMenu').popover({ |
||
| 31 | container: 'body' |
||
| 32 | }) |
||
| 33 | }) |
||
| 34 | }; |
||
| 35 | popoverHeader(); |
||
| 36 | // all page |
||
| 37 | var popoverAll = function(){ |
||
| 38 | $(function () { |
||
| 39 | $('[data-toggle="popover"]').popover() |
||
| 40 | }) |
||
| 41 | }; |
||
| 42 | popoverAll(); |
||
| 43 | |||
| 44 | //collapseIconChange collapseと連動するアイコン変化 |
||
| 45 | var collapseIconMinus = function(){ |
||
| 46 | $(function () { |
||
| 47 | $('.ec-collapse').on('shown.bs.collapse', function () { |
||
| 48 | var id = $(this).attr("id"); |
||
| 49 | var icon = $("[href='#"+id+"']").find('i') |
||
| 50 | icon.removeClass("fa-plus-square-o") |
||
| 51 | icon.addClass("fa-minus-square-o") |
||
| 52 | }) |
||
| 53 | }) |
||
| 54 | }; |
||
| 55 | collapseIconMinus(); |
||
| 56 | |||
| 57 | var collapseIconPlus = function(){ |
||
| 58 | $(function () { |
||
| 59 | $('.ec-collapse').on('hidden.bs.collapse', function () { |
||
| 60 | var id = $(this).attr("id"); |
||
| 61 | var icon = $("[href='#"+id+"']").find('i') |
||
| 62 | icon.removeClass("fa-minus-square-o") |
||
| 63 | icon.addClass("fa-plus-square-o") |
||
| 64 | }) |
||
| 65 | }) |
||
| 66 | }; |
||
| 67 | collapseIconPlus(); |
||
| 68 | |||
| 69 | |||
| 70 | //cardCollapseIconChange カードコンポーネントのcollapseと連動するアイコン変化 |
||
| 71 | var cardCollapseIconDown = function(){ |
||
| 72 | $(function () { |
||
| 73 | $('.ec-cardCollapse').on('hidden.bs.collapse', function () { |
||
| 74 | var id = $(this).attr("id"); |
||
| 75 | var icon = $("[href='#"+id+"']").find('i') |
||
| 76 | icon.removeClass("fa-angle-up") |
||
| 77 | icon.addClass("fa-angle-down") |
||
| 78 | }) |
||
| 79 | }) |
||
| 80 | }; |
||
| 81 | cardCollapseIconDown(); |
||
| 82 | |||
| 83 | var cardCollapseIconUp = function(){ |
||
| 84 | $(function () { |
||
| 85 | $('.ec-cardCollapse').on('shown.bs.collapse', function () { |
||
| 86 | var id = $(this).attr("id"); |
||
| 87 | var icon = $("[href='#"+id+"']").find('i') |
||
| 88 | icon.removeClass("fa-angle-down") |
||
| 89 | icon.addClass("fa-angle-up") |
||
| 90 | }) |
||
| 91 | }) |
||
| 92 | }; |
||
| 93 | cardCollapseIconUp(); |
||
| 94 | |||
| 95 | // toggle bulk button |
||
| 96 | var toggleBtnBulk = function(checkboxSelector, btnSelector) { |
||
| 97 | $(function () { |
||
| 98 | if ($(checkboxSelector + ':checked').length) { |
||
| 99 | $(btnSelector).fadeIn('fast').addClass('d-block').removeClass('d-none'); |
||
| 100 | } else { |
||
| 101 | $(btnSelector).fadeOut('fast', function() { |
||
| 102 | $(this).addClass('d-none').removeClass('d-block'); |
||
| 103 | }) |
||
|
0 ignored issues
–
show
|
|||
| 104 | } |
||
| 105 | }); |
||
| 106 | }; |
||
| 107 | |||
| 108 | |||
| 109 |
Requirement of semicolons purely is a coding style issue since JavaScript has specific rules about semicolons which are followed by all browsers.
Further Readings: