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

Changeset 6726


Ignore:
Timestamp:
Apr 25, 2008, 1:13:55 PM (11 years ago)
Author:
ogawa
Message:

#1956:messageList(メッセージリスト)をXHTML+CSS化

Location:
OpenPNE/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/trunk/public_html/xhtml_style.php

    r6665 r6726  
    4242        padding: 0;
    4343        border: none;
    44         text-align: left;
    4544}
    4645ul, ol {
     
    146145p {
    147146        overflow: hidden;
     147}
     148a:focus {
     149        margin-left: 1px;
     150        margin-right: -1px;
    148151}
    149152strong {
     
    336339        display: inline;
    337340}
    338 div.pagerRelative,
     341div.pagerRelative {
     342        padding: 4px;
     343        text-align: right;
     344}
    339345div.pagerRelativeMulti {
    340346        padding: 4px;
    341         text-align: right;
    342347}
    343348div.pagerRelative p,
     
    16961701
    16971702/*==============================================================================
    1698  *
    1699  *----------------------------------------------------------------------------*/
    1700 
    1701 /*==============================================================================
    1702  *
    1703  *----------------------------------------------------------------------------*/
     1703 * 25. messageList(メッセージリスト)
     1704 *----------------------------------------------------------------------------*/
     1705.messageList .partsHeading p.date {
     1706        font-weight: bold;
     1707}
     1708.messageList .pagerRelativeMulti {
     1709        zoom: 1;
     1710        overflow: hidden;
     1711        overflow: -moz-scrollbars-none;
     1712}
     1713.messageList .pagerRelativeMulti .pager {
     1714        position: static;
     1715        float: right;
     1716        width: 290px;
     1717        margin-top: 1px;
     1718        text-align: right;
     1719}
     1720.messageList .pagerRelativeMulti .pager p {
     1721        margin-left: 0;
     1722}
     1723* html .messageList .pagerRelativeMulti .pager p {
     1724        margin-left: 4px;
     1725}
     1726*:first-child+html .messageList .pagerRelativeMulti .pager p {
     1727        margin-left: 4px;
     1728}
     1729.messageList p.icons {
     1730        float: left;
     1731        width: 220px;
     1732}
     1733.messageList p.icons img {
     1734        padding-right: 16px;
     1735        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
     1736        vertical-align: text-bottom;
     1737}
     1738.messageList tr {
     1739        height: 20px;
     1740}
     1741.messageList tr.unread {
     1742        background: #<?php echo $colors[7]; ?>;
     1743}
     1744#Body .messageList th.delete {
     1745        font-weight: normal;
     1746}
     1747#Body .messageList th {
     1748        padding: 0 2px;
     1749        border-width: 1px 0 0;
     1750        font-weight: bold;
     1751}
     1752#Body .messageList td {
     1753        padding: 0 2px;
     1754        border-width: 1px 0 0;
     1755}
     1756#Body .messageList td .input_checkbox {
     1757        margin-left: 4px;
     1758}
     1759.messageList td:first-child {
     1760        text-align: center;
     1761}
     1762.messageList col.status {
     1763        width: 35px;
     1764        text-align: center;
     1765}
     1766.messageList col.delete {
     1767        width: 35px;
     1768}
     1769.messageList col.target {
     1770        width: 130px;
     1771}
     1772.messageList col.title {
     1773        width: auto;
     1774}
     1775.messageList col.date {
     1776        width: 80px;
     1777}
     1778.messageList table span {
     1779        width: 100%;
     1780        display: block;
     1781        overflow: hidden;
     1782        white-space: nowrap;
     1783        text-overflow: ellipsis;
     1784}
     1785.messageList div.operation p {
     1786        margin-top: 8px;
     1787        margin-bottom: 5px;
     1788}
     1789.messageList div.operation ul.moreInfo {
     1790        text-align: left;
     1791}
    17041792
    17051793/**=============================================================================
     
    17841872#Body .buttonLine {
    17851873        background-color: transparent;
    1786 }
    1787 
    1788 /*==============================================================================
    1789  * 25. messageList(メッセージリスト)
    1790  *----------------------------------------------------------------------------*/
    1791 #Body .messageList th,
    1792 #Body .messageList td {
    1793         padding: 5px 0;
    1794         border-left-width: 0;
    1795 }
    1796 
    1797 .messageList th {
    1798         background-color: #<?php echo $colors[7]; ?>;
    1799 }
    1800 
    1801 .messageList th.icon,
    1802 .messageList td.icon {
    1803         width: 35px;
    1804         text-align: center;
    1805 }
    1806 
    1807 .messageList th.check,
    1808 .messageList td.check {
    1809         width: 35px;
    1810         text-align: center;
    1811 }
    1812 
    1813 .messageList th.name,
    1814 .messageList td.name {
    1815         width: 130px;
    1816 }
    1817 
    1818 .messageList th.subject,
    1819 .messageList td.subject {
    1820         width: 220px;
    1821 }
    1822 
    1823 .messageList .partsInfo {
    1824         padding: 5px;
    1825         background: #<?php echo $colors[6]; ?>;
    18261874}
    18271875
  • OpenPNE/trunk/webapp/modules/pc/templates/h_message_box.tpl

    r6659 r6726  
    145145<div class="partsHeading"><h3>受信メッセージ</h3>
    146146({if !$all})
    147 <p>({$date_val.year})年({$date_val.month})月({if $date_val.day})({$date_val.day})日({/if})</p>
    148 ({/if})
    149 </div>
    150 
     147<p class="date">({$date_val.year})年({$date_val.month})月({if $date_val.day})({$date_val.day})日({/if})</p>
     148({/if})
     149</div>
     150
     151<div class="pagerRelativeMulti">
     152<p class="icons">
     153<span><img src="({t_img_url_skin filename=icon_mail_4})" alt="返信済み" />返信済み</span>
     154</p>
     155<div class="pager">
    151156({capture name=pager})({strip})
    152 <div class="pagerRelative">
    153157({if $ru_data.is_ru_prev})<p class="prev"><a href="({t_url m=pc a=page_h_message_box})&amp;ru_page=({$ru_data.ru_page-1})&amp;box=inbox&amp;keyword=({$url_keyword})&amp;target_c_member_id=({$target_c_member_id})&amp;year=({$requests.year})&amp;month=({$requests.month})&amp;day=({$requests.day})">前を表示</a></p>({/if})
    154158<p class="number">({$total_num})件中 ({$ru_data.ru_page*$page_size-$page_size+1})件~
     
    160164件を表示</p>
    161165({if $ru_data.is_ru_next})<p class="next"><a href="({t_url m=pc a=page_h_message_box})&amp;ru_page=({$ru_data.ru_page+1})&amp;box=inbox&amp;keyword=({$url_keyword})&amp;target_c_member_id=({$target_c_member_id})&amp;year=({$requests.year})&amp;month=({$requests.month})&amp;day=({$requests.day})">次を表示</a></p>({/if})
    162 </div>
    163166({/strip})({/capture})
    164167({$smarty.capture.pager|smarty:nodefaults})
     168</div>
     169</div>
    165170
    166171({t_form_block m=pc a=do_h_message_box_delete_message _attr='name="h_message_box_delete_message"'})
     
    168173
    169174<table>
    170 <tr>
    171 <th class="icon"></th>
    172 <th class="check">削除</th>
    173 <th class="name">送信者</th>
    174 <th class="subject">件名</th>
    175 <th class="date">日付</th>
     175<col class="status" />
     176<col class="delete" />
     177<col class="target" />
     178<col class="title" />
     179<col class="date" />
     180<tr>
     181<th></th>
     182<th class="delete">削除</th>
     183<th>送信者</th>
     184<th>件名</th>
     185<th>日付</th>
    176186</tr>
    177187({foreach from=$c_message_ru_list item=c_message_ru})
    178 <tr>
    179 <td class="icon">({strip})
     188<tr({if !$c_message_ru.is_read}) class="unread"({/if})>
     189<td><span>({strip})
    180190({if $c_message_ru.is_hensin})
    181191<img src="({t_img_url_skin filename=icon_mail_4})" alt="返信済み" />
     
    185195<img src="({t_img_url_skin filename=icon_mail_1})" alt="未読" />
    186196({/if})
    187 ({/strip})</td>
    188 <td class="check"><input name="c_message_id[]" value="({$c_message_ru.c_message_id})" type="checkbox" class="no_bg" /></td>
    189 <td class="name">({$c_message_ru.nickname})</td>
    190 <td class="subject"><a href="({t_url m=pc a=page_h_message})&amp;target_c_message_id=({$c_message_ru.c_message_id})&amp;jyusin_c_message_id=({$c_message_ru.c_message_id})">({$c_message_ru.subject})</a></td>
    191 <td class="date">({$c_message_ru.r_datetime|date_format:"%m月%d日"})</td>
     197({/strip})</span></td>
     198<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="({$c_message_ru.c_message_id})" /></span></td>
     199<td><span>({$c_message_ru.nickname})</span></td>
     200<td><span><a href="({t_url m=pc a=page_h_message})&amp;target_c_message_id=({$c_message_ru.c_message_id})&amp;jyusin_c_message_id=({$c_message_ru.c_message_id})">({$c_message_ru.subject})</a></span></td>
     201<td><span>({$c_message_ru.r_datetime|date_format:"%m月%d日"})</span></td>
    192202</tr>
    193203({/foreach})
    194204</table>
    195205
    196 ({$smarty.capture.pager|smarty:nodefaults})
     206<div class="pagerRelative">
     207({$smarty.capture.pager|smarty:nodefaults})
     208</div>
    197209
    198210<div class="operation">
    199211<p><a href="#" onclick="return checkAll();" onkeypress="return checkAll();">全てをチェック</a> / <a href="#" onclick="return clearAll();" onkeypress="return clearAll();">全てのチェックをはずす</a></p>
    200 <p><input type="submit" class="input_submit" value="削 除" /></p>
    201 </div>
    202 
    203 ({/t_form_block})
    204 
    205 <div class="partsInfo">
    206 <p><img src="({t_img_url_skin filename=icon_mail_1})" alt="未読" /> … 未読
    207  <img src="({t_img_url_skin filename=icon_mail_2})" alt="既読" /> … 既読
    208  <img src="({t_img_url_skin filename=icon_mail_4})" alt="返信済み" /> … 返信済み</p>
    209 </div>
     212<ul class="moreInfo button">
     213<li><input type="submit" class="input_submit" value="削 除" /></li>
     214</ul>
     215</div>
     216
     217({/t_form_block})
     218
    210219</div></div>
    211220({* }}} *})
     
    228237<div class="partsHeading"><h3>送信済みメッセージ</h3>
    229238({if !$all})
    230 <p>({$date_val.year})年({$date_val.month})月({if $date_val.day})({$date_val.day})日({/if})</p>
     239<p class="date">({$date_val.year})年({$date_val.month})月({if $date_val.day})({$date_val.day})日({/if})</p>
    231240({/if})
    232241</div>
     
    251260
    252261<table>
    253 <tr>
    254 <th class="icon"></th>
    255 <th class="check">削除</th>
    256 <th class="name">宛先</th>
    257 <th class="subject">件名</th>
    258 <th class="date">日付</th>
     262<col class="status" />
     263<col class="delete" />
     264<col class="target" />
     265<col class="title" />
     266<col class="date" />
     267<tr>
     268<th></th>
     269<th class="delete">削除</th>
     270<th>宛先</th>
     271<th>件名</th>
     272<th>日付</th>
    259273</tr>
    260274({foreach from=$c_message_s_list item=c_message_s})
    261275<tr>
    262 <td class="icon"><img src="({t_img_url_skin filename=icon_mail_3})" alt="" /></td>
    263 <td class="check"><input name="c_message_id[]" value="({$c_message_s.c_message_id})" type="checkbox" class="no_bg" /></td>
    264 <td class="name">({$c_message_s.nickname})</td>
    265 <td class="subject"><a href="({t_url m=pc a=page_h_message})&amp;target_c_message_id=({$c_message_s.c_message_id})&amp;box=outbox">({$c_message_s.subject})</a></td>
    266 <td class="date">({$c_message_s.r_datetime|date_format:"%m月%d日"})</td>
     276<td><span><img src="({t_img_url_skin filename=icon_mail_3})" alt="" /></span></td>
     277<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="({$c_message_s.c_message_id})" /></span></td>
     278<td><span>({$c_message_s.nickname})</span></td>
     279<td><span><a href="({t_url m=pc a=page_h_message})&amp;target_c_message_id=({$c_message_s.c_message_id})&amp;box=outbox">({$c_message_s.subject})</a></span></td>
     280<td><span>({$c_message_s.r_datetime|date_format:"%m月%d日"})</span></td>
    267281</tr>
    268282({/foreach})
     
    273287<div class="operation">
    274288<p><a href="#" onclick="return checkAll();" onkeypress="return checkAll();">全てをチェック</a> / <a href="#" onclick="return clearAll();" onkeypress="return clearAll();">全てのチェックをはずす</a></p>
    275 <p><input type="submit" class="input_submit" value="削 除" /></p>
     289<ul class="moreInfo button">
     290<li><input type="submit" class="input_submit" value="削 除" /></li>
     291</ul>
    276292</div>
    277293
     
    298314<div class="partsHeading"><h3>下書きメッセージ</h3>
    299315({if !$all})
    300 <p>({$date_val.year})年({$date_val.month})月({if $date_val.day})({$date_val.day})日({/if})</p>
     316<p class="date">({$date_val.year})年({$date_val.month})月({if $date_val.day})({$date_val.day})日({/if})</p>
    301317({/if})
    302318</div>
     
    321337
    322338<table>
    323 <tr>
    324 <th class="icon"></th>
    325 <th class="check">削除</th>
    326 <th class="name">宛先</th>
    327 <th class="subject">件名</th>
    328 <th class="date">日付</th>
     339<col class="status" />
     340<col class="delete" />
     341<col class="target" />
     342<col class="title" />
     343<col class="date" />
     344<tr>
     345<th></th>
     346<th class="delete">削除</th>
     347<th>宛先</th>
     348<th>件名</th>
     349<th>日付</th>
    329350</tr>
    330351({foreach from=$c_message_save_list item=c_message_save})
    331352<tr>
    332 <td class="icon"><img src="({t_img_url_skin filename=icon_mail_1})" alt="" /></td>
    333 <td class="check"><input name="c_message_id[]" value="({$c_message_save.c_message_id})" type="checkbox" class="no_bg" /></td>
    334 <td class="name">({$c_message_save.nickname})</td>
    335 <td class="subject"><a href="({t_url m=pc a=page_f_message_send})&amp;target_c_message_id=({$c_message_save.c_message_id})&amp;jyusin_c_message_id=({$c_message_save.hensinmoto_c_message_id})&amp;box=savebox">({$c_message_save.subject})</a></td>
    336 <td class="date">({$c_message_save.r_datetime|date_format:"%m月%d日"})</td>
     353<td><span><img src="({t_img_url_skin filename=icon_mail_1})" alt="" /></span></td>
     354<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="({$c_message_save.c_message_id})" /></span></td>
     355<td><span>({$c_message_save.nickname})</span></td>
     356<td><span><a href="({t_url m=pc a=page_f_message_send})&amp;target_c_message_id=({$c_message_save.c_message_id})&amp;jyusin_c_message_id=({$c_message_save.hensinmoto_c_message_id})&amp;box=savebox">({$c_message_save.subject})</a></span></td>
     357<td><span>({$c_message_save.r_datetime|date_format:"%m月%d日"})</span></td>
    337358</tr>
    338359({/foreach})
     
    343364<div class="operation">
    344365<p><a href="#" onclick="return checkAll();" onkeypress="return checkAll();">全てをチェック</a> / <a href="#" onclick="return clearAll();" onkeypress="return clearAll();">全てのチェックをはずす</a></p>
    345 <p><input type="submit" class="input_submit" value="削 除" /></p>
     366<ul class="moreInfo button">
     367<li><input type="submit" class="input_submit" value="削 除" /></li>
     368</ul>
    346369</div>
    347370
     
    368391<div class="partsHeading"><h3>ごみ箱メッセージ</h3></div>
    369392
     393<div class="pagerRelativeMulti">
     394<p class="icons">
     395<span><img src="({t_img_url_skin filename=icon_mail_2})" alt="受信" />受信</span>
     396<span><img src="({t_img_url_skin filename=icon_mail_3})" alt="送信済み" />送信済み</span>
     397<span><img src="({t_img_url_skin filename=icon_mail_1})" alt="下書き" />下書き</span>
     398</p>
     399<div class="pager">
    370400({capture name=pager})({strip})
    371 <div class="pagerRelative">
    372401({if $trash_data.is_trash_prev})<p class="prev"><a href="({t_url m=pc a=page_h_message_box})&amp;trash_page=({$trash_data.trash_page-1})&amp;box=trash">前を表示</a></p>({/if})
    373402<p class="number">({$total_num})件中 ({$trash_data.trash_page*$page_size-$page_size+1})件~
     
    379408件を表示</p>
    380409({if $trash_data.is_trash_next})<p class="next"><a href="({t_url m=pc a=page_h_message_box})&amp;trash_page=({$trash_data.trash_page+1})&amp;box=trash">次を表示</a></p>({/if})
    381 </div>
    382410({/strip})({/capture})
    383411({$smarty.capture.pager|smarty:nodefaults})
     412</div>
     413</div>
    384414
    385415({t_form_block m=pc a=do_h_message_box_delete_message _attr='name="h_message_box_delete_message"'})
     
    387417
    388418<table>
    389 <tr>
    390 <th class="icon"></th>
    391 <th class="check"></th>
    392 <th class="name">相手</th>
    393 <th class="subject">件名</th>
    394 <th class="date">日付</th>
     419<col class="status" />
     420<col class="delete" />
     421<col class="target" />
     422<col class="title" />
     423<col class="date" />
     424<tr>
     425<th></th>
     426<th class="delete"></th>
     427<th>相手</th>
     428<th>件名</th>
     429<th>日付</th>
    395430</tr>
    396431({foreach from=$c_message_trash_list item=c_message_trash})
    397432<tr>
    398 <td class="icon">({strip})
     433<td><span>({strip})
    399434({if $c_message_trash.c_member_id_to == $u})({* 受信メッセージ *})
    400435    <img src="({t_img_url_skin filename=icon_mail_2})" alt="受信" />
     
    406441    ({/if})
    407442({/if})
    408 ({/strip})</td>
    409 <td class="check"><input name="c_message_id[]" value="({$c_message_trash.c_message_id})" type="checkbox" /></td>
    410 <td class="name">({$c_message_trash.nickname})</td>
    411 <td class="subject"><a href="({t_url m=pc a=page_h_message})&amp;target_c_message_id=({$c_message_trash.c_message_id})&amp;box=trash">({$c_message_trash.subject})</a></td>
    412 <td class="date">({$c_message_trash.r_datetime|date_format:"%m月%d日"})</td>
     443({/strip})</span></td>
     444<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="({$c_message_trash.c_message_id})" /></span></td>
     445<td><span>({$c_message_trash.nickname})</span></td>
     446<td><span><a href="({t_url m=pc a=page_h_message})&amp;target_c_message_id=({$c_message_trash.c_message_id})&amp;box=trash">({$c_message_trash.subject})</a></span></td>
     447<td><span>({$c_message_trash.r_datetime|date_format:"%m月%d日"})</span></td>
    413448</tr>
    414449({/foreach})
    415450</table>
    416451
    417 ({$smarty.capture.pager|smarty:nodefaults})
     452<div class="pagerRelative">
     453({$smarty.capture.pager|smarty:nodefaults})
     454</div>
    418455
    419456<div class="operation">
    420457<p><a href="#" onclick="return checkAll();" onkeypress="return checkAll();">全てをチェック</a> / <a href="#" onclick="return clearAll();" onkeypress="return clearAll();">全てのチェックをはずす</a></p>
    421 <p><input type="submit" class="input_submit" name="move" value="元に戻す" />
    422  <input type="submit" class="input_submit" name="remove" value="削除" /></p>
     458<ul class="moreInfo button">
     459<li><input type="submit" class="input_submit" name="move" value="元に戻す" /></li>
     460<li><input type="submit" class="input_submit" name="remove" value="削除" /></li>
     461</ul>
    423462</div>
    424463
     
    426465
    427466<div class="partsInfo">
    428 <p><img src="({t_img_url_skin filename=icon_mail_2})" alt="受信" /> … 受信
    429  <img src="({t_img_url_skin filename=icon_mail_3})" alt="送信済み" /> … 送信済み
    430  <img src="({t_img_url_skin filename=icon_mail_1})" alt="下書き" /> … 下書き</p>
    431467</div>
    432468</div></div>
Note: See TracChangeset for help on using the changeset viewer.