PumpkinHouseWeb/template/albumThumbnailTemplate.html

   1 <!-- 用户展示页中专辑列表的缩略图模板 -->
   2 <script id="albumSmallThumbnailTemplate" type="text/x-jQuery-tmpl">
   3    <li><a href="/picture/${id}" target="_blank"><img class="small" src="${url}_80_80_thumbnail.${ext}"/></a></li>
   4 </script>
   5 <script id="albumLargeThumbnailTemplate" type="text/x-jQuery-tmpl">
   6    <li><a href="/picture/${id}" target="_blank"><img class="large" src="${url}_200_200_thumbnail.${ext}"/></a></li>
   7 </script>
   8
   9 <!-- 出现于所有地方的“喜欢”按钮的显示模板 -->
  10 <script id="likeTemplate" type="text/x-jQuery-tmpl">
  11         <li>
  12         {{if !isMe}}
  13             {{if !likedByMe}}
  14                 <input type="button" value=" " class="toLike albumAction" data-album-id="${id}"/>
  15             {{else}}
  16                 <input type="button" value=" " class="like albumAction" data-album-id="${id}"/>
  17             {{/if}}
  18             {{/if}}
  19                 </li>
  20             <li><span class="ColorC1"><span id="numOfLike">${numberOfLike}</span>人喜欢</span></li>
  21 </script>
  22
  23 <!-- 用于用户展示页的专辑列表 我/TA的盒子 -->
  24 <script id="albumListTemplate" type="text/x-jQuery-tmpl">
  25 <div class="myLoveBoxPic" data-album-id="${id}">
  26         <div class="topTitle">
  27         <ul class="float_l">
  28                 <li><span class="ColorAacd60">{{tmpl({id: id, username: username, name: name})  "#albumLinkTemplate"}}</span></li>
  29             <li>${numberOfPic}个收纳</li>
  30         </ul>
  31         <ul class="float_r">
  32             <li>{{if $item.isMe}}[<a href="javascript:void(0)" class="editAlbumBtn" data-album-id="${id}">编辑</a>][<a href="javascript:void(0)" class="deleteAlbumBtn" data-album-id="${id}">删除</a>]{{/if}}
  33             </li>
  34                         {{tmpl({isMe: $item.isMe, id: id, numberOfLike: numberOfLike, likedByMe:likedByMe}) "#likeTemplate"}}
  35         </ul>
  36     </div>
  37     <div class="BoxDescription textOver">
  38         {{if description}}
  39             ${description}
  40         {{else}}
  41             介绍都木有，此盒奇懒
  42         {{/if}}
  43     </div>
  44     <div class="picList">
  45         <ul>
  46             {{if largePictureList}}
  47                 {{tmpl(largePictureList) '#albumLargeThumbnailTemplate'}}
  48             {{/if}}
  49             {{if smallPictureList}}
  50                 {{tmpl(smallPictureList) '#albumSmallThumbnailTemplate'}}
  51             {{/if}}
  52         </ul>
  53     </div>
  54 </div>
  55 </script>
  56
  57 <script id="deleteAlbumConfirmMessageTemplate" type="text/x-jQuery-tmpl">
  58 <div>
  59   <div class="deleteAlbumConfirmMessage">
  60     <div class="ps">确认要删除这个盒子？</div>
  61     <div class="checkBtn">
  62         <ul>
  63             <li> <input type="radio" name="toDelete" value="keepPic" checked/></li>
  64             <li> 只删除盒子，里面图片转移到未分类</li>
  65         </ul>
  66         <ul>
  67             <li> <input type="radio" name="toDelete" value="deleteAll"/></li>
  68             <li> 删除盒子以及里面的图片</li>
  69         </ul>
  70     </div>
  71   </div>
  72 </div>
  73 </script>
  74
  75 <!-- 专辑页的编辑模板 -->
  76 <script id="editAlbumDialogTemplate" type="text/x-jQuery-tmpl">
  77     <div class="CreateBox" style="width:360px; height:220px; border:#c1c1c1 0px solid; overflow:hidden;">
  78         <form id="editAlbumForm">
  79             <h1 class="clearfix">编辑盒子</h1>
  80                 <table width="320" border="0" cellspacing="5" cellpadding="5">
  81                   <tr>
  82                     <td width="70"><div align="right">盒子名</div></td>
  83                     <td width="250"><input type="text" id="newAlbumName" value="${name}" class="Box1 Rounded"></td>
  84                   </tr>
  85                   <tr>
  86                     <td valign="top"><div align="right">描述</div></td>
  87                     <td><textarea id="newComment" class="Rounded ms">${description}</textarea></td>
  88                   </tr>
  89                   <tr>
  90                     <td colspan=2><input type="button" id="editAlbumBtn" value=" " class="editAlbumBtn WebSure" style="margin-left:110px;"/></td>
  91                   </tr>
  92                 </table>
  93         </form>
  94     </div>
  95 </script>