root/events/phpframework/piece_framework/trunk/web/frontend/webapp/templates/Self/Form.html @ 15526

<div id="wrapper">
  <div id="main">
    <form id="StatusUpdate" name="StatusUpdate"
          onsubmit="if( $('status').value.length > 140 ) { alert('That update is over 140 characters!'); return false;}; new Ajax.Request('/status/update', { asynchronous:true, evalScripts:true, requestHeaders: { Accept: 'application/x-piece-html-fragment'}, onComplete: function(transport){ $('timeline_table').insert({ top: transport.responseText }); $('status').value = '';updateStatusTextCharCounter($('status').value);$('status').focus();},parameters: Form.serialize(this) }); return false;">
      <div id="post">
        <span class="whatdoing">イマナニシテル？</span>
        <span class="textCount" id="js_textcount">140</span>
        <textarea
            onkeyup="return updateStatusTextCharCounter(this.value, event);"
            onfocus="return updateStatusTextCharCounter(this.value, event);"
            onblur="return updateStatusTextCharCounter(this.value, event);"
            class="message" name="status" id="status"></textarea>
        <p class="btn btnSpace">
          <input name="commit" id="commit" class="formBtn" type="button" value="つぶやく" p:event="update" onclick="$('StatusUpdate').onsubmit();" />
        </p>
      </div>
    </form>

    <ul class="tabNav">
      <li><a href="/home" class="{tab.home}">みんなのつぶやき</a></li>
      <li><a href="/replies"  class="{tab.replies}">あなた宛のつぶやき</a></li>
      <li><a href="/account/archive" class="{tab.archive}">あなたのつぶやき</a></li>
      <li><a href="/public_timeline" class="{tab.public_timeline}">公開つぶやき</a></li>
    </ul>

    <div id="timeline">
      <table class="statuslist" id="timeline_table">
        
        <tr foreach="statusList" as="status">
          <td class="friendicon">
            <img src="/profile_images/{status.userId}/{status.imageNormal}" id="profile-image" alt="{status.userName}" class="friendicon" if="status.image" />
            <img src="/profile_images/default_profile_normal.png" id="profile-image" alt="Default_profile_normal" class="friendicon" if="!status.image" />
          </td>
          <td class="status">
            <a href="/{status.userName}" key="status.userName">username</a>

            <span class="murmur" key="status.comment">
              <a href="#replySample">@hogehoge</a> 漢字、ひらがな、カタカナ、数字の123、Alphabetが混ざったサンプルテキストです。
            </span>

            <span>
              <a href="/{user.userName}/statuses/{status.statusId}"  key="status.createdAt">YYYY-MM-DD hh:mm:ss</a>
            </span>

          </td>
          <td class="action">
            <a title="Reply to {status.userName}"
               onclick="replyTo('{status.userName}');"
               href="#"
               if="status.userId != self.id">
              <img src="/img/share/reply_icon.gif" alt="Reply" class="icon16" />
            </a>

            <a title="Delete this update?"
               onclick="if (confirm('削除してもよいですか？取り消しできません！')) { return true; } else { return false;}"
               href="/status/destroy/{status.statusId}"
               if="status.userId == self.id">
              <img src="/img/share/trash_icon.gif" alt="Delete" class="icon16" />
            </a>
          </td>
        </tr>

      </table>

      <p class="paraR bottombtn" if="user.hasNextPage()"><a href="?page={olderPage}">前へ</a></p>
      <p class="paraR bottombtn" if="newerPage > 0"><a href="?page={newerPage}">後へ</a></p>
      <p class="paraL bottombtn"><a href="#rss">RSS</a></p>
    <!-- / #timeline --></div>
  <!-- / #main --></div>
<!-- / #wrapper --></div>

<div id="sub">
  <div class="subsection_title">
    <h3>プロフィール</h3>
  </div>

  <div class="subsection_body">
    <address>
      <ul class="about vcard entry-author">
        <li><span class="label">名前</span> <span class="fn" key="user.userName">username</span></li>
      </ul>
    </address>
  </div>

  <div class="subsection_title">
    <h3>ステータス</h3>
  </div>
  <div class="subsection_body">
    <ul class="status">
      <li>
        <span class="label"><a href="/friends">このユーザーがフォロー</a></span>
        <span key="user.countFriends()">999</span>
      </li>
      <li>
        <span class="label"><a href="/followers">このユーザーをフォロー</a></span>
        <span key="user.countFollowers()">999</span>
      </li>
      <li>
        <span class="label"><a href="/account/archive">これまでの投稿</a></span>
        <span key="user.countArchives()">999</span>
      </li>
    </ul>
  </div>

  <div class="subsection_body">
    <div if="self.countFriendRequests()">
      <a href="/friend_requests">新しいフォロー<span key="self.countFriendRequests()">0</span>件！</a>
    </div>

    <span class="vcard" foreach="user.listFriendsImage()" as="friend">
      <a href="/{friend.userName}">
        <img height="24" width="24" src="/profile_images/{friend.id}/{friend.imageMini}" alt="{friend.username}" id="profile-image" class="photo fn" if="friend.image" />
        <img height="24" width="24" src="/profile_images/default_profile_mini.png" alt="{friend.username}" id="profile-image" class="photo fn" if="!friend.image" />
      </a>
    </span>
  </div>

</div>
<!-- / #sub -->

<script type="text/javascript">
Event.observe(window, 'load', function() {
  jQuery('span.murmur').each(function() {
      $(this).innerHTML = replace_name_to_link($(this).innerHTML);
      $(this).innerHTML = replace_url_to_link($(this).innerHTML);
  });

  $('status').focus();
  updateStatusTextCharCounter($('status').value);
});
</script>

<script type="text/javascript">
</script>