Changeset 21050 for branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/index.tpl

Timestamp:

2011/07/27 13:49:38 (13 years ago)

Author:

468

Message:

#1413 スマートフォン版テンプレートファイル変更（HTML5対応）

File:

• branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/index.tpl (modified) (1 diff)

branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/index.tpl

@@ -23 +23 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{if $tpl_navi != ""}-->
-    <!--{include file=$tpl_navi}-->
-  <!--{else}-->
-    <!--{include file=`$smarty.const.TEMPLATE_REALDIR`mypage/navi.tpl}-->
-  <!--{/if}-->
-  <div id="mycontentsarea">
-    <form name="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="order_id" value="" />
-    <input type="hidden" name="pageno" value="<!--{$objNavi->nowpage}-->" />
-    <h2><!--{$tpl_subtitle|h}--></h2>
+<section id="mypagecolumn">
 
-<!--{if $objNavi->all_row > 0}-->
+   <h2 class="title"><!--{$tpl_title|h}--></h2>
+       <!--{if $tpl_navi != ""}-->
+          <!--{include file=$tpl_navi}-->
+       <!--{else}-->
+          <!--{include file=`$smarty.const.TEMPLATE_REALDIR`mypage/navi.tpl}-->
+       <!--{/if}-->
 
-    <p><!--{$objNavi->all_row}-->件の購入履歴があります。</p>
-    <div>
-        <!--▼ページナビ-->
-        <!--{$objNavi->strnavi}-->
-        <!--▲ページナビ-->
-    </div>
+   <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->mypage/index.php">
+      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+      <input type="hidden" name="order_id" value="" />
+      <input type="hidden" name="pageno" value="<!--{$objNavi->nowpage}-->" />
 
-    <table summary="購入履歴" class="entryform">
-      <tr>
-        <th class="alignC valignM">購入詳細</th>
-        <th class="alignC valignM">合計金額</th>
-        <th class="alignC valignM">詳細</th>
-      </tr>
-      <!--{section name=cnt loop=$arrOrder}-->
-      <tr>
-       <td class="detailtd">購入日時：<!--{$arrOrder[cnt].create_date|sfDispDBDate}--><br />注文番号：<!--→注文番号--><!--{$arrOrder[cnt].order_id}--><!--{assign var=payment_id value="`$arrOrder[cnt].payment_id`"}--><!--←注文番号--><br />お支払方法：<!--→支払方法--><!--{$arrPayment[$payment_id]|h}--><!--←支払方法--></td>
-       
-       <td class="alignR yentd"><!--{$arrOrder[cnt].payment_total|number_format}-->円</td>
-       <td class="centertd"><a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/history.php?order_id=<!--{$arrOrder[cnt].order_id}-->">詳細</a></td>
-     </tr>
-     <!--{/section}-->
-    </table>
+      <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+        <!--{if $objNavi->all_row > 0}-->
 
-    <!--{else}-->
-    <p>購入履歴はありません。</p>
-    <!--{/if}-->
-    </form>
-  </div>
-</div>
+        <!--★インフォメーション★-->
+        <div class="information">
+           <p><span class="attention"><span id="historycount"><!--{$objNavi->all_row}--></span>件</span>の購入履歴があります。</p>
+        </div>
+
+        <div class="form_area">
+
+        <!--▼フォームボックスここから -->
+        <div class="formBox">
+           <!--{section name=cnt loop=$arrOrder max=$dispNumber}-->
+             <!--▼商品 -->
+             <div class="arrowBox">
+              <p>
+                 <em>注文番号：</em><span class="order_id"><!--{$arrOrder[cnt].order_id}--><!--{assign var=payment_id value="`$arrOrder[cnt].payment_id`"}--></span><br />
+                 <em>購入日時：</em><span class="create_date"><!--{$arrOrder[cnt].create_date|sfDispDBDate}--></span><br />
+                 <em>お支払い方法：</em><span class="payment_id"><!--{$arrPayment[$payment_id]|h}--></span><br />
+                 <em>合計金額：</em><span class="payment_total"><!--{$arrOrder[cnt].payment_total|number_format}--></span>円
+              </p>
+              <a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/history.php?order_id=<!--{$arrOrder[cnt].order_id}-->" rel="external"></a>
+             </div>
+             <!--▲商品 -->
+           <!--{/section}-->
+       </div><!--▲formBox -->
+       </div><!--▲form_area-->
+        <div class="btn_area">
+          <!--{if $objNavi->all_row > $dispNumber}-->
+          <p><a href="javascript: void(0);" class="btn_more" id="btn_more_history" onClick="getHistory(5); return false;" rel="external">もっとみる(＋<!--{$dispNumber}-->件)</a></p>
+          <!--{/if}-->
+        </div>
+       <!--{else}-->
+    <div class="form_area">
+       <div class="information">
+           <p>購入履歴はありません。</p>
+       </div>
+    </div><!--▲form_area-->
+<!--{/if}-->
+                </form>
+</section>
+
+<script>
+var pageNo = 2;
+var url = "<!--{$smarty.const.ROOT_URLPATH}-->mypage/history.php";
+var statusImagePath = "<!--{$TPL_URLPATH}-->";
+
+function getHistory(limit) {
+    $.mobile.pageLoading();
+    var i = limit;
+    //送信データを準備
+    var postData = {};
+    $('#form1').find(':input').each(function(){
+        postData[$(this).attr('name')] = $(this).val();
+    });
+    postData["mode"] = "getList";
+    postData["pageno"] = pageNo;
+    postData["disp_number"] = i;
+
+    $.ajax({
+           type: "POST",
+           url: "<!--{$smarty.const.ROOT_URLPATH}-->mypage/index.php",
+           data: postData,
+           cache: false,
+           dataType: "json",
+           error: function(XMLHttpRequest, textStatus, errorThrown){
+            alert(textStatus);
+            $.mobile.pageLoading(true);
+           },
+           success: function(result){
+           
+             for (var j = 0; j < i; j++) {
+                 if (result[j] != null) {
+                    var history = result[j];
+                    var historyHtml = "";
+                    var maxCnt = $(".arrowBox").length - 1;
+                    var historyEl = $(".arrowBox").get(maxCnt);
+                    historyEl = $(historyEl).clone(true).insertAfter(historyEl);
+                    maxCnt++;
+                    
+                    //注文番号をセット
+                    $($(".arrowBox span.order_id").get(maxCnt)).text(history.order_id);
+                    //購入日時をセット
+                    $($(".arrowBox span.create_date").get(maxCnt)).text(history.create_date);
+                    //支払い方法をセット
+                    $($(".arrowBox span.payment_id").get(maxCnt)).text(history.payment_id);
+                    //合計金額をセット
+                    $($(".arrowBox span.payment_total").get(maxCnt)).text(history.payment_total);
+                    //履歴URLをセット
+                    $($(".arrowBox a").get(maxCnt)).attr("href", url + "?order_id=" + history.order_id);
+
+                 }
+             }
+             pageNo++;
+
+             //すべての商品を表示したか判定
+             if (parseInt($("#historycount").text()) <= $(".arrowBox").length) {
+                 $("#btn_more_history").hide();
+             }
+             $.mobile.pageLoading(true);
+           }
+});
+}
+</script>