PumpkinHouseWeb/User.aspx

   1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="User.aspx.cs" Inherits="PumpkinHouse.UserPage" MasterPageFile="~/Site.Master" %>\r
   2 \r
   3 <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">\r
   4     <script type="text/javascript">\r
   5         var globalUsername = '<%= Username %>';\r
   6         var globalCount;\r
   7         function doAction() {\r
   8             globalIsMe = globalLogginUser ? (globalUsername == globalLogginUser) : false;\r
   9             globalInfoHolder = $('#pInfo');\r
  10             globalStatHolder = $('#pStat');\r
  11 \r
  12             renderUser();\r
  13 \r
  14             var displayHolder = $('#displayHolder');\r
  15             displayHolder.empty();\r
  16             var displayTemplate = $('#categoryDisplayTemplate').tmpl(globalUser, { isMe: globalIsMe, isDashboard: false });\r
  17             displayHolder.append(displayTemplate);\r
  18 \r
  19             $('#tabHolder').tabs({\r
  20                 select: function (event, ui) {\r
  21                     var tabName = $(ui.tab).attr('href');\r
  22                     document.location.hash = tabName;\r
  23                     document.location.reload(true);\r
  24                     return false;\r
  25                 },\r
  26                 show: function (event, ui) {\r
  27                     var index = ($(this).tabs('option', 'selected'));\r
  28                     switch (index) {\r
  29                         case 0:\r
  30                             ajaxGetAlbumsOfUser(true, globalUsername, 0, true, 10, initMyAlbumsPagination, handleFault);\r
  31                             break;\r
  32                         case 1:\r
  33                             ajaxGetAlbumsLikedBy(true, globalUsername, 0, initAlbumILikePagination, handleFault);\r
  34                             break;\r
  35                         case 2:\r
  36                             var func;\r
  37                             globalLock = 1;\r
  38                             if (location.search == '?username=' + globalUsername + '&target=pub') {\r
  39                                 func = ajaxGetPicturesOfUser;\r
  40                                 ajaxGetPicturesOfUser(true, globalUsername, 0, function (pics) { renderPictures(pics); }, handleFault);\r
  41                             }\r
  42                             else if (location.search == '?username=' + globalUsername + '&target=col') {\r
  43                                 func = ajaxGetCollectionsOfUser;\r
  44                                 ajaxGetCollectionsOfUser(true, globalUsername, 0, function (pics) { renderPictures(pics); }, handleFault);\r
  45                             }\r
  46                             else {\r
  47                                 func = ajaxGetAllCollectionsOfUser;\r
  48                                 ajaxGetAllCollectionsOfUser(true, globalUsername, 0, function (pics) { renderPictures(pics); }, handleFault);\r
  49                             }\r
  50 \r
  51                             var globalUserCollectionPageNumber = 0;\r
  52 \r
  53                             var holder = $('#myCollections');\r
  54                             holder.scrollLoad({\r
  55                                 ScrollAfterHeight: 99,\r
  56                                 getDataAsync: function (callback) {\r
  57                                     if (globalUserCollectionPageNumber < Math.floor((globalCount - 1) / 20)) {\r
  58                                         globalUserCollectionPageNumber++;\r
  59                                         func(true, globalUsername, globalUserCollectionPageNumber, callback, handleFault);\r
  60                                     }\r
  61                                     else {\r
  62                                         callback(null);\r
  63                                     }\r
  64                                 },\r
  65                                 onload: function (pics) {\r
  66                                     if (pics) {\r
  67                                         var galleryTemplate = $('#galleryTemplate').tmpl({ pictures: pics.list });\r
  68                                         holder.append(galleryTemplate);\r
  69 \r
  70                                         holder.masonry('appended', galleryTemplate, true);\r
  71                                     }\r
  72                                 }\r
  73                             });\r
  74 \r
  75                             break;\r
  76                     }\r
  77 \r
  78                 }\r
  79             });\r
  80 \r
  81             initCreateAlbumDialog('.CreateBoxBtn');\r
  82 \r
  83         }\r
  84     </script>\r
  85 </asp:Content>\r
  86 \r
  87 <asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ScriptContent">\r
  88     <asp:ScriptManagerProxy ID="ScriptManager2" runat="server">\r
  89         <CompositeScript>\r
  90             <Scripts>\r
  91                <asp:ScriptReference Path="/Scripts/albumInclude.js" />\r
  92                <asp:ScriptReference Path="/Scripts/userPage.js" />\r
  93             </Scripts>\r
  94         </CompositeScript>\r
  95     </asp:ScriptManagerProxy>\r
  96 </asp:Content>\r
  97 \r
  98 <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">\r
  99 <div class="PictureCon">\r
 100 <style type="text/css">\r
 101     /*重构UI自带CSS代码*/\r
 102         .ui-corner-all{border-radius:0px; border:none;}\r
 103         .ui-widget-header{background:none; background:#ffffff; border:none;}\r
 104         .ui-corner-al{border:none; background:#FFFFFF}\r
 105         .ui-tabs-selected,.ui-state-active,.ui-state-hover{border:none; background:none; border-radius:0px; margin-top:-2px;}\r
 106         .ui-state-default{border:none; background:none; font-family:'微软雅黑'; color:#28a7ff; font-size:16px;}\r
 107         .ui-state-default a:hover{color:#28a7ff; font-size:16px; background:none;}\r
 108         .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #28a7ff; border-top:2px solid #28a7ff; text-decoration: none; cursor:pointer; margin-top:-2px;}\r
 109 </style>\r
 110 \r
 111     <div class="PictureLeft float_l clearfix">\r
 112         <div id="pInfo"></div>\r
 113         <div id="pStat"></div>\r
 114     </div>\r
 115     <div class="PictureRight float_r clearfix" style="border: 0px solid red; background: none; _overflow:hidden;">\r
 116         <div id="pStuff"></div>\r
 117         <div id="displayHolder"></div>\r
 118         <div id="paginationHolder"></div>\r
 119     </div>\r
 120     <div id="dialogHolder"></div>\r
 121 </div>\r
 122 <div class="hide" style="display:none">\r
 123     <h2><%= Server.HtmlEncode(User.NickName) %></h2>\r
 124     <div>\r
 125         <span>专辑 <%= User.NumberOfAlbums %></span>\r
 126         <span>粉丝 <%= User.NumberOfFans %></span>\r
 127         <span>收纳 <%= User.NumberOfPictures %></span>\r
 128     </div>\r
 129     <div>\r
 130         <% foreach (var picture in User.PictureList)\r
 131            { %>\r
 132            <a href="/picture/<%= picture.PictureId %>">\r
 133             <img class="preview" src="<%=picture.Url %>_80_80_thumbnail.<%= picture.FileExt %>" />\r
 134         </a>\r
 135         <% } %>\r
 136     </div>\r
 137 </div>\r
 138 <!-- #Include virtual="/template/albumTemplate.html" -->\r
 139 <!-- #Include virtual="/template/albumThumbnailTemplate.html" -->\r
 140 <!-- #Include virtual="/template/pictureGalleryTemplate.html" -->\r
 141 <!-- #Include virtual="/template/userTemplate.html" -->\r
 142 <!-- #Include virtual="/template/messageTemplate.html" -->\r
 143 <!-- #Include virtual="/template/replyTemplate.html" -->\r
 144 </asp:Content>\r