lw-render.coffee

1 window.renderWatch = () ->
2 setTimeout(() ->
3 updtRealTime()
4 renderWatch()
5 , 500)
6
7 window.renderRecents = () ->
8 e = renderEventYear(recents)
9 $('#recents').html(e)
10 prepareRemoveEventClick()
11
12 window.renderEvents = () ->
13 e = ''
14 e += '<div id="select_avatar">'
15 e += renderEventsAvatar(0)
16 e += '</div>'
17 e += '<div id="select_age">'
18 e += renderEventsAge(avatars[viewer.avatar_id])
19 e += '</div>'
20 e += "<input id=\"event_title\" value=\"#{}\" />。<br />"
21 e += "<input id=\"do_add_event\" type=\"submit\" value=\"追加\" style=\"float:right;\" />"
22 for year in event_year_keys
23 e += '<h3>' + year + '年</h3>'
24 e += '<div align="center"><img src="/assets/sp/border_1.png" width="294px" height="7px" /></div>'
25 e += '<div id="events_year_' + year + '">'
26 e += renderEventYear(events[year])
27 e += '</div>'
28 $('#events_inputs').html(e)
29 $('#is_public_0').attr('checked', true)
30 $("#select_age select").change(() ->
31 age = Math.floor($("#select_age").val())
32 $('#select_avatar').html(renderEventsAvatar(age))
33 )
34 $("#select_avatar select").change(() ->
35 avatar = avatars[Math.floor($("#select_avatar select").val())]
36 $('#select_age').html(renderEventsAge(avatar))
37 )
38 prepareRemoveEventClick()
39 prepareAddEventClick()
40
41 window.renderEventYear = (event_years) ->
42 e = ''
43 for event in event_years
44 e += "<div class=\"event\">"
45 e += "<div class=\"left\">"
46 avatar = avatars[event.avatar_id]
47 e += renderAvatar(avatar)
48 e += "</div>"
49 e += "<div class=\"main\">"
50 e += "#{event.title} "
51 e += "</div>"
52 e += "<div class=\"right\">"
53 #e += "<img src=\"/assets/sp/iine_btn.png\" width=\"27px\" /><br />"
54 e += "#{event.year}年"
55 if event.mixi_uid == viewer.uid
56 e += "<br /><a href=\"##{event.id}\" class=\"remove_event\">削除</a>"
57 e +="</div>"
58 e += "</div>"
59 e += "</div>"
60 e += "<div align=\"center\"><img src=\"/assets/sp/border_2.png\" width=\"305px\" height=\"2px\" /></div>"
61 return e
62
63 window.renderAvatarAge = (avatar, vage) ->
64 e = ''
65 e += "<div class=\"event\">"
66 e += "<div class=\"left\">"
67 e += renderAvatar(avatar)
68 e += "</div>"
69 e += "<div class=\"main\">"
70
71 age = vage + Math.floor(viewer.birthday.split('-')[0]) - avatar.year
72 if age == 0
73 e += "#{avatar.display_name}さんが産まれました！ "
74 else if age > 0
75 e += "#{avatar.display_name}さんが#{age}歳に "
76 else
77 e += "#{avatar.display_name}さんが産まれるまであと#{-age}年"
78 e += "</div>"
79 e += "</div>"
80 e += "</div>"
81 e += "<div align=\"center\"><img src=\"/assets/sp/border_2.png\" width=\"305px\" height=\"2px\" /></div>"
82 return e
83
84 window.renderEventsAvatar = (i) ->
85 e = ''
86 e += '<select>'
87 for id, avatar of avatars
88 e += "<option value=\"#{avatar['id']}\" >"
89 if avatar['img_id'] == 0
90 e += "#{avatar['display_name']}(マイミク公開)</option>"
91 else
92 e += "#{avatar['display_name']}(非公開)</option>"
93 e += '</select>が'
94 return e
95
96 window.renderEventsAge = (avatar) ->
97 e = '<select>'
98 for i in [0..79]
99 i2 = getDispAge(i)
100 e += '<option value="' + i + '">' + (avatar['year'] + i) + '年(' + i2+ '歳)</option>'
101 e += '</select>の時に<br />'
102 return e
103
104 window.renderAvatars = () ->
105 e = ''
106 for id, avatar of avatars
107 e += '<div style="clear:both;">'
108 e += '<div style="float:left;">'
109 e += renderAvatar(avatar)
110 e += '</div>'
111 if avatar.img_id != 0
112 e += '<div style="float:right;">'
113 e += "<a href=\"##{avatar.id}\" class=\"remove_avatar\">削除</a>"
114 e += '</div>'
115 e += '<div>'
116 e += '<div style="clear:both;"></div>'
117 $('#viewer_avatars').html(e)
118 prepareRemoveAvatarClick()
119
120 window.renderAvatar = (avatar) ->
121 e = ''
122 if avatar.img_id == 0
123 e += "<img src=\"#{mixis[avatar.mixi_uid].thumbnail_url}\" width=\"50px\" />"
124 else
125 e += "<img src=\"/assets/avatars/#{avatar.img_id}.jpg\" width=\"50px\" />"
126 e += "#{avatar.display_name}"
127 return e
128
129 window.renderFriends = () ->
130 $("#friends .mixis").html(
131 renderFriendCommon(
132 'アプリを入れているマイミク',
133 mixi_apps
134 )
135 )
136
137 window.renderFriendNoapps = () ->
138 $("#friends .noapps").html(
139 renderFriendCommon(
140 'アプリを入れていないマイミク',
141 mixi_noapps
142 )
143 )
144
145 window.renderFriendCommon = (title, friends) ->
146 e = ""
147 e += "<h3>#{title}</h3>"
148 e += '<div align="center"><img src="/assets/sp/border_1.png" width="294px" height="7px" /></div>'
149 e += '<div class="friend_list">'
150 i = 0
151 for f in friends
152 if f.uid != viewer.uid
153 e += '<div>'
154 e += "<a href=\"#{f.profile_url}\" target=\"_blank\"><img src=\"#{f.thumbnail_url}\" alt=\"#{f.display_name}\" /></a>"
155 e += "<div>#{f.display_name}</div>"
156 e += "</div>"
157 i = i + 1
158 if i != 0 && i%5 == 0
159 e += '<div style="clear:both;"></div>'
160 e += '</div>'