{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% set body_class = 'index' %}
{% block stylesheet %}
<style>
</style>
{% endblock %}
{% block javascript %}
<script type="text/javascript">
$(function(){
$('.mod_movie-btn-favorite').on('click', function(){
let loginStatus = {{ is_granted('ROLE_USER') ? 'true' : 'false' }};
if(loginStatus){
let pid = $(this).data('pid');
let tmpbtn = $(this);
// tmpbtn.children("input").prop('disabled', true);
tmpbtn.children("input").attr('disabled', true);
if(tmpbtn.hasClass('favorite__del')){
$.ajax({
url: "{{ url('homepage') }}refine_delete_favorite",
type: 'GET',
dataType: 'text',
data: {id: pid}
})
.then(
function (data) {
tmpbtn.removeClass('favorite__del');
tmpbtn.addClass('favorite__add');
},
function () {
alert("処理に失敗しました。お手数ですが再度実行してください");
});
} else {
$.ajax({
url: "{{ url('homepage') }}products/add_favorite/"+pid,
type: 'POST',
})
.then(
function (data) {
tmpbtn.removeClass('favorite__add');
tmpbtn.addClass('favorite__del');
},
function () {
alert("処理に失敗しました。お手数ですが再度実行してください");
});
}
tmpbtn.children("input").attr('disabled', false);
} else {
location.href= "{{ url('mypage_delivery') }}";
}
});
});
</script>
{% endblock javascript %}
{% block main %}
<div class="content__inner">
{#<div style="text-align:center;padding: 30px 0;">#}
{# <a href="{{ url('product_detail', {'id': 35}) }}">#}
{# <img src="{{ asset('assets/images/common/product_02.png', 'user_data') }}" width="80%">#}
{# </a>#}
{# <h3 style="margin-top: 20px"><span style="color: red;font-weight:bold;">NEW</span> 第2講 マージャンの基本(復習) 〜4枚マージャン〜</h3>#}
{#</div>#}
{# スライダー #}
{% include 'Block/slider.twig' %}
{% if is_granted('ROLE_USER') is empty %}
<div class="home__sample--video">
<div class="home__sample--video-inner">
<div class="header__info-play-btn">
<a href="{{ url('user_data', {route: 'video_sample'}) }}">{{ '無料サンプル動画を見る'|trans }}</a>
</div>
</div>
</div>
{% endif %}
<div class="home__news home__news--pc"><div class="home__news-inner">
<div class="home__news-head">
{{ 'お知らせ'|trans }}
</div>
<div class="home__news-body">
{# ログイン状態で会員限定のカテゴリを表示するか分岐する #}
{% if is_granted('ROLE_USER') %}
{{ include('Block/Top/news_list.twig', {'maxCount': 4, 'includeCategories': [2], 'excludeCategories': null}, ignore_missing = true) }}
{% else %}
{{ include('Block/Top/news_list.twig', {'maxCount': 4, 'includeCategories': [2], 'excludeCategories': [1]}, ignore_missing = true) }}
{% endif %}
</div>
</div></div>
<div class="home__purpose">
<div class="home__purpose-inner">
<h2>
{{ '目的から探す'|trans }}<span>{{ '自分が学びたい目的から探す'|trans }}</span>
</h2>
<ul class="home__purpose-list">
<li class="home__purpose-item home__purpose-item--1">
{#<a href="{{ url('user_data', {'route':'beginner'}) }}">#}
<a href="{{ url('user_data', {'route':'use'}) }}">
<div class="home__purpose-img-wrapper">
<img src="{{ asset('assets/images/home/img_purpose-1.jpg', 'user_data') }}" alt="" />
<div class="home__purpose-beginner-wrapper">
<img src="{{ asset('assets/images/common/icon_beginner.png', 'user_data') }}" alt="" />
</div>
</div>
<div class="home__purpose-text-wrapper">
<h3>
{{ 'サイトの'|trans }}<br />{{'使い方'|trans }}
{#{{ '初めての方'|trans }}#}
</h3>
<p>
{{ 'このサイトの使い方や操作方法はこちら'|trans }}
</p>
</div></a>
</li>
<li class="home__purpose-item home__purpose-item--2">
<a href="{{ url('categories/{category_id}', { 'category_id': 12 }) }}">
<div class="home__purpose-img-wrapper">
<img src="{{ asset('assets/images/home/img_purpose-2.jpg', 'user_data') }}" alt="" />
</div>
<div class="home__purpose-text-wrapper">
<h3>
{{ '麻雀'|trans }}<br />{{'入門編'|trans }}
{#{{ 'ルール'|trans }}#}
</h3>
<p>
{{ 'これから健康まぁじゃんを始める方はこちら'|trans }}
</p>
</div></a>
</li>
<li class="home__purpose-item home__purpose-item--3">
<a href="{{ url('categories/{category_id}', { 'category_id': 18 }) }}">
<div class="home__purpose-img-wrapper">
<img src="{{ asset('assets/images/home/img_purpose-3.jpg', 'user_data') }}" alt="" />
</div>
<div class="home__purpose-text-wrapper">
<h3>
{{ '役'|trans }}
</h3>
<p>
{{ '役の確認はこちら'|trans }}
</p>
</div></a>
</li>
<li class="home__purpose-item home__purpose-item--4">
<a href="{{ url('categories/{category_id}', { 'category_id': 23 }) }}">
<div class="home__purpose-img-wrapper">
<img src="{{ asset('assets/images/home/img_purpose-4.jpg', 'user_data') }}" alt="" />
</div>
<div class="home__purpose-text-wrapper">
<h3>
{{ '守り方'|trans }}
</h3>
<p>
{{ '守りの戦略やコツはこちら'|trans }}
</p>
</div></a>
</li>
<li class="home__purpose-item home__purpose-item--5">
<a href="{{ url('categories/{category_id}', { 'category_id': 28 }) }}">
<div class="home__purpose-img-wrapper">
<img src="{{ asset('assets/images/home/img_purpose-5.jpg', 'user_data') }}" alt="" />
</div>
<div class="home__purpose-text-wrapper">
<h3>
{{ '攻め方'|trans }}
</h3>
<p>
{{ '攻めのための戦略やコツはこちら'|trans }}
</p>
</div></a>
</li>
<li class="home__purpose-item home__purpose-item--6">
<a href="{{ url('categories/{category_id}', { 'category_id': 40 }) }}">
<div class="home__purpose-img-wrapper">
<img src="{{ asset('assets/images/home/img_purpose-6.jpg', 'user_data') }}" alt="" />
</div>
<div class="home__purpose-text-wrapper">
<h3>
{{ '点数'|trans }}<br />{{'計算'|trans }}
</h3>
<p>
{{ '点数表・点数計算の方法はこちら'|trans }}
</p>
</div></a>
</li>
</ul>
<div class="home__purpose-btn">
<a href="{{ url('category_list') }}">{{ '他の目的・カテゴリを探す'|trans }}</a>
</div>
</div>
</div>
<div class="home__search home__search--pc"><div class="home__search-inner">
{# キーワード検索 #}
{{ render(path('block_search_product')) }}
</div></div>
{#<div class="home__favorite">#}
{# <div class="home__favorite-inner">#}
{# <h2>#}
{# 見たい授業<span>見たい授業に登録した授業動画一覧</span>#}
{# </h2>#}
{#{% if is_granted('ROLE_USER') %}#}
{# 見たい授業 #}
{{ include('Block/favorite_videos.twig', ignore_missing = true) }}
{# {% else %}#}
{# <a href="{{ url('user_data', {'route':'about'}) }}">#}
{# <img src="{{ asset('assets/images/common/favorite_blank_bannar.jpg', 'user_data') }}" alt="50代から始める認知症予防 健康まぁじゃんTVとは" />#}
{# </a>#}
{# {% endif %}#}
{# <div class="home__favorite-btn-more">#}
{# <a href="{{ url('product_list') }}">{{ '動画をもっと見る'|trans }}</a>#}
{# </div>#}
{# </div>#}
{#</div>#}
<div class="home__level">
<div class="home__level-inner">
<h2>
{{ 'レベルから探す'|trans }}<span>{{ '自分のレベルに合わせて学ぶ'|trans }}</span>
</h2>
<ul class="home__level-list">
<li class="home__level-item home__level-item--1">
<a href="{{ url('product_list', {name: '入門編'}) }}">
<div class="home__level-img-wrapper">
<img src="{{ asset('assets/images/home/icon_level-1.png', 'user_data') }}" alt="" />
</div>
<div class="home__level-text-wrapper">
<h3>
{{ '入門'|trans }}
</h3>
<p>
{{ 'これから「まぁじゃん」を始める方'|trans }}
</p>
</div></a>
</li>
<li class="home__level-item home__level-item--2">
<a href="{{ url('product_list', {name: '初級編'}) }}">
<div class="home__level-img-wrapper">
<img src="{{ asset('assets/images/home/icon_level-2.png', 'user_data') }}" alt="" />
</div>
<div class="home__level-text-wrapper">
<h3>
{{ '初級'|trans }}
</h3>
<p>
{{ '役やルールを覚えたい方、復習したい方'|trans }}
</p>
</div></a>
</li>
<li class="home__level-item home__level-item--3">
<a href="{{ url('product_list', {name: '中級編'}) }}">
<div class="home__level-img-wrapper">
<img src="{{ asset('assets/images/home/icon_level-3.png', 'user_data') }}" alt="" />
</div>
<div class="home__level-text-wrapper">
<h3>
{{ '中級'|trans }}
</h3>
<p>
{{ '点数計算や基本的な戦術など覚えたい方'|trans }}
</p>
</div></a>
</li>
</ul>
</div>
</div>
<div class="home__blog">
<div class="home__blog-inner">
<h2>{{ '健康まぁじゃんブログ'|trans }}<span>{{ '随時更新♪ マージャンの楽しさを皆様にお届け!'|trans }}</span></h2>
<ul class="home__blog-list">
{# ログイン状態で会員限定のカテゴリを表示するか分岐する #}
{% if is_granted('ROLE_USER') %}
{{ include('Block/Top/blog_list.twig', {'maxCount': 6, 'includeCategories': null, 'excludeCategories': [2]}, ignore_missing = true) }}
{% else %}
{{ include('Block/Top/blog_list.twig', {'maxCount': 6, 'includeCategories': null, 'excludeCategories': [1, 2]}, ignore_missing = true) }}
{% endif %}
</ul>
<div class="home__blog-btn-more">
<a href="/blog_list/">{{ 'ブログをもっと見る'|trans }}</a>
</div>
</div>
</div>
<div class="mod_search home__search--sp">
<div class="mod_search-inner">
{# キーワード検索 #}
{{ render(path('block_search_product')) }}
</div>
</div>
<div class="home__news home__news--sp"><div class="home__news-inner">
<div class="home__news-head">
{{ 'お知らせ'|trans }}
</div>
<div class="home__news-body">
{# ログイン状態で会員限定のカテゴリを表示するか分岐する #}
{% if is_granted('ROLE_USER') %}
{{ include('Block/Top/news_list.twig', {'maxCount': 4, 'includeCategories': [2], 'excludeCategories': null}, ignore_missing = true) }}
{% else %}
{{ include('Block/Top/news_list.twig', {'maxCount': 4, 'includeCategories': [2], 'excludeCategories': [1]}, ignore_missing = true) }}
{% endif %}
</div>
</div></div>
<div class="home__recommendation">
<div class="home__recommendation-inner">
{{ include('Block/recommend_product_block.twig', ignore_missing = true) }}
</div>
</div>
{#<div class="home__recommendation">#}
{# <div class="home__recommendation-inner">#}
{# <h2>#}
{# あなたにおすすめの動画<span>毎日更新♪ みんなで脳トレ!!マージャンで繋がろう</span>#}
{# </h2>#}
{# <ul class="home__recommendation-list">#}
{# <li class="home__recommendation-item">#}
{# <div class="home__recommendation-item-inner">#}
{# <div class="home__recommendation-img-wrapper"><a href="">#}
{# <img src="{{ asset('assets/images/common/movie-dummy-1.jpg', 'user_data') }}" alt="" /></a>#}
{# </div>#}
{# <div class="home__recommendation-text-wrapper">#}
{# <a href="" class="home__recommendation-title">【第2講】マージャンの基本〜4枚マージャン〜</a>#}
{# <ul class="home__recommendation-keyword-list">#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>入門</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>たまごクラス</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト03</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト04</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト05</span>#}
{# </li>#}
{# </ul>#}
{# <div class="home__recommendation-btn-wrapper">#}
{# <div class="home__recommendation-btn-favorite">#}
{# <input type="submit" value="見たい授業" />#}
{# </div><a href="" class="home__recommendation-btn-watch">#}
{# <span>見る</span></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </li>#}
{# <li class="home__recommendation-item">#}
{# <div class="home__recommendation-item-inner">#}
{# <div class="home__recommendation-img-wrapper"><a href="">#}
{# <img src="{{ asset('assets/images/common/movie-dummy-1.jpg', 'user_data') }}" alt="" /></a>#}
{# </div>#}
{# <div class="home__recommendation-text-wrapper">#}
{# <a href="" class="home__recommendation-title">【第2講】マージャンの基本〜4枚マージャン〜</a>#}
{# <ul class="home__recommendation-keyword-list">#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>入門</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>たまごクラス</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト03</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト04</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト05</span>#}
{# </li>#}
{# </ul>#}
{# <div class="home__recommendation-btn-wrapper">#}
{# <div class="home__recommendation-btn-favorite">#}
{# <input type="submit" value="見たい授業" />#}
{# </div><a href="" class="home__recommendation-btn-watch">#}
{# <span>見る</span></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </li>#}
{# <li class="home__recommendation-item">#}
{# <div class="home__recommendation-item-inner">#}
{# <div class="home__recommendation-img-wrapper"><a href="">#}
{# <img src="{{ asset('assets/images/common/movie-dummy-1.jpg', 'user_data') }}" alt="" /></a>#}
{# </div>#}
{# <div class="home__recommendation-text-wrapper">#}
{# <a href="" class="home__recommendation-title">【第2講】マージャンの基本〜4枚マージャン〜</a>#}
{# <ul class="home__recommendation-keyword-list">#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>入門</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>たまごクラス</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト03</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト04</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト05</span>#}
{# </li>#}
{# </ul>#}
{# <div class="home__recommendation-btn-wrapper">#}
{# <div class="home__recommendation-btn-favorite">#}
{# <input type="submit" value="見たい授業" />#}
{# </div><a href="" class="home__recommendation-btn-watch">#}
{# <span>見る</span></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </li>#}
{# <li class="home__recommendation-item">#}
{# <div class="home__recommendation-item-inner">#}
{# <div class="home__recommendation-img-wrapper"><a href="">#}
{# <img src="{{ asset('assets/images/common/movie-dummy-1.jpg', 'user_data') }}" alt="" /></a>#}
{# </div>#}
{# <div class="home__recommendation-text-wrapper">#}
{# <a href="" class="home__recommendation-title">【第2講】マージャンの基本〜4枚マージャン〜【第2講】マージャンの基本〜4枚マージャン〜</a>#}
{# <ul class="home__recommendation-keyword-list">#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>入門</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>たまごクラス</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト03</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト04</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト05</span>#}
{# </li>#}
{# </ul>#}
{# <div class="home__recommendation-btn-wrapper">#}
{# <div class="home__recommendation-btn-favorite">#}
{# <input type="submit" value="見たい授業" />#}
{# </div><a href="" class="home__recommendation-btn-watch">#}
{# <span>見る</span></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </li>#}
{# <li class="home__recommendation-item">#}
{# <div class="home__recommendation-item-inner">#}
{# <div class="home__recommendation-img-wrapper"><a href="">#}
{# <img src="{{ asset('assets/images/common/movie-dummy-1.jpg', 'user_data') }}" alt="" /></a>#}
{# </div>#}
{# <div class="home__recommendation-text-wrapper">#}
{# <a href="" class="home__recommendation-title">【第2講】マージャンの基本〜4枚マージャン〜</a>#}
{# <ul class="home__recommendation-keyword-list">#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>入門</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>たまごクラス</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト03</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト04</span>#}
{# </li>#}
{# <li class="home__recommendation-keyword-item">#}
{# <span>テキスト05</span>#}
{# </li>#}
{# </ul>#}
{# <div class="home__recommendation-btn-wrapper">#}
{# <div class="home__recommendation-btn-favorite">#}
{# <input type="submit" value="見たい授業" />#}
{# </div><a href="" class="home__recommendation-btn-watch">#}
{# <span>見る</span></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </li>#}
{# </ul>#}
{# <div class="home__recommendation-btn-more">#}
{# <a href="{{ url('product_list') }}">おすすめ動画をもっと見る</a>#}
{# </div>#}
{# </div>#}
{#</div>#}
{# <div class="home__study">
<div class="home__study-inner">
<h2>
もっと勉強したい方<span>毎日更新♪ みんなで脳トレ!麻雀で繋がろう</span>
</h2>
<div class="home__study-area">
<div class="home__study-area-inner">
<div class="home__study-img-wrapper">
<figure>
<img src="{{ asset('assets/images/home/img_study.jpg', 'user_data') }}" alt="" /><figcaption>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</figcaption>
</figure>
</div>
<div class="home__study-text-wrapper">
<h3>
テキストテキスト
</h3>
<p>
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</p>
<div class="home__study-box home__study-box--pc"><h4>
こんな方におすすめです!
</h4>
<ul class="home__study-list">
<li class="home__study-item">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</li>
<li class="home__study-item">
テキストテキストテキストテキストテキストテキスト
</li>
</ul></div>
</div>
</div>
<div class="home__study-box home__study-box--sp"><h4>
こんな方におすすめです!
</h4>
<ul class="home__study-list">
<li class="home__study-item">
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
</li>
<li class="home__study-item">
テキストテキストテキストテキストテキストテキスト
</li>
</ul></div>
<div class="home__study-btn-buy">
<a href=""></a><span>テキスト購入</span>
</div>
</div>
</div>
</div> #}
</div>
{% endblock %}