ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changeset 6657


Ignore:
Timestamp:
Apr 19, 2008, 5:27:28 PM (12 years ago)
Author:
ogawa
Message:

#1970:monthlyCalendarTable(月間カレンダーテーブル)をXHTML+CSS化

File:
1 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/trunk/webapp/modules/pc/templates/h_calendar.tpl

    r6617 r6657  
    22<div id="Center">
    33
    4 ({* #1970 *})<!-- ******ここから:カレンダー****** -->
    5 ({* #1970 *})<table border="0" cellspacing="0" cellpadding="0" style="width:684px;margin:0px auto;" class="border_07">
    6 ({* #1970 *})<tr>
    7 ({* #1970 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    8 ({* #1970 *})<td style="width:670px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    9 ({* #1970 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    10 ({* #1970 *})</tr>
    11 ({* #1970 *})<tr>
    12 ({* #1970 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    13 ({* #1970 *})<td class="bg_01" align="center">
    14 ({* #1970 *})<!-- *ここから:カレンダー>内容* -->
    15 ({* #1970 *})({*ここから:header*})
    16 ({* #1970 *})<!-- ここから:小タイトル -->
    17 ({* #1970 *})<table border="0" cellspacing="0" cellpadding="0" style="width:670px;" class="border_01">
    18 ({* #1970 *})<tr>
    19 ({* #1970 *})<td style="width:36px;" class="bg_06"><img src="({t_img_url_skin filename=content_header_1})" style="width:30px;height:20px;" class="dummy" /></td>
    20 ({* #1970 *})<td style="width:622px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">
    21 ({* #1970 *})({$ym.year_disp})年({$ym.month_disp})月のカレンダー
    22 ({* #1970 *})</span></td>
    23 ({* #1970 *})</tr>
    24 ({* #1970 *})</table>
    25 ({* #1970 *})<!-- ここまで:小タイトル -->
    26 ({* #1970 *})({*ここまで:header*})
    27 ({* #1970 *})({*ここから:body*})
    28 ({* #1970 *})<!-- ここから:主内容 -->
    29 ({* #1970 *})<!-- ここから:主内容>>天気予報を見る -->
    30 ({* #1970 *})<table border="0" cellspacing="0" cellpadding="0" style="width:670px;" class="border_01">
    31 ({* #1970 *})<tr>
    32 ({* #1970 *})<td style="width:468px;padding:2px 0px;" class="bg_05">
    33 ({* #1970 *})({if $smarty.const.USE_EXTRA_SERVICE})
    34 ({* #1970 *})&nbsp;<img src="({t_img_url_skin filename=icon_weather_FC})" class="icon" />
    35 ({* #1970 *})<a href="({$smarty.const.OPENPNE_WEATHER_URL})" target="_blank">天気予報を見る</a>
    36 ({* #1970 *})({/if})
    37 ({* #1970 *})&nbsp;<img src="({t_img_url_skin filename=icon_schedule})" class="icon" />
    38 ({* #1970 *})<a href="({t_url m=pc a=page_h_schedule_add})">予定を追加</a>&nbsp;
    39 ({* #1970 *})
    40 ({* #1970 *})</td>
    41 ({* #1970 *})<td style="width:200px;padding:2px 0px;" class="bg_05" align="right">
    42 ({* #1970 *})<a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_prev})&amp;month=({$ym.month_prev})">&lt;&lt;&nbsp;前の月</a>
    43 ({* #1970 *})|
    44 ({* #1970 *})<a href="({t_url m=pc a=page_h_calendar})">今月</a>
    45 ({* #1970 *})|
    46 ({* #1970 *})<a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_next})&amp;month=({$ym.month_next})">次の月&nbsp;&gt;&gt;</a>&nbsp;
    47 ({* #1970 *})</td>
    48 ({* #1970 *})</tr>
    49 ({* #1970 *})</table>
    50 ({* #1970 *})<!-- ここまで:主内容>>天気予報を見る -->
    51 ({* #1970 *})<!-- ここから:主内容>>カレンダー -->
    52 ({* #1970 *})<table border="0" cellspacing="1" cellpadding="0" style="width:670px;" class="border_01">
    53 ({* #1970 *})<tr>
    54 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02 c_02">日</td>
    55 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02">月</td>
    56 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02">火</td>
    57 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02">水</td>
    58 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02">木</td>
    59 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02">金</td>
    60 ({* #1970 *})<td style="width:14%;padding:2px;" class="bg_02 c_03">土</td>
    61 ({* #1970 *})</tr>
    62 ({* #1970 *})({foreach from=$calendar item=week})
    63 ({* #1970 *})<tr>
    64 ({* #1970 *})({foreach from=$week item=item name=weekloop})
    65 ({* #1970 *})({if $item.now})
    66 ({* #1970 *})<td style="height:65px;padding:2px;" align="left" valign="top" class="bg_09">
    67 ({* #1970 *})({elseif $item.holiday || $smarty.foreach.weekloop.first})
    68 ({* #1970 *})<td style="height:65px;padding:2px;" align="left" valign="top" class="bg_14">
    69 ({* #1970 *})({else})
    70 ({* #1970 *})<td style="height:65px;padding:2px;" align="left" valign="top" class="bg_02">
    71 ({* #1970 *})({/if})
    72 ({* #1970 *})({if $item.day})
    73 ({* #1970 *})({if $item.now})
    74 ({* #1970 *})<span class="b_b">({$item.day})</span>
    75 ({* #1970 *})({else})
    76 ({* #1970 *})({$item.day})
    77 ({* #1970 *})({/if})<br />
    78 ({* #1970 *})
    79 ({* #1970 *})({if $add_schedule})
    80 ({* #1970 *})<a href="({t_url m=pc a=page_h_schedule_add})&amp;year=({$ym.year_disp})&amp;month=({$ym.month_disp})&amp;day=({$item.day})"><img src="({t_img_url_skin filename=icon_schedule})" class="icon" /></a><br />
    81 ({* #1970 *})({/if})
    82 ({* #1970 *})
    83 ({* #1970 *})({* 祝日 *})
    84 ({* #1970 *})({if $item.holiday})
    85 ({* #1970 *})({foreach from=$item.holiday item=item_holiday})
    86 ({* #1970 *})<span class=" c_02">({$item_holiday})</span><br />
    87 ({* #1970 *})({/foreach})
    88 ({* #1970 *})({/if})
    89 ({* #1970 *})
    90 ({* #1970 *})({* 誕生日 *})
    91 ({* #1970 *})({foreach from=$item.birth item=item_birth})
    92 ({* #1970 *})({if $item_birth.public_flag_birth_month_day != "private" || $c_member.c_member_id == $item_birth.c_member_id})
    93 ({* #1970 *})<img src="({t_img_url_skin filename=icon_birthday})" class="icon" /><a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item_birth.c_member_id})">({$item_birth.nickname})さん</a><br />
    94 ({* #1970 *})({/if})
    95 ({* #1970 *})({/foreach})
    96 ({* #1970 *})
    97 ({* #1970 *})({* イベント *})
    98 ({* #1970 *})({foreach from=$item.event item=item_event})
    99 ({* #1970 *})<img src="({if $item_event.is_join})({t_img_url_skin filename=icon_event_R})({else})({t_img_url_skin filename=icon_event_B})({/if})" class="icon" /><a href="({t_url m=pc a=page_c_event_detail})&amp;target_c_commu_topic_id=({$item_event.c_commu_topic_id})">({$item_event.name})</a><br />
    100 ({* #1970 *})({/foreach})
    101 ({* #1970 *})
    102 ({* #1970 *})({* スケジュール *})
    103 ({* #1970 *})({foreach from=$item.schedule item=item_schedule})
    104 ({* #1970 *})<img src="({t_img_url_skin filename=icon_pen})" class="icon" /><a href="({t_url m=pc a=page_h_schedule})&amp;target_c_schedule_id=({$item_schedule.c_schedule_id})">({$item_schedule.title})</a><br />
    105 ({* #1970 *})({/foreach})
    106 ({* #1970 *})({else})
    107 ({* #1970 *})&nbsp;
    108 ({* #1970 *})({/if})
    109 ({* #1970 *})</td>
    110 ({* #1970 *})({/foreach})
    111 ({* #1970 *})</tr>
    112 ({* #1970 *})({/foreach})
    113 ({* #1970 *})</table>
    114 ({* #1970 *})<!-- ここまで:主内容>>カレンダー -->
    115 ({* #1970 *})<!-- ここから:主内容>>天気予報を見る -->
    116 ({* #1970 *})<table border="0" cellspacing="0" cellpadding="0" style="width:670px;" class="border_01">
    117 ({* #1970 *})<tr>
    118 ({* #1970 *})<td style="width:668px;padding:2px 0px;" class="bg_09">
    119 ({* #1970 *})({if $add_schedule})
    120 ({* #1970 *})※<img src="({t_img_url_skin filename=icon_schedule})" class="icon" />アイコンをクリックすると予定を入力することができます。予定は他の人には公開されません。<br />
    121 ({* #1970 *})({/if})
    122 ({* #1970 *})※<img src="({t_img_url_skin filename=icon_birthday})" class="icon" />は({$WORD_MY_FRIEND})の誕生日、<img src="({t_img_url_skin filename=icon_event_B})" class="icon" />はイベント、<img src="({t_img_url_skin filename=icon_event_R})" class="icon" />は参加イベントを意味します。
    123 ({* #1970 *})</td>
    124 ({* #1970 *})</tr>
    125 ({* #1970 *})</table>
    126 ({* #1970 *})<!-- ここまで:主内容>>天気予報を見る -->
    127 ({* #1970 *})<!-- ここから:主内容>>天気予報を見る -->
    128 ({* #1970 *})<table border="0" cellspacing="0" cellpadding="0" style="width:670px;" class="border_01">
    129 ({* #1970 *})<tr>
    130 ({* #1970 *})<td style="width:668px;padding:2px 0px;" align="right" class="bg_05">
    131 ({* #1970 *})<a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_prev})&amp;month=({$ym.month_prev})">&lt;&lt;&nbsp;前の月</a>
    132 ({* #1970 *})|
    133 ({* #1970 *})<a href="({t_url m=pc a=page_h_calendar})">今月</a>
    134 ({* #1970 *})|
    135 ({* #1970 *})<a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_next})&amp;month=({$ym.month_next})">次の月&nbsp;&gt;&gt;</a>&nbsp;
    136 ({* #1970 *})</td>
    137 ({* #1970 *})</tr>
    138 ({* #1970 *})</table>
    139 ({* #1970 *})<!-- ここまで:主内容>>天気予報を見る -->
    140 ({* #1970 *})<!-- ここまで:主内容 -->
    141 ({* #1970 *})({*ここまで:body*})
    142 ({* #1970 *})({*ここから:footer*})
    143 ({* #1970 *})<!-- 無し -->
    144 ({* #1970 *})({*ここまで:footer*})
    145 ({* #1970 *})<!-- *ここまで:カレンダー>>内容* -->
    146 ({* #1970 *})</td>
    147 ({* #1970 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    148 ({* #1970 *})</tr>
    149 ({* #1970 *})<tr>
    150 ({* #1970 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    151 ({* #1970 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    152 ({* #1970 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square" /></td>
    153 ({* #1970 *})</tr>
    154 ({* #1970 *})</table>
    155 ({* #1970 *})<!-- ******ここまで:カレンダー****** -->
     4({* {{{ monthlyCalendarTable *})
     5<div class="dparts monthlyCalendarTable"><div class="parts">
     6<div class="partsHeading"><h3>({$ym.year_disp})年({$ym.month_disp})月のカレンダー</h3></div>
     7<div class="block">
     8<p class="moreInfo">
     9({if $smarty.const.USE_EXTRA_SERVICE})
     10<img src="({t_img_url_skin filename=icon_weather_FC})" alt="天気予報" /> <a href="({$smarty.const.OPENPNE_WEATHER_URL})" target="_blank">天気予報を見る</a>
     11({/if})
     12 <img src="({t_img_url_skin filename=icon_schedule})" alt="スケジュール" /> <a href="({t_url m=pc a=page_h_schedule_add})">スケジュールを追加</a>
     13</p>
     14<p class="pager">
     15<a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_prev})&amp;month=({$ym.month_prev})">&lt;&lt; 前の月</a>
     16 | <a href="({t_url m=pc a=page_h_calendar})">今月</a>
     17 | <a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_next})&amp;month=({$ym.month_next})">次の月 &gt;&gt;</a>
     18</p>
     19</div>
     20
     21<table class="calendar">
     22<tr>
     23<th class="sun">日</th>
     24<th class="mon">月</th>
     25<th class="tue">火</th>
     26<th class="wed">水</th>
     27<th class="thu">木</th>
     28<th class="fri">金</th>
     29<th class="sat">土</th>
     30</tr>
     31({foreach from=$calendar item=week})
     32<tr>
     33({foreach from=$week item=item name=weekloop})
     34<td class="day({if $item.now}) today({/if})({if $smarty.foreach.weekloop.first}) sun({/if})({if $item.holiday}) holiday({/if})">({strip})
     35({if $item.day})
     36({$item.day})
     37
     38({if $add_schedule})
     39<p><a href="({t_url m=pc a=page_h_schedule_add})&amp;year=({$ym.year_disp})&amp;month=({$ym.month_disp})&amp;day=({$item.day})"><img src="({t_img_url_skin filename=icon_schedule})" alt="スケジュールを追加" /></a></p>
     40({/if})
     41
     42({* 祝日 *})
     43({if $item.holiday})
     44({foreach from=$item.holiday item=item_holiday})
     45<p>({$item_holiday})</p>
     46({/foreach})
     47({/if})
     48
     49({* 誕生日 *})
     50({foreach from=$item.birth item=item_birth})
     51({if $item_birth.public_flag_birth_month_day != "private" || $c_member.c_member_id == $item_birth.c_member_id})
     52<p><img src="({t_img_url_skin filename=icon_birthday})" alt="誕生日" /><a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item_birth.c_member_id})">({$item_birth.nickname})さん</a></p>
     53({/if})
     54({/foreach})
     55
     56({* イベント *})
     57({foreach from=$item.event item=item_event})
     58<p><img src="({if $item_event.is_join})({t_img_url_skin filename=icon_event_R})({else})({t_img_url_skin filename=icon_event_B})({/if})" alt="イベント" /><a href="({t_url m=pc a=page_c_event_detail})&amp;target_c_commu_topic_id=({$item_event.c_commu_topic_id})">({$item_event.name})</a></p>
     59({/foreach})
     60
     61({* スケジュール *})
     62({foreach from=$item.schedule item=item_schedule})
     63<p><img src="({t_img_url_skin filename=icon_pen})" alt="スケジュール" /><a href="({t_url m=pc a=page_h_schedule})&amp;target_c_schedule_id=({$item_schedule.c_schedule_id})">({$item_schedule.title})</a></p>
     64({/foreach})
     65
     66({/if})
     67({/strip})</td>
     68({/foreach})
     69</tr>
     70({/foreach})
     71</table>
     72
     73<div class="block">
     74<p class="pager">
     75<a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_prev})&amp;month=({$ym.month_prev})">&lt;&lt; 前の月</a>
     76 | <a href="({t_url m=pc a=page_h_calendar})">今月</a>
     77 | <a href="({t_url m=pc a=page_h_calendar})&amp;year=({$ym.year_next})&amp;month=({$ym.month_next})">次の月 &gt;&gt;</a>
     78</p>
     79</div>
     80
     81<div class="partsInfo">
     82({if $add_schedule})
     83<p>※<img src="({t_img_url_skin filename=icon_schedule})" alt="スケジュールを追加" />アイコンをクリックすると予定を入力することができます。予定は他の人には公開されません。</p>
     84({/if})
     85<p>※<img src="({t_img_url_skin filename=icon_birthday})" alt="誕生日" />は({$WORD_MY_FRIEND})の誕生日、<img src="({t_img_url_skin filename=icon_event_B})" alt="イベント" />はイベント、<img src="({t_img_url_skin filename=icon_event_R})" alt="イベント" />は参加イベントを意味します。</p>
     86</div>
     87
     88</div></div>
     89({* }}} *})
    15690
    15791</div><!-- Center -->
Note: See TracChangeset for help on using the changeset viewer.