source: branches/version-2_13-dev/data/Smarty/templates/sphone/mypage/history.tpl @ 23423

Revision 23423, 12.4 KB checked in by pineray, 10 years ago (diff)

#2549 jQuery Mobile への依存を無くす

新着情報とメール詳細の表示を、 colorbox によるものへ変更.

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/x-smarty-template; charset=UTF-8
Line 
1<!--{*
2/*
3 * This file is part of EC-CUBE
4 *
5 * Copyright(c) 2000-2013 LOCKON CO.,LTD. All Rights Reserved.
6 *
7 * http://www.lockon.co.jp/
8 *
9 * This program is free software; you can redistribute it and/or
10 * modify it under the terms of the GNU General Public License
11 * as published by the Free Software Foundation; either version 2
12 * of the License, or (at your option) any later version.
13 *
14 * This program is distributed in the hope that it will be useful,
15 * but WITHOUT ANY WARRANTY; without even the implied warranty of
16 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
17 * GNU General Public License for more details.
18 *
19 * You should have received a copy of the GNU General Public License
20 * along with this program; if not, write to the Free Software
21 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
22 */
23*}-->
24
25<section id="mypagecolumn">
26    <h2 class="title"><!--{$tpl_title|h}--></h2>
27    <!--{include file=$tpl_navi}-->
28
29    <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
30
31    <div class="form_area">
32        <div id="historyBox">
33            <p>
34                <em>注文番号</em>:&nbsp;<!--{$tpl_arrOrderData.order_id}--><br />
35                <em>購入日時</em>:&nbsp;<!--{$tpl_arrOrderData.create_date|sfDispDBDate}--><br />
36                <em>お支払い方法</em>:&nbsp;<!--{$arrPayment[$tpl_arrOrderData.payment_id]|h}-->
37            </p>
38
39            <form action="order.php" method="post">
40                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
41                <input type="hidden" name="order_id" value="<!--{$tpl_arrOrderData.order_id}-->">
42                <input class="btn_reorder btn data-role-none" type="submit" name="submit" value="再注文">
43            </form>
44        </div>
45        <!--{foreach item=shippingItem name=shippingItem from=$arrShipping}-->
46            <h3>お届け先<!--{if $isMultiple}--><!--{$smarty.foreach.shippingItem.iteration}--><!--{/if}--></h3>
47        <div class="historyBox">
48        <p>
49            <!--{if $isMultiple}-->
50                    <!--{foreach item=item from=$shippingItem.shipment_item}-->
51                        <em>商品コード:&nbsp;</em><!--{$item.productsClass.product_code|h}--><br />
52                        <em>商品名:&nbsp;</em>
53                                <!--{$item.productsClass.name|h}--><br />
54                                <!--{if $item.productsClass.classcategory_name1 != ""}-->
55                                    <!--{$item.productsClass.class_name1}-->:<!--{$item.productsClass.classcategory_name1}--><br />
56                                <!--{/if}-->
57                                <!--{if $item.productsClass.classcategory_name2 != ""}-->
58                                    <!--{$item.productsClass.class_name2}-->:<!--{$item.productsClass.classcategory_name2}--><br />
59                                <!--{/if}-->
60
61                        <em>単価:&nbsp;</em><!--{$item.price|sfCalcIncTax:$tpl_arrOrderData.order_tax_rate:$tpl_arrOrderData.order_tax_rule|number_format}-->円<br />
62                        <em>数量:&nbsp;</em><!--{$item.quantity}--><br />
63                        <!--{* XXX 購入小計と誤差が出るためコメントアウト
64                        <em>小計</em><!--{$item.total_inctax|number_format}-->円
65                        *}-->
66                        <br />
67                    <!--{/foreach}-->
68            <!--{/if}-->
69
70            <em>お名前</em>:&nbsp;<!--{$shippingItem.shipping_name01|h}-->&nbsp;<!--{$shippingItem.shipping_name02|h}--><br />
71            <em>お名前(フリガナ)</em>:&nbsp;<!--{$shippingItem.shipping_kana01|h}-->&nbsp;<!--{$shippingItem.shipping_kana02|h}--><br />
72            <em>会社名</em>:&nbsp;<!--{$shippingItem.shipping_company_name|h}--><br />
73            <!--{if $smarty.const.FORM_COUNTRY_ENABLE}-->
74                <em>国</em>:&nbsp;<!--{$arrCountry[$shippingItem.shipping_country_id]|h}--><br />
75                <em>ZIPCODE</em>:&nbsp;<!--{$shippingItem.shipping_zipcode|h}--><br />
76            <!--{/if}-->
77            <em>郵便番号</em>:&nbsp;〒<!--{$shippingItem.shipping_zip01}-->-<!--{$shippingItem.shipping_zip02}--><br />
78            <em>住所</em>:&nbsp;<!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01|h}--><!--{$shippingItem.shipping_addr02|h}--><br />
79            <em>電話番号</em>:&nbsp;<!--{$shippingItem.shipping_tel01}-->-<!--{$shippingItem.shipping_tel02}-->-<!--{$shippingItem.shipping_tel03}--><br />
80                            <!--{if $shippingItem.shipping_fax01 > 0}-->
81            <em>FAX番号</em>:&nbsp;<!--{$shippingItem.shipping_fax01}-->-<!--{$shippingItem.shipping_fax02}-->-<!--{$shippingItem.shipping_fax03}--><br />
82                            <!--{/if}-->
83            <em>お届け日</em>:&nbsp;<!--{$shippingItem.shipping_date|default:'指定なし'|h}--><br />
84            <em>お届け時間</em>:&nbsp;<!--{$shippingItem.shipping_time|default:'指定なし'|h}--><br />
85</p>
86</div>
87
88        <!--{/foreach}-->
89
90        <div class="formBox">
91            <!--▼カートの中の商品一覧 -->
92            <div class="cartinarea clearfix">
93
94                <!--▼商品 -->
95                <!--{foreach from=$tpl_arrOrderDetail item=orderDetail}-->
96                    <div>
97                        <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$orderDetail.main_list_image|sfNoImageMainList|h}-->" style="max-width: 80px;max-height: 80px;" alt="<!--{$orderDetail.product_name|h}-->" class="photoL" />
98                        <div class="cartinContents">
99                            <div>
100                                <p><em><!--→商品名--><a<!--{if $orderDetail.enable}--> href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$orderDetail.product_id|u}-->"<!--{/if}--> rel="external"><!--{$orderDetail.product_name|h}--></a><!--←商品名--></em></p>
101                                <p>
102                                    <!--→金額-->
103                                    <!--{assign var=price value=`$orderDetail.price`}-->
104                                    <!--{assign var=quantity value=`$orderDetail.quantity`}-->
105                                    <span class="mini">価格:</span><!--{$price|number_format|h}-->円<!--←金額-->
106                                </p>
107
108                                <!--→商品種別-->
109                                <!--{if $orderDetail.product_type_id == $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
110                                    <p id="downloadable">
111                                        <!--{if $orderDetail.is_downloadable}-->
112                                            <a target="_self" href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/download.php?order_id=<!--{$tpl_arrOrderData.order_id}-->&amp;product_id=<!--{$orderDetail.product_id}-->&amp;product_class_id=<!--{$orderDetail.product_class_id}-->" rel="external">ダウンロード</a><br />
113                                        <!--{else}-->
114                                            <!--{if $orderDetail.payment_date == "" && $orderDetail.effective == "0"}-->
115                                                <!--{$arrProductType[$orderDetail.product_type_id]}--><br />(入金確認中)
116                                            <!--{else}-->
117                                                <!--{$arrProductType[$orderDetail.product_type_id]}--><br />(期限切れ)
118                                            <!--{/if}-->
119                                        <!--{/if}-->
120                                    </p>
121                                <!--{/if}-->
122                                <!--←商品種別-->
123                            </div>
124                            <!--{assign var=tax_rate value=`$orderDetail.tax_rate`}-->
125                            <!--{assign var=tax_rule value=`$orderDetail.tax_rule`}-->
126                            <ul>
127                                <li><span class="mini">数量:</span><!--{$quantity|h}--></li>
128                                <li class="result"><span class="mini">小計:</span><!--{$price|sfCalcIncTax:$tax_rate:$tax_rule|sfMultiply:$quantity|number_format}-->円</li>
129                            </ul>
130                        </div>
131                    </div>
132                <!--{/foreach}-->
133                <!--▲商品 -->
134
135            </div><!--{* /.cartinarea *}-->
136            <!--▲ カートの中の商品一覧 -->
137
138            <div class="total_area">
139                <div><span class="mini">小計:</span><!--{$tpl_arrOrderData.subtotal|number_format}-->円</div>
140                <!--{if $tpl_arrOrderData.use_point > 0}-->
141                    <div><span class="mini">ポイント値引き:</span>&minus;<!--{$tpl_arrOrderData.use_point|number_format}-->円</div>
142                <!--{/if}-->
143                <!--{if $tpl_arrOrderData.discount != '' && $tpl_arrOrderData.discount > 0}-->
144                    <div><span class="mini">値引き:</span>&minus;<!--{$tpl_arrOrderData.discount|number_format}-->円</div>
145                <!--{/if}-->
146                <div><span class="mini">送料:</span><!--{$tpl_arrOrderData.deliv_fee|number_format}-->円</div>
147                <div><span class="mini">手数料:</span><!--{$tpl_arrOrderData.charge|number_format}-->円</div>
148                <div><span class="mini">合計:</span><span class="price fb"><!--{$tpl_arrOrderData.payment_total|number_format}-->円</span></div>
149                <div><span class="mini">今回加算ポイント:</span><!--{$tpl_arrOrderData.add_point|number_format|default:0}-->Pt</div>
150            </div>
151        </div><!-- /.formBox -->
152
153        <!--▼メール一覧 -->
154        <div class="formBox">
155
156            <div class="box_header">
157                メール配信履歴一覧
158            </div>
159            <!--{section name=cnt loop=$tpl_arrMailHistory}-->
160                <!--▼メール -->
161                <div class="arrowBox">
162                    <p>配信日:<!--{$tpl_arrMailHistory[cnt].send_date|sfDispDBDate|h}--><br />
163                        <!--{assign var=key value="`$tpl_arrMailHistory[cnt].template_id`"}-->
164                        通知メール:<!--{$arrMAILTEMPLATE[$key]|h}--></p>
165                    <p><a href="javascript:;" onclick="getMailDetail(<!--{$tpl_arrMailHistory[cnt].send_id}-->)" rel="external"><!--{$tpl_arrMailHistory[cnt].subject|h}--></a></p>
166                </div>
167                <!--▲メール -->
168            <!--{/section}-->
169        </div><!-- /.formBox -->
170        <!--▲メール一覧 -->
171
172        <p><a rel="external" class="btn_more" href="./<!--{$smarty.const.DIR_INDEX_PATH}-->">購入履歴一覧に戻る</a></p>
173
174    </div><!-- /.form_area -->
175
176</section>
177
178<!--{include file= 'frontparts/search_area.tpl'}-->
179
180<script>
181    function getMailDetail(send_id) {
182        eccube.showLoading();
183        $.ajax({
184            type: "GET",
185            url: "<!--{$smarty.const.ROOT_URLPATH}-->mypage/mail_view.php",
186            data: "mode=getDetail&send_id=" + send_id,
187            cache: false,
188            dataType: "json",
189            error: function(XMLHttpRequest, textStatus, errorThrown){
190                alert(textStatus);
191                eccube.hideLoading();
192            },
193            success: function(result){
194                var dialog = $("#mail-dialog");
195
196                //件名をセット
197                $("#mail-dialog-title").remove();
198                dialog.find(".dialog-content").append(
199                    $('<h3 id="mail-dialog-title">').text(result[0].subject)
200                );
201
202                //本文をセット
203                $("#mail-dialog-body").remove();
204                dialog.find(".dialog-content").append(
205                    $('<div id="mail-dialog-body">')
206                        .html(result[0].mail_body.replace(/\n/g,"<br />"))
207                        .css('font-family', 'monospace')
208                );
209
210                //ダイアログをモーダルウィンドウで表示
211                $.colorbox({inline: true, href: dialog, onOpen: function(){
212                    dialog.show().css('width', String($('body').width() * 0.9) + 'px');
213                }, onComplete: function(){
214                    eccube.hideLoading();
215                }, onClosed: function(){
216                    dialog.hide();
217                }});
218            }
219        });
220    }
221</script>
222
223<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/dialog_modal.tpl" dialog_id="mail-dialog" dialog_title="メール詳細"}-->
Note: See TracBrowser for help on using the repository browser.